@keyframes global-loader-scale { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .btn.--simple-disabled[data-v-171d1e99]:disabled { opacity: 0.4; } .btn.--theme-gold-200[data-v-171d1e99] { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); --tw-border-opacity: 1; border-width: 1px; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .btn.--theme-gold-200[data-v-171d1e99]:not(.--simple-disabled):disabled { --tw-border-opacity: 1; border-color: rgb(var(--token-primary-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-850) / var(--tw-bg-opacity)); opacity: 1; } @media (hover: hover) and (pointer: fine) { .btn.--theme-gold-200[data-v-171d1e99]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } .btn.--theme-gold-200-circle[data-v-171d1e99] { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); text-transform: uppercase; --tw-border-opacity: 1; border-width: 1px; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); border-radius: 40px !important; } .btn.--theme-gold-200-circle[data-v-171d1e99]:not(.--simple-disabled):disabled { --tw-border-opacity: 1; border-color: rgb(var(--token-primary-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-850) / var(--tw-bg-opacity)); opacity: 1; } @media (hover: hover) and (pointer: fine) { .btn.--theme-gold-200-circle[data-v-171d1e99]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } .btn.--theme-white-circle[data-v-171d1e99]:not(.--simple-disabled):disabled { --tw-border-opacity: 1; border-color: rgb(var(--token-primary-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-850) / var(--tw-bg-opacity)); opacity: 1; } @media (hover: hover) and (pointer: fine) { .btn.--theme-white-circle[data-v-171d1e99]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } @media (hover: hover) and (pointer: fine) { .btn.--theme-white[data-v-171d1e99]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } .btn[data-v-3a2f5b54]:disabled { pointer-events: none; opacity: 0.4; } @media (hover: hover) { .btn.--theme-primary[data-v-3a2f5b54]:hover { --tw-bg-opacity: 1; background-color: rgb(var(--v2-button-primary-hover) / var(--tw-bg-opacity)); } } @keyframes pulse-3ec33516 { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } @font-face { font-family: Outfit; font-style: normal; font-weight: 400; font-display: swap; src: url("../assets/fonts/outfit-normal-400-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("../assets/fonts/poppins-normal-400-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("../assets/fonts/poppins-normal-400-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("../assets/fonts/poppins-normal-500-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("../assets/fonts/poppins-normal-500-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("../assets/fonts/poppins-normal-600-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("../assets/fonts/poppins-normal-600-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("../assets/fonts/poppins-normal-700-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("../assets/fonts/poppins-normal-700-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../assets/fonts/inter-normal-100-900-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } *, ::before, ::after { box-sizing: border-box; border: 0px solid rgb(229, 231, 235); } ::before, ::after { --tw-content: ""; } html, :host { text-size-adjust: 100%; tab-size: 4; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } body { line-height: inherit; margin: 0px; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } button, input, optgroup, select, textarea { font-feature-settings: inherit; font-variation-settings: inherit; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; } button, select { text-transform: none; } button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: rgba(0, 0, 0, 0); background-image: none; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } ::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; } ol, ul, menu { margin: 0px; padding: 0px; list-style: none; } input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } h1 { font-size: 1.5rem; line-height: 2rem; } h2 { font-size: 1.25rem; line-height: 1.75rem; } h3 { font-size: 1rem; line-height: 1.5rem; } h4 { font-size: 0.875rem; line-height: 1.25rem; } h5 { font-size: 0.75rem; line-height: 1rem; } *, ::before, ::after, ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (width >= 768px) { .container { max-width: 375px; } } .btn { cursor: pointer; text-align: center; --tw-text-opacity: 1; width: 100%; color: rgb(0 0 0/var(--tw-text-opacity)); border-radius: 10px; flex-direction: row; justify-content: center; align-items: center; padding: 0.5rem 1rem; font-size: 1rem; font-weight: 500; line-height: 1.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); display: flex; } .line-through:has(.currency-block):not(.btn):not([class*="hidden"]) { display: flex; } .btn_gold { --tw-border-opacity: 1; border-width: 1px; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } @media (hover: hover) and (pointer: fine) { .btn_gold:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-800) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-800) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } .btn_pulse { position: relative; } .btn_pulse::before, .btn_pulse::after { --tw-content: ""; content: var(--tw-content); z-index: -1; border-radius: 1rem; animation-duration: 1.2s; position: absolute; } .btn_pulse::before { background-color: rgb(var(--token-warning-700) / .5); animation-name: inner; animation-iteration-count: infinite; } .btn_pulse::after { background-color: rgb(var(--token-warning-700) / .2); animation-name: outer; animation-iteration-count: infinite; } .btn_pulse::before { inset: -0.6rem; } .btn_pulse::after { inset: -1.2rem; } .btn_pulse_small { position: relative; } .btn_pulse_small::before, .btn_pulse_small::after { --tw-content: ""; content: var(--tw-content); z-index: -1; border-radius: 1rem; animation-duration: 1.2s; position: absolute; } .btn_pulse_small::before { background-color: rgb(var(--token-warning-700) / .5); animation-name: inner; animation-iteration-count: infinite; } .btn_pulse_small::after { background-color: rgb(var(--token-warning-700) / .2); animation-name: outer; animation-iteration-count: infinite; } .btn_pulse_small::before { inset: -0.35rem; } .btn_pulse_small::after { inset: -0.6rem; } .btn_pulse_circle::before, .btn_pulse_circle::after { --tw-content: ""; content: var(--tw-content); z-index: -1; border-radius: 1rem; animation-duration: 1.2s; position: absolute; } .btn_pulse_circle::before { background-color: rgb(var(--token-warning-700) / .5); animation-name: inner; animation-iteration-count: infinite; } .btn_pulse_circle::after { background-color: rgb(var(--token-warning-700) / .2); animation-name: outer; animation-iteration-count: infinite; } .btn_pulse_circle::before, .btn_pulse_circle::after { border-radius: 50px; } .btn_pulse_circle::before { inset: -0.35rem; } .btn_pulse_circle::after { inset: -0.6rem; } @keyframes inner { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } @keyframes outer { 0% { opacity: 0; } 25% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } @keyframes v2-pulsing { 0% { opacity: 0.9; transform: scale(1); } 100% { transform: scale(var(--pulse-scale-x), 1.8); opacity: 0; } } .v2-cta-pulse::after { pointer-events: none; --tw-content: ""; content: var(--tw-content); z-index: -1; border-radius: inherit; background-color: rgb(var(--v2-button-primary)); animation-delay: var(--pulse-delay); position: absolute; inset: 0px; } .\!static { position: static !important; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .-top-4 { top: -1rem; } .bottom-0 { bottom: 0px; } .bottom-6 { bottom: 1.5rem; } .bottom-\[-39px\] { bottom: -39px; } .left-0 { left: 0px; } .left-4 { left: 1rem; } .left-6 { left: 1.5rem; } .left-\[var\(--kegel-side-padding\,24px\)\] { left: var(--kegel-side-padding,24px); } .right-0 { right: 0px; } .right-4 { right: 1rem; } .right-\[4px\] { right: 4px; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-3 { top: 0.75rem; } .top-\[10px\] { top: 10px; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-40 { z-index: 40; } .z-\[100\] { z-index: 100; } .z-\[110\] { z-index: 110; } .z-\[1\] { z-index: 1; } .m-0 { margin: 0px; } .m-auto { margin: auto; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-auto { margin-top: auto; margin-bottom: auto; } .-mt-1 { margin-top: -0.25rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-7 { margin-bottom: 1.75rem; } .mb-\[var\(--kegel-section-space\,8px\)\] { margin-bottom: var(--kegel-section-space,8px); } .ml-2 { margin-left: 0.5rem; } .mr-1 { margin-right: 0.25rem; } .mt-10 { margin-top: 2.5rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-34px { margin-top: 2.125rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-auto { margin-top: auto; } .box-content { box-sizing: content-box; } .block { display: block; } .\!flex { display: flex !important; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .size-2\.5 { width: 0.625rem; height: 0.625rem; } .size-5 { width: 1.25rem; height: 1.25rem; } .size-6 { width: 1.5rem; height: 1.5rem; } .size-8 { width: 2rem; height: 2rem; } .size-\[12px\] { width: 12px; height: 12px; } .size-\[14px\] { width: 14px; height: 14px; } .size-\[20px\] { width: 20px; height: 20px; } .size-\[24px\] { width: 24px; height: 24px; } .size-\[32px\] { width: 32px; height: 32px; } .size-\[69px\] { width: 69px; height: 69px; } .size-\[9px\] { width: 9px; height: 9px; } .size-full { width: 100%; height: 100%; } .\!h-\[48px\] { height: 48px !important; } .\!h-\[56px\] { height: 56px !important; } .\!h-\[60px\] { height: 60px !important; } .\!h-auto { height: auto !important; } .h-0 { height: 0px; } .h-1 { height: 0.25rem; } .h-3\/5 { height: 60%; } .h-6 { height: 1.5rem; } .h-\[110px\] { height: 110px; } .h-\[132px\] { height: 132px; } .h-\[14px\] { height: 14px; } .h-\[250px\] { height: 250px; } .h-\[46px\] { height: 46px; } .h-\[60px\] { height: 60px; } .h-\[9px\] { height: 9px; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-\[400px\] { max-height: 400px; } .min-h-12 { min-height: 3rem; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[250px\] { min-height: 250px; } .min-h-\[32px\] { min-height: 32px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[64px\] { min-height: 64px; } .min-h-\[calc\(max\(100\%\,100vh\)\)\] { min-height: max(100%, 100vh); } .w-11 { width: 2.75rem; } .w-\[15px\] { width: 15px; } .w-\[343px\] { width: 343px; } .w-\[6px\] { width: 6px; } .w-\[85px\] { width: 85px; } .w-\[calc\(98\%-2\*var\(--kegel-side-padding\,24px\)\)\] { width: calc(98% - 2 * var(--kegel-side-padding,24px)); } .w-fit { width: fit-content; } .w-full { width: 100%; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[82px\] { min-width: 82px; } .max-w-\[128px\] { max-width: 128px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[228px\] { max-width: 228px; } .max-w-\[230px\] { max-width: 230px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[327px\] { max-width: 327px; } .max-w-\[430px\] { max-width: 430px; } .max-w-\[65px\] { max-width: 65px; } .max-w-\[calc\(100\%-60px\)\] { max-width: calc(100% - 60px); } .flex-1 { flex: 1 1 0%; } .flex-none { flex: 0 0 auto; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes spin { 100% { transform: rotate(360deg); } } .cursor-pointer { cursor: pointer; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .content-center { align-content: center; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .\!items-center { align-items: center !important; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .\!justify-center { justify-content: center !important; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-evenly { justify-content: space-evenly; } .gap-1 { gap: 0.25rem; } .gap-2 { gap: 0.5rem; } .gap-20 { gap: 5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .gap-\[10px\] { gap: 10px; } .gap-\[11px\] { gap: 11px; } .gap-\[12px\] { gap: 12px; } .gap-\[15px\] { gap: 15px; } .gap-\[17px\] { gap: 17px; } .gap-\[2px\] { gap: 2px; } .gap-\[4px\] { gap: 4px; } .gap-\[5px\] { gap: 5px; } .gap-\[6px\] { gap: 6px; } .gap-\[7px\] { gap: 7px; } .gap-\[9px\] { gap: 9px; } .gap-x-\[14px\] { column-gap: 14px; } .gap-y-9 { row-gap: 2.25rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.25rem * var(--tw-space-x-reverse)); margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.5rem * var(--tw-space-x-reverse)); margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-token-warning-900-6 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(var(--token-warning-900-6) / var(--tw-divide-opacity)); } .divide-v2-border-primary > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(var(--v2-border-primary) / var(--tw-divide-opacity)); } .\!overflow-hidden { overflow: hidden !important; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-wrap { text-wrap: wrap; } .text-balance { text-wrap: balance; } .break-words { overflow-wrap: break-word; } .rounded-18px { border-radius: 1.125rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[40px\] { border-radius: 40px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[9px\] { border-radius: 9px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .\!border-token-warning-500 { --tw-border-opacity: 1 !important; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)) !important; } .border-token-caution-900-3 { --tw-border-opacity: 1; border-color: rgb(var(--token-caution-900-3) / var(--tw-border-opacity)); } .border-token-neutral-850 { --tw-border-opacity: 1; border-color: rgb(var(--token-neutral-850) / var(--tw-border-opacity)); } .border-token-neutral-850-3 { --tw-border-opacity: 1; border-color: rgb(var(--token-neutral-850-3) / var(--tw-border-opacity)); } .border-token-warning-500 { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } .\!bg-token-warning-500 { --tw-bg-opacity: 1 !important; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)) !important; } .\!bg-token-warning-900-12 { --tw-bg-opacity: 1 !important; background-color: rgb(var(--token-warning-900-12) / var(--tw-bg-opacity)) !important; } .\!bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important; } .\!bg-white\/90 { background-color: rgba(255, 255, 255, 0.9) !important; } .bg-token-accent-400 { --tw-bg-opacity: 1; background-color: rgb(var(--token-accent-400) / var(--tw-bg-opacity)); } .bg-token-caution-900-3 { --tw-bg-opacity: 1; background-color: rgb(var(--token-caution-900-3) / var(--tw-bg-opacity)); } .bg-token-caution-950 { --tw-bg-opacity: 1; background-color: rgb(var(--token-caution-950) / var(--tw-bg-opacity)); } .bg-token-ink-50\/50 { background-color: rgb(var(--token-ink-50) / .5); } .bg-token-neutral-300\/10 { background-color: rgb(var(--token-neutral-300) / .1); } .bg-token-neutral-850 { --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-850) / var(--tw-bg-opacity)); } .bg-token-neutral-950 { --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-950) / var(--tw-bg-opacity)); } .bg-token-paper-950 { --tw-bg-opacity: 1; background-color: rgb(var(--token-paper-950) / var(--tw-bg-opacity)); } .bg-token-paper-950-3 { --tw-bg-opacity: 1; background-color: rgb(var(--token-paper-950-3) / var(--tw-bg-opacity)); } .bg-token-paper-950\/90 { background-color: rgb(var(--token-paper-950) / .9); } .bg-token-primary-900-3 { --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-900-3) / var(--tw-bg-opacity)); } .bg-token-warning-500 { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); } .bg-token-warning-950-3 { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-950-3) / var(--tw-bg-opacity)); } .bg-transparent { background-color: rgba(0, 0, 0, 0); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .bg-\[linear-gradient\(180deg\,_rgba\(52\,52\,52\,0\)_0\%\,_\#343434_100\%\)\] { background-image: linear-gradient(rgba(52, 52, 52, 0) 0%, rgb(52, 52, 52) 100%); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-token-accent-400 { --tw-gradient-from: rgb(var(--token-accent-400) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--token-accent-400) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-50\% { --tw-gradient-from-position: 50%; } .to-token-neutral-500-2 { --tw-gradient-to: rgb(var(--token-neutral-500-2) / 1) var(--tw-gradient-to-position); } .to-50\% { --tw-gradient-to-position: 50%; } .fill-token-warning-500 { fill: rgb(var(--token-warning-500) / 1); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .\!p-\[6px\] { padding: 6px !important; } .p-2 { padding: 0.5rem; } .p-4 { padding: 1rem; } .p-\[12px\] { padding: 12px; } .p-\[3px\] { padding: 3px; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-18px { padding-left: 1.125rem; padding-right: 1.125rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-\[18px\] { padding-left: 18px; padding-right: 18px; } .px-\[26px\] { padding-left: 26px; padding-right: 26px; } .px-\[var\(--kegel-side-padding\,24px\)\] { padding-left: var(--kegel-side-padding,24px); padding-right: var(--kegel-side-padding,24px); } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-15px { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-\[6px\] { padding-top: 6px; padding-bottom: 6px; } .py-px { padding-top: 1px; padding-bottom: 1px; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 0.25rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-28 { padding-bottom: 7rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-8 { padding-bottom: 2rem; } .pb-\[14px\] { padding-bottom: 14px; } .pb-\[5\.75rem\] { padding-bottom: 5.75rem; } .pb-\[9px\] { padding-bottom: 9px; } .pr-8 { padding-right: 2rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[5px\] { padding-top: 5px; } .pt-\[9px\] { padding-top: 9px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-start { text-align: start; } .font-outfit { font-family: Outfit, sans-serif; } .font-poppins { font-family: Poppins, sans-serif; } .\!text-\[18px\] { font-size: 18px !important; } .\!text-\[29px\] { font-size: 29px !important; } .\!text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .\!text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[16px\] { font-size: 16px; } .text-\[21px\] { font-size: 21px; } .text-\[30px\] { font-size: 30px; } .text-\[48px\] { font-size: 48px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .\!font-semibold { font-weight: 600 !important; } .font-\[700\], .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .\!normal-case { text-transform: none !important; } .\!leading-4 { line-height: 1rem !important; } .leading-120\% { line-height: 120%; } .leading-3 { line-height: 0.75rem; } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-7 { line-height: 1.75rem; } .leading-\[10px\] { line-height: 10px; } .leading-\[12px\] { line-height: 12px; } .leading-\[130\%\] { line-height: 130%; } .leading-\[140\%\] { line-height: 140%; } .leading-\[14px\] { line-height: 14px; } .leading-\[16px\] { line-height: 16px; } .leading-\[20px\] { line-height: 20px; } .leading-\[25px\] { line-height: 25px; } .leading-\[48px\] { line-height: 48px; } .-tracking-036 { letter-spacing: -0.36px; } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); } .text-black\/30 { color: rgba(0, 0, 0, 0.3); } .text-token-info-500-2 { --tw-text-opacity: 1; color: rgb(var(--token-info-500-2) / var(--tw-text-opacity)); } .text-token-info-700 { --tw-text-opacity: 1; color: rgb(var(--token-info-700) / var(--tw-text-opacity)); } .text-token-ink-50 { --tw-text-opacity: 1; color: rgb(var(--token-ink-50) / var(--tw-text-opacity)); } .text-token-neutral-200-2 { --tw-text-opacity: 1; color: rgb(var(--token-neutral-200-2) / var(--tw-text-opacity)); } .text-token-neutral-300 { --tw-text-opacity: 1; color: rgb(var(--token-neutral-300) / var(--tw-text-opacity)); } .text-token-neutral-400 { --tw-text-opacity: 1; color: rgb(var(--token-neutral-400) / var(--tw-text-opacity)); } .text-token-neutral-500-2 { --tw-text-opacity: 1; color: rgb(var(--token-neutral-500-2) / var(--tw-text-opacity)); } .text-token-neutral-600-4 { --tw-text-opacity: 1; color: rgb(var(--token-neutral-600-4) / var(--tw-text-opacity)); } .text-token-neutral-700 { --tw-text-opacity: 1; color: rgb(var(--token-neutral-700) / var(--tw-text-opacity)); } .text-token-neutral-800 { --tw-text-opacity: 1; color: rgb(var(--token-neutral-800) / var(--tw-text-opacity)); } .text-token-neutral-850 { --tw-text-opacity: 1; color: rgb(var(--token-neutral-850) / var(--tw-text-opacity)); } .text-token-paper-950 { --tw-text-opacity: 1; color: rgb(var(--token-paper-950) / var(--tw-text-opacity)); } .text-token-warning-500 { --tw-text-opacity: 1; color: rgb(var(--token-warning-500) / var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .opacity-0 { opacity: 0; } .opacity-70 { opacity: 0.7; } .shadow-\[0_0_16px_0_rgba\(20\,18\,24\,0\.24\)\] { --tw-shadow: 0 0 16px 0 #1412183d; --tw-shadow-colored: 0 0 16px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_8px_4px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 0 8px 4px #0000000d; --tw-shadow-colored: 0 0 8px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.10\)\] { --tw-shadow: 0 1px 2px 0 #0000001a; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2\.478px_15px_0_rgba\(0\,0\,0\,0\.7\)\] { --tw-shadow: 0 2.478px 15px 0 #000000b3; --tw-shadow-colored: 0 2.478px 15px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_13px_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 2px 13px 0 #0000000d; --tw-shadow-colored: 0 2px 13px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_4px_0_rgba\(0\,0\,0\,0\.10\)\] { --tw-shadow: 0 2px 4px 0 #0000001a; --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_4px_0_rgba\(153\,80\,180\,0\.25\)\] { --tw-shadow: 0 2px 4px 0 #9950b440; --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_4px_0_rgba\(155\,124\,80\,0\.25\)\] { --tw-shadow: 0 2px 4px 0 #9b7c5040; --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_5px_0_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: 0 2px 5px 0 #00000026; --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_6px_0_rgba\(0\,0\,0\,0\.14\)\] { --tw-shadow: 0 2px 6px 0 #00000024; --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_6px_0_rgba\(52\,52\,52\,0\.2\)\] { --tw-shadow: 0 2px 6px 0 #34343433; --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_6px_rgba\(93\,55\,1\,0\.15\)\] { --tw-shadow: 0 2px 6px #5d370126; --tw-shadow-colored: 0 2px 6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.20\)\] { --tw-shadow: 0 2px 8px 0 #0003; --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_2px_8px_0_rgba\(93\,55\,1\,0\.25\)\] { --tw-shadow: 0 2px 8px 0 #5d370140; --tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_5px_0_rgba\(37\,1\,67\,0\.05\)\] { --tw-shadow: 0 3px 5px 0 #2501430d; --tw-shadow-colored: 0 3px 5px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_6px_0_rgba\(0\,0\,0\,0\.15\)\] { --tw-shadow: 0 3px 6px 0 #00000026; --tw-shadow-colored: 0 3px 6px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_8px_0_rgba\(121\,97\,63\,0\.10\)\] { --tw-shadow: 0 3px 8px 0 #79613f1a; --tw-shadow-colored: 0 3px 8px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_8px_0_rgba\(37\,1\,67\,0\.05\)\] { --tw-shadow: 0 3px 8px 0 #2501430d; --tw-shadow-colored: 0 3px 8px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_6px_0_rgba\(156\,125\,79\,0\.12\)\] { --tw-shadow: 0 4px 6px 0 #9c7d4f1f; --tw-shadow-colored: 0 4px 6px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .shadow-\[0_6px_24px_0_rgba\(24\,25\,37\,0\.10\)\] { --tw-shadow: 0 6px 24px 0 #1819251a; --tw-shadow-colored: 0 6px 24px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000); } .\!ring-token-warning-500 { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(var(--token-warning-500) / var(--tw-ring-opacity)) !important; } .ring-token-caution-900-3 { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--token-caution-900-3) / var(--tw-ring-opacity)); } .drop-shadow-\[0_0_8px_rgba\(0\,0\,0\,0\.1\)\] { --tw-drop-shadow: drop-shadow(0 0 8px #0000001a); 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); } .drop-shadow-\[0_0_9\.599px_rgba\(0\,0\,0\,0\.5\)\] { --tw-drop-shadow: drop-shadow(0 0 9.599px #00000080); 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); } .drop-shadow-\[0_2px_3px_rgba\(0\,0\,0\,0\.14\)\] { --tw-drop-shadow: drop-shadow(0 2px 3px #00000024); 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); } .drop-shadow-\[0_2px_6\.5px_rgba\(0\,0\,0\,0\.1\)\] { --tw-drop-shadow: drop-shadow(0 2px 6.5px #0000001a); 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); } .drop-shadow-\[0_2px_7\.5px_rgba\(0\,0\,0\,0\.15\)\] { --tw-drop-shadow: drop-shadow(0 2px 7.5px #00000026); 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); } .drop-shadow-\[0_3px_5px_rgba\(37\,1\,67\,0\.05\)\] { --tw-drop-shadow: drop-shadow(0 3px 5px #2501430d); 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); } .drop-shadow-\[0_4px_2px_rgba\(0\,0\,0\,0\.25\)\] { --tw-drop-shadow: drop-shadow(0 4px 2px #00000040); 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); } .drop-shadow-\[0_4px_3px_rgba\(24\,24\,24\,0\.24\)\] { --tw-drop-shadow: drop-shadow(0 4px 3px #1818183d); 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); } .transition-all { transition-property: all; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .duration-200 { transition-duration: 0.2s; } .duration-300 { transition-duration: 0.3s; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { transition-timing-function: linear; } .\!\[background\:var\(--v2-payment-popup-bg\)\] { background: var(--v2-payment-popup-bg) !important; } .\[background\:var\(--v2-safe-secure-bg\)\] { background: var(--v2-safe-secure-bg); } .\[border\:var\(--v2-payment-popup-border\)\] { border: var(--v2-payment-popup-border); } .\[color\:rgb\(var\(--v2-pay-safe-text\)\)\] { color: rgb(var(--v2-pay-safe-text)); } .\[text-shadow\:0_1px_25px_rgba\(0\,0\,0\,0\.35\)\] { text-shadow: rgba(0, 0, 0, 0.35) 0px 1px 25px; } html { --tw-text-opacity: 1; color: rgb(var(--token-neutral-300) / var(--tw-text-opacity)); font-family: Poppins, sans-serif; } :root { --highest-z-index: 9999; --token-ink-50: 0 0 0; --token-info-100: 3 14 32; --token-info-200: 24 29 39; --token-info-300-2: 51 58 73; --token-info-300: 0 51 133; --token-info-400-2: 86 91 102; --token-info-400-3: 62 81 128; --token-info-400: 83 88 98; --token-info-500-2: 114 121 135; --token-info-500-3: 29 84 211; --token-info-500-4: 5 165 246; --token-info-500-5: 1 111 208; --token-info-500: 5 84 211; --token-info-600: 0 82 255; --token-info-700-2: 84 150 255; --token-info-700-3: 156 163 175; --token-info-700: 111 170 232; --token-info-800: 193 197 203; --token-info-850: 208 214 224; --token-info-900-2: 204 224 255; --token-info-900: 229 238 251; --token-info-950-2: 235 239 255; --token-info-950: 242 244 246; --token-neutral-100: 30 30 30; --token-neutral-200-2: 35 31 32; --token-neutral-200-3: 37 37 40; --token-neutral-200: 34 34 34; --token-neutral-300-2: 62 62 62; --token-neutral-300-3: 61 61 61; --token-neutral-300-4: 65 64 69; --token-neutral-300: 52 52 52; --token-neutral-400-2: 74 78 86; --token-neutral-400-3: 92 92 92; --token-neutral-400-4: 87 85 85; --token-neutral-400: 95 97 107; --token-neutral-500-2: 116 116 116; --token-neutral-500-3: 117 116 130; --token-neutral-500-4: 129 129 129; --token-neutral-500: 114 114 114; --token-neutral-600-2: 150 150 150; --token-neutral-600-3: 139 139 139; --token-neutral-600-4: 146 146 146; --token-neutral-600-5: 149 147 141; --token-neutral-600: 140 138 155; --token-neutral-700-2: 157 157 157; --token-neutral-700-3: 155 155 155; --token-neutral-700-4: 173 171 167; --token-neutral-700-5: 163 163 163; --token-neutral-700-6: 181 176 170; --token-neutral-700-7: 171 171 171; --token-neutral-700-8: 156 155 153; --token-neutral-700-9: 161 161 161; --token-neutral-700: 153 153 153; --token-neutral-800-2: 203 203 203; --token-neutral-800: 187 187 187; --token-neutral-850-2: 223 223 223; --token-neutral-850-3: 221 221 221; --token-neutral-850-4: 207 210 214; --token-neutral-850-5: 216 216 216; --token-neutral-850-6: 218 217 217; --token-neutral-850-8: 217 217 217; --token-neutral-850: 219 219 219; --token-neutral-900-2: 241 241 241; --token-neutral-900-3: 235 235 235; --token-neutral-900-4: 226 226 226; --token-neutral-900-5: 240 240 240; --token-neutral-900-6: 243 241 241; --token-neutral-900-7: 242 242 242; --token-neutral-900-8: 230 230 230; --token-neutral-900-9: 236 236 236; --token-neutral-900: 234 234 234; --token-neutral-950-2: 243 243 243; --token-neutral-950-3: 247 247 247; --token-neutral-950-4: 245 246 246; --token-neutral-950-5: 245 245 245; --token-neutral-950-6: 250 250 250; --token-neutral-950: 244 244 244; --token-success-300-2: 65 84 57; --token-success-300-3: 2 121 57; --token-success-300-4: 0 125 36; --token-success-300: 26 101 42; --token-success-400-2: 3 191 91; --token-success-400-3: 0 197 42; --token-success-400-4: 4 186 58; --token-success-400-5: 47 163 29; --token-success-400-6: 7 194 61; --token-success-400-7: 18 147 33; --token-success-400-8: 0 164 54; --token-success-400-9: 78 168 18; --token-success-400: 1 193 62; --token-success-500-2: 64 200 52; --token-success-500-3: 24 201 95; --token-success-500-4: 35 190 86; --token-success-500-6: 49 205 1; --token-success-500: 41 177 125; --token-success-600-2: 85 184 94; --token-success-600-3: 130 188 115; --token-success-600-4: 79 198 119; --token-success-600: 83 182 92; --token-success-700: 137 190 124; --token-success-800-2: 120 253 126; --token-success-800: 162 232 195; --token-success-850-2: 194 242 170; --token-success-850: 190 218 207; --token-success-900-2: 225 254 226; --token-success-900-3: 209 249 234; --token-success-900: 230 249 239; --token-primary-100: 17 16 22; --token-primary-100-2: 34 0 33; --token-primary-400: 72 73 87; --token-primary-600: 120 64 225; --token-primary-800-2: 135 133 230; --token-primary-800-3: 187 187 212; --token-primary-800-4: 135 155 255; --token-primary-800: 135 141 244; --token-primary-850: 199 200 210; --token-primary-900-2: 219 219 231; --token-primary-900-3: 220 220 230; --token-primary-900-4: 218 220 255; --token-primary-900-5: 199 202 255; --token-primary-900-6: 206 208 255; --token-primary-900: 233 233 238; --token-primary-950-2: 242 243 250; --token-primary-950-3: 244 244 246; --token-primary-950-4: 243 242 249; --token-primary-950-5: 240 241 247; --token-primary-950-7: 239 241 251; --token-primary-950: 234 235 255; --token-positive-500-2: 71 204 0; --token-positive-500-3: 182 214 31; --token-positive-500: 128 208 40; --token-positive-600-2: 125 196 87; --token-positive-600-3: 150 182 103; --token-positive-600: 119 196 67; --token-positive-700-2: 159 210 96; --token-positive-700: 159 210 98; --token-positive-800: 175 217 148; --token-positive-850: 189 255 153; --token-positive-900-2: 230 239 221; --token-positive-900-3: 239 255 217; --token-positive-900-4: 222 255 204; --token-positive-900: 222 253 206; --token-positive-950: 242 249 237; --token-warning-100: 31 25 16; --token-warning-200: 93 55 1; --token-warning-400-2: 108 86 55; --token-warning-400: 124 105 79; --token-warning-500-2: 131 107 83; --token-warning-500-3: 138 110 71; --token-warning-500-4: 155 125 81; --token-warning-500-5: 128 107 89; --token-warning-500-6: 122 106 90; --token-warning-500: 155 124 80; --token-warning-600-2: 253 116 11; --token-warning-600-3: 184 156 117; --token-warning-600-4: 254 158 19; --token-warning-600-5: 255 110 26; --token-warning-600-6: 235 156 0; --token-warning-600: 254 132 18; --token-warning-700-2: 255 147 84; --token-warning-700-3: 255 173 51; --token-warning-700-4: 188 162 124; --token-warning-700: 201 166 115; --token-warning-800-10: 233 186 124; --token-warning-800-11: 234 188 124; --token-warning-800-12: 234 191 125; --token-warning-800-13: 234 189 125; --token-warning-800-2: 229 192 139; --token-warning-800-3: 255 201 119; --token-warning-800-4: 255 196 107; --token-warning-800-5: 204 187 167; --token-warning-800-6: 215 199 178; --token-warning-800-7: 226 201 164; --token-warning-800-8: 212 190 178; --token-warning-800-9: 217 192 155; --token-warning-800: 224 195 151; --token-warning-850-10: 229 201 181; --token-warning-850-11: 240 224 196; --token-warning-850-12: 239 224 202; --token-warning-850-13: 255 191 153; --token-warning-850-14: 252 224 174; --token-warning-850-2: 255 221 176; --token-warning-850-3: 254 218 166; --token-warning-850-4: 248 212 176; --token-warning-850-5: 231 221 208; --token-warning-850-6: 232 226 215; --token-warning-850-7: 255 222 191; --token-warning-850-8: 216 210 203; --token-warning-850-9: 229 224 217; --token-warning-850: 250 226 191; --token-warning-900-10: 233 227 220; --token-warning-900-11: 245 234 218; --token-warning-900-12: 248 230 206; --token-warning-900-13: 247 237 222; --token-warning-900-14: 242 235 232; --token-warning-900-15: 240 230 216; --token-warning-900-16: 255 223 204; --token-warning-900-17: 255 241 194; --token-warning-900-2: 244 237 227; --token-warning-900-3: 238 229 217; --token-warning-900-4: 240 236 230; --token-warning-900-5: 254 239 217; --token-warning-900-6: 251 237 217; --token-warning-900-7: 245 228 204; --token-warning-900-8: 254 244 227; --token-warning-900-9: 250 243 232; --token-warning-900: 251 238 214; --token-warning-950-2: 251 244 234; --token-warning-950-3: 252 247 239; --token-warning-950-4: 248 246 243; --token-warning-950-5: 248 245 243; --token-warning-950-6: 254 249 240; --token-warning-950: 250 247 242; --token-highlight-500-a20: 235 2 102; --token-highlight-700-2: 255 59 120; --token-highlight-700: 255 84 137; --token-highlight-800: 255 135 172; --token-highlight-900-2: 249 223 231; --token-highlight-900: 249 222 232; --token-tertiary-400-2: 132 39 150; --token-tertiary-400-3: 136 45 154; --token-tertiary-400-4: 135 44 152; --token-tertiary-400: 153 0 132; --token-tertiary-500-2: 172 15 189; --token-tertiary-500-3: 141 51 159; --token-tertiary-500-4: 142 51 159; --token-tertiary-500: 215 1 191; --token-tertiary-800: 224 166 230; --token-tertiary-900: 247 231 248; --token-danger-300: 74 50 53; --token-danger-400-2: 101 72 68; --token-danger-400: 165 28 48; --token-danger-500-2: 243 8 0; --token-danger-500-3: 236 14 14; --token-danger-500-4: 236 28 5; --token-danger-500-5: 206 64 48; --token-danger-500-6: 209 33 21; --token-danger-500-7: 209 44 22; --token-danger-500-8: 230 6 10; --token-danger-500: 205 1 4; --token-danger-600-10: 254 67 18; --token-danger-600-11: 220 82 55; --token-danger-600-12: 254 48 17; --token-danger-600-13: 221 77 90; --token-danger-600-14: 253 2 11; --token-danger-600-15: 255 0 17; --token-danger-600-16: 153 119 117; --token-danger-600-17: 236 68 68; --token-danger-600-18: 221 76 89; --token-danger-600-19: 221 75 89; --token-danger-600-20: 217 64 64; --token-danger-600-2: 207 80 75; --token-danger-600-3: 255 1 2; --token-danger-600-4: 222 63 82; --token-danger-600-5: 255 32 42; --token-danger-600-6: 212 67 67; --token-danger-600-7: 254 41 17; --token-danger-600-8: 186 73 73; --token-danger-600-9: 234 58 46; --token-danger-600-a25: 159 100 100; --token-danger-600-a35: 188 115 115; --token-danger-600: 209 82 77; --token-danger-700-2: 225 92 92; --token-danger-700-3: 255 93 77; --token-danger-700-4: 232 120 88; --token-danger-700-5: 255 84 95; --token-danger-700-6: 249 100 100; --token-danger-700-7: 169 147 144; --token-danger-700-8: 242 107 107; --token-danger-700: 235 123 91; --token-danger-800: 247 141 141; --token-danger-850-2: 255 186 184; --token-danger-850-3: 255 178 184; --token-danger-850: 247 182 178; --token-danger-900-2: 249 215 215; --token-danger-900-3: 255 204 208; --token-danger-900-4: 252 227 227; --token-danger-900: 255 226 230; --token-danger-950: 253 235 234; --token-accent-200: 8 65 49; --token-accent-300: 18 128 119; --token-accent-400: 0 182 122; --token-accent-850: 204 237 229; --token-accent-900-2: 209 243 232; --token-accent-900: 232 246 243; --token-accent-950: 240 247 246; --token-secondary-600-2: 126 85 177; --token-secondary-600: 200 0 255; --token-secondary-700: 218 84 255; --token-secondary-850-2: 235 163 255; --token-secondary-850: 233 153 255; --token-paper-950-10: 253 252 252; --token-paper-950-11: 246 248 255; --token-paper-950-12: 240 255 241; --token-paper-950-13: 249 249 249; --token-paper-950-14: 248 248 248; --token-paper-950-15: 255 251 245; --token-paper-950-2: 255 244 249; --token-paper-950-3: 254 250 243; --token-paper-950-4: 251 250 245; --token-paper-950-5: 255 251 244; --token-paper-950-6: 252 252 253; --token-paper-950-7: 244 244 255; --token-paper-950-9: 255 244 244; --token-paper-950: 255 255 255; --token-caution-600-2: 255 212 0; --token-caution-600-3: 255 210 18; --token-caution-600-4: 231 180 69; --token-caution-600: 255 222 18; --token-caution-700-2: 243 196 68; --token-caution-700-3: 255 210 97; --token-caution-700-4: 251 213 99; --token-caution-700-5: 253 217 86; --token-caution-700: 245 198 70; --token-caution-800-2: 255 219 127; --token-caution-800: 255 234 124; --token-caution-850-2: 255 250 176; --token-caution-850: 224 219 208; --token-caution-900-2: 251 245 233; --token-caution-900-3: 232 231 227; --token-caution-900-4: 254 253 229; --token-caution-900: 254 247 201; --token-caution-950: 245 244 242; --adyen-sdk-color-background-always-dark: rgba(var(--token-warning-500)); --adyen-sdk-color-background-always-dark-active: rgba(rgb(var(--token-warning-700))); --adyen-sdk-color-background-inverse-primary-hover: rgba(rgb(var(--token-warning-700))); --funnel-primary-color: rgb(var(--token-warning-500)); --custom-gold-200: rgb(var(--token-warning-500)); } input, textarea { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } html, body, #app { height: 100%; margin: 0px; } ::-webkit-scrollbar { display: none; } .scroll-container { min-height: calc(1px + 100vh); } a { text-decoration: underline; } @keyframes spinner_load { 100% { transform: rotate(360deg); } } .primary-text span, .bold-primary-text b, .bold-primary-text strong { --tw-text-opacity: 1; color: rgb(var(--token-warning-500) / var(--tw-text-opacity)); } .bold-primary-text strong { font-weight: 600; } b, strong { font-weight: 600; } .text-v2-text-primary [style*="color: rgb(0, 0, 0)"], .text-v2-text-primary [style*="color: rgb(52, 52, 52)"], .text-v2-text-primary [style*="color: #000"], .text-v2-text-primary [style*="color: #343434"], .text-v2-text-primary [style*="color: black"], .text-v2-text-secondary [style*="color: rgb(0, 0, 0)"], .text-v2-text-secondary [style*="color: rgb(52, 52, 52)"], .text-v2-text-secondary [style*="color: #000"], .text-v2-text-secondary [style*="color: #343434"], .text-v2-text-secondary [style*="color: black"] { color: inherit !important; } :is(.left-sale-text:has(.currency-block), .sale-text:has(.currency-block), [id^="product-price-"]:has(.currency-block)) { font-size: 9px; } .line-through:has(.currency-block) { align-items: center; } .line-through:has(.currency-block):not(.flex):not([class*="hidden"]) { display: flex; } .placeholder\:\!text-v2-text-tertiary::placeholder { --tw-text-opacity: 1 !important; color: rgb(var(--v2-text-tertiary) / var(--tw-text-opacity)) !important; } .placeholder\:text-token-neutral-200\/40::placeholder { color: rgb(var(--token-neutral-200) / .4); } .placeholder\:text-token-neutral-700::placeholder { --tw-text-opacity: 1; color: rgb(var(--token-neutral-700) / var(--tw-text-opacity)); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:left-0\.5::after { content: var(--tw-content); left: 0.125rem; } .after\:top-0\.5::after { content: var(--tw-content); top: 0.125rem; } .after\:size-4::after { content: var(--tw-content); width: 1rem; height: 1rem; } .after\:rounded-full::after { content: var(--tw-content); border-radius: 9999px; } .after\:bg-white::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .after\:transition-all::after { content: var(--tw-content); transition-property: all; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); } @media (hover: hover) and (pointer: fine) { .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-custom-gold-200:hover { border-color: var(--funnel-primary-color); } .hover\:border-rosy-pop:hover { --tw-border-opacity: 1; border-color: rgb(255 84 137/var(--tw-border-opacity)); } .hover\:border-token-neutral-700:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-neutral-700) / var(--tw-border-opacity)); } .hover\:border-token-neutral-850:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-neutral-850) / var(--tw-border-opacity)); } .hover\:border-token-warning-500:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } .hover\:border-token-warning-700:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } .hover\:bg-berry-burst:hover { --tw-bg-opacity: 1; background-color: rgb(255 59 120/var(--tw-bg-opacity)); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246/var(--tw-bg-opacity)); } .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226/var(--tw-bg-opacity)); } .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242/var(--tw-bg-opacity)); } .hover\:bg-token-danger-600-9:hover { --tw-bg-opacity: 1; background-color: rgb(var(--token-danger-600-9) / var(--tw-bg-opacity)); } .hover\:bg-token-info-500-3:hover { --tw-bg-opacity: 1; background-color: rgb(var(--token-info-500-3) / var(--tw-bg-opacity)); } .hover\:bg-token-primary-900-3:hover { --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-900-3) / var(--tw-bg-opacity)); } .hover\:bg-token-success-400-2:hover { --tw-bg-opacity: 1; background-color: rgb(var(--token-success-400-2) / var(--tw-bg-opacity)); } .hover\:bg-token-tertiary-500-2:hover { --tw-bg-opacity: 1; background-color: rgb(var(--token-tertiary-500-2) / var(--tw-bg-opacity)); } .hover\:bg-token-warning-500\/20:hover { background-color: rgb(var(--token-warning-500) / .2); } .hover\:bg-token-warning-700:hover { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99/var(--tw-text-opacity)); } .hover\:text-red-400:hover { --tw-text-opacity: 1; color: rgb(248 113 113/var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } } .focus\:\!border-2:focus { border-width: 2px !important; } .focus\:\!border-v2-input-focused-border:focus { --tw-border-opacity: 1 !important; border-color: rgb(var(--v2-input-focused-border) / var(--tw-border-opacity)) !important; } .focus\:border-token-neutral-500:focus { --tw-border-opacity: 1; border-color: rgb(var(--token-neutral-500) / var(--tw-border-opacity)); } .focus\:border-token-warning-700:focus { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .focus\:outline-none:focus, .focus-visible\:outline-none:focus-visible { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:border-token-primary-850:disabled { --tw-border-opacity: 1; border-color: rgb(var(--token-primary-850) / var(--tw-border-opacity)); } .disabled\:bg-token-primary-850:disabled { --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-850) / var(--tw-bg-opacity)); } .disabled\:opacity-20:disabled { opacity: 0.2; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-60:disabled { opacity: 0.6; } @media (hover: hover) and (pointer: fine) { .group:hover .group-hover\:border-t-token-warning-700 { --tw-border-opacity: 1; border-top-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } .group:hover .group-hover\:bg-token-warning-700 { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); } .group:hover .group-hover\:text-token-paper-950 { --tw-text-opacity: 1; color: rgb(var(--token-paper-950) / var(--tw-text-opacity)); } } .peer:checked ~ .peer-checked\:after\:translate-x-4::after { content: var(--tw-content); --tw-translate-x: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (width >= 375px) { .xs\:bottom-\[30px\] { bottom: 30px; } .xs\:right-\[16px\] { right: 16px; } .xs\:right-\[24px\] { right: 24px; } .xs\:top-\[30px\] { top: 30px; } .xs\:top-\[60px\] { top: 60px; } .xs\:top-\[65px\] { top: 65px; } .xs\:hidden { display: none; } .xs\:size-\[142px\] { width: 142px; height: 142px; } .xs\:size-\[200px\] { width: 200px; height: 200px; } .xs\:h-\[188px\] { height: 188px; } .xs\:h-\[198px\] { height: 198px; } .xs\:h-\[218px\] { height: 218px; } .xs\:h-\[220px\] { height: 220px; } .xs\:h-\[250px\] { height: 250px; } .xs\:min-h-\[200px\] { min-height: 200px; } .xs\:min-h-\[225px\] { min-height: 225px; } .xs\:w-\[102px\] { width: 102px; } .xs\:w-\[164px\] { width: 164px; } .xs\:w-\[170px\] { width: 170px; } .xs\:w-\[178px\] { width: 178px; } .xs\:w-\[190px\] { width: 190px; } .xs\:min-w-\[178px\] { min-width: 178px; } .xs\:max-w-\[214px\] { max-width: 214px; } .xs\:\!text-\[18px\] { font-size: 18px !important; } .xs\:text-\[16px\] { font-size: 16px; } .xs\:text-\[17px\] { font-size: 17px; } .xs\:text-\[18px\] { font-size: 18px; } .xs\:text-\[22px\] { font-size: 22px; } .xs\:text-\[24px\] { font-size: 24px; } .xs\:text-\[26px\] { font-size: 26px; } .xs\:text-\[30px\] { font-size: 30px; } .xs\:text-\[36px\] { font-size: 36px; } .xs\:text-\[70px\] { font-size: 70px; } .xs\:text-\[80px\] { font-size: 80px; } .xs\:leading-\[26px\] { line-height: 26px; } .xs\:leading-\[66px\] { line-height: 66px; } } @media (width >= 480px) { .sm\:max-h-\[92\%\] { max-height: 92%; } .sm\:w-\[25rem\] { width: 25rem; } .sm\:max-w-\[343px\] { max-width: 343px; } .sm\:max-w-\[375px\] { max-width: 375px; } } @media (width >= 768px) { .md\:-top-\[23px\] { top: -23px; } .md\:hidden { display: none; } .md\:max-h-\[min\(80\%\,600px\)\] { max-height: min(80%, 600px); } .md\:w-\[160px\] { width: 160px; } .md\:w-\[375px\] { width: 375px; } .md\:max-w-\[343px\] { max-width: 343px; } .md\:max-w-\[345px\] { max-width: 345px; } .md\:max-w-\[375px\], .md\:max-w-screen-DEFAULT { max-width: 375px; } } @media (width >= 976px) { .lg\:gap-\[17px\] { gap: 17px; } .lg\:text-\[20px\] { font-size: 20px; } .lg\:text-\[42px\] { font-size: 42px; } .lg\:leading-\[59px\] { line-height: 59px; } } .tile[data-v-8cd0be31] { cursor: pointer; --tw-text-opacity: 1; width: 136px; height: 146px; color: rgb(var(--token-neutral-200) / var(--tw-text-opacity)); border-style: solid; border-width: 1px; border-radius: 0.75rem; flex-direction: column; justify-content: flex-end; align-items: center; padding-left: 0px; padding-right: 0px; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; display: flex; position: relative; } @media (width >= 375px) { .tile[data-v-8cd0be31] { width: 164px; } } .tile-default[data-v-8cd0be31] { --tw-border-opacity: 1; border-color: rgb(229 231 235/var(--tw-border-opacity)); } @media (hover: hover) and (pointer: fine) { .tile-default[data-v-8cd0be31]:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } } .tile-default[data-v-8cd0be31]:active { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } .tile-default .tile__text-container[data-v-8cd0be31] { --tw-border-opacity: 1; border-top-width: 1px; border-color: rgb(229 231 235/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-paper-950) / var(--tw-bg-opacity)); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } @media (hover: hover) and (pointer: fine) { .group:hover .tile-default .tile__text-container[data-v-8cd0be31] { --tw-border-opacity: 1; border-top-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); } } .tile__text-container[data-v-8cd0be31] { flex: 1 1 0%; align-items: center; transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .tile__text[data-v-8cd0be31] { text-align: center; justify-content: center; align-items: center; width: 100%; height: 34px; padding: 0.5rem 0.25rem; font-size: 1rem; font-weight: 500; line-height: 1.25rem; transition-property: all; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; } .tile__text-default[data-v-8cd0be31] { --tw-text-opacity: 1; color: rgb(var(--token-neutral-200) / var(--tw-text-opacity)); } @media (hover: hover) and (pointer: fine) { .group:hover .tile__text-default[data-v-8cd0be31] { --tw-text-opacity: 1; color: rgb(var(--token-paper-950) / var(--tw-text-opacity)); } } .tile.--theme-gold-200-border:hover .tile__text-container[data-v-8cd0be31] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } .tile.--theme-gold-200-border .tile__text[data-v-8cd0be31] { --tw-text-opacity: 1; color: rgb(0 0 0/var(--tw-text-opacity)); } .--hidden-overflow.tile[data-v-8cd0be31] { height: 100%; overflow: hidden; } .--hidden-overflow .tile__top[data-v-8cd0be31] { height: 112px; overflow: hidden; } .--hidden-overflow .tile__image[data-v-8cd0be31] { height: 112px; } .--hidden-overflow .tile__text-container[data-v-8cd0be31] { min-height: 50px; padding: 0.5rem 1rem; } .--hidden-overflow .tile__text[data-v-8cd0be31] { height: unset; padding: 0px; font-size: 14px; font-weight: 500; line-height: 120%; } .btn.--simple-disabled[data-v-715d4d60]:disabled { opacity: 0.4; } .btn.--theme-gold-200[data-v-715d4d60]:not(.--simple-disabled):disabled { --tw-border-opacity: 1; border-color: rgb(var(--token-primary-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-850) / var(--tw-bg-opacity)); opacity: 1; } @media (hover: hover) and (pointer: fine) { .btn.--theme-gold-200[data-v-715d4d60]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } .btn.--theme-gold-200-circle[data-v-715d4d60] { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); text-transform: uppercase; --tw-border-opacity: 1; border-width: 1px; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); border-radius: 40px !important; } .btn.--theme-gold-200-circle[data-v-715d4d60]:not(.--simple-disabled):disabled { --tw-border-opacity: 1; border-color: rgb(var(--token-primary-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-850) / var(--tw-bg-opacity)); opacity: 1; } @media (hover: hover) and (pointer: fine) { .btn.--theme-gold-200-circle[data-v-715d4d60]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } .btn.--theme-white-circle[data-v-715d4d60]:not(.--simple-disabled):disabled { --tw-border-opacity: 1; border-color: rgb(var(--token-primary-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-850) / var(--tw-bg-opacity)); opacity: 1; } @media (hover: hover) and (pointer: fine) { .btn.--theme-white-circle[data-v-715d4d60]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } @media (hover: hover) and (pointer: fine) { .btn.--theme-white[data-v-715d4d60]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } .btn.--theme-blue-circle[data-v-715d4d60]:not(.--simple-disabled):disabled { --tw-border-opacity: 1; border-color: rgb(var(--token-primary-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-primary-850) / var(--tw-bg-opacity)); opacity: 1; } @media (hover: hover) and (pointer: fine) { .btn.--theme-blue-circle[data-v-715d4d60]:not(.--reset-hover):hover { --tw-border-opacity: 1; border-color: rgb(var(--token-info-500-3) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-info-500-3) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } } .quotes-block[data-v-3590995b]::before { content: ""; --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); width: 2px; height: 100%; position: absolute; top: 0px; left: 0px; } .tile[data-v-12a5bf9d] { cursor: pointer; --tw-border-opacity: 1; border-style: solid; border-width: 1px; border-color: rgb(var(--token-neutral-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-paper-950) / var(--tw-bg-opacity)); --tw-text-opacity: 1; width: 100%; min-height: 78px; color: rgb(var(--token-neutral-200) / var(--tw-text-opacity)); border-radius: 0.75rem; flex-direction: row; justify-content: space-between; align-items: center; gap: 1rem; padding-left: 1rem; padding-right: 1rem; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; display: flex; position: relative; overflow: hidden; } .tile[data-v-12a5bf9d]:active, .tile.selected[data-v-12a5bf9d] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } @media (hover: hover) { .tile[data-v-12a5bf9d]:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } } .tile.--theme-gold-200[data-v-12a5bf9d]:active, .tile.--theme-gold-200.selected[data-v-12a5bf9d] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } @media (hover: hover) { .tile.--theme-gold-200[data-v-12a5bf9d]:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } } .tile.--theme-senior[data-v-12a5bf9d]:active, .tile.--theme-senior.selected[data-v-12a5bf9d] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } @media (hover: hover) { .tile.--theme-senior[data-v-12a5bf9d]:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } } .tile .image-wrapper-bg-gray-circle[data-v-12a5bf9d] { background-color: rgb(var(--token-neutral-950-2)); border-radius: 9999px; width: 2.5rem; height: 2.5rem; padding: 0.25rem; } .check-icon.--theme-attachment.--active[data-v-12a5bf9d] { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); } .check-icon.--theme-attachment.--active .icon[data-v-12a5bf9d] { --tw-text-opacity: 1; color: rgb(var(--token-warning-500) / var(--tw-text-opacity)); } .video-speed-pill.--selected[data-v-eae172cb] { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } @media (hover: hover) { .video-answer-option[data-v-eae172cb]:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } } .video-answer-option.--disabled[data-v-eae172cb] { cursor: default; } .video-answer-option.--selected[data-v-eae172cb] { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } @media (width >= 768px) { .video-answer-option.--selected[data-v-eae172cb] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); background-color: rgb(var(--token-warning-500) / .5); } } .video-answer-option.--selected[data-v-eae172cb] { animation: 0.5s ease-in-out 0s 2 normal none running option-flash-mobile-eae172cb; } @media (width >= 768px) { .video-answer-option.--selected[data-v-eae172cb] { animation-name: option-flash-desktop-eae172cb; } } @keyframes option-flash-mobile-eae172cb { 0%, 100% { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } 50% { --tw-border-opacity: 1; border-color: rgb(var(--token-neutral-850) / var(--tw-border-opacity)); background-color: rgb(var(--token-paper-950-3) / .5); } } @keyframes option-flash-desktop-eae172cb { 0%, 100% { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); background-color: rgb(var(--token-warning-500) / .5); } 50% { background-color: rgb(var(--token-warning-500) / .15); border-color: rgba(0, 0, 0, 0); } } .progress-line[data-v-c852bac7] { position: relative; } .progress-line[data-v-c852bac7]::after { content: ""; --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-300) / var(--tw-bg-opacity)); height: 100%; width: var(--section-progress,"0px"); border-radius: 1.5rem; transition: width 0.2s ease-in-out; position: absolute; } .progress-line[data-v-337f78a6]::after { content: ""; height: 100%; width: var(--section-progress,0px); background: rgb(var(--v2-gradient-progress-start)); border-radius: 9999px; transition: width 0.2s ease-in-out; position: absolute; top: 0px; left: 0px; } .imageye-selected { outline: black solid 2px !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px !important; } .bottom-fixed-wrapper[data-v-c7b77b7a] { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (width >= 768px) { .bottom-fixed-wrapper[data-v-c7b77b7a] { max-width: 375px; } } .bottom-fixed-wrapper[data-v-c7b77b7a] { z-index: 10; justify-content: center; align-items: center; width: 100%; height: fit-content; display: flex; position: fixed; bottom: 1rem; } .bottom-fixed-wrapper.is-fade[data-v-c7b77b7a]::before { pointer-events: none; z-index: -10; --tw-translate-x: -50%; width: 100vw; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); content: ""; background: linear-gradient(180deg, rgb(var(--v2-bg-surface,255 255 255)/0) 0%, rgb(var(--v2-bg-surface,255 255 255)/.4) 7%, rgb(var(--v2-bg-surface,255 255 255)) 60%); position: absolute; top: 0px; bottom: 0px; left: 50%; } @media (width >= 768px) { .bottom-fixed-wrapper.is-fade[data-v-c7b77b7a]::before { backdrop-filter: blur(12px); background: 0px 0px; mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 60%); } } .--strict-compliance .research-link[data-v-f478058a] { --tw-text-opacity: 1; color: rgb(var(--token-info-600) / var(--tw-text-opacity)); } .ui-input[data-v-748777a9]::placeholder { color: rgb(var(--token-neutral-200) / .4); } @keyframes pulse-f05333b6 { 50% { opacity: 0.5; } } .tile[data-v-e5ee45ee] { cursor: pointer; --tw-border-opacity: 1; border-style: solid; border-width: 1px; border-color: rgb(var(--token-neutral-850) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-paper-950) / var(--tw-bg-opacity)); --tw-text-opacity: 1; width: 100%; min-height: 78px; color: rgb(var(--token-neutral-200) / var(--tw-text-opacity)); border-radius: 0.75rem; flex-direction: row; justify-content: space-between; align-items: center; gap: 1rem; padding-left: 1rem; padding-right: 1rem; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; display: flex; position: relative; overflow: hidden; } .tile[data-v-e5ee45ee]:active, .tile.selected[data-v-e5ee45ee] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } @media (hover: hover) { .tile[data-v-e5ee45ee]:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); } } .tile.--theme-gold-200[data-v-e5ee45ee]:active, .tile.--theme-gold-200.selected[data-v-e5ee45ee], .tile.--theme-attachment[data-v-e5ee45ee]:active, .tile.--theme-attachment.selected[data-v-e5ee45ee] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } @media (hover: hover) { .tile.--theme-gold-200[data-v-e5ee45ee]:hover, .tile.--theme-attachment[data-v-e5ee45ee]:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); } } .tile.--theme-senior[data-v-e5ee45ee]:active, .tile.--theme-senior.selected[data-v-e5ee45ee] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-900-2) / var(--tw-border-opacity)); } @media (hover: hover) { .tile.--theme-senior[data-v-e5ee45ee]:hover { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-900-2) / var(--tw-border-opacity)); } } .check-icon.--active[data-v-e5ee45ee] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-700) / var(--tw-bg-opacity)); } .check-icon.--active .icon[data-v-e5ee45ee] { --tw-text-opacity: 1; color: rgb(var(--token-warning-700) / var(--tw-text-opacity)); } .check-icon.--theme-gold-200[data-v-e5ee45ee], .check-icon.--theme-senior[data-v-e5ee45ee] { --tw-shadow: var(--tw-shadow-colored); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); --tw-shadow-color: rgb(var(--token-neutral-850) / 1); } .check-icon.--theme-gold-200 .icon[data-v-e5ee45ee], .check-icon.--theme-senior .icon[data-v-e5ee45ee] { --tw-border-opacity: 1; border-color: rgb(var(--token-neutral-850) / var(--tw-border-opacity)); } .check-icon.--theme-gold-200.--active[data-v-e5ee45ee], .check-icon.--theme-senior.--active[data-v-e5ee45ee] { --tw-border-opacity: 1; border-color: rgb(var(--token-warning-500) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); } .check-icon.--theme-gold-200.--active .icon[data-v-e5ee45ee], .check-icon.--theme-senior.--active .icon[data-v-e5ee45ee] { --tw-text-opacity: 1; color: rgb(var(--token-warning-500) / var(--tw-text-opacity)); } .check-icon.--theme-attachment.--active[data-v-e5ee45ee] { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); } .check-icon.--theme-attachment.--active .icon[data-v-e5ee45ee] { --tw-text-opacity: 1; color: rgb(var(--token-warning-500) / var(--tw-text-opacity)); } @keyframes fadeIn-0df61361 { 0% { opacity: 0; } 100% { opacity: 1; } } .before-label[data-v-f02899ef]::before, .after-label[data-v-f02899ef]::before { content: ""; --tw-translate-x: -50%; --tw-rotate: 45deg; width: 6px; height: 6px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-300) / var(--tw-bg-opacity)); position: absolute; bottom: -3px; left: 50%; } @keyframes grow-rect-f02899ef { 0% { y: 153px; height: 0px; } 100% { height: var(--end-height); y: calc(153px - var(--end-height)); } } .bottom-fixed-wrapper[data-v-712486ad] { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (width >= 768px) { .bottom-fixed-wrapper[data-v-712486ad] { max-width: 375px; } } .bottom-fixed-wrapper[data-v-712486ad] { z-index: 10; justify-content: center; align-items: center; width: 100%; height: fit-content; display: flex; position: fixed; bottom: 1rem; } .splide__container { box-sizing: border-box; position: relative; } .splide__list { backface-visibility: hidden; height: 100%; display: flex; margin: 0px !important; padding: 0px !important; } .splide.is-initialized:not(.is-active) .splide__list { display: block; } .splide__pagination { pointer-events: none; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0px; display: flex; } .splide__pagination li { pointer-events: auto; margin: 0px; line-height: 1; list-style-type: none; display: inline-block; } .splide:not(.is-overflow) .splide__pagination { display: none; } .splide__progress__bar { width: 0px; } .splide { visibility: hidden; position: relative; } .splide.is-initialized, .splide.is-rendered { visibility: visible; } .splide__slide { backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; margin: 0px; position: relative; list-style-type: none !important; } .splide__slide img { vertical-align: bottom; } .splide__spinner { contain: strict; border-width: 2px; border-style: solid; border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(153, 153, 153) rgba(0, 0, 0, 0); border-image: none; border-radius: 50%; width: 20px; height: 20px; margin: auto; animation: 1s linear 0s infinite normal none running splide-loading; display: inline-block; position: absolute; inset: 0px; } .splide__sr { clip: rect(0px, 0px, 0px, 0px); border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; } .splide__toggle.is-active .splide__toggle__pause { display: inline; } .splide__track { z-index: 0; position: relative; overflow: hidden; } @keyframes splide-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .splide__track--draggable { user-select: none; } .splide__track--fade > .splide__list > .splide__slide { opacity: 0; z-index: 0; margin: 0px !important; } .splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; z-index: 1; } .splide--rtl { direction: rtl; } .splide__track--ttb > .splide__list { display: block; } .splide__arrow { cursor: pointer; opacity: 0.7; z-index: 1; background: rgb(204, 204, 204); border: 0px; border-radius: 50%; justify-content: center; align-items: center; width: 2em; height: 2em; padding: 0px; display: flex; position: absolute; top: 50%; transform: translateY(-50%); } .splide__arrow svg { fill: rgb(0, 0, 0); width: 1.2em; height: 1.2em; } .splide__arrow:hover:not(:disabled) { opacity: 0.9; } .splide__arrow:disabled { opacity: 0.3; } .splide__arrow:focus-visible { outline-offset: 3px; outline: rgb(0, 187, 255) solid 3px; } .splide__arrow--prev { left: 1em; } .splide__arrow--prev svg { transform: scaleX(-1); } .splide__arrow--next { right: 1em; } .splide.is-focus-in .splide__arrow:focus { outline-offset: 3px; outline: rgb(0, 187, 255) solid 3px; } .splide__pagination { z-index: 1; padding: 0px 1em; position: absolute; bottom: 0.5em; left: 0px; right: 0px; } .splide__pagination__page { opacity: 0.7; background: rgb(204, 204, 204); border: 0px; border-radius: 50%; width: 8px; height: 8px; margin: 3px; padding: 0px; transition: transform 0.2s linear; display: inline-block; position: relative; } .splide__pagination__page.is-active { z-index: 1; background: rgb(255, 255, 255); transform: scale(1.4); } .splide__pagination__page:hover { cursor: pointer; opacity: 0.9; } .splide__pagination__page:focus-visible, .splide.is-focus-in .splide__pagination__page:focus { outline-offset: 3px; outline: rgb(0, 187, 255) solid 3px; } .splide__progress__bar { background: rgb(204, 204, 204); height: 3px; } .splide__slide { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .splide__slide:focus { outline: 0px; } @supports (outline-offset:-3px) { .splide__slide:focus-visible { outline-offset: -3px; outline: rgb(0, 187, 255) solid 3px; } } @media screen and (-ms-high-contrast:none) { .splide__slide:focus-visible { border: 3px solid rgb(0, 187, 255); } } @supports (outline-offset:-3px) { .splide.is-focus-in .splide__slide:focus { outline-offset: -3px; outline: rgb(0, 187, 255) solid 3px; } } @media screen and (-ms-high-contrast:none) { .splide.is-focus-in .splide__slide:focus { border: 3px solid rgb(0, 187, 255); } .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus { border-color: rgb(0, 187, 255); } } .splide__toggle { cursor: pointer; } .splide__toggle:focus-visible, .splide.is-focus-in .splide__toggle:focus { outline-offset: 3px; outline: rgb(0, 187, 255) solid 3px; } .splide__track--nav > .splide__list > .splide__slide { cursor: pointer; border: 3px solid rgba(0, 0, 0, 0); } .splide__track--nav > .splide__list > .splide__slide.is-active { border: 3px solid rgb(0, 0, 0); } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em; } .splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1); } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto; } .splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1); } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%); } .splide__arrows--ttb .splide__arrow--prev { top: 1em; } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg); } .splide__arrows--ttb .splide__arrow--next { top: auto; bottom: 1em; } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg); } .splide__pagination--ttb { flex-direction: column; padding: 1em 0px; display: flex; inset: 0px 0.5em 0px auto; } .avatar[data-v-522b6ea3] { text-transform: uppercase; border-radius: 50%; justify-content: center; align-items: center; width: 36px; height: 36px; font-size: 14px; font-weight: 700; display: flex; } .progress-line-wrapper[data-v-5f0f37dd] { --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-850) / var(--tw-bg-opacity)); border-radius: 40px; width: 100%; height: 0.5rem; position: relative; } .progress-line-wrapper.--completed[data-v-5f0f37dd], .progress-line-wrapper.--completed .progress-line[data-v-5f0f37dd] { height: 2px; } .progress-line[data-v-5f0f37dd] { height: 100%; transition: width var(--transition-duration) linear; border-radius: 40px; position: absolute; } .splide-customization:not(.is-overflow) .splide__pagination { display: flex; } .continue-btn-wrapper[data-v-fd59b7cb] { opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in, visibility 0.3s ease-in; } .ui-input[data-v-950b9405] { --tw-border-opacity: 1; border-width: 1px; border-color: rgb(var(--token-warning-700) / var(--tw-border-opacity)); outline-offset: 2px; border-radius: 0.75rem; outline: rgba(0, 0, 0, 0) solid 2px; width: 100%; padding: 13px 1rem; font-size: 0.875rem; line-height: 1.25rem; } .ui-input[data-v-950b9405]::placeholder { color: rgb(var(--token-neutral-200) / .4); } .ui-input.--with-icon[data-v-950b9405] { padding-left: 52px; } .ui-input.--with-clear[data-v-950b9405] { padding-right: 44px; } .append-icon[data-v-950b9405] { box-sizing: content-box; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); cursor: pointer; justify-content: center; align-items: center; display: flex; position: absolute; top: 50%; right: 1rem; } .ui-modal { backdrop-filter: blur(4px); } .labels .label[data-v-5659436a] { padding: 11px 0px 0px; position: relative; } .section-line[data-v-5659436a] { stroke-dasharray: var(--line-length); stroke-dashoffset: var(--line-length); animation: drawLine-5659436a .6s ease-out var(--animation-delay) forwards; } @keyframes drawLine-5659436a { 100% { stroke-dashoffset: 0; } } .point-tooltip[data-v-5659436a]::after { content: " "; border-style: solid; border-width: 5px; border-color: rgb(var(--token-neutral-400-2)) transparent transparent transparent; margin-left: -5px; position: absolute; top: 100%; left: 50%; } .start-tooltip[data-v-5659436a] { --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-400-2) / var(--tw-bg-opacity)); --tw-text-opacity: 1; min-width: 42px; color: rgb(255 255 255/var(--tw-text-opacity)); opacity: 0; border-radius: 0.25rem; padding: 7px 0.5rem; font-size: 11px; line-height: 9px; animation: 0.5s ease 3s 1 normal forwards running pulse-5659436a, 0.5s ease 2s 1 normal forwards running fadeIn-5659436a; position: absolute; bottom: 96px; left: 14px; transform: scale(1); } .start-tooltip[data-v-5659436a]::after { content: " "; border-style: solid; border-width: 5px; border-color: rgb(var(--token-neutral-400-2)) transparent transparent transparent; margin-left: -5px; position: absolute; top: 100%; left: 50%; } .start-tooltip.arrow-left[data-v-5659436a]::after { left: 20px; } .start-tooltip.--negative[data-v-5659436a]::after { top: 50%; left: unset; border-color: transparent rgb(var(--token-neutral-400-2)) transparent transparent; right: 100%; transform: translateY(-50%); } .end-tooltip[data-v-5659436a] { --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-400-2) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); opacity: 0; z-index: 1; border-radius: 0.25rem; padding: 7px 0.5rem; font-size: 11px; line-height: 9px; animation: 0.5s ease 3s 1 normal forwards running pulse-5659436a, 0.5s ease 2.5s 1 normal forwards running fadeIn-5659436a; position: absolute; top: 25px; right: 55px; transform: scale(1); } .end-tooltip[data-v-5659436a]::after { content: " "; border-style: solid; border-width: 5px; border-color: transparent transparent transparent rgb(var(--token-neutral-400-2)); margin-top: -5px; position: absolute; top: 50%; left: 100%; } .end-tooltip.--top[data-v-5659436a]::after { border-color: rgb(var(--token-neutral-400-2)) transparent transparent transparent; margin-top: 0px; top: 100%; left: auto; right: 14px; } @keyframes fadeIn-5659436a { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes pulse-5659436a { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { transform: scale(1); } 75% { transform: scale(0.95); } 100% { transform: scale(1); } } .start-dot[data-v-5659436a], .start-line[data-v-5659436a] { opacity: 0; animation: 0.5s ease 0.5s 1 normal forwards running fadeIn-5659436a; } .end-dot[data-v-5659436a], .end-line[data-v-5659436a] { opacity: 0; animation: 0.5s ease 1s 1 normal forwards running fadeIn-5659436a; } .path-line[data-v-5659436a] { stroke-dasharray: 1000; stroke-dashoffset: 1000px; animation: 3s linear 1.5s 1 normal forwards running drawPath-5659436a; } .path-line.--negative[data-v-5659436a] { display: none; } @keyframes drawPath-5659436a { 100% { stroke-dashoffset: 0; } } @keyframes pulse-76d413b7 { 50% { opacity: 0.5; } } .radio-description.--active[data-v-0f73565a] { --tw-text-opacity: 1; color: rgb(var(--token-neutral-300) / var(--tw-text-opacity)); } .radio-description.--active .sale-text[data-v-0f73565a], .radio-description.--active .left-sale-text[data-v-0f73565a] { --tw-text-opacity: 1; color: rgb(var(--token-neutral-500-2) / var(--tw-text-opacity)); } .radio-description.--active .sale-badge[data-v-0f73565a] { --tw-bg-opacity: 1; background-color: rgb(var(--token-warning-500) / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } .offer-plan[data-v-0d6743df] > :first-child { margin-left: 0px; } .offer-plan.--rtl[data-v-0d6743df] > :last-child { margin-left: 0px; } .line.before.--active[data-v-762c6e39] { --main-bg: rgb(var(--token-danger-600-8)); } .line.after.--active[data-v-762c6e39] { --main-bg: rgb(var(--token-success-500)); } .statistics[data-v-4751a8a3] { position: relative; } .statistics[data-v-4751a8a3]::before { --tw-translate-x: -50%; width: 1px; height: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(229 231 235/var(--tw-bg-opacity)); content: ""; position: absolute; top: 0px; left: 50%; } .blocks .block[data-v-4751a8a3]:not(:last-child) { margin-bottom: 1rem; padding-bottom: 1rem; } .blocks .block[data-v-4751a8a3]:not(:last-child)::after { --tw-bg-opacity: 1; background-color: rgb(229 231 235/var(--tw-bg-opacity)); content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; } .lines[data-v-4751a8a3] { align-items: center; gap: 2px; display: flex; } .line[data-v-4751a8a3] { --main-bg: rgb(var(--token-success-500)); background: var(--main-bg); border-radius: 40px; width: 100%; height: 6px; } .line.--before[data-v-4751a8a3] { --main-bg: rgb(var(--token-danger-900-2)); } .line.--before.--active[data-v-4751a8a3] { --main-bg: rgb(var(--token-danger-600-8)); } .slider-line[data-v-4751a8a3] { background: var(--secondary-bg); --secondary-bg: rgb(var(--token-neutral-850)); --main-bg: rgb(var(--token-success-500)); --progress: 80%; border-radius: 40px; width: 100%; height: 6px; position: relative; } .slider-line.--before[data-v-4751a8a3] { --main-bg: rgb(var(--token-danger-600-8)); --secondary-bg: rgb(var(--token-danger-900-2)); --progress: 20%; } .slider-line .fill-line[data-v-4751a8a3] { height: 100%; width: var(--progress); background: var(--main-bg); border-radius: 40px; position: absolute; top: 0px; left: 0px; } .slider-line .circle[data-v-4751a8a3] { top: 50%; left: var(--progress); width: 12px; height: 12px; box-shadow: 0 0 0 3px rgb(var(--token-paper-950)); background: var(--main-bg); filter: drop-shadow(0 0 16px rgb(var(--token-danger-600-a35)/.35)) drop-shadow(0 4px 4px rgb(var(--token-danger-600-a25)/.25)); border-radius: 50%; position: absolute; transform: translate(-50%, -50%); } .block[data-v-4751a8a3] { position: relative; } .title[data-v-4751a8a3] { margin-bottom: 0.25rem; font-weight: 700; line-height: 18px; } .description[data-v-4751a8a3] { font-size: 0.875rem; line-height: 1.25rem; } .divider[data-v-7db9b7e2]::before, .divider[data-v-7db9b7e2]::after { content: ""; --tw-translate-y: -50%; width: 1.5rem; height: 1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); border-radius: 9999px; position: absolute; top: 50%; } .divider[data-v-7db9b7e2]::before { left: -1.5rem; } .divider[data-v-7db9b7e2]::after { right: -1.5rem; } .promo-code-block-v2.--disabled-timer .main-content[data-v-aaa3ca9a] { flex-direction: row-reverse; justify-content: space-between; } .kegel-cta[data-v-446d45ca]:disabled { opacity: 0.6; } .discount-button[data-v-b43654a4]:disabled { opacity: 0.6; } .faq-card[data-v-faea6b1e] { border-style: solid; border-width: 1px; border-color: rgb(var(--v2-border-primary)); background-color: rgb(var(--v2-bg-secondary)); border-radius: 1rem; width: 100%; } .plan-card.--selected[data-v-58f08f54] { background-image: linear-gradient(to right, rgb(var(--v2-button-primary-pressed)), rgb(var(--v2-button-primary-hover))); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 13px; } .--selected .radio[data-v-58f08f54] { border-color: rgb(var(--v2-text-white)); } .--selected .plan-name[data-v-58f08f54], .--selected .plan-price[data-v-58f08f54], .--selected .per-day-regular[data-v-58f08f54] { color: rgb(var(--v2-text-white)); } .--selected .price-tag-head[data-v-58f08f54] { color: rgb(var(--v2-bg-primary)); } .--selected .price-tag-body[data-v-58f08f54] { background-color: rgb(var(--v2-bg-primary)); } @keyframes buyers-scroll-42d5d35f { 0% { transform: translate(0px); } 100% { transform: translate(calc(-50% - 4px)); } } .card[data-v-73155fd9] { --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-950) / var(--tw-bg-opacity)); border-radius: 10px; flex: 1 1 0%; width: 150px; min-width: 150px; padding: 0.75rem; } @media (width >= 375px) { .card[data-v-73155fd9] { width: 178px; min-width: 178px; } } .card.--with[data-v-73155fd9] { --tw-bg-opacity: 1; background-color: rgb(var(--token-accent-850) / var(--tw-bg-opacity)); position: relative; bottom: 2rem; right: 0.75rem; } .plan-highlight[data-v-c6771c59] > * { margin-left: -22px; } .plan-highlight[data-v-c6771c59] > :first-child { margin-left: 0px; } .plan-highlight.--rtl[data-v-c6771c59] > :last-child { margin-left: 0px; } .avatar[data-v-06156801] { text-transform: uppercase; border-radius: 50%; justify-content: center; align-items: center; width: 36px; height: 36px; font-size: 14px; font-weight: 700; display: flex; } @keyframes scroll-left-f4f6f7a0 { 0% { transform: translate(0px); } 100% { transform: translate(-30%); } } .offer-cta-button[data-v-6d8c1728] .btn_pulse::before, .offer-cta-button[data-v-6d8c1728] .btn_pulse::after { border-radius: 9999px !important; } .offer-cta-button[data-v-6d8c1728] .btn_pulse::before { background-color: rgb(var(--v2-button-primary)/.5) !important; } .offer-cta-button[data-v-6d8c1728] .btn_pulse::after { background-color: rgb(var(--v2-button-primary)/.2) !important; } .faq-card[data-v-dfc0adac] { border: 1px solid var(--v2-faq-card-border); background-color: rgb(var(--v2-faq-card-bg)); } .divider.--notched[data-v-4f587d26]::before, .divider.--notched[data-v-4f587d26]::after { --tw-translate-y: -50%; width: 1.5rem; height: 1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-content: ""; content: var(--tw-content); background-color: rgb(var(--v2-wrapper-bg)); border-radius: 9999px; position: absolute; top: 50%; } .divider.--notched[data-v-4f587d26]::before { left: -1.5rem; } .divider.--notched[data-v-4f587d26]::after { right: -1.5rem; } .header-bar[data-v-2b18a753] .btn_pulse::before, .header-bar[data-v-2b18a753] .btn_pulse::after { border-radius: 9999px !important; } .header-bar[data-v-2b18a753] .btn_pulse::before { background-color: rgb(var(--v2-button-primary)/.5) !important; } .header-bar[data-v-2b18a753] .btn_pulse::after { background-color: rgb(var(--v2-button-primary)/.2) !important; } .price-card.--offer.--selected[data-v-5e5fdec9] { border-color: rgb(var(--v2-border-brand-500)); background-color: rgb(var(--v2-offer-card-selected-bg)); box-shadow: var(--v2-offer-card-selected-shadow); } .price-card.--discount.--selected[data-v-5e5fdec9] { border-color: rgb(var(--v2-product-card-selected-border)); background-color: rgb(var(--v2-product-card-selected-bg)); box-shadow: rgba(37, 1, 67, 0.1) 0px 3px 10px; } .--selected .plan-name[data-v-5e5fdec9], .--selected .per-day-regular[data-v-5e5fdec9] { color: rgb(var(--v2-text-primary)); } .--offer .per-day-regular[data-v-5e5fdec9]::after { --tw-translate-x: -50%; --tw-translate-y: -50%; width: 2.75rem; height: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-content: ""; content: var(--tw-content); background-color: rgb(var(--v2-text-error)); position: absolute; top: 50%; left: 50%; } .--selected .save-tag[data-v-5e5fdec9] { background-color: rgb(var(--v2-button-primary)); color: rgb(var(--v2-text-on-dark-bg)); } .--selected .price-arrow-head[data-v-5e5fdec9] { color: rgb(var(--v2-price-arrow-selected-bg)); } .--selected .price-arrow-body[data-v-5e5fdec9] { background-color: rgb(var(--v2-price-arrow-selected-bg)); color: rgb(var(--v2-price-arrow-selected-text)); } .product-card.--selected[data-v-f0c8c413] { border-color: rgb(var(--v2-border-brand-300)); background-color: rgb(var(--v2-product-card-selected-bg)); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 13px; } .--selected .plan-name[data-v-f0c8c413], .--selected .plan-price[data-v-f0c8c413] { color: rgb(var(--v2-text-primary)); } .statistics[data-v-5692703d]::before { --tw-translate-x: -50%; width: 1px; height: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(229 231 235/var(--tw-bg-opacity)); content: ""; position: absolute; top: 0px; left: 50%; } .blocks .block[data-v-5692703d]:not(:last-child)::after { --tw-bg-opacity: 1; background-color: rgb(229 231 235/var(--tw-bg-opacity)); content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; } .line.--before.--active[data-v-5692703d] { --main-bg: rgb(var(--token-danger-600-8)); } .payment-method.--new-form-design[data-v-4f0c8b96]:not(.--active) { --tw-border-opacity: 1; border-width: 1px; border-color: rgb(var(--token-neutral-850-2) / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(var(--token-neutral-950-2) / var(--tw-bg-opacity)); } .payment-method.--new-form-design:not(.--active) .payment-method-title[data-v-4f0c8b96] { --tw-text-opacity: 1; color: rgb(var(--token-neutral-700-2) / var(--tw-text-opacity)); font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; } .overlay-disabled-fcef00qrbvi { cursor: initial; opacity: 0.5; } .close-button-hidden-fcef00qrbvi { display: none; } .close-button-fcef00qrbvi::before, .close-button-fcef00qrbvi::after { position: absolute; left: 11px; top: 2px; content: " "; height: 20px; width: 2px; background-color: rgb(255, 255, 255); } .close-button-fcef00qrbvi::before { transform: rotate(45deg); } .close-button-fcef00qrbvi::after { transform: rotate(-45deg); } @media (max-width: 530px) { .close-button-fcef00qrbvi::before, .close-button-fcef00qrbvi::after { background-color: rgb(0, 0, 0); } } .universal-link-handler-button-pkuth5lc0hm:hover { opacity: 0.8; } .overlay-disabled-263y6ocv4qb { cursor: initial; opacity: 0.5; } .close-button-hidden-263y6ocv4qb { display: none; } .close-button-263y6ocv4qb::before, .close-button-263y6ocv4qb::after { position: absolute; left: 11px; top: 2px; content: " "; height: 20px; width: 2px; background-color: rgb(255, 255, 255); } .close-button-263y6ocv4qb::before { transform: rotate(45deg); } .close-button-263y6ocv4qb::after { transform: rotate(-45deg); } @media (max-width: 500px) { .close-button-263y6ocv4qb::before, .close-button-263y6ocv4qb::after { background-color: rgb(0, 0, 0); } } .cls-1 { fill: rgb(116, 116, 116); stroke-width: 0; } .cls-1 { fill: rgb(116, 116, 116); stroke-width: 0; } .cls-1 { fill: rgb(116, 116, 116); stroke-width: 0; }