/*! tailwindcss v4.1.2 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        #celebratix *,#celebratix :before,#celebratix :after,#celebratix ::backdrop {
            --tw-rotate-x:rotateX(0);
            --tw-rotate-y: rotateY(0);
            --tw-rotate-z: rotateZ(0);
            --tw-skew-x: skewX(0);
            --tw-skew-y: skewY(0);
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial
        }
    }
}

@layer theme;@layer base {
    @font-face {
        font-family: Inter var;
        src: url(https://shop.celebratix.io/fonts/Inter-Variable.woff2)format("woff2")
    }
}

@layer components;@layer utilities {
    :root {
 background: #de0076;
background: radial-gradient(circle, rgba(222, 0, 118, 1) 15%, rgba(0, 0, 0, 1) 54%, rgba(0, 0, 0, 1) 88%);
        --clbtx-hide-event-header: false;
        --clbtx-hide-event-footer: false
    }
}

:root,#celebratix :host {
    --color-red-500: oklch(63.7% .237 25.331);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-sm: 40rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5 ;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --blur-sm: 8px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
    --default-font-family: var(--font-sans);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --font-sans: "Inter var",sans-serif;
    --font-sans--font-variation-settings: "opsz" 14;
    --color-clbtx-events-bg-color: var(--clbtx-events-background-color);
    --color-clbtx-bg-color: var(--clbtx-background-color);
    --animate-bgshimmer: bgshimmer 28s ease infinite
}

#celebratix *,#celebratix :after,#celebratix :before,#celebratix ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

#celebratix ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

#celebratix,#celebratix :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings,normal);
    font-variation-settings: var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color: transparent
}

#celebratix hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

#celebratix abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

#celebratix h1,#celebratix h2,#celebratix h3,#celebratix h4,#celebratix h5,#celebratix h6 {
    font-size: inherit;
    font-weight: inherit
}

#celebratix a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
}

#celebratix b,#celebratix strong {
    font-weight: bolder
}

#celebratix code,#celebratix kbd,#celebratix samp,#celebratix pre {
    font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
    font-feature-settings: var(--default-mono-font-feature-settings,normal);
    font-variation-settings: var(--default-mono-font-variation-settings,normal);
    font-size: 1em
}

#celebratix small {
    font-size: 80%
}

#celebratix sub,#celebratix sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

#celebratix sub {
    bottom: -.25em
}

#celebratix sup {
    top: -.5em
}

#celebratix table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

#celebratix :-moz-focusring {
    outline: auto
}

#celebratix progress {
    vertical-align: baseline
}

#celebratix summary {
    display: list-item
}

#celebratix ol,#celebratix ul,#celebratix menu {
    list-style: none
}

#celebratix img,#celebratix svg,#celebratix video,#celebratix canvas,#celebratix audio,#celebratix iframe,#celebratix embed,#celebratix object {
    vertical-align: middle;
    display: block
}

#celebratix img,#celebratix video {
    max-width: 100%;
    height: auto
}

#celebratix button,#celebratix input,#celebratix select,#celebratix optgroup,#celebratix textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
}

#celebratix ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
}

#celebratix :where(select:is([multiple],[size])) optgroup {
    font-weight: bolder
}

#celebratix :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px}

#celebratix ::file-selector-button {
    margin-inline-end:4px}

#celebratix ::placeholder {
    opacity: 1
}

@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size:1px) {
    #celebratix ::placeholder {
        color:currentColor
    }

    @supports (color: color-mix(in lab,red,red)) {
        #celebratix ::placeholder {
            color:color-mix(in oklab,currentcolor 50%,transparent)
        }
    }
}

#celebratix textarea {
    resize: vertical
}

#celebratix ::-webkit-search-decoration {
    -webkit-appearance: none
}

#celebratix ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
}

#celebratix ::-webkit-datetime-edit {
    display: inline-flex
}

#celebratix ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

#celebratix ::-webkit-datetime-edit {
    padding-block:0}

#celebratix ::-webkit-datetime-edit-year-field {
    padding-block:0}

#celebratix ::-webkit-datetime-edit-month-field {
    padding-block:0}

#celebratix ::-webkit-datetime-edit-day-field {
    padding-block:0}

#celebratix ::-webkit-datetime-edit-hour-field {
    padding-block:0}

#celebratix ::-webkit-datetime-edit-minute-field {
    padding-block:0}

#celebratix ::-webkit-datetime-edit-second-field {
    padding-block:0}

#celebratix ::-webkit-datetime-edit-millisecond-field {
    padding-block:0}

#celebratix ::-webkit-datetime-edit-meridiem-field {
    padding-block:0}

#celebratix :-moz-ui-invalid {
    box-shadow: none
}

#celebratix button,#celebratix input:where([type=button],[type=reset],[type=submit]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

#celebratix ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

#celebratix ::-webkit-inner-spin-button {
    height: auto
}

#celebratix ::-webkit-outer-spin-button {
    height: auto
}

#celebratix [hidden]:where(:not([hidden=until-found])) {
    display: none!important
}

#celebratix .pointer-events-none {
    pointer-events: none
}

#celebratix .invisible {
    visibility: hidden
}

#celebratix .visible {
    visibility: visible
}

#celebratix .absolute {
    position: absolute
}

#celebratix .fixed {
    position: fixed
}

#celebratix .relative {
    position: relative
}

#celebratix .static {
    position: static
}

#celebratix .sticky {
    position: sticky
}

#celebratix .inset-0 {
    inset: calc(var(--spacing)*0)
}

#celebratix .top-0 {
    top: calc(var(--spacing)*0)
}

#celebratix .top-3 {
    top: calc(var(--spacing)*3)
}

#celebratix .right-3 {
    right: calc(var(--spacing)*3)
}

#celebratix .z-50 {
    z-index: 50
}

#celebratix .z-100 {
    z-index: 100
}

#celebratix .container {
    width: 100%
}

@media (min-width: 40rem) {
    #celebratix .container {
        max-width:40rem
    }
}

@media (min-width: 48rem) {
    #celebratix .container {
        max-width:48rem
    }
}

@media (min-width: 64rem) {
    #celebratix .container {
        max-width:64rem
    }
}

@media (min-width: 80rem) {
    #celebratix .container {
        max-width:80rem
    }
}

@media (min-width: 96rem) {
    #celebratix .container {
        max-width:96rem
    }
}

#celebratix .mx-6 {
    margin-inline:calc(var(--spacing)*6)}

#celebratix .mb-6 {
    margin-bottom: calc(var(--spacing)*6)
}

#celebratix .contents {
    display: contents
}

#celebratix .flex {
    display: flex
}

#celebratix .hidden {
    display: none
}

#celebratix .aspect-square {
    aspect-ratio: 1
}

#celebratix .h-0\.5 {
    height: calc(var(--spacing)*.5)
}

#celebratix .h-2 {
    height: calc(var(--spacing)*2)
}

#celebratix .h-3 {
    height: calc(var(--spacing)*3)
}

#celebratix .h-4 {
    height: calc(var(--spacing)*4)
}

#celebratix .h-5 {
    height: calc(var(--spacing)*5)
}

#celebratix .h-6 {
    height: calc(var(--spacing)*6)
}

#celebratix .h-7 {
    height: calc(var(--spacing)*7)
}

#celebratix .h-8 {
    height: calc(var(--spacing)*8)
}

#celebratix .h-9 {
    height: calc(var(--spacing)*9)
}

#celebratix .h-10 {
    height: calc(var(--spacing)*10)
}

#celebratix .h-11 {
    height: calc(var(--spacing)*11)
}

#celebratix .h-14 {
    height: calc(var(--spacing)*14)
}

#celebratix .h-\[1px\] {
    height: 1px
}

#celebratix .h-\[40px\] {
    height: 40px
}

#celebratix .h-\[44px\] {
    height: 44px
}

#celebratix .h-\[48px\] {
    height: 48px
}

#celebratix .h-\[360px\] {
    height: 360px
}

#celebratix .h-full {
    height: 100%
}

#celebratix .max-h-\[300px\] {
    max-height: 300px
}

#celebratix .max-h-\[calc\(100vh-128px\)\] {
    max-height: calc(100vh - 128px)
}

#celebratix .max-h-none {
    max-height: none
}

#celebratix .min-h-4 {
    min-height: calc(var(--spacing)*4)
}

#celebratix .min-h-16 {
    min-height: calc(var(--spacing)*16)
}

#celebratix .w-0\.5 {
    width: calc(var(--spacing)*.5)
}

#celebratix .w-1\/2 {
    width: 50%
}

#celebratix .w-2 {
    width: calc(var(--spacing)*2)
}

#celebratix .w-3 {
    width: calc(var(--spacing)*3)
}

#celebratix .w-5 {
    width: calc(var(--spacing)*5)
}

#celebratix .w-6 {
    width: calc(var(--spacing)*6)
}

#celebratix .w-8 {
    width: calc(var(--spacing)*8)
}

#celebratix .w-11 {
    width: calc(var(--spacing)*11)
}

#celebratix .w-14 {
    width: calc(var(--spacing)*14)
}

#celebratix .w-\[40px\] {
    width: 40px
}

#celebratix .w-\[48px\] {
    width: 48px
}

#celebratix .w-auto {
    width: auto
}
#celebratix .w-full {
 width: 100%
    }

#celebratix .max-w-\(--breakpoint-sm\) {
    max-width: var(--breakpoint-sm)
}

#celebratix .max-w-none {
    max-width: none
}

#celebratix .min-w-4 {
    min-width: calc(var(--spacing)*4)
}

#celebratix .min-w-5 {
    min-width: calc(var(--spacing)*5)
}

#celebratix .min-w-6 {
    min-width: calc(var(--spacing)*6)
}

#celebratix .min-w-7 {
    min-width: calc(var(--spacing)*7)
}

#celebratix .min-w-8 {
    min-width: calc(var(--spacing)*8)
}

#celebratix .min-w-10 {
    min-width: calc(var(--spacing)*10)
}

#celebratix .min-w-12 {
    min-width: calc(var(--spacing)*12)
}

#celebratix .min-w-24 {
    min-width: calc(var(--spacing)*24)
}

#celebratix .min-w-\[72px\] {
    min-width: 72px
}

#celebratix .flex-1 {
    flex: 1
}

#celebratix .transform {
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}

#celebratix .animate-bgshimmer {
    animation: var(--animate-bgshimmer)
}

#celebratix .animate-pulse {
    animation: var(--animate-pulse)
}

#celebratix .cursor-pointer {
    cursor: pointer
}

#celebratix .appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#celebratix .flex-col {
    flex-direction: column
}

#celebratix .flex-row {
    flex-direction: row
}

#celebratix .flex-row-reverse {
    flex-direction: row-reverse
}

#celebratix .flex-wrap {
    flex-wrap: wrap
}

#celebratix .flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

#celebratix .items-center {
    align-items: center
}

#celebratix .items-end {
    align-items: flex-end
}

#celebratix .items-start {
    align-items: flex-start
}

#celebratix .justify-between {
    justify-content: space-between
}

#celebratix .justify-center {
    justify-content: center
}

#celebratix .justify-end {
    justify-content: flex-end
}

#celebratix .gap-0\.5 {
    gap: calc(var(--spacing)*.5)
}

#celebratix .gap-1 {
    gap: calc(var(--spacing)*1)
}

#celebratix .gap-1\.5 {
    gap: calc(var(--spacing)*1.5)
}

#celebratix .gap-2 {
    gap: calc(var(--spacing)*2)
}

#celebratix .gap-3 {
    gap: calc(var(--spacing)*3)
}

#celebratix .gap-4 {
    gap: calc(var(--spacing)*4)
}

#celebratix .gap-6 {
    gap: calc(var(--spacing)*6)
}

#celebratix .gap-8 {
    gap: calc(var(--spacing)*8)
}

#celebratix .gap-10 {
    gap: calc(var(--spacing)*10)
}

#celebratix .gap-\[2px\] {
    gap: 2px
}

#celebratix .overflow-hidden {
    overflow: hidden
}

#celebratix .overflow-y-auto {
    overflow-y: auto
}

#celebratix .rounded-2xl {
    border-radius: var(--radius-2xl)
}

#celebratix .rounded-\[1px\] {
    border-radius: 1px
}

#celebratix .rounded-\[10px\] {
    border-radius: 10px
}

#celebratix .rounded-\[20px\] {
    border-radius: 20px
}

#celebratix .rounded-full {
    border-radius: 3.40282e38px
}

#celebratix .rounded-lg {
    border-radius: var(--radius-lg)
}

#celebratix .rounded-md {
    border-radius: var(--radius-md)
}

#celebratix .rounded-xl {
    border-radius: var(--radius-xl)
}

#celebratix .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl)
}

#celebratix .bg-\[\#10B981\] {
    background-color: #10b981
}

#celebratix .bg-\[\#34d39933\] {
    background-color: #34d39933
}

#celebratix .bg-\[\#00000052\] {
    background-color: #00000052
}

#celebratix .bg-\[\#00000066\] {
    background-color: #0006
}

#celebratix .bg-\[\#15161E\] {
    background-color: #15161e
}

#celebratix .bg-\[\#FFFFFF0A\] {
    background-color: #ffffff0a
}

#celebratix .bg-\[\#FFFFFF1A\] {
    background-color: #ffffff1a
}

#celebratix .bg-\[\#FFFFFF1F\] {
    background-color: #ffffff1f
}

#celebratix .bg-\[\#FFFFFF14\] {
    background-color: #ffffff14
}

#celebratix .bg-\[\#FFFFFF33\] {
    background-color: #fff3
}

#celebratix .bg-\[\#FFFFFF66\] {
    background-color: #fff6
}

#celebratix .bg-\[\#ffffff0a\] {
    background-color: #ffffff0a
}

#celebratix .bg-\[\#ffffff1a\] {
    background-color: #ffffff1a
}

#celebratix .bg-\[\#ffffff14\] {
    background-color: #ffffff14
}

#celebratix .bg-\[\#ffffff33\] {
    background-color: #fff3
}

#celebratix .bg-clbtx-bg-color {
    background-color: var(--color-clbtx-bg-color)
}

#celebratix .bg-clbtx-events-bg-color {
    background-color: var(--color-clbtx-events-bg-color)
}

#celebratix .bg-transparent {
    background-color: #0000
}

#celebratix .bg-white {
    background-color: var(--color-white)
}

#celebratix .object-cover {
    object-fit: cover
}

#celebratix .object-center {
    object-position: center
}

#celebratix .p-0 {
    padding: calc(var(--spacing)*0)
}

#celebratix .p-0\.5 {
    padding: calc(var(--spacing)*.5)
}

#celebratix .p-1 {
    padding: calc(var(--spacing)*1)
}

#celebratix .p-1\.5 {
    padding: calc(var(--spacing)*1.5)
}

#celebratix .p-2\.5 {
    padding: calc(var(--spacing)*2.5)
}

#celebratix .p-2 {
    padding: calc(var(--spacing)*2)
}

#celebratix .p-3 {
    padding: calc(var(--spacing)*3)
}

#celebratix .p-4 {
    padding: calc(var(--spacing)*4)
}

#celebratix .p-5 {
    padding: calc(var(--spacing)*5)
}

#celebratix .p-6 {
    padding: calc(var(--spacing)*6)
}

#celebratix .px-0\.5 {
    padding-inline: calc(var(--spacing)*.5)
}

#celebratix .px-1 {
    padding-inline: calc(var(--spacing)*1)
}

#celebratix .px-1\.5 {
    padding-inline: calc(var(--spacing)*1.5)
}

#celebratix .px-2 {
    padding-inline:calc(var(--spacing)*2)}

#celebratix .px-3 {
    padding-inline: calc(var(--spacing)*3)
}

#celebratix .px-4 {
    padding-inline:calc(var(--spacing)*4)}

#celebratix .px-5 {
    padding-inline: calc(var(--spacing)*5)
}

#celebratix .px-6 {
    padding-inline:calc(var(--spacing)*6)}

#celebratix .py-0\.5 {
    padding-block: calc(var(--spacing)*.5)
}

#celebratix .py-1 {
    padding-block: calc(var(--spacing)*1)
}

#celebratix .py-1\.5 {
    padding-block: calc(var(--spacing)*1.5)
}

#celebratix .py-2\.5 {
    padding-block: calc(var(--spacing)*2.5)
}

#celebratix .py-2 {
    padding-block:calc(var(--spacing)*2)}

#celebratix .py-3 {
    padding-block: calc(var(--spacing)*3)
}

#celebratix .py-4 {
    padding-block:calc(var(--spacing)*4)}

#celebratix .py-6 {
    padding-block: calc(var(--spacing)*6)
}

#celebratix .py-10 {
    padding-block:calc(var(--spacing)*10)}

#celebratix .pt-8 {
    padding-top: calc(var(--spacing)*8)
}

#celebratix .pt-10 {
    padding-top: calc(var(--spacing)*10)
}

#celebratix .pr-3 {
    padding-right: calc(var(--spacing)*3)
}

#celebratix .pb-6 {
    padding-bottom: calc(var(--spacing)*6)
}

#celebratix .pl-4 {
    padding-left: calc(var(--spacing)*4)
}

#celebratix .text-center {
    text-align: center
}

#celebratix .text-left {
    text-align: left
}

#celebratix .text-right {
    text-align: right
}

#celebratix .text-start {
    text-align: start
}

#celebratix .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading,var(--text-2xl--line-height))
}

#celebratix .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height))
}

#celebratix .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height))
}

#celebratix .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height))
}

#celebratix .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height))
}

#celebratix .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height))
}

#celebratix .text-\[8px\] {
    font-size: 8px
}

#celebratix .text-\[10px\] {
    font-size: 10px
}

#celebratix .leading-none {
    --tw-leading: 1;
    line-height: 1
}

#celebratix .font-medium {
      font-size: 19px

}

#celebratix .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}

#celebratix .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}

#celebratix .text-balance {
    text-wrap: balance
}

#celebratix .text-\[\#9D9FAE\] {
    color: #9d9fae
}

#celebratix .text-\[\#10B981\] {
    color: #10b981
}

#celebratix .text-\[\#131822\] {
    color: #131822
}

#celebratix .text-\[\#E7E4E6\] {
    color: #e7e4e6
}

#celebratix .text-\[\#F43F5E\] {
    color: #f43f5e
}

#celebratix .text-\[\#F59E0B\] {
    color: #f59e0b
}

#celebratix .text-\[\#FFFFFF66\] {
    color: #fff6
}

#celebratix .text-\[\#FFFFFF99\] {
    color: #ffd000
}

#celebratix .text-\[\#FFFFFFCC\] {
    color: #fffc
}

#celebratix .text-\[\#FFFFFF\],#celebratix .text-\[\#FFF\] {
    color: #fff;
}

#celebratix .text-\[\#ffffff66\] {
    color: #fff6
}

#celebratix .text-\[\#ffffff99\] {
    color: #fff9
}

#celebratix .text-\[\#ffffffe6\] {
    color: #ffffffe6
}

#celebratix .text-black {
    color: var(--color-black)
}

#celebratix .text-red-500 {
    color: var(--color-red-500)
}

#celebratix .text-white {
    color: var(--color-white)
}

#celebratix .uppercase {
    text-transform: uppercase
}

#celebratix .underline {
    text-decoration-line: underline
}

#celebratix .opacity-0 {
    opacity: 0
}

#celebratix .opacity-50 {
    opacity: .5
}

#celebratix .opacity-100 {
    opacity: 1
}

#celebratix .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#celebratix .outline-hidden {
    --tw-outline-style: none;
    outline-style: none
}

@media (forced-colors:active) {
    #celebratix .outline-hidden {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

#celebratix .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
}

#celebratix .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px
}

#celebratix .outline-\[\#34d39933\] {
    outline-color: #34d39933
}

#celebratix .outline-\[\#ffffff33\] {
    outline-color: #fff3
}

#celebratix .blur-\[100px\] {
    --tw-blur: blur(100px);
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#celebratix .filter {
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#celebratix .backdrop-blur-3xl {
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

#celebratix .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

#celebratix .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

#celebratix .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#celebratix .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
}

#celebratix .peer-checked\:flex:is(:where(.peer):checked~*) {
    display: flex
}

#celebratix .placeholder\:text-\[\#FFFFFF66\]::placeholder {
    color: #fff6
}

#celebratix .checked\:bg-white:checked {
    background-color: var(--color-white)
}

@media (hover: hover) {
    #celebratix .hover\:cursor-pointer:hover {
        cursor:pointer
    }

    #celebratix .hover\:bg-\[\#FFFFFF33\]:hover {
        background-color: #fff3
    }

    #celebratix .hover\:opacity-80:hover {
        opacity: .8
    }

    #celebratix .hover\:backdrop-opacity-80:hover {
        --tw-backdrop-opacity: opacity(80%);
        -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }
}

#celebratix .focus\:z-10:focus {
    z-index: 10
}

#celebratix .disabled\:cursor-auto:disabled {
    cursor: auto
}

#celebratix .disabled\:cursor-default:disabled {
    cursor: default
}

#celebratix .disabled\:bg-\[\#FFFFFF14\]:disabled {
    background-color: #ffffff14
}

#celebratix .disabled\:opacity-50:disabled {
    opacity: .5
}

@media (min-width: 40rem) {
    #celebratix .sm\:h-18 {
        height:120px;
    }

    #celebratix .sm\:w-18 {
        width: 120px;
    }

    #celebratix .sm\:items-center {
        align-items: center
    }

    #celebratix .sm\:rounded-b-3xl {
        border-bottom-right-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl)
    }
}

@media (min-width: 48rem) {
    #celebratix .md\:w-1\/3 {
        width:33.3333%
    }
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0)
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0)
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0)
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0)
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0)
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bgshimmer {
    0%,to {
        background-position: 35% 35%
    }

    20% {
        background-position: 58% 58%
    }

    35% {
        background-position: 35% 35%
    }

    45% {
        background-position: 58% 58%
    }

    70% {
        background-position: 42% 42%
    }

    85% {
        background-position: 65% 65%
    }
}

@keyframes svelte-7h818c-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes svelte-1ac7gov-circleSpin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes svelte-urxpst-ballOne {
    0% {
        position: absolute
    }

    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: .5
    }

    to {
        position: absolute
    }
}

@keyframes svelte-urxpst-ballTwo {
    0% {
        transform: rotate(0) scale(1)
    }

    50% {
        transform: rotate(360deg) scale(1.3)
    }

    to {
        transform: rotate(720deg) scale(1)
    }
}

@keyframes svelte-9r0bep-bounce {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes svelte-75qr9c-plus-loader-top {
    2.5% {
        background: #f86;
        transform: rotateY(0);
        animation-timing-function: ease-in
    }

    13.75% {
        background: #ff430d;
        transform: rotateY(90deg);
        animation-timing-function: step-start
    }

    13.76% {
        background: #ffae0d;
        transform: rotateY(90deg);
        animation-timing-function: ease-out
    }

    25% {
        background: #fc6;
        transform: rotateY(180deg)
    }

    27.5% {
        background: #fc6;
        transform: rotateY(180deg);
        animation-timing-function: ease-in
    }

    41.25% {
        background: #ffae0d;
        transform: rotateY(90deg);
        animation-timing-function: step-start
    }

    41.26% {
        background: #2cc642;
        transform: rotateY(90deg);
        animation-timing-function: ease-out
    }

    50% {
        background: #6d7;
        transform: rotateY(0)
    }

    52.5% {
        background: #6d7;
        transform: rotateY(0);
        animation-timing-function: ease-in
    }

    63.75% {
        background: #2cc642;
        transform: rotateY(90deg);
        animation-timing-function: step-start
    }

    63.76% {
        background: #1386d2;
        transform: rotateY(90deg);
        animation-timing-function: ease-out
    }

    75% {
        background: #4ae;
        transform: rotateY(180deg)
    }

    77.5% {
        background: #4ae;
        transform: rotateY(180deg);
        animation-timing-function: ease-in
    }

    91.25% {
        background: #1386d2;
        transform: rotateY(90deg);
        animation-timing-function: step-start
    }

    91.26% {
        background: #ff430d;
        transform: rotateY(90deg);
        animation-timing-function: ease-in
    }

    to {
        background: #f86;
        transform: rotateY(0);
        animation-timing-function: step-start
    }
}

@keyframes svelte-75qr9c-plus-loader-bottom {
    0% {
        background: #fc6;
        animation-timing-function: step-start
    }

    50% {
        background: #fc6;
        animation-timing-function: step-start
    }

    75% {
        background: #4ae;
        animation-timing-function: step-start
    }

    to {
        background: #4ae;
        animation-timing-function: step-start
    }
}

@keyframes svelte-75qr9c-plus-loader-background {
    0% {
        background: #f86;
        transform: rotate(180deg)
    }

    25% {
        background: #f86;
        transform: rotate(180deg);
        animation-timing-function: step-start
    }

    27.5% {
        background: #6d7;
        transform: rotate(90deg)
    }

    50% {
        background: #6d7;
        transform: rotate(90deg);
        animation-timing-function: step-start
    }

    52.5% {
        background: #6d7;
        transform: rotate(0)
    }

    75% {
        background: #6d7;
        transform: rotate(0);
        animation-timing-function: step-start
    }

    77.5% {
        background: #f86;
        transform: rotate(270deg)
    }

    to {
        background: #f86;
        transform: rotate(270deg);
        animation-timing-function: step-start
    }
}

@keyframes svelte-15zcswl-scaleOut {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes svelte-1usmsqj-spineLine {
    0% {
        transform: rotate(-20deg);
        height: 5px;
        width: 75px
    }

    5% {
        height: 5px;
        width: 75px
    }

    30% {
        transform: rotate(380deg);
        height: 5px;
        width: 75px
    }

    40% {
        transform: rotate(360deg);
        height: 5px;
        width: 75px
    }

    55% {
        transform: rotate(0);
        height: 5px;
        width: 5px
    }

    65% {
        transform: rotate(0);
        height: 5px;
        width: 85px
    }

    68% {
        transform: rotate(0);
        height: 5px
    }

    75% {
        transform: rotate(0);
        height: 5px;
        width: 1px
    }

    78% {
        height: 5px;
        width: 5px
    }

    90% {
        height: 5px;
        width: 75px;
        transform: rotate(0)
    }

    99%,to {
        height: 5px;
        width: 75px;
        transform: rotate(-20deg)
    }
}

@keyframes svelte-1bvx24v-stretch {
    0%,40%,to {
        transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1)
    }
}

@keyframes svelte-8c4yuf-long {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@keyframes svelte-8c4yuf-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@keyframes svelte-1ear4kn-bounce {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes svelte-5u4mc1-ringOne {
    0% {
        transform: rotateX(0) rotateY(0) rotate(0)
    }

    to {
        transform: rotateX(360deg) rotateY(180deg) rotate(360deg)
    }
}

@keyframes svelte-5u4mc1-ringTwo {
    0% {
        transform: rotateX(0) rotateY(0) rotate(0)
    }

    to {
        transform: rotateX(180deg) rotateY(360deg) rotate(360deg)
    }
}

@-webkit-keyframes svelte-6z9d2u-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes svelte-6z9d2u-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes svelte-e8x32c-rotate {
    0% {
        border-width: 10px
    }

    25% {
        border-width: 3px
    }

    50% {
        transform: rotate(115deg);
        border-width: 10px
    }

    75% {
        border-width: 3px
    }

    to {
        border-width: 10px
    }
}

@keyframes svelte-1h6hf6x-fire {
    0% {
        opacity: 1;
        transform: scale(.1)
    }

    25% {
        opacity: .85
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes svelte-1rckb54-motion {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes svelte-1gjz5je-motion {
    0% {
        transform: translateY(var(--motionOne))
    }

    50% {
        transform: translateY(var(--motionTwo))
    }

    to {
        transform: translateY(var(--motionThree))
    }
}

@keyframes svelte-15jmbf0-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes svelte-15jmbf0-bounce {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes svelte-q1710m-squareDelay {
    25% {
        -webkit-transform: rotateX(180deg) rotateY(0);
        transform: rotateX(180deg) rotateY(0)
    }

    50% {
        -webkit-transform: rotateX(180deg) rotateY(180deg);
        transform: rotateX(180deg) rotateY(180deg)
    }

    75% {
        -webkit-transform: rotateX(0) rotateY(180deg);
        transform: rotateX(0) rotateY(180deg)
    }

    to {
        -webkit-transform: rotateX(0) rotateY(0);
        transform: rotateX(0) rotateY(0)
    }
}

@keyframes svelte-iopjxv-load {
    0% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    5%,95% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    10%,59% {
        box-shadow: 0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em
    }

    20% {
        box-shadow: 0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em
    }

    38% {
        box-shadow: 0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em
    }

    to {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }
}

@keyframes svelte-iopjxv-round {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes svelte-1vr33bk-moonStretchDelay {
    to {
        transform: rotate(360deg)
    }
}

@keyframes svelte-p15kih-trans1 {
    0% {
        transform: translate3d(53px,0,0)
    }

    to {
        transform: translate3d(-250px,0,0)
    }
}

@keyframes svelte-p15kih-trans2 {
    0% {
        transform: translate3d(-160px,0,0)
    }

    to {
        transform: translate3d(53px,0,0)
    }
}

@keyframes svelte-p15kih-trans3 {
    0% {
        transform: translate3d(53px,0,0)
    }

    to {
        transform: translate3d(-220px,0,0)
    }
}

@keyframes svelte-1opodct-diamonds {
    50% {
        left: 50%;
        transform: translate(-50%) rotate(45deg) scale(1)
    }

    to {
        left: 100%;
        transform: translate(-50%) rotate(45deg) scale(0)
    }
}

@keyframes svelte-1mznfho-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes svelte-19bowjz-motion {
    25% {
        transform: skewY(25deg)
    }

    50% {
        height: 100%;
        margin-top: 0
    }

    75% {
        transform: skewY(-25deg)
    }
}

@keyframes svelte-v5xbp7-puff-1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes svelte-v5xbp7-puff-2 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes svelte-162oc7a-bump {
    0% {
        transform: translate(-50%,5px)
    }

    to {
        transform: translate(-50%,-5px)
    }
}

@keyframes svelte-15z4pns-bump {
    0% {
        transform: translate(-50%,5px)
    }

    to {
        transform: translate(-50%,-5px)
    }
}

/* Handmatig toegevoegd (niet uit de oorspronkelijke Tailwind-scan): de
   huidige widget-versie gebruikt hier en daar de /NN-opacity-modifier op
   tekstkleur (bijv. text-white/60), die in de oude dump niet voorkwam. */
#celebratix .text-white\/60 {
    color: rgba(255, 255, 255, .6)
}

#celebratix .text-white\/90 {
    color: rgba(255, 255, 255, .9)
}