@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514.3z_x6eowsw16y.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,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:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514.3z_x6eowsw16y.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,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:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3cb240f9c892514.3z_x6eowsw16y.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c285b27cdda1fe8.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,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:DM Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/c3cb240f9c892514.3z_x6eowsw16y.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5c285b27cdda1fe8.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,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}.dm_sans_5d52fe16-module__fvj0ya__className{font-family:DM Sans,sans-serif;font-style:normal}.dm_sans_5d52fe16-module__fvj0ya__variable{--font-dm-sans:"DM Sans", sans-serif}
@utility cta-bg{background: linear-gradient(135deg, #f6fae9 0%, #eef6f1 55%, #e9f3ee 100%);}@utility cta-dots{background-image: radial-gradient(#06262d0a 1px, transparent 1px); background-size: 26px 26px;}@utility cta-glow{background: radial-gradient(circle at 50% 50%, #80c7bc33 0%, #eef4f100 70%);}@utility cta-ring{box-shadow: inset 0 0 0 1px #80c7bc24;}@utility cta-mat-gradient{background: linear-gradient(135deg, #dffba2 0%, #80c7bc 100%);}@utility cta-editor-border{border: 1px solid #80c7bc38;}@utility cta-editor-bar-border{border-bottom: 1px solid #80c7bc29;}@utility cta-status-pill-border{border: 1px solid #80c7bc4d;}@utility cta-bar-shadow{box-shadow: 0 24px 60px #06262d24, inset 0 0 0 1px #80c7bc40;}@utility cta-bar-shadow-mobile{box-shadow: 0 16px 40px #06262d1f, inset 0 0 0 1px #80c7bc40;}@utility cta-card-shadow{box-shadow: 0 28px 64px #06262d2e;}@utility cta-btn-shadow{box-shadow: 0 14px 30px #06262d33;}
@plugin "tailwindcss-animate";@custom-variant dark (&:is(.dark *));@theme{--font-*: initial; --font-sans: var(--font-dm-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --text-*: initial; --text-3xs: .5rem; --text-2xs: .625rem; --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.75rem; --text-4xl: 2rem; --text-5xl: 2.5rem; --text-6xl: 3rem; --breakpoint-xs: 30rem; --color-background: hsl(var(--background)); --color-foreground: hsl(var(--foreground)); --color-card: hsl(var(--card)); --color-card-foreground: hsl(var(--card-foreground)); --color-popover: hsl(var(--popover)); --color-popover-foreground: hsl(var(--popover-foreground)); --color-primary: hsl(var(--primary)); --color-primary-foreground: hsl(var(--primary-foreground)); --color-black: hsl(var(--primary)); --color-secondary: hsl(var(--secondary)); --color-secondary-foreground: hsl(var(--secondary-foreground)); --color-tertiary: hsl(var(--tertiary)); --color-tertiary-foreground: hsl(var(--tertiary-foreground)); --color-muted: hsl(var(--muted)); --color-muted-foreground: hsl(var(--muted-foreground)); --color-accent: hsl(var(--accent)); --color-accent-foreground: hsl(var(--accent-foreground)); --color-destructive: hsl(var(--destructive)); --color-destructive-foreground: hsl(var(--destructive-foreground)); --color-border: hsl(var(--border)); --color-input: hsl(var(--input)); --color-ring: hsl(var(--ring)); --color-gradient-start1: hsl(var(--gradient-start-1)); --color-gradient-end1: hsl(var(--gradient-end-1)); --color-gradient-start2: hsl(var(--gradient-start-2)); --color-gradient-end2: hsl(var(--gradient-end-2)); --color-gradient-end21: hsl(var(--gradient-end-2-1)); --color-gradient-start3: hsl(var(--gradient-start-3)); --color-gradient-end3: hsl(var(--gradient-end-3)); --color-gradient-start4: hsl(var(--gradient-start-4)); --color-gradient-end4: hsl(var(--gradient-end-4)); --color-gradient-start5: hsl(var(--gradient-start-5)); --color-gradient-end5: hsl(var(--gradient-end-5)); --color-gradient-start6: hsl(var(--gradient-start-6)); --color-gradient-end6: hsl(var(--gradient-end-6)); --color-footer-start: hsl(var(--footer-start)); --color-footer-end: hsl(var(--footer-end)); --color-bgCard-twoCol: hsl(var(--bg-two-col-colored-card)); --color-bgCard-twoColHover: hsl(var(--bg-two-col-colored-card-hover)); --color-bgCard-diamondGradientStart: hsl(var(--bg-dimond-gradient-card-start)); --color-bgCard-diamondGradientEnd: hsl(var(--bg-dimond-gradient-card-end)); --color-bgCard-diamondGradientBorder: hsl(var(--bg-dimond-gradient-card-border)); --color-bgCard-diamondGradientBigEnd: hsl(var(--bg-diamond-gradient-big-card-end)); --color-textGray: hsl(var(--text-gray)); --color-textGrayDark: hsl(var(--text-gray-dark));  --color-consent-overlay: #06262d73; --color-switch-on: #80c7bc; --color-switch-off: #d5dedd; --shadow: 5px 4px 4px 0 hsl(var(--shadow)); --shadow-trusted-by: 5px 4px 4px 0 hsl(var(--shadow-color-trusted-by)); --shadow-trusted-by-alter: 5px 4px 4px 0 hsl(var(--shadow-color-trusted-by-alter)); --radius-xl: calc(var(--radius) + 4px); --radius-lg: var(--radius); --radius-md: calc(var(--radius) - 2px); --radius-sm: calc(var(--radius) - 4px); --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; --animate-cursor-blink: cursor-blink 1.06s steps(1) infinite; --breakpoint-md-up: 885px; @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } } @keyframes cursor-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }}@layer base{*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:190.77 76.47% 10%;--primary-foreground:0 0% 100%;--secondary:170.7 38.8% 64.12%;--secondary-foreground:190.77 76.47% 10%;--tertiary:78.88 91.75% 80.98%;--tertiary-foreground:190.77 76.47% 10%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 63%;--color-ring:var(--ring);--radius:.625rem;--gradient-start-1:79 92% 81% / .92;--gradient-end-1:171 39% 64% / 0;--gradient-start-2:79 92% 81% / .8;--gradient-end-2:171 39% 64% / .32;--gradient-end-2-1:171 39% 64% / .5;--gradient-start-3:171 39% 64% / .06;--gradient-end-3:79 92% 81% / .09;--gradient-start-4:171 39% 64% / .85;--gradient-end-4:79 92% 81% / .78;--gradient-start-5:171 39% 64%;--gradient-end-5:79 92% 81% / .9;--gradient-start-6:171 39% 64% / .8;--gradient-end-6:79 92% 81% / .49;--shadow-color-trusted-by:171 39% 64% / .31;--shadow-color-trusted-by-alter:79 92% 81% / .6;--shadow:171 39% 64% / .2;--border-1:171 39% 64% / .4;--footer-start:171 39% 64% / .3;--footer-end:79 92% 81% / .07;--active-menu-bg:78.88 91.75% 80.98%;--bg-two-col-colored-card:var(--shadow-color-trusted-by-alter);--bg-two-col-colored-card-hover:79 92% 81% / .8;--bg-dimond-gradient-card-start:79 92% 81% / .55;--bg-dimond-gradient-card-end:171 39% 64% / .18;--bg-dimond-gradient-card-border:79 92% 81%;--bg-diamond-gradient-big-card-end:171 39% 64% / .1;--text-gray:0 0% 12%;--text-gray-dark:0 0% 27.1%}@apply border-border font-sans;*{outline-color:hsl(var(--ring) / .5);scrollbar-width:thin;scrollbar-color:hsl(var(--secondary)) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:hsl(var(--secondary));border-radius:9999px}html{font-size:.9rem}@apply bg-background text-foreground font-sans;@apply w-full max-w-270!;@apply underline;@media (max-width:640px){@apply max-w-[100vw];}}@utility bg-ai-solutions-card{ border-radius: 1.25rem; background-image: linear-gradient(180deg, hsl(var(--gradient-start-2)) 0%, hsl(var(--gradient-end-2)) 100%);}@utility bg-ai-solutions-card-active{border-radius: 1.25rem; background-image: linear-gradient(311deg, hsl(var(--gradient-start-2)) 67.61%, hsl(var(--gradient-end-2-1)) 90.6%);}@utility bg-capability-card{background-image: linear-gradient(180deg, hsl(var(--gradient-start-3)) 0%, hsl(var(--gradient-end-3)) 100%);}@utility bg-tech-partner-card{background-image: linear-gradient(to bottom right, hsl(var(--gradient-start-4)), hsl(var(--gradient-end-4)) 50%), linear-gradient(to bottom left, hsl(var(--gradient-start-4)), hsl(var(--gradient-end-4)) 50%), linear-gradient(to top left, hsl(var(--gradient-start-4)), hsl(var(--gradient-end-4)) 50%), linear-gradient(to top right, hsl(var(--gradient-start-4)), hsl(var(--gradient-end-4)) 50%); background-position: bottom right, bottom left, top left, top right; background-size: 50% 50%; background-repeat: no-repeat;}@utility bg-global-partner{opacity: .75; position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(to bottom right, hsl(var(--gradient-start-5)) 14%, hsl(var(--gradient-end-5)) 50%), linear-gradient(to bottom left, hsl(var(--gradient-start-5)) 14%, hsl(var(--gradient-end-5)) 50%), linear-gradient(to top left, hsl(var(--gradient-start-5)) 14%, hsl(var(--gradient-end-5)) 50%), linear-gradient(to top right, hsl(var(--gradient-start-5)) 14%, hsl(var(--gradient-end-5)) 50%); background-position: bottom right, bottom left, top left, top right; background-size: 50.1% 50.1%; background-repeat: no-repeat;}@utility bg-why-choose-us-card{background: url(/assets/images/who_we_are/why_choose_us/bg_img.svg) -5px -5px no-repeat; background-size: calc(100% + 10px); aspect-ratio: 52/85;}@utility bg-bottom-cta{background: linear-gradient(180deg, hsl(var(--secondary)) 0.8%, #dffba2e6 100%);}@utility bg-bottom-cta-gradient{ background: linear-gradient(180deg, #80c7bcd9 0%, #dffba2d9 100%);}@utility bg-strategic-partner{background-image: url(/assets/images/common/strategic_partner.png);}@utility bg-ecommerce{background-image: url(/assets/images/capabilities/e_commerce/img_14.png); background-position: right center;}@utility bg-capabilities-gradient{ opacity: .41; background: linear-gradient(to bottom right, hsl(var(--gradient-start-1)) 0%, hsl(var(--gradient-end-1)) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, hsl(var(--gradient-start-1)) 0%, hsl(var(--gradient-end-1)) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, hsl(var(--gradient-start-1)) 0%, hsl(var(--gradient-end-1)) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, hsl(var(--gradient-start-1)) 0%, hsl(var(--gradient-end-1)) 50%) top right / 50% 50% no-repeat;}@utility capabilities-grid-card{box-shadow: 0 4px 13.4px 0 hsl(var(--shadow-1)); border: 1px solid hsl(var(--border-1)); background: hsl(var(--background));}@utility bg-innovation-story-effect{background: url(/assets/images/home/innovation_story/effect.svg) no-repeat center; background-size: cover;}@utility bg-section-effect{background: url(/assets/images/capabilities/dx_modernization/effect_1.svg) no-repeat center; background-size: contain;}@utility bg-two-col-blue-card{background: linear-gradient(to bottom right, hsl(var(--bg-two-col-colored-card)) 0%, hsl(var(--gradient-end-2-1)) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, hsl(var(--bg-two-col-colored-card)) 0%, hsl(var(--gradient-end-2-1)) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, hsl(var(--bg-two-col-colored-card)) 0%, hsl(var(--gradient-end-2-1)) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, hsl(var(--bg-two-col-colored-card)) 0%, hsl(var(--gradient-end-2-1)) 50%) top right / 50% 50% no-repeat;  }@utility bg-two-col-blue-card-half{background: linear-gradient(90deg, transparent 0%, transparent 50%, hsl(var(--gradient-end-2-1)) 50%, hsl(var(--gradient-end-2-1)) 100%);}@utility bg-two-col-blue-card-hover{background-position: left top; background-size: 150%;}@utility bg-two-col-yellow-card{background: hsl(var(--bg-two-col-colored-card));}@utility bg-two-col-yellow-card-hover{background: hsl(var(--bg-two-col-colored-card-hover));}@utility bg-dimond-gradient-card{border: 1px solid hsl(var(--bg-dimond-gradient-card-border)); background: linear-gradient(to bottom right, hsl(var(--bg-dimond-gradient-card-start)) 0%, hsl(var(--bg-dimond-gradient-card-end)) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, hsl(var(--bg-dimond-gradient-card-start)) 0%, hsl(var(--bg-dimond-gradient-card-end)) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, hsl(var(--bg-dimond-gradient-card-start)) 0%, hsl(var(--bg-dimond-gradient-card-end)) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, hsl(var(--bg-dimond-gradient-card-start)) 0%, hsl(var(--bg-dimond-gradient-card-end)) 50%) top right / 50% 50% no-repeat;}@utility bg-dimond-gradient-big-card{border: 1px solid hsl(var(--bg-dimond-gradient-card-border)); box-shadow: 0 4px 4px 0 hsl(var(--shadow-color-trusted-by-alter)); background: linear-gradient(to bottom right, hsl(var(--bg-dimond-gradient-card-border)) 0%, hsl(var(--bg-diamond-gradient-big-card-end)) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, hsl(var(--bg-dimond-gradient-card-border)) 0%, hsl(var(--bg-diamond-gradient-big-card-end)) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, hsl(var(--bg-dimond-gradient-card-border)) 0%, hsl(var(--bg-diamond-gradient-big-card-end)) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, hsl(var(--bg-dimond-gradient-card-border)) 0%, hsl(var(--bg-diamond-gradient-big-card-end)) 50%) top right / 50% 50% no-repeat;}@utility bg-footer{background: linear-gradient(to bottom right, hsl(var(--footer-start)), hsl(var(--footer-end)) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, hsl(var(--footer-start)), hsl(var(--footer-end)) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, hsl(var(--footer-start)), hsl(var(--footer-end)) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, hsl(var(--footer-start)), hsl(var(--footer-end)) 50%) top right / 50% 50% no-repeat;}@utility accordion-title{&::after { content: "↑"; font-size: 1rem; height: 2rem; width: 2rem; display: flex; justify-content: center; align-items: center; background-color: hsl(var(--secondary)); border-radius: 50%; transition: transform .25s ease; } &[data-state="open"]::after { transform: rotate(180deg); } & > svg { display: none; }}@utility bg-exceptional-overlay{background: linear-gradient(180deg, #dffba260 0%, #80c7bc69 100%), linear-gradient(101.8deg, #dffba204 18.32%, #80c7bc29 48.51%); & + section li.active { background-color: #dffba299; }}@utility active{.bg-exceptional-overlay + section &li { background-color: #dffba299; }}@utility bg-why-header{background: url(/assets/images/ai_solutions/head_effect_why.svg) no-repeat left top;}@utility bg-why-card{background: url(/assets/images/ai_solutions/bg_why_card.svg) no-repeat center; border: 1px solid #dffba2; background-size: cover;}@utility bg-ai-odd-card{background: radial-gradient(20.58% 56.1% at 21.06% 43.9%, #dffba299 0%, #80c7bc80 100%);}@utility bg-gr-primary{background-image: linear-gradient(110deg, hsla(var(--primary) / 90%) 0%, hsl(var(--secondary)) 100%);}@utility bg-gr-secondary{background-image: linear-gradient(110deg, hsl(var(--tertiary)) 0%, hsl(var(--secondary)) 100%);}@utility bg-gr-secondary-lite{background-image: linear-gradient(110deg, hsla(var(--tertiary) / .5) 0%, hsla(var(--secondary) / .5) 100%);}@utility text-gr-primary{@apply bg-gr-primary max-w-fit bg-clip-text text-transparent;}@utility text-gr-secondary{@apply bg-gr-secondary max-w-fit bg-clip-text text-transparent;}@utility bg-ai-even-card{background: #dffba299;}@utility ai-card-list{& li { @apply mb-2 py-2 pl-14 text-base leading-snug font-medium lg:leading-loose; } & li:last-of-type { @apply mb-0; }}@utility ai-even-list{& li { background: url(/assets/images/common/icon_even_star.svg) no-repeat left center; }}@utility ai-odd-list{& li { background: url(/assets/images/common/icon_odd_star.svg) no-repeat left center; }}@utility process-card{border: 1px solid hsl(var(--secondary) / .4); border-width: 1px 1px 7px 1px; box-shadow: 0px 4px 13.4px 0px #80c7bc33;}@utility bg-process-icon{background: linear-gradient(270deg, #dffba2 0%, #80c7bc 100%);}@utility what-we-do{justify-content: flex-start; flex-direction: column; display: flex; & ul { justify-content: space-around; align-items: stretch; flex: 1; }}@utility bg-header{background: linear-gradient(90deg, #dffba2eb 0%, #80c7bc 100%);}@utility parent-nav-menu{& svg { height: 1.25rem; width: 1.25rem; }}@utility career-phone-input{@apply focus-within:border-secondary focus-within:ring-secondary/25 w-full rounded-md border border-[#d1d5db] bg-[#f3f4f6] px-3 py-2 text-sm text-black outline-hidden transition focus-within:ring-2; & .PhoneInputInput { @apply bg-transparent outline-hidden; }}@utility phone-input-input{.career-phone-input & { @apply bg-transparent outline-hidden; }}@utility bg-header-mobile{background: linear-gradient(180deg, #dffba2 0%, #80c7bc 100%);}@utility scrollbar-hide{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }}@layer components{#workCarousel footer button>svg{width:1.25rem;height:1.25rem}.blog-rich-text pre code{counter-reset:line;white-space:pre;tab-size:2}.blog-rich-text pre code .line:before{counter-increment:line;content:counter(line);text-align:right;color:#ffffff40;-webkit-user-select:none;user-select:none;width:2rem;margin-right:1.5rem;display:inline-block}#home-hero>*{opacity:1;transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);transform:none}}@utility scrollbar-thin{ scrollbar-width: thin; scrollbar-color: hsl(var(--secondary)) transparent;  &::-webkit-scrollbar { width: 5px; height: 5px; } &::-webkit-scrollbar-track { background: transparent; } &::-webkit-scrollbar-thumb { background-color: hsl(var(--secondary)); border-radius: 9999px; }}@utility bg-card-highlight{background: linear-gradient(135deg, #dffba24d 0%, #80c7bc33 100%);}@utility bg-card-highlight-solid{background: linear-gradient(135deg, #f5fcd8 0%, #d9f0ec 100%);}@utility story-accent{padding-bottom: 8px; background-image: linear-gradient(90deg, hsl(var(--secondary)) 0%, hsl(var(--secondary)) 100%); background-repeat: no-repeat; background-size: 100% 6px; background-position: 0 100%; -webkit-box-decoration-break: clone; box-decoration-break: clone; @media (max-width: 640px) { padding-bottom: 5px; background-size: 100% 4px; }}