/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
}
::before,
::after {
--un-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS.
*/
html,
:host {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
-webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-feature-settings: normal; /* 2 */
font-variation-settings: normal; /* 3 */
font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/*
Make elements with the HTML hidden attribute stay hidden by default.
*/
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{margin-left:auto !important;margin-right:auto !important;width:100% !important;max-width:100% !important;padding-left:1.5rem !important;padding-right:1.5rem !important;}.btn{border-radius:100px !important;padding-left:1.5rem !important;padding-right:1.5rem !important;padding-top:0.75rem !important;padding-bottom:0.75rem !important;font-size:1rem !important;line-height:1.5 !important;font-weight:700 !important;letter-spacing:0.8px !important;transition-property:all !important;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;transition-duration:150ms !important;transition-duration:300ms !important;}.btn-light{--un-bg-opacity:1 !important;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */ !important;--un-text-opacity:1 !important;color:rgb(25 95 250 / var(--un-text-opacity)) /* #195FFA */ !important;--un-shadow:0px 16px 24px 0px rgba(2, 3, 3, 0.03), 0px 6px 30px 0px rgba(2, 3, 3, 0.02), 0px 8px 10px 0px rgba(2, 3, 3, 0.04) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.btn-primary-1{--un-bg-opacity:1 !important;background-color:rgb(25 95 250 / var(--un-bg-opacity)) /* #195FFA */ !important;--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */ !important;--un-shadow:0px 16px 24px 0px rgba(2, 3, 3, 0.03), 0px 6px 30px 0px rgba(2, 3, 3, 0.02), 0px 8px 10px 0px rgba(2, 3, 3, 0.04) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.btn-primary-1:disabled{background-color:rgb(25 95 250 / 0.8) /* #195FFA */ !important;}.bg-default{background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;}.title-h1{font-size:1.875rem !important;line-height:1.5 !important;font-weight:700 !important;letter-spacing:0.96px !important;}.title-h2{font-size:1.25rem !important;line-height:1.5 !important;font-weight:700 !important;letter-spacing:0.4px !important;}.title-h3{font-size:1.5rem !important;line-height:1.5 !important;font-weight:700 !important;letter-spacing:1.2px !important;}.title-h4{font-size:1.25rem !important;line-height:1.5 !important;font-weight:700 !important;letter-spacing:1px !important;}@media (min-width: 36em){.container{max-width:34.5rem !important;padding-left:0.75rem !important;padding-right:0.75rem !important;}}@media (min-width: 48em){.container{max-width:44.5rem !important;}.btn{padding-left:3.75rem !important;padding-right:3.75rem !important;padding-top:1.25rem !important;padding-bottom:1.25rem !important;font-size:1.5rem !important;line-height:1.5 !important;letter-spacing:1.2px !important;}.group.active .md\:group-\[\.active\]\:title-h2{font-size:1.25rem !important;line-height:1.5 !important;font-weight:700 !important;letter-spacing:0.4px !important;}.title-h1{font-size:2.25rem !important;line-height:1.5 !important;}.title-h2{font-size:1.875rem !important;line-height:1.5 !important;letter-spacing:.8px !important;}.title-h3{font-size:1.75rem !important;line-height:1.5 !important;letter-spacing:1.8px !important;}.title-h4{font-size:1.5rem !important;line-height:1.5 !important;letter-spacing:1.2px !important;}}@media (min-width: 48em){@media (min-width: 48em){.group.active .md\:group-\[\.active\]\:title-h2{font-size:1.875rem !important;line-height:1.5 !important;letter-spacing:.8px !important;}}}@media (min-width: 62em){@media (min-width: 48em){.group.active .md\:group-\[\.active\]\:title-h2{font-size:2.5rem !important;line-height:1.5 !important;}}}@media (min-width: 62em){.container{max-width:60.5rem !important;}.title-h1{font-size:3rem !important;line-height:1.5 !important;}.title-h2{font-size:2.5rem !important;line-height:1.5 !important;}}@media (min-width: 75em){.container{max-width:73.5rem !important;}}@media (min-width: 90em){.container{max-width:76.5rem !important;}}@media (min-width: 100em){.container{max-width:101.5rem !important;}}.\[background\:linear-gradient\(180deg\,\#FFF_0\%\,\#FFF_50\%\,rgba\(0\,0\,0\,0\.00\)100\%\)\]{background:linear-gradient(180deg,#FFF 0%,#FFF 50%,rgba(0,0,0,0.00)100%) !important;}.\[background\:linear-gradient\(180deg\,\#FFF_20\%\,rgba\(255\,255\,255\,0\.00\)40\%\)\]{background:linear-gradient(180deg,#FFF 20%,rgba(255,255,255,0.00)40%) !important;}.\[perspective\:1500px\]{perspective:1500px !important;}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border-width:0 !important;}.pointer-events-auto{pointer-events:auto !important;}.pointer-events-none{pointer-events:none !important;}.visible{visibility:visible !important;}.invisible{visibility:hidden !important;}.absolute{position:absolute !important;}.fixed{position:fixed !important;}.relative{position:relative !important;}.-bottom-28\.8vw{bottom:-28.8vw !important;}.-left-2{left:-0.5rem !important;}.-top-6{top:-1.5rem !important;}.-top-8\.5vw{top:-8.5vw !important;}.-top-9\.6vw{top:-9.6vw !important;}.bottom-0{bottom:0 !important;}.left-\[calc\(100\%\+12px\)\]{left:calc(100% + 12px) !important;}.left-0{left:0 !important;}.left-1\/2{left:50% !important;}.left-28\.26vw{left:28.26vw !important;}.right-0{right:0 !important;}.right-34\.9vw{right:34.9vw !important;}.top-\[calc\(100\%-6px\)\]{top:calc(100% - 6px) !important;}.top-\[calc\(100\%\+12px\)\]{top:calc(100% + 12px) !important;}.top-0{top:0 !important;}.top-1\/2{top:50% !important;}.top-10{top:2.5rem !important;}.z-0{z-index:0 !important;}.z-1{z-index:1 !important;}.z-10{z-index:10 !important;}.z-2{z-index:2 !important;}.z-50{z-index:50 !important;}.focus\:z-10:focus{z-index:10 !important;}.grid{display:grid !important;}.col-span-1{grid-column:span 1/span 1 !important;}.col-span-2{grid-column:span 2/span 2 !important;}.row-start-1{grid-row-start:1 !important;}.grid-rows-\[1fr_max-content\]{grid-template-rows:1fr max-content !important;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr)) !important;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr)) !important;}.m-0{margin:0 !important;}.m1{margin:0.25rem !important;}.mx-auto{margin-left:auto !important;margin-right:auto !important;}.\*\:mb-0 > *,.mb-0{margin-bottom:0 !important;}.mb-10{margin-bottom:2.5rem !important;}.mb-12\.5{margin-bottom:3.125rem !important;}.mb-13{margin-bottom:3.25rem !important;}.mb-15{margin-bottom:3.75rem !important;}.mb-2\.5{margin-bottom:0.625rem !important;}.mb-3{margin-bottom:0.75rem !important;}.mb-4{margin-bottom:1rem !important;}.mb-6,.not-last\:mb-6:not(:last-child){margin-bottom:1.5rem !important;}.ms-3{margin-inline-start:0.75rem !important;}.ms-auto{margin-inline-start:auto !important;}.mt-0{margin-top:0 !important;}.mt-1{margin-top:0.25rem !important;}.mt-13{margin-top:3.25rem !important;}.mt-6{margin-top:1.5rem !important;}.mt-8\%{margin-top:8% !important;}.inline{display:inline !important;}.group.active .group-\[\.active\]\:block,.group.isSubmit .group-\[\.isSubmit\]\:block,.block,.group:hover .group-hover\:block{display:block !important;}.inline-block{display:inline-block !important;}.group.active .group-\[\.active\]\:hidden,.hidden,.group:hover .group-hover\:hidden{display:none !important;}.aspect-\[326\.67\/217\.78\]{aspect-ratio:326.67/217.78 !important;}.aspect-\[396\/223\]{aspect-ratio:396/223 !important;}.aspect-\[450\/283\]{aspect-ratio:450/283 !important;}.aspect-\[588\/340\]{aspect-ratio:588/340 !important;}.aspect-square{aspect-ratio:1/1 !important;}.h-\[calc\(100\%-1rem\)\]{height:calc(100% - 1rem) !important;}.h-10{height:2.5rem !important;}.h-3{height:0.75rem !important;}.h-4{height:1rem !important;}.h-8{height:2rem !important;}.h-90\%{height:90% !important;}.h-auto{height:auto !important;}.h-full{height:100% !important;}.max-h-full{max-height:100% !important;}.max-w-\[180px\],.max-w-180px{max-width:180px !important;}.max-w-\[792px\]{max-width:792px !important;}.max-w-150px{max-width:150px !important;}.max-w-2xl{max-width:42rem !important;}.max-w-full{max-width:100% !important;}.w-1{width:0.25rem !important;}.w-10{width:2.5rem !important;}.w-106\%{width:106% !important;}.w-2{width:0.5rem !important;}.w-20{width:5rem !important;}.w-25{width:6.25rem !important;}.w-3{width:0.75rem !important;}.w-30{width:7.5rem !important;}.w-4{width:1rem !important;}.w-4\/5{width:80% !important;}.w-5{width:1.25rem !important;}.w-50{width:12.5rem !important;}.w-6{width:1.5rem !important;}.w-78\%{width:78% !important;}.w-8{width:2rem !important;}.w-91\.667\%{width:91.667% !important;}.w-92\%{width:92% !important;}.w-full{width:100% !important;}.flex{display:flex !important;}.inline-flex{display:inline-flex !important;}.flex-\[0_0_100\%\]{flex:0 0 100% !important;}.flex-none{flex:none !important;}.flex-col{flex-direction:column !important;}.flex-col-reverse{flex-direction:column-reverse !important;}.flex-wrap{flex-wrap:wrap !important;}.border-collapse{border-collapse:collapse !important;}.-translate-x-1\/2{--un-translate-x:-50% !important;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important;}.-translate-y-1\/2{--un-translate-y:-50% !important;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important;}.-translate-y-8{--un-translate-y:-2rem !important;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important;}.translate-y-3px{--un-translate-y:3px !important;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important;}.group.active .group-\[\.active\]\:scale-105,.group:hover .group-hover\:scale-105{--un-scale-x:1.05 !important;--un-scale-y:1.05 !important;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important;}@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite !important;}.animate-spin{animation:spin 1s linear infinite !important;}.cursor-pointer{cursor:pointer !important;}.cursor-not-allowed{cursor:not-allowed !important;}.resize{resize:both !important;}.list-disc{list-style-type:disc !important;}.items-start{align-items:flex-start !important;}.items-center{align-items:center !important;}.justify-start{justify-content:flex-start !important;}.justify-end{justify-content:flex-end !important;}.justify-center{justify-content:center !important;}.justify-between{justify-content:space-between !important;}.gap-1{gap:0.25rem !important;}.gap-10{gap:2.5rem !important;}.gap-12\.5{gap:3.125rem !important;}.gap-15{gap:3.75rem !important;}.gap-2{gap:0.5rem !important;}.gap-2\.5{gap:0.625rem !important;}.gap-3{gap:0.75rem !important;}.gap-4{gap:1rem !important;}.gap-6{gap:1.5rem !important;}.gap-x-6{column-gap:1.5rem !important;}.gap-y-10{row-gap:2.5rem !important;}.gap-y-6{row-gap:1.5rem !important;}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0 !important;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse))) !important;margin-bottom:calc(1rem * var(--un-space-y-reverse)) !important;}.overflow-hidden{overflow:hidden !important;}.overflow-visible{overflow:visible !important;}.overflow-x-hidden{overflow-x:hidden !important;}.overflow-y-auto{overflow-y:auto !important;}.border{border-width:1px !important;}.border-y-px{border-top-width:1px !important;border-bottom-width:1px !important;}.border-b,.border-b-px{border-bottom-width:1px !important;}.border-b-2px{border-bottom-width:2px !important;}.border-l-0{border-left-width:0px !important;}.border-r-0{border-right-width:0px !important;}.border-t{border-top-width:1px !important;}.border-t-0{border-top-width:0px !important;}.border-gray-1{--un-border-opacity:1 !important;border-color:rgb(13 13 13 / var(--un-border-opacity)) !important;}.border-gray-200{--un-border-opacity:1 !important;border-color:rgb(229 231 235 / var(--un-border-opacity)) !important;}.border-primary-1{--un-border-opacity:1 !important;border-color:rgb(25 95 250 / var(--un-border-opacity)) !important;}.border-white{--un-border-opacity:1 !important;border-color:rgb(255 255 255 / var(--un-border-opacity)) !important;}.dark .dark\:border-gray-600{--un-border-opacity:1 !important;border-color:rgb(75 85 99 / var(--un-border-opacity)) !important;}.rounded-100px{border-radius:100px !important;}.rounded-12px{border-radius:12px !important;}.rounded-20px{border-radius:20px !important;}.rounded-40px{border-radius:40px !important;}.rounded-full{border-radius:9999px !important;}.rounded-lg{border-radius:0.5rem !important;}.rounded-md{border-radius:0.375rem !important;}.rounded-b{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important;}.rounded-t{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important;}.rounded-bl-20px{border-bottom-left-radius:20px !important;}.rounded-br-20px{border-bottom-right-radius:20px !important;}.border-solid{border-style:solid !important;}.group.active .group-\[\.active\]\:bg-primary-1,.bg-primary-1{--un-bg-opacity:1 !important;background-color:rgb(25 95 250 / var(--un-bg-opacity)) /* #195FFA */ !important;}.bg-black\/40{background-color:rgb(0 0 0 / 0.4) /* #000 */ !important;}.bg-blue-700{--un-bg-opacity:1 !important;background-color:rgb(29 78 216 / var(--un-bg-opacity)) /* #1d4ed8 */ !important;}.bg-gray-200{--un-bg-opacity:1 !important;background-color:rgb(229 231 235 / var(--un-bg-opacity)) /* #e5e7eb */ !important;}.bg-gray-300{--un-bg-opacity:1 !important;background-color:rgb(209 213 219 / var(--un-bg-opacity)) /* #d1d5db */ !important;}.bg-gray-6{--un-bg-opacity:1 !important;background-color:rgb(245 245 245 / var(--un-bg-opacity)) /* #F5F5F5 */ !important;}.bg-gray-7{--un-bg-opacity:1 !important;background-color:rgb(250 250 255 / var(--un-bg-opacity)) /* #FAFAFF */ !important;}.bg-primary-1\/10{background-color:rgb(25 95 250 / 0.1) /* #195FFA */ !important;}.bg-primary-1\/80{background-color:rgb(25 95 250 / 0.8) /* #195FFA */ !important;}.bg-transparent{background-color:transparent /* transparent */ !important;}.bg-white{--un-bg-opacity:1 !important;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */ !important;}.dark .dark\:bg-blue-600{--un-bg-opacity:1 !important;background-color:rgb(37 99 235 / var(--un-bg-opacity)) /* #2563eb */ !important;}.dark .dark\:bg-gray-700{--un-bg-opacity:1 !important;background-color:rgb(55 65 81 / var(--un-bg-opacity)) /* #374151 */ !important;}.dark .dark\:bg-gray-800{--un-bg-opacity:1 !important;background-color:rgb(31 41 55 / var(--un-bg-opacity)) /* #1f2937 */ !important;}.dark .dark\:hover\:bg-blue-700:hover{--un-bg-opacity:1 !important;background-color:rgb(29 78 216 / var(--un-bg-opacity)) /* #1d4ed8 */ !important;}.dark .dark\:hover\:bg-gray-600:hover{--un-bg-opacity:1 !important;background-color:rgb(75 85 99 / var(--un-bg-opacity)) /* #4b5563 */ !important;}.dark .dark\:hover\:bg-gray-700:hover{--un-bg-opacity:1 !important;background-color:rgb(55 65 81 / var(--un-bg-opacity)) /* #374151 */ !important;}.hover\:bg-blue-800:hover{--un-bg-opacity:1 !important;background-color:rgb(30 64 175 / var(--un-bg-opacity)) /* #1e40af */ !important;}.hover\:bg-gray-100:hover{--un-bg-opacity:1 !important;background-color:rgb(243 244 246 / var(--un-bg-opacity)) /* #f3f4f6 */ !important;}.hover\:bg-gray-200:hover{--un-bg-opacity:1 !important;background-color:rgb(229 231 235 / var(--un-bg-opacity)) /* #e5e7eb */ !important;}.hover\:bg-primary-1:hover{--un-bg-opacity:1 !important;background-color:rgb(25 95 250 / var(--un-bg-opacity)) /* #195FFA */ !important;}.hover\:bg-transparent:hover{background-color:transparent /* transparent */ !important;}.from-transparent{--un-gradient-from-position:0% !important;--un-gradient-from:transparent var(--un-gradient-from-position) !important;--un-gradient-to-position:100% !important;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position) !important;--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to) !important;}.to-\[\#FAFAFF\]{--un-gradient-to-position:100% !important;--un-gradient-to:rgb(250 250 255 / var(--un-to-opacity, 1)) var(--un-gradient-to-position) !important;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch !important;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops) !important;background-image:linear-gradient(var(--un-gradient)) !important;}.object-cover{object-fit:cover !important;}.object-contain{object-fit:contain !important;}.p-0\.5{padding:0.125rem !important;}.p-1{padding:0.25rem !important;}.p-10{padding:2.5rem !important;}.p-3{padding:0.75rem !important;}.p-4{padding:1rem !important;}.p-5{padding:1.25rem !important;}.p-6{padding:1.5rem !important;}.p-7\.5{padding:1.875rem !important;}.px-10{padding-left:2.5rem !important;padding-right:2.5rem !important;}.px-4{padding-left:1rem !important;padding-right:1rem !important;}.px-5{padding-left:1.25rem !important;padding-right:1.25rem !important;}.px-6{padding-left:1.5rem !important;padding-right:1.5rem !important;}.py-10{padding-top:2.5rem !important;padding-bottom:2.5rem !important;}.py-15{padding-top:3.75rem !important;padding-bottom:3.75rem !important;}.py-2\.5{padding-top:0.625rem !important;padding-bottom:0.625rem !important;}.py-21\%{padding-top:21% !important;padding-bottom:21% !important;}.py-3{padding-top:0.75rem !important;padding-bottom:0.75rem !important;}.py-4{padding-top:1rem !important;padding-bottom:1rem !important;}.py-6{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}.pb-10{padding-bottom:2.5rem !important;}.pb-15{padding-bottom:3.75rem !important;}.pb-4{padding-bottom:1rem !important;}.pb-6{padding-bottom:1.5rem !important;}.pb-8{padding-bottom:2rem !important;}.pl-6{padding-left:1.5rem !important;}.pt-10{padding-top:2.5rem !important;}.pt-15{padding-top:3.75rem !important;}.pt-2{padding-top:0.5rem !important;}.text-center{text-align:center !important;}.text-justify{text-align:justify !important;}.text-nowrap{text-wrap:nowrap !important;}.group.active .group-\[\.active\]\:text-2xl\/normal,.text-2xl\/normal{font-size:1.5rem !important;line-height:1.5 !important;}.text-3xl\/normal{font-size:1.875rem !important;line-height:1.5 !important;}.text-6\.25\/normal{font-size:1.5625rem !important;line-height:1.5 !important;}.text-base\/normal{font-size:1rem !important;line-height:1.5 !important;}.text-sm{font-size:0.875rem !important;line-height:1.25rem !important;}.text-sm\/normal{font-size:0.875rem !important;line-height:1.5 !important;}.text-xl{font-size:1.25rem !important;line-height:1.75rem !important;}.text-xl\/180\%{font-size:1.25rem !important;line-height:180% !important;}.text-xl\/normal{font-size:1.25rem !important;line-height:1.5 !important;}.group.active .group-\[\.active\]\:text-gray-1,.text-gray-1{--un-text-opacity:1 !important;color:rgb(13 13 13 / var(--un-text-opacity)) /* #0D0D0D */ !important;}.group.active .group-\[\.active\]\:text-primary-1,.text-primary-1{--un-text-opacity:1 !important;color:rgb(25 95 250 / var(--un-text-opacity)) /* #195FFA */ !important;}.dark .dark\:text-gray-400,.text-gray-400{--un-text-opacity:1 !important;color:rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */ !important;}.dark .dark\:text-white,.text-white,.group:hover .group-hover\:text-white{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */ !important;}.text-gray-3{--un-text-opacity:1 !important;color:rgb(92 92 92 / var(--un-text-opacity)) /* #5C5C5C */ !important;}.text-gray-4{--un-text-opacity:1 !important;color:rgb(143 143 143 / var(--un-text-opacity)) /* #8F8F8F */ !important;}.text-gray-900{--un-text-opacity:1 !important;color:rgb(17 24 39 / var(--un-text-opacity)) /* #111827 */ !important;}.text-primary-2{--un-text-opacity:1 !important;color:rgb(21 180 75 / var(--un-text-opacity)) /* #15B44B */ !important;}.text-red{--un-text-opacity:1 !important;color:rgb(248 113 113 / var(--un-text-opacity)) /* #f87171 */ !important;}.text-secondary-5{--un-text-opacity:1 !important;color:rgb(75 97 194 / var(--un-text-opacity)) /* #4B61C2 */ !important;}.text-secondary-6{--un-text-opacity:1 !important;color:rgb(72 184 130 / var(--un-text-opacity)) /* #48B882 */ !important;}.dark .dark\:hover\:text-white:hover{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */ !important;}.group:hover .group-hover\:text-secondary-7{--un-text-opacity:1 !important;color:rgb(250 205 26 / var(--un-text-opacity)) /* #FACD1A */ !important;}.hover\:text-blue-700:hover{--un-text-opacity:1 !important;color:rgb(29 78 216 / var(--un-text-opacity)) /* #1d4ed8 */ !important;}.hover\:text-gray-900:hover{--un-text-opacity:1 !important;color:rgb(17 24 39 / var(--un-text-opacity)) /* #111827 */ !important;}.font-bold{font-weight:700 !important;}.font-medium{font-weight:500 !important;}.font-normal{font-weight:400 !important;}.font-semibold{font-weight:600 !important;}.tracking-0\.32px{letter-spacing:0.32px !important;}.tracking-0\.36px{letter-spacing:0.36px !important;}.tracking-0\.48px{letter-spacing:0.48px !important;}.tracking-0\.4px{letter-spacing:0.4px !important;}.tracking-0\.5px{letter-spacing:0.5px !important;}.tracking-0\.7px{letter-spacing:0.7px !important;}.tracking-0\.8px{letter-spacing:0.8px !important;}.tracking-px{letter-spacing:1px !important;}.tracking-sm{letter-spacing:1.2px !important;}.uppercase{text-transform:uppercase !important;}.underline{text-decoration-line:underline !important;}.decoration-from-font{text-decoration-thickness:from-font !important;}.underline-offset-auto{text-underline-offset:auto !important;}.decoration-solid{text-decoration-style:solid !important;}.group.active .group-\[\.active\]\:opacity-100,.opacity-100{opacity:1 !important;}.opacity-0{opacity:0 !important;}.mix-blend-lighten{mix-blend-mode:lighten !important;}.shadow-c-1{--un-shadow: 0px -24px 38px 0px rgba(2, 3, 3, 0.03), 0px -9px 46px 0px rgba(2, 3, 3, 0.02), 0px -11px 15px 0px rgba(2, 3, 3, 0.04); !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-c12{--un-shadow:0px 12px 17px 0px rgba(2, 3, 3, 0.03), 0px 5px 22px 0px rgba(2, 3, 3, 0.02), 0px 7px 8px 0px rgba(2, 3, 3, 0.04); !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-c16{--un-shadow:0px 16px 24px 0px rgba(2, 3, 3, 0.03), 0px 6px 30px 0px rgba(2, 3, 3, 0.02), 0px 8px 10px 0px rgba(2, 3, 3, 0.04) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-c24{--un-shadow:0px 24px 38px 0px rgba(2, 3, 3, 0.03), 0px 9px 46px 0px rgba(2, 3, 3, 0.02), 0px 11px 15px 0px rgba(2, 3, 3, 0.04); !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-c48{--un-shadow:0px 54px 82px 0px rgba(2, 3, 3, 0.03), 0px 22px 98px 0px rgba(2, 3, 3, 0.02), 0px 23px 28px 0px rgba(2, 3, 3, 0.04) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-header-1{--un-shadow:0px 54px 82px 0px rgba(2, 3, 3, 0.03), 0px 22px 98px 0px rgba(2, 3, 3, 0.02), 0px 23px 28px 0px rgba(2, 3, 3, 0.04); !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.hover\:shadow-c48:hover{--un-shadow:0px 54px 82px 0px rgba(2, 3, 3, 0.03), 0px 22px 98px 0px rgba(2, 3, 3, 0.02), 0px 23px 28px 0px rgba(2, 3, 3, 0.04) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.focus\:outline-none:focus{outline:2px solid transparent !important;outline-offset:2px !important;}.focus\:ring-4:focus{--un-ring-width:4px !important;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color) !important;--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.dark .dark\:focus\:ring-blue-800:focus{--un-ring-opacity:1 !important;--un-ring-color:rgb(30 64 175 / var(--un-ring-opacity)) /* #1e40af */ !important;}.dark .dark\:focus\:ring-gray-700:focus{--un-ring-opacity:1 !important;--un-ring-color:rgb(55 65 81 / var(--un-ring-opacity)) /* #374151 */ !important;}.focus\:ring-blue-300:focus{--un-ring-opacity:1 !important;--un-ring-color:rgb(147 197 253 / var(--un-ring-opacity)) /* #93c5fd */ !important;}.focus\:ring-gray-100:focus{--un-ring-opacity:1 !important;--un-ring-color:rgb(243 244 246 / var(--un-ring-opacity)) /* #f3f4f6 */ !important;}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter !important;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;transition-duration:150ms !important;}.transition-all{transition-property:all !important;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;transition-duration:150ms !important;}.transition-transform{transition-property:transform !important;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;transition-duration:150ms !important;}.duration-300{transition-duration:300ms !important;}.duration-600{transition-duration:600ms !important;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important;}.grid-rows-0{grid-template-rows:repeat(1,minmax(0,0fr)) !important;}@media (min-width: 36em){.sm\:gap-20{gap:5rem !important;}}@media (min-width: 48em){.md\:\[background\:linear-gradient\(180deg\,\#FFF_0\%\,rgba\(255\,255\,255\,0\.00\)_100\%\)\]{background:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0.00) 100%) !important;}.md\:relative{position:relative !important;}.md\:inset-0{inset:0 !important;}.md\:-bottom-170px{bottom:-170px !important;}.md\:-left-4px{left:-4px !important;}.md\:-top-114px{top:-114px !important;}.md\:-top-70px{top:-70px !important;}.md\:left-240px{left:240px !important;}.md\:right-90px{right:90px !important;}.md\:col-span-1{grid-column:span 1/span 1 !important;}.md\:col-span-2{grid-column:span 2/span 2 !important;}.md\:grid-rows-\[minmax\(115px\,1fr\)_1fr\]{grid-template-rows:minmax(115px,1fr) 1fr !important;}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}.md\:mb-0{margin-bottom:0 !important;}.md\:mb-10{margin-bottom:2.5rem !important;}.md\:mb-15{margin-bottom:3.75rem !important;}.md\:mb-30{margin-bottom:7.5rem !important;}.md\:mb-6{margin-bottom:1.5rem !important;}.md\:mt-0{margin-top:0 !important;}.md\:mt-10{margin-top:2.5rem !important;}.md\:hidden{display:none !important;}.md\:aspect-\[499\/333\]{aspect-ratio:499/333 !important;}.md\:aspect-unset{aspect-ratio:unset !important;}.md\:h-\[500px\]{height:500px !important;}.md\:max-w-\[282px\],.md\:max-w-282px{max-width:282px !important;}.md\:max-w-125{max-width:31.25rem !important;}.md\:max-w-290px{max-width:290px !important;}.md\:max-w-45\.91\%{max-width:45.91% !important;}.md\:w-125{width:31.25rem !important;}.md\:w-138\%{width:138% !important;}.md\:w-15{width:3.75rem !important;}.md\:w-20{width:5rem !important;}.md\:w-27\%{width:27% !important;}.md\:w-7\.5{width:1.875rem !important;}.md\:w-9{width:2.25rem !important;}.md\:w-auto{width:auto !important;}.md\:w-full{width:100% !important;}.md\:flex{display:flex !important;}.md\:flex-initial{flex:0 1 auto !important;}.md\:flex-row{flex-direction:row !important;}.md\:-translate-y-6\.5{--un-translate-y:-1.625rem !important;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) !important;}.md\:items-start{align-items:flex-start !important;}.md\:items-end{align-items:flex-end !important;}.md\:items-center{align-items:center !important;}.md\:justify-start{justify-content:flex-start !important;}.md\:justify-center{justify-content:center !important;}.md\:gap-0\.5{gap:0.125rem !important;}.md\:gap-10{gap:2.5rem !important;}.md\:gap-12{gap:3rem !important;}.md\:gap-12\.5{gap:3.125rem !important;}.md\:gap-15{gap:3.75rem !important;}.md\:gap-3{gap:0.75rem !important;}.md\:gap-30{gap:7.5rem !important;}.md\:gap-4{gap:1rem !important;}.md\:gap-50{gap:12.5rem !important;}.md\:gap-6{gap:1.5rem !important;}.md\:gap-y-12\.5{row-gap:3.125rem !important;}.md\:p-10{padding:2.5rem !important;}.md\:p-5{padding:1.25rem !important;}.md\:p-6{padding:1.5rem !important;}.md\:px-0{padding-left:0 !important;padding-right:0 !important;}.md\:px-6{padding-left:1.5rem !important;padding-right:1.5rem !important;}.md\:px-8{padding-left:2rem !important;padding-right:2rem !important;}.md\:py-0{padding-top:0 !important;padding-bottom:0 !important;}.md\:py-15{padding-top:3.75rem !important;padding-bottom:3.75rem !important;}.md\:py-20{padding-top:5rem !important;padding-bottom:5rem !important;}.md\:py-30{padding-top:7.5rem !important;padding-bottom:7.5rem !important;}.md\:py-6{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}.md\:py-7\.5{padding-top:1.875rem !important;padding-bottom:1.875rem !important;}.md\:pb-0{padding-bottom:0 !important;}.md\:pb-15{padding-bottom:3.75rem !important;}.md\:pb-30{padding-bottom:7.5rem !important;}.md\:pt-0{padding-top:0 !important;}.md\:pt-15{padding-top:3.75rem !important;}.md\:pt-22\.5{padding-top:5.625rem !important;}.md\:pt-30{padding-top:7.5rem !important;}.md\:text-start{text-align:start !important;}.md\:text-nowrap{text-wrap:nowrap !important;}.md\:text-10\/normal{font-size:2.5rem !important;line-height:1.5 !important;}.md\:text-16\/normal{font-size:4rem !important;line-height:1.5 !important;}.md\:text-2xl\/180\%{font-size:1.5rem !important;line-height:180% !important;}.md\:text-2xl\/normal{font-size:1.5rem !important;line-height:1.5 !important;}.md\:text-3xl\/normal{font-size:1.875rem !important;line-height:1.5 !important;}.md\:text-4xl\/normal,.md\:text-9\/normal{font-size:2.25rem !important;line-height:1.5 !important;}.md\:text-base\/normal{font-size:1rem !important;line-height:1.5 !important;}.md\:text-lg\/normal{font-size:1.125rem !important;line-height:1.5 !important;}.md\:text-xl\/normal{font-size:1.25rem !important;line-height:1.5 !important;}.md\:tracking-0\.48px{letter-spacing:0.48px !important;}.md\:tracking-0\.96px{letter-spacing:0.96px !important;}.md\:tracking-2xs{letter-spacing:.8px !important;}.md\:tracking-md{letter-spacing:1.28px !important;}.md\:tracking-px{letter-spacing:1px !important;}.md\:tracking-sm{letter-spacing:1.2px !important;}.md\:tracking-xl{letter-spacing:1.8px !important;}.md\:tracking-xs{letter-spacing:.9px !important;}.md\:h-dvh{height:100dvh !important;}}@media (min-width: 62em){.lg\:left-\[calc\(100\%\+22px\)\]{left:calc(100% + 22px) !important;}.lg\:col-start-2{grid-column-start:2 !important;}.lg\:grid-cols-\[1fr_40\.83vw\]{grid-template-columns:1fr 40.83vw !important;}.lg\:grid-cols-\[28\.33vw_40\.83vw\]{grid-template-columns:28.33vw 40.83vw !important;}.lg\:grid-cols-\[34\.65vw_1fr\]{grid-template-columns:34.65vw 1fr !important;}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}.lg\:block{display:block !important;}.lg\:hidden{display:none !important;}.lg\:max-w-339px{max-width:339px !important;}.lg\:w-2{width:0.5rem !important;}.lg\:w-3{width:0.75rem !important;}.lg\:flex-row{flex-direction:row !important;}.lg\:gap-0{gap:0 !important;}.lg\:gap-15{gap:3.75rem !important;}.lg\:gap-2{gap:0.5rem !important;}.lg\:gap-27{gap:6.75rem !important;}.lg\:pb-0{padding-bottom:0 !important;}.lg\:pt-0{padding-top:0 !important;}.lg\:pt-15{padding-top:3.75rem !important;}.lg\:pt-30{padding-top:7.5rem !important;}.lg\:text-start{text-align:start !important;}.lg\:text-10\/normal{font-size:2.5rem !important;line-height:1.5 !important;}.lg\:text-5xl\/normal{font-size:3rem !important;line-height:1.5 !important;}.lg\:text-xl\/normal{font-size:1.25rem !important;line-height:1.5 !important;}}@media (min-width: 75em){.xl\:w-30{width:7.5rem !important;}.xl\:gap-30{gap:7.5rem !important;}.xl\:p-10{padding:2.5rem !important;}}body#app {
font-family: "Noto Sans TC", sans-serif;
background-color: #fafaff;
padding-top: 80px;
}
@media screen and (max-width: 921px) {
body#app {
padding-top: 72px;
}
}
@media screen and (max-width: 544px) {
body#app {
padding-top: 62px;
}
}
body#app.single-product {
padding-top: 0px;
}
body#app.single-product .product-hero {
padding-top: 80px;
}
@media screen and (max-width: 921px) {
body#app.single-product .product-hero {
padding-top: 72px;
}
}
@media screen and (max-width: 544px) {
body#app.single-product .product-hero {
padding-top: 62px;
}
}
.ast-container:has([id$=-app]) {
max-width: unset;
padding: unset;
}
.woocommerce-order-pay .site-content {
padding-top: 2.5rem;
}
.text-highlight strong {
color: #195ffa;
}
.text-highlight strong.primary-2 {
color: #15b44b;
}
.text-highlight strong.secondary-7 {
color: #facd1a;
}
.text-highlight strong.normal {
font-weight: 400;
}
.text-highlight strong.medium {
font-weight: 500;
}
.child-link-secondary-7 a {
transition: inherit;
}
.child-link-secondary-7 a:hover {
color: #facd1a;
}
.l-form__row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
@media screen and (min-width: 48em) {
.l-form__row {
gap: 3.125rem;
}
}
.l-form__col-6 {
grid-column: span 2/span 2;
}
@media screen and (min-width: 48em) {
.l-form__col-6 {
grid-column: span 1/span 1;
}
}
.l-form__col-12 {
grid-column: span 2/span 2;
}
.l-form__col-12:has(.wpcf7-submit) {
margin-top: 7.5rem;
}
.l-form__col-12:has([data-class=wpcf7cf_group]) {
position: relative;
}
.l-form__label {
display: block;
margin-bottom: 0.75rem;
color: #0d0d0d;
font-size: 1.125rem;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: 1.2px;
}
@media screen and (min-width: 48em) {
.l-form__label {
font-size: 1.25rem;
}
}
.l-form__label.primary-1 {
color: #195ffa;
margin-bottom: 1.5rem;
}
.l-form .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox),
.l-form .wpcf7 .choices__inner {
height: unset;
max-height: 5.25rem;
display: flex;
border-radius: 12px;
background-color: #fff;
padding: 1.5rem 2rem;
color: #0d0d0d;
font-size: 1.5rem;
font-weight: 400;
line-height: 150%; /* 36px */
letter-spacing: 1.2px;
border: unset;
outline: 1px;
}
.l-form .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox)::placeholder,
.l-form .wpcf7 .choices__inner::placeholder {
color: #8f8f8f;
}
.l-form .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):focus,
.l-form .wpcf7 .choices__inner:focus {
outline: 2px solid #195ffa;
}
.l-form .wpcf7 select.wpcf7-form-control {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml,');
background-position: center right 32px;
}
.l-form .wpcf7 select.wpcf7-form-control:has(option:disabled:checked) {
color: #8f8f8f;
}
.l-form .wpcf7 .wpcf7-checkbox {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.l-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label {
position: relative;
display: flex;
align-items: center;
gap: 1.5rem;
color: #0d0d0d;
font-size: 1.5rem;
font-weight: 400;
line-height: 150%; /* 36px */
letter-spacing: 0.48px;
}
.l-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox] {
opacity: 0;
}
.l-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label::after, .l-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label::before {
content: "";
height: auto;
aspect-ratio: 1/1;
display: block;
position: absolute;
border-radius: 100px;
z-index: 0;
}
.l-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label::after {
width: 2.25rem;
left: 2px;
top: 2px;
border: 1px solid #f5f5f5;
background-repeat: no-repeat;
background-position: center;
}
.l-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label::before {
width: 2.5rem;
left: 0;
top: 0;
background: #f5f5f5;
}
.l-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label:has(input:checked)::before {
background-color: #195ffa;
}
.l-form .wpcf7 .wpcf7-checkbox .wpcf7-list-item label:has(input:checked)::after {
background-image: url('data:image/svg+xml,');
}
.l-form .wpcf7 p:has(.wpcf7-submit) {
position: relative;
display: flex;
justify-content: center;
}
.l-form .wpcf7 p:has(.wpcf7-submit) .wpcf7-submit {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: 1.2px;
border-radius: 100px;
background: #195ffa;
padding: 1.25rem 3.75rem;
/* shadow/16 */
box-shadow: 0px 16px 24px 0px rgba(2, 3, 3, 0.03), 0px 6px 30px 0px rgba(2, 3, 3, 0.02), 0px 8px 10px 0px rgba(2, 3, 3, 0.04);
}
.l-form .wpcf7 p:has(.wpcf7-submit) .wpcf7-spinner {
position: absolute;
right: 0;
}
.l-form .wpcf7 [data-class=wpcf7cf_group] {
position: absolute;
bottom: 0;
left: 11vw;
font-size: 1.5rem;
font-weight: 400;
line-height: 150%; /* 36px */
letter-spacing: 1.2px;
}
@media screen and (min-width: 90em) {
.l-form .wpcf7 [data-class=wpcf7cf_group] {
left: 8vw;
}
}
.l-form .wpcf7 [data-class=wpcf7cf_group] > p {
display: flex;
align-items: center;
}
.l-form .wpcf7 [data-class=wpcf7cf_group] .wpcf7-form-control-wrap .wpcf7-form-control {
width: 500px;
max-width: 500px;
padding: 0;
border-radius: 0;
background-color: transparent;
border-bottom: 1px solid #0d0d0d;
}
.l-form .wpcf7 [data-class=wpcf7cf_group] .wpcf7-form-control-wrap .wpcf7-form-control:focus {
outline: unset;
}
.l-form .wpcf7 .choices::after {
width: 20px;
height: 13px;
border: unset;
background-repeat: no-repeat;
right: 32px;
background-image: url('data:image/svg+xml,');
}
.l-form .wpcf7 .choices.is-open::after {
transform: rotate(180deg);
}
#checkout-app .l-form__input,
#checkout-app .choices__inner, #form-app .l-form__input,
#form-app .choices__inner {
height: unset;
max-height: 5.25rem;
display: flex;
border-radius: 4px;
background-color: #fff;
padding: 0.5rem 1rem;
color: #0d0d0d;
font-size: 1rem;
font-weight: 400;
line-height: 150%; /* 36px */
letter-spacing: 1.2px;
border: unset;
outline: 1px;
}
@media screen and (min-width: 48em) {
#checkout-app .l-form__input,
#checkout-app .choices__inner, #form-app .l-form__input,
#form-app .choices__inner {
font-size: 1.5rem;
padding: 1.5rem 2rem;
border-radius: 12px;
}
}
#checkout-app .l-form__input::placeholder,
#checkout-app .choices__inner::placeholder, #form-app .l-form__input::placeholder,
#form-app .choices__inner::placeholder {
color: #8f8f8f;
}
#checkout-app .l-form__input:focus,
#checkout-app .choices__inner:focus, #form-app .l-form__input:focus,
#form-app .choices__inner:focus {
outline: 2px solid #195ffa;
}
#checkout-app .choices::after, #form-app .choices::after {
width: 16px;
height: 9px;
border: unset;
background-repeat: no-repeat;
right: 32px;
background-image: url('data:image/svg+xml,');
}
@media screen and (min-width: 48em) {
#checkout-app .choices::after, #form-app .choices::after {
width: 20px;
height: 13px;
background-image: url('data:image/svg+xml,');
}
}
#checkout-app .choices.is-open::after, #form-app .choices.is-open::after {
transform: rotate(180deg);
}
#checkout-app .l-form__checkbox, #checkout-app .l-form__radio, #form-app .l-form__checkbox, #form-app .l-form__radio {
position: relative;
}
#checkout-app .l-form__checkbox input[type=checkbox], #checkout-app .l-form__checkbox input[type=radio], #checkout-app .l-form__radio input[type=checkbox], #checkout-app .l-form__radio input[type=radio], #form-app .l-form__checkbox input[type=checkbox], #form-app .l-form__checkbox input[type=radio], #form-app .l-form__radio input[type=checkbox], #form-app .l-form__radio input[type=radio] {
opacity: 0;
width: 1.875rem;
height: 1.875rem;
position: relative;
z-index: 1;
}
@media screen and (min-width: 48em) {
#checkout-app .l-form__checkbox input[type=checkbox], #checkout-app .l-form__checkbox input[type=radio], #checkout-app .l-form__radio input[type=checkbox], #checkout-app .l-form__radio input[type=radio], #form-app .l-form__checkbox input[type=checkbox], #form-app .l-form__checkbox input[type=radio], #form-app .l-form__radio input[type=checkbox], #form-app .l-form__radio input[type=radio] {
width: 2.5rem;
height: 2.5rem;
}
}
#checkout-app .l-form__checkbox::after, #checkout-app .l-form__checkbox::before, #checkout-app .l-form__radio::after, #checkout-app .l-form__radio::before, #form-app .l-form__checkbox::after, #form-app .l-form__checkbox::before, #form-app .l-form__radio::after, #form-app .l-form__radio::before {
content: "";
height: auto;
aspect-ratio: 1/1;
display: block;
position: absolute;
border-radius: 100px;
z-index: 0;
}
#checkout-app .l-form__checkbox::after, #checkout-app .l-form__radio::after, #form-app .l-form__checkbox::after, #form-app .l-form__radio::after {
width: 1.625rem;
left: 2px;
top: 2px;
border: 1px solid #fff;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (min-width: 48em) {
#checkout-app .l-form__checkbox::after, #checkout-app .l-form__radio::after, #form-app .l-form__checkbox::after, #form-app .l-form__radio::after {
width: 2.25rem;
}
}
#checkout-app .l-form__checkbox::before, #checkout-app .l-form__radio::before, #form-app .l-form__checkbox::before, #form-app .l-form__radio::before {
width: 1.875rem;
left: 0;
top: 0;
background: #fff;
}
@media screen and (min-width: 48em) {
#checkout-app .l-form__checkbox::before, #checkout-app .l-form__radio::before, #form-app .l-form__checkbox::before, #form-app .l-form__radio::before {
width: 2.5rem;
}
}
#checkout-app .l-form__checkbox:has(input:checked)::before, #checkout-app .l-form__radio:has(input:checked)::before, #form-app .l-form__checkbox:has(input:checked)::before, #form-app .l-form__radio:has(input:checked)::before {
background-color: #195ffa;
}
#checkout-app .l-form__checkbox:has(input:checked)::after, #checkout-app .l-form__radio:has(input:checked)::after, #form-app .l-form__checkbox:has(input:checked)::after, #form-app .l-form__radio:has(input:checked)::after {
background-image: url('data:image/svg+xml,');
}
@media screen and (min-width: 48em) {
#checkout-app .l-form__checkbox:has(input:checked)::after, #checkout-app .l-form__radio:has(input:checked)::after, #form-app .l-form__checkbox:has(input:checked)::after, #form-app .l-form__radio:has(input:checked)::after {
background-image: url('data:image/svg+xml,');
}
}
#checkout-app .l-form__checkbox.items-center::before, #checkout-app .l-form__radio.items-center::before, #form-app .l-form__checkbox.items-center::before, #form-app .l-form__radio.items-center::before {
top: 50%;
transform: translateY(-50%);
}
#checkout-app .l-form__checkbox.items-center::after, #checkout-app .l-form__radio.items-center::after, #form-app .l-form__checkbox.items-center::after, #form-app .l-form__radio.items-center::after {
top: calc(50% - 2px);
transform: translateY(calc(-50% + 2px));
}
#form-app .l-form__checkbox::after, #form-app .l-form__radio::after {
border: 1px solid #f5f5f5;
}
#form-app .l-form__checkbox::before, #form-app .l-form__radio::before {
background: #f5f5f5;
}
[data-id=header-menu-trigger] .hamburger {
width: 24px;
height: 16px;
position: relative;
}
@media screen and (min-width: 48em) {
[data-id=header-menu-trigger] .hamburger {
width: 32px;
height: 24px;
}
}
[data-id=header-menu-trigger] .hamburger .bar {
padding: 0;
display: block;
width: 100%;
height: 2px;
background-color: #195ffa;
transition: all 0.3s ease-in-out, transform ease-in-out 0.3s;
position: absolute;
}
[data-id=header-menu-trigger] .hamburger .bar1 {
top: 0;
}
[data-id=header-menu-trigger] .hamburger .bar2, [data-id=header-menu-trigger] .hamburger .bar3 {
top: 50%;
}
[data-id=header-menu-trigger] .hamburger .bar2 {
width: 1px;
transform: translateY(-50%) rotate(45deg);
left: 13.5px;
}
[data-id=header-menu-trigger] .hamburger .bar3 {
right: 0;
width: 1px;
left: 13.5px;
transform: translateY(-50%) rotate(-45deg);
}
[data-id=header-menu-trigger] .hamburger .bar4 {
bottom: 0;
top: 50%;
transform: translateY(-50%);
}
[data-id=header-menu-trigger] .hamburger .bar5 {
bottom: 0px;
}
[data-id=header-menu-trigger].menu-open .bar1 {
top: 50%;
transform: translateY(-50%);
background-color: transparent;
}
[data-id=header-menu-trigger].menu-open .bar2 {
left: 0px;
width: 100%;
}
[data-id=header-menu-trigger].menu-open .bar3 {
left: 0;
width: 100%;
}
[data-id=header-menu-trigger].menu-open .bar4 {
background-color: transparent;
}
[data-id=header-menu-trigger].menu-open .bar5 {
bottom: 50%;
transform: translateY(-50%);
background-color: transparent;
}
.l-video > * {
aspect-ratio: 396/223;
}
.l-video iframe {
width: 100%;
height: 100%;
}
#app.woocommerce-checkout .col-1 {
width: 100% !important;
}
.slide-enter-active,
.slide-leave-active {
transition: all 0.3s ease;
max-height: 200px;
opacity: 1;
overflow: hidden;
}
.slide-enter-from,
.slide-leave-to {
max-height: 0;
opacity: 0;
}
[data-id=w-checkout] > *:not(.woocommerce-NoticeGroup) {
height: 0;
opacity: 0;
overflow: hidden;
}
.ast-mobile-order-review-wrap {
display: none !important;
}
.loader-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 1000;
}
.spinner {
width: 60px;
height: 60px;
border: 6px solid #e5e7eb;
border-top-color: #195FFA;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 1rem;
}
.loading-text {
color: #374151;
font-size: 1.2rem;
font-weight: 500;
opacity: 0;
animation: fadeInOut 2s ease-in-out infinite;
}
/* Animations */
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes fadeInOut {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes fadeOut {
to {
opacity: 0;
pointer-events: none;
display: none;
}
}