.form-input:focus, .form-textarea:focus, .form-multiselect:focus, .form-select:focus, .form-checkbox:focus, .form-radio:focus { @apply ring-0; } /* Hamburger button */ .hamburger svg>*:nth-child(1), .hamburger svg>*:nth-child(2), .hamburger svg>*:nth-child(3) { transform-origin: center; transform: rotate(0deg); } .hamburger svg>*:nth-child(1) { transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.1s ease-in; } .hamburger svg>*:nth-child(2) { transition: transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger svg>*:nth-child(3) { transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.1s 0.25s ease-in; } .hamburger.active svg>*:nth-child(1) { opacity: 0; y: 9; transform: rotate(225deg); transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.1s 0.12s ease-out; } .hamburger.active svg>*:nth-child(2) { transform: rotate(225deg); transition: transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger.active svg>*:nth-child(3) { y: 9; transform: rotate(135deg); transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.1s ease-out; } /* Custom Swiper styles */ .swiper-button-disabled { @apply opacity-50 cursor-default pointer-events-none; } .stellar-carousel .swiper-slide { @apply opacity-80; } .stellar-carousel .swiper-slide.swiper-slide-active { @apply opacity-100; } /* Pulsing animation */ @keyframes pulseLoop { 0% { opacity: 0; transform: scale(.25) translateZ(0); } 30% { opacity: .4; } 70% { opacity: 0; } 80% { transform: scale(1) translateZ(0); } } .pulse { opacity: 0; transform-origin: center; animation: pulseLoop 12000ms linear infinite; } .pulse-1 { animation-delay: -4000ms; } .pulse-2 { animation-delay: -8000ms; } .translate-z-0 { transform: translateZ(0); } /* Custom AOS distance */ @media screen { html:not(.no-js) [data-aos=fade-up] { -webkit-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } html:not(.no-js) [data-aos=fade-down] { -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } html:not(.no-js) [data-aos=fade-right] { -webkit-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } html:not(.no-js) [data-aos=fade-left] { -webkit-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } html:not(.no-js) [data-aos=fade-up-right] { -webkit-transform: translate3d(-14px, 14px, 0); transform: translate3d(-14px, 14px, 0); } html:not(.no-js) [data-aos=fade-up-left] { -webkit-transform: translate3d(14px, 14px, 0); transform: translate3d(14px, 14px, 0); } html:not(.no-js) [data-aos=fade-down-right] { -webkit-transform: translate3d(-14px, -14px, 0); transform: translate3d(-14px, -14px, 0); } html:not(.no-js) [data-aos=fade-down-left] { -webkit-transform: translate3d(14px, -14px, 0); transform: translate3d(14px, -14px, 0); } html:not(.no-js) [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 14px, 0) scale(.6); transform: translate3d(0, 14px, 0) scale(.6); } html:not(.no-js) [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -14px, 0) scale(.6); transform: translate3d(0, -14px, 0) scale(.6); } html:not(.no-js) [data-aos=zoom-in-right] { -webkit-transform: translate3d(-14px, 0, 0) scale(.6); transform: translate3d(-14px, 0, 0) scale(.6); } html:not(.no-js) [data-aos=zoom-in-left] { -webkit-transform: translate3d(14px, 0, 0) scale(.6); transform: translate3d(14px, 0, 0) scale(.6); } html:not(.no-js) [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 14px, 0) scale(1.2); transform: translate3d(0, 14px, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -14px, 0) scale(1.2); transform: translate3d(0, -14px, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-right] { -webkit-transform: translate3d(-14px, 0, 0) scale(1.2); transform: translate3d(-14px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-left] { -webkit-transform: translate3d(14px, 0, 0) scale(1.2); transform: translate3d(14px, 0, 0) scale(1.2); } } /* Consolidated Utility Patterns File */ /* ------------------------------ Typography Utilities --------------------------------- */ .h1 { /* Using design token variables defined in Tailwind config if available */ font-size: 2rem; /* e.g., use var(--font-size-h1) if wanted */ margin-bottom: 1rem; } .h2 { font-size: 1.75rem; margin-bottom: 0.875rem; } /* Add additional header classes here... */ /* ------------------------------ Button Utilities --------------------------------- */ .btn { @apply px-4 py-2 rounded shadow transition duration-150 ease-in-out; } .btn-sm { @apply px-3 py-1 text-sm; } .btn-md { @apply px-4 py-2; } .btn-lg { @apply px-5 py-3 text-lg; } /* Additional button states (hover, focus, active) can be added using @apply */ /* ------------------------------ Form Utilities --------------------------------- */ .input { @apply border rounded px-3 py-2 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-400; } /* Typography */ .h3 { @apply text-3xl font-extrabold; } .h4 { @apply text-2xl font-extrabold; } @screen md { .h1 { @apply text-6xl; } .h2 { @apply text-5xl; } .h3 { @apply text-4xl; } } /* Forms */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } .form-input, .form-textarea, .form-multiselect, .form-select, .form-checkbox, .form-radio { @apply bg-slate-800 border border-transparent focus:border-purple-500; } .form-input, .form-textarea, .form-multiselect, .form-select, .form-checkbox { @apply rounded; } .form-input, .form-textarea, .form-multiselect, .form-select { @apply text-slate-200 text-sm px-3 py-1.5; } .form-input, .form-textarea { @apply placeholder-slate-500; } .form-select { @apply pr-10; } .form-checkbox, .form-radio { @apply text-purple-600 rounded-sm; } /* Chrome, Safari and Opera */ .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } @import 'additional-styles/utility-patterns.css'; @import 'additional-styles/theme.css'; [x-cloak=""] { display: none; } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} @tailwind base; @tailwind components; @tailwind utilities; @layer components { .background-animate { background-size: 400%; -webkit-animation: AnimationName 3s ease infinite; -moz-animation: AnimationName 3s ease infinite; animation: AnimationName 3s ease infinite; } @keyframes AnimationName { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .btn { @apply px-4 py-2 rounded shadow transition duration-150 ease-in-out; } .btn-sm { @apply px-3 py-1 text-sm; } .btn-md { @apply px-4 py-2; } .btn-lg { @apply px-5 py-3 text-lg; } .btn:hover { @apply bg-primary text-white; } .btn:focus { @apply ring-2 ring-blue-400; } .btn:active { @apply translate-y-0.5; } .fix { backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; will-change: transform; } .zoomy { backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; will-change: transform; @apply drop-shadow-sm; } .zoomy:hover { transform: scale(1.05) translate3d(0,0,0) perspective(0px); @apply drop-shadow-2xl; } .input { @apply border rounded px-3 py-2 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-400; } } @layer components { /* Visual Novel scene viewport */ .vn-scene { aspect-ratio: 16 / 9; display: flex; flex-direction: column; } @media (max-width: 639px) { .vn-scene { aspect-ratio: 3 / 4; } } } @layer utilities { .bg-primary { background-color: theme('colors.primary'); } } /* Visual Novel reader — scene viewport */ @layer components { /* The main VN scene container — 16:9 aspect ratio with flex column for dialogue at bottom */ .vn-scene { aspect-ratio: 16 / 9; display: flex; flex-direction: column; min-height: 300px; max-height: 80vh; } /* On mobile, use a taller aspect ratio so dialogue box has more room */ @media (max-width: 640px) { .vn-scene { aspect-ratio: 3 / 4; min-height: 0; max-height: 80svh; } } /* Background layer fills the scene viewport */ .vn-background { z-index: 0; } .vn-background img { width: 100%; height: 100%; object-fit: cover; } /* Fullscreen-specific layout — fills entire screen */ :fullscreen { background: black; display: flex; flex-direction: column; } :fullscreen .vn-scene { aspect-ratio: auto; min-height: 0; max-height: none; flex: 1 1 auto; width: 100%; height: 100%; } :fullscreen .vn-sprite { max-height: 85%; } :-webkit-full-screen { background: black; display: flex; flex-direction: column; } :-webkit-full-screen .vn-scene { aspect-ratio: auto; min-height: 0; max-height: none; flex: 1 1 auto; width: 100%; height: 100%; } :-webkit-full-screen .vn-sprite { max-height: 85%; } } /* Visual Novel reader transitions */ @layer components { /* Portrait enter animation — slides up from below with fade */ .vn-portrait-enter { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease-out, transform 0.4s ease-out; } .vn-portrait-visible { opacity: 1; transform: translateY(0); } /* Choice panel reveal — fades in and slides up */ .vn-choices-enter { opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .vn-choices-visible { opacity: 1; transform: translateY(0); } /* VN scene fade transition */ .vn-scene-fade { transition: opacity 0.4s ease-in-out; } /* Blinking text cursor for dialogue */ .vn-cursor { display: inline-block; width: 2px; height: 1.1em; background: currentColor; margin-left: 1px; vertical-align: text-bottom; animation: vn-blink 0.8s step-end infinite; } @keyframes vn-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } /* Character sprite positioning */ .vn-sprite { position: absolute; bottom: 0; max-height: 80%; z-index: 10; pointer-events: none; transition: opacity 0.3s ease, filter 0.3s ease; } /* Scale down portraits on mobile to avoid covering dialogue */ @media (max-width: 640px) { .vn-sprite { max-height: 55%; } } .vn-sprite-left { left: 2%; } .vn-sprite-right { right: 2%; } .vn-sprite-center { left: 50%; transform: translateX(-50%); } /* Active/inactive speaker states */ .vn-sprite-active { filter: none; } .vn-sprite-inactive { filter: brightness(0.7); } } .credits-counter { @apply text-sm text-gray-600 mb-4; } #discount-offer-modal { @apply transition-opacity duration-300 ease-in-out; } #discount-offer-modal.hidden { @apply opacity-0 pointer-events-none; } #discount-offer-modal:not(.hidden) { @apply opacity-100; } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=fallback'); /* @import 'additional-styles/custom-fonts'; */ /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */ /* 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) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-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. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 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 */ } /* 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 */ font-family: 'Inter', sans-serif; /* Use the custom font from Tailwind config */ background-color: var(--color-background, #F9FAFB); color: var(--color-text, #111827); } /* 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]) { -webkit-text-decoration: underline dotted; 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. 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-size: 1em; /* 2 */ } /* 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 and border 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; } /* Reset default styling for dialogs. */ 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::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } 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] { display: none; } [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); border-color: #2563eb; } input::-moz-placeholder, textarea::-moz-placeholder{ color: #6b7280; opacity: 1; } input::placeholder,textarea::placeholder{ color: #6b7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper{ padding: 0; } ::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; } ::-webkit-datetime-edit{ display: inline-flex; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; } select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } [multiple],[size]:where(select:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } [type='checkbox'],[type='radio']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox']{ border-radius: 0px; } [type='radio']{ border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } [type='radio']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{ border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{ border-color: transparent; background-color: currentColor; } [type='file']{ background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus{ outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } *, ::before, ::after{ --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: rgb(59 130 246 / 0.5); --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: ; } ::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: rgb(59 130 246 / 0.5); --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: ; } .container{ width: 100%; } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } .form-input,.form-textarea,.form-select,.form-multiselect{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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); border-color: #2563eb; } .form-input::-moz-placeholder, .form-textarea::-moz-placeholder{ color: #6b7280; opacity: 1; } .form-input::placeholder,.form-textarea::placeholder{ color: #6b7280; opacity: 1; } .form-input::-webkit-datetime-edit-fields-wrapper{ padding: 0; } .form-input::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; } .form-input::-webkit-datetime-edit{ display: inline-flex; } .form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; } .form-select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-select:where([size]:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } .form-checkbox,.form-radio{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } .form-checkbox{ border-radius: 0px; } .form-radio{ border-radius: 100%; } .form-checkbox:focus,.form-radio:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .form-checkbox:checked,.form-radio:checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } .form-radio:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } .form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{ border-color: transparent; background-color: currentColor; } .form-checkbox:indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{ border-color: transparent; background-color: currentColor; } .prose{ color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){ list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{ color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-left-width: 0.25rem; border-left-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1em; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){ display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-right: 0.375em; padding-bottom: 0.1875em; padding-left: 0.375em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-right: 1.1428571em; padding-bottom: 0.8571429em; padding-left: 1.1428571em; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){ background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{ content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{ content: none; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){ width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){ border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ vertical-align: top; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){ color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose{ --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: 17 24 39; --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; margin-bottom: 0; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-left: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-left: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; } .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0.5em; padding-left: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-left: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-right: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-top: 0.5714286em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-left: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ padding-right: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){ margin-bottom: 0; } /* Additional styles */ /* Typography */ .h1{ font-size: 2.75rem; line-height: 1.1; letter-spacing: -0.017em; font-weight: 800; } .h2{ font-size: 2.25rem; line-height: 1.277; letter-spacing: -0.017em; font-weight: 800; } .h3{ font-size: 1.875rem; line-height: 1.333; letter-spacing: -0.017em; font-weight: 800; } .h4{ font-size: 1.5rem; line-height: 1.415; letter-spacing: -0.017em; font-weight: 800; } @media (min-width: 768px) { .h1{ font-size: 3.5rem; line-height: 1; letter-spacing: -0.017em; } .h2{ font-size: 2.75rem; line-height: 1.1; letter-spacing: -0.017em; } .h3{ font-size: 2.25rem; line-height: 1.277; letter-spacing: -0.017em; } } /* Buttons */ .btn, .btn-sm{ display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 9999px; border-width: 1px; border-color: transparent; font-size: 0.875rem; line-height: 1.5715; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.375rem; padding-bottom: 0.375rem; } .btn-sm{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } /* Forms */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } .form-input, .form-textarea, .form-multiselect, .form-select, .form-checkbox, .form-radio{ border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity)); } .form-input:focus, .form-textarea:focus, .form-multiselect:focus, .form-select:focus, .form-checkbox:focus, .form-radio:focus{ --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity)); } .form-input, .form-textarea, .form-multiselect, .form-select, .form-checkbox{ border-radius: 0.25rem; } .form-input, .form-textarea, .form-multiselect, .form-select{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.5715; --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity)); } .form-input::-moz-placeholder, .form-textarea::-moz-placeholder{ --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity)); } .form-input::placeholder, .form-textarea::placeholder{ --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity)); } .form-select{ padding-right: 2.5rem; } .form-checkbox, .form-radio{ border-radius: 0.125rem; --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity)); } /* Chrome, Safari and Opera */ .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .form-input:focus, .form-textarea:focus, .form-multiselect:focus, .form-select:focus, .form-checkbox:focus, .form-radio:focus{ --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(0px + 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); } /* Hamburger button */ .hamburger svg>*:nth-child(1), .hamburger svg>*:nth-child(2), .hamburger svg>*:nth-child(3) { transform-origin: center; transform: rotate(0deg); } .hamburger svg>*:nth-child(1) { transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.1s ease-in; } .hamburger svg>*:nth-child(2) { transition: transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger svg>*:nth-child(3) { transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.1s 0.25s ease-in; } .hamburger.active svg>*:nth-child(1) { opacity: 0; y: 9; transform: rotate(225deg); transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.1s 0.12s ease-out; } .hamburger.active svg>*:nth-child(2) { transform: rotate(225deg); transition: transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger.active svg>*:nth-child(3) { y: 9; transform: rotate(135deg); transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.1s ease-out; } /* Custom Swiper styles */ .swiper-button-disabled{ pointer-events: none; cursor: default; opacity: 0.5; } .stellar-carousel .swiper-slide{ opacity: 0.8; } .stellar-carousel .swiper-slide.swiper-slide-active{ opacity: 1; } /* Pulsing animation */ @keyframes pulseLoop { 0% { opacity: 0; transform: scale(.25) translateZ(0); } 30% { opacity: .4; } 70% { opacity: 0; } 80% { transform: scale(1) translateZ(0); } } .pulse { opacity: 0; transform-origin: center; animation: pulseLoop 12000ms linear infinite; } .pulse-1 { animation-delay: -4000ms; } .pulse-2 { animation-delay: -8000ms; } .translate-z-0 { transform: translateZ(0); } /* Custom AOS distance */ @media screen { html:not(.no-js) [data-aos=fade-up] { transform: translate3d(0, 14px, 0); } html:not(.no-js) [data-aos=fade-down] { transform: translate3d(0, -14px, 0); } html:not(.no-js) [data-aos=fade-right] { transform: translate3d(-14px, 0, 0); } html:not(.no-js) [data-aos=fade-left] { transform: translate3d(14px, 0, 0); } html:not(.no-js) [data-aos=fade-up-right] { transform: translate3d(-14px, 14px, 0); } html:not(.no-js) [data-aos=fade-up-left] { transform: translate3d(14px, 14px, 0); } html:not(.no-js) [data-aos=fade-down-right] { transform: translate3d(-14px, -14px, 0); } html:not(.no-js) [data-aos=fade-down-left] { transform: translate3d(14px, -14px, 0); } html:not(.no-js) [data-aos=zoom-in-up] { transform: translate3d(0, 14px, 0) scale(.6); } html:not(.no-js) [data-aos=zoom-in-down] { transform: translate3d(0, -14px, 0) scale(.6); } html:not(.no-js) [data-aos=zoom-in-right] { transform: translate3d(-14px, 0, 0) scale(.6); } html:not(.no-js) [data-aos=zoom-in-left] { transform: translate3d(14px, 0, 0) scale(.6); } html:not(.no-js) [data-aos=zoom-out-up] { transform: translate3d(0, 14px, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-down] { transform: translate3d(0, -14px, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-right] { transform: translate3d(-14px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-left] { transform: translate3d(14px, 0, 0) scale(1.2); } } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none{ pointer-events: none; } .visible{ visibility: visible; } .collapse{ visibility: collapse; } .static{ position: static; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ inset: 0px; } .-right-1{ right: -0.25rem; } .bottom-0{ bottom: 0px; } .left-0{ left: 0px; } .left-1\/2{ left: 50%; } .left-2\/3{ left: 66.666667%; } .left-\[2px\]{ left: 2px; } .right-0{ right: 0px; } .top-0{ top: 0px; } .top-1\/2{ top: 50%; } .top-11{ top: 2.75rem; } .top-4{ top: 1rem; } .top-6{ top: 1.5rem; } .top-8{ top: 2rem; } .top-full{ top: 100%; } .-z-10{ z-index: -10; } .z-20{ z-index: 20; } .z-30{ z-index: 30; } .order-1{ order: 1; } .order-first{ order: -9999; } .order-2{ order: 2; } .-m-1{ margin: -0.25rem; } .-m-1\.5{ margin: -0.375rem; } .-m-5{ margin: -1.25rem; } .-m-px{ margin: -1px; } .m-1{ margin: 0.25rem; } .m-1\.5{ margin: 0.375rem; } .-mx-28{ margin-left: -7rem; margin-right: -7rem; } .mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .-mb-16{ margin-bottom: -4rem; } .-mb-20{ margin-bottom: -5rem; } .-ml-0{ margin-left: -0px; } .-ml-0\.5{ margin-left: -0.125rem; } .-ml-16{ margin-left: -4rem; } .-ml-32{ margin-left: -8rem; } .-mt-12{ margin-top: -3rem; } .-mt-16{ margin-top: -4rem; } .-mt-24{ margin-top: -6rem; } .-mt-32{ margin-top: -8rem; } .-mt-36{ margin-top: -9rem; } .-mt-6{ margin-top: -1.5rem; } .-mt-\[40\%\]{ margin-top: -40%; } .mb-0{ margin-bottom: 0px; } .mb-0\.5{ margin-bottom: 0.125rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-10{ margin-bottom: 2.5rem; } .mb-12{ margin-bottom: 3rem; } .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-8{ margin-bottom: 2rem; } .ml-1{ margin-left: 0.25rem; } .ml-10{ margin-left: 2.5rem; } .ml-2{ margin-left: 0.5rem; } .ml-24{ margin-left: 6rem; } .ml-3{ margin-left: 0.75rem; } .ml-4{ margin-left: 1rem; } .ml-6{ margin-left: 1.5rem; } .ml-8{ margin-left: 2rem; } .ml-\[1\.625rem\]{ margin-left: 1.625rem; } .mr-1{ margin-right: 0.25rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mt-0{ margin-top: 0px; } .mt-1{ margin-top: 0.25rem; } .mt-12{ margin-top: 3rem; } .mt-2{ margin-top: 0.5rem; } .mt-4{ margin-top: 1rem; } .mt-6{ margin-top: 1.5rem; } .mt-8{ margin-top: 2rem; } .mt-\[30\%\]{ margin-top: 30%; } .box-content{ box-sizing: content-box; } .line-clamp-4{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .block{ display: block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .grid{ display: grid; } .hidden{ display: none; } .aspect-\[16\/10\]{ aspect-ratio: 16/10; } .aspect-square{ aspect-ratio: 1 / 1; } .aspect-video{ aspect-ratio: 16 / 9; } .h-1\/4{ height: 25%; } .h-11{ height: 2.75rem; } .h-12{ height: 3rem; } .h-14{ height: 3.5rem; } .h-16{ height: 4rem; } .h-24{ height: 6rem; } .h-32{ height: 8rem; } .h-4{ height: 1rem; } .h-48{ height: 12rem; } .h-5{ height: 1.25rem; } .h-6{ height: 1.5rem; } .h-64{ height: 16rem; } .h-8{ height: 2rem; } .h-80{ height: 20rem; } .h-9{ height: 2.25rem; } .h-96{ height: 24rem; } .h-\[200\%\]{ height: 200%; } .h-\[480px\]{ height: 480px; } .h-\[500px\]{ height: 500px; } .h-auto{ height: auto; } .h-full{ height: 100%; } .min-h-screen{ min-height: 100vh; } .\!w-auto{ width: auto !important; } .w-0{ width: 0px; } .w-0\.5{ width: 0.125rem; } .w-1\/2{ width: 50%; } .w-1\/3{ width: 33.333333%; } .w-1\/4{ width: 25%; } .w-11{ width: 2.75rem; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-16{ width: 4rem; } .w-4{ width: 1rem; } .w-48{ width: 12rem; } .w-5{ width: 1.25rem; } .w-64{ width: 16rem; } .w-8{ width: 2rem; } .w-80{ width: 20rem; } .w-9{ width: 2.25rem; } .w-\[200\%\]{ width: 200%; } .w-\[480px\]{ width: 480px; } .w-\[500px\]{ width: 500px; } .w-\[800px\]{ width: 800px; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .min-w-\[240px\]{ min-width: 240px; } .max-w-3xl{ max-width: 48rem; } .max-w-4xl{ max-width: 56rem; } .max-w-5xl{ max-width: 64rem; } .max-w-6xl{ max-width: 72rem; } .max-w-\[1440px\]{ max-width: 1440px; } .max-w-\[352px\]{ max-width: 352px; } .max-w-\[548px\]{ max-width: 548px; } .max-w-\[720px\]{ max-width: 720px; } .max-w-md{ max-width: 28rem; } .max-w-none{ max-width: none; } .max-w-sm{ max-width: 24rem; } .max-w-xl{ max-width: 36rem; } .max-w-xs{ max-width: 20rem; } .flex-1{ flex: 1 1 0%; } .shrink-0{ flex-shrink: 0; } .grow{ flex-grow: 1; } .-translate-x-1\/2{ --tw-translate-x: -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)); } .-translate-x-4{ --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)); } .-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)); } .-translate-y-1\/3{ --tw-translate-y: -33.333333%; 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)); } .-translate-y-1\/4{ --tw-translate-y: -25%; 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)); } .translate-x-0{ --tw-translate-x: 0px; 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)); } .translate-x-4{ --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)); } .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)); } .translate-y-1\/3{ --tw-translate-y: 33.333333%; 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)); } .-rotate-\[14deg\]{ --tw-rotate: -14deg; 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)); } .-rotate-\[4deg\]{ --tw-rotate: -4deg; 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)); } .-rotate-\[60deg\]{ --tw-rotate: -60deg; 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)); } .rotate-0{ --tw-rotate: 0deg; 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)); } .rotate-\[4deg\]{ --tw-rotate: 4deg; 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)); } .rotate-\[60deg\]{ --tw-rotate: 60deg; 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)); } .transform{ 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 float{ 0%{ transform: translateY(3%); } 50%{ transform: translateY(-3%); } 100%{ transform: translateY(3%); } } .animate-\[float_2\.2s_ease-in-out_infinite\]{ animation: float 2.2s ease-in-out infinite; } @keyframes float{ 0%{ transform: translateY(3%); } 50%{ transform: translateY(-3%); } 100%{ transform: translateY(3%); } } .animate-\[float_2\.4s_ease-in-out_infinite\]{ animation: float 2.4s ease-in-out infinite; } @keyframes float{ 0%{ transform: translateY(3%); } 50%{ transform: translateY(-3%); } 100%{ transform: translateY(3%); } } .animate-\[float_2\.6s_ease-in-out_infinite\]{ animation: float 2.6s ease-in-out infinite; } @keyframes float{ 0%{ transform: translateY(3%); } 50%{ transform: translateY(-3%); } 100%{ transform: translateY(3%); } } .animate-\[float_2\.6\E5s_ease-in-out_infinite\]{ animation: float 2.6ås ease-in-out infinite; } @keyframes endless{ 0%{ transform: translateY(0); } 100%{ transform: translateY(-245px); } } .animate-endless{ animation: endless 20s linear infinite; } @keyframes float{ 0%{ transform: translateY(3%); } 50%{ transform: translateY(-3%); } 100%{ transform: translateY(3%); } } .animate-float{ animation: float 2s ease-in-out infinite; } .cursor-not-allowed{ cursor: not-allowed; } .cursor-pointer{ cursor: pointer; } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize{ resize: both; } .scroll-mt-8{ scroll-margin-top: 2rem; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .flex-nowrap{ flex-wrap: nowrap; } .items-start{ align-items: flex-start; } .items-center{ align-items: center; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .gap-2{ gap: 0.5rem; } .gap-4{ gap: 1rem; } .gap-6{ gap: 1.5rem; } .gap-8{ gap: 2rem; } .-space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(-0.75rem * var(--tw-space-x-reverse)); margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.25rem * var(--tw-space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .space-y-reverse > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 1; } .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-slate-800 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(30 41 59 / var(--tw-divide-opacity)); } .overflow-hidden{ overflow: hidden; } .overflow-x-scroll{ overflow-x: scroll; } .scroll-smooth{ scroll-behavior: smooth; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap{ white-space: nowrap; } .rounded{ border-radius: 0.25rem; } .rounded-2xl{ border-radius: 1rem; } .rounded-3xl{ border-radius: 1.5rem; } .rounded-\[3rem\]{ border-radius: 3rem; } .rounded-\[inherit\]{ border-radius: inherit; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-none{ border-radius: 0px; } .rounded-b-\[3rem\]{ border-bottom-right-radius: 3rem; border-bottom-left-radius: 3rem; } .rounded-t-\[3rem\]{ border-top-left-radius: 3rem; border-top-right-radius: 3rem; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-2{ border-width: 2px; } .border-b{ border-bottom-width: 1px; } .border-b-2{ border-bottom-width: 2px; } .border-l-2{ border-left-width: 2px; } .border-t{ border-top-width: 1px; } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .border-purple-500{ --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity)); } .border-purple-700{ --tw-border-opacity: 1; border-color: rgb(126 34 206 / var(--tw-border-opacity)); } .border-slate-300\/10{ border-color: rgb(203 213 225 / 0.1); } .border-slate-700{ --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity)); } .border-slate-800{ --tw-border-opacity: 1; border-color: rgb(30 41 59 / var(--tw-border-opacity)); } .border-transparent{ border-color: transparent; } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-purple-400{ --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)); } .bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } .bg-slate-400{ --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity)); } .bg-slate-700\/20{ background-color: rgb(51 65 85 / 0.2); } .bg-slate-800{ --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity)); } .bg-slate-800\/25{ background-color: rgb(30 41 59 / 0.25); } .bg-slate-800\/30{ background-color: rgb(30 41 59 / 0.3); } .bg-slate-900{ --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity)); } .bg-transparent{ background-color: transparent; } .bg-opacity-25{ --tw-bg-opacity: 0.25; } .bg-gradient-to-b{ background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-tr{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } .from-purple-500{ --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-200\/60{ --tw-gradient-from: rgb(226 232 240 / 0.6) var(--tw-gradient-from-position); --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-300\/20{ --tw-gradient-from: rgb(203 213 225 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-800{ --tw-gradient-from: #1e293b var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-slate-800\/50{ --tw-gradient-from: rgb(30 41 59 / 0.5) var(--tw-gradient-from-position); --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white\/80{ --tw-gradient-from: rgb(255 255 255 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-slate-200{ --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #e2e8f0 var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-white{ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-purple-200{ --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position); } .to-slate-200\/60{ --tw-gradient-to: rgb(226 232 240 / 0.6) var(--tw-gradient-to-position); } .to-slate-800\/10{ --tw-gradient-to: rgb(30 41 59 / 0.1) var(--tw-gradient-to-position); } .to-slate-800\/25{ --tw-gradient-to: rgb(30 41 59 / 0.25) var(--tw-gradient-to-position); } .to-transparent{ --tw-gradient-to: transparent var(--tw-gradient-to-position); } .to-white\/80{ --tw-gradient-to: rgb(255 255 255 / 0.8) var(--tw-gradient-to-position); } .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } .fill-current{ fill: currentColor; } .fill-purple-400{ fill: #c084fc; } .fill-purple-500{ fill: #a855f7; } .fill-slate-200{ fill: #e2e8f0; } .fill-slate-300{ fill: #cbd5e1; } .fill-slate-50{ fill: #f8fafc; } .fill-slate-500{ fill: #64748b; } .fill-slate-600{ fill: #475569; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .p-1{ padding: 0.25rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-px{ padding: 1px; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-0\.5{ padding-left: 0.125rem; padding-right: 0.125rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-24{ padding-top: 6rem; padding-bottom: 6rem; } .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-8{ padding-top: 2rem; padding-bottom: 2rem; } .pb-0{ padding-bottom: 0px; } .pb-0\.5{ padding-bottom: 0.125rem; } .pb-1{ padding-bottom: 0.25rem; } .pb-10{ padding-bottom: 2.5rem; } .pb-12{ padding-bottom: 3rem; } .pb-16{ padding-bottom: 4rem; } .pb-20{ padding-bottom: 5rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-4{ padding-bottom: 1rem; } .pb-5{ padding-bottom: 1.25rem; } .pb-6{ padding-bottom: 1.5rem; } .pb-8{ padding-bottom: 2rem; } .pl-10{ padding-left: 2.5rem; } .pl-4{ padding-left: 1rem; } .pl-6{ padding-left: 1.5rem; } .pl-8{ padding-left: 2rem; } .pr-3{ padding-right: 0.75rem; } .pt-0{ padding-top: 0px; } .pt-12{ padding-top: 3rem; } .pt-16{ padding-top: 4rem; } .pt-32{ padding-top: 8rem; } .text-center{ text-align: center; } .text-right{ text-align: right; } .font-inter{ font-family: Inter, sans-serif; } .text-2xl{ font-size: 1.5rem; line-height: 1.415; letter-spacing: -0.017em; } .text-3xl{ font-size: 1.875rem; line-height: 1.333; letter-spacing: -0.017em; } .text-4xl{ font-size: 2.25rem; line-height: 1.277; letter-spacing: -0.017em; } .text-base{ font-size: 1rem; line-height: 1.5; letter-spacing: -0.017em; } .text-lg{ font-size: 1.125rem; line-height: 1.5; letter-spacing: -0.017em; } .text-sm{ font-size: 0.875rem; line-height: 1.5715; } .text-xl{ font-size: 1.25rem; line-height: 1.5; letter-spacing: -0.017em; } .text-xs{ font-size: 0.75rem; line-height: 1.5; } .font-bold{ font-weight: 700; } .font-medium{ font-weight: 500; } .font-semibold{ font-weight: 600; } .italic{ font-style: italic; } .leading-8{ line-height: 2rem; } .tracking-normal{ letter-spacing: 0; } .tracking-tight{ letter-spacing: -0.01em; } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } .text-indigo-600{ --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); } .text-purple-300{ --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity)); } .text-purple-500{ --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); } .text-rose-500{ --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity)); } .text-slate-100{ --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity)); } .text-slate-200{ --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity)); } .text-slate-300{ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)); } .text-slate-400{ --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } .text-slate-50{ --tw-text-opacity: 1; color: rgb(248 250 252 / var(--tw-text-opacity)); } .text-slate-500{ --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)); } .text-slate-600{ --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity)); } .text-slate-700{ --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity)); } .text-slate-900{ --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } .text-teal-500{ --tw-text-opacity: 1; color: rgb(20 184 166 / var(--tw-text-opacity)); } .text-transparent{ color: transparent; } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .underline{ text-decoration-line: underline; } .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0{ opacity: 0; } .opacity-10{ opacity: 0.1; } .opacity-100{ opacity: 1; } .opacity-20{ opacity: 0.2; } .opacity-25{ opacity: 0.25; } .opacity-30{ opacity: 0.3; } .opacity-40{ opacity: 0.4; } .opacity-50{ opacity: 0.5; } .opacity-60{ opacity: 0.6; } .opacity-70{ opacity: 0.7; } .opacity-90{ opacity: 0.9; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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); } .shadow-2xl{ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px 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-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --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-purple-500\/25{ --tw-shadow-color: rgb(168 85 247 / 0.25); --tw-shadow: var(--tw-shadow-colored); } .outline-slate-400{ outline-color: #94a3b8; } .blur{ --tw-blur: blur(8px); 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); } .blur-2xl{ --tw-blur: blur(40px); 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); } .blur-\[120px\]{ --tw-blur: blur(120px); 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); } .blur-\[2px\]{ --tw-blur: blur(2px); 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); } .blur-\[40px\]{ --tw-blur: blur(40px); 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); } .blur-\[60px\]{ --tw-blur: blur(60px); 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); } .blur-\[80px\]{ --tw-blur: blur(80px); 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); } .blur-md{ --tw-blur: blur(12px); 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-lg{ --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); 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); } .invert{ --tw-invert: invert(100%); 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); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\]{ transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-200{ transition-delay: 200ms; } .delay-300{ transition-delay: 300ms; } .duration-150{ transition-duration: 150ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .duration-700{ transition-duration: 700ms; } .\!ease-linear{ transition-timing-function: linear !important; } .ease-\[cubic-bezier\(0\.68\2c -0\.3\2c 0\.32\2c 1\)\]{ transition-timing-function: cubic-bezier(0.68,-0.3,0.32,1); } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .will-change-transform{ will-change: transform; } .\[background\:_repeating-linear-gradient\(90deg\2c transparent\2c _transparent_48px\2c _theme\(colors\.purple\.500\)_48px\2c _theme\(colors\.purple\.500\)_49px\)\]{ background: repeating-linear-gradient(90deg,transparent, transparent 48px, #a855f7 48px, #a855f7 49px); } .\[background\:_repeating-linear-gradient\(90deg\2c transparent\2c _transparent_48px\2c _theme\(colors\.white\)_48px\2c _theme\(colors\.white\)_49px\)\]{ background: repeating-linear-gradient(90deg,transparent, transparent 48px, #fff 48px, #fff 49px); } .\[background\:_repeating-linear-gradient\(transparent\2c _transparent_48px\2c _theme\(colors\.purple\.500\)_48px\2c _theme\(colors\.purple\.500\)_49px\)\]{ background: repeating-linear-gradient(transparent, transparent 48px, #a855f7 48px, #a855f7 49px); } .\[background\:_repeating-linear-gradient\(transparent\2c _transparent_48px\2c _theme\(colors\.white\)_48px\2c _theme\(colors\.white\)_49px\)\]{ background: repeating-linear-gradient(transparent, transparent 48px, #fff 48px, #fff 49px); } .\[background\:linear-gradient\(theme\(colors\.purple\.500\)\2c _theme\(colors\.purple\.500\)\)_padding-box\2c _linear-gradient\(theme\(colors\.purple\.500\)\2c _theme\(colors\.purple\.200\)_75\%\2c _theme\(colors\.transparent\)_100\%\)_border-box\]{ background: linear-gradient(#a855f7, #a855f7) padding-box, linear-gradient(#a855f7, #e9d5ff 75%, transparent 100%) border-box; } .\[background\:linear-gradient\(theme\(colors\.slate\.800\)\2c _theme\(colors\.slate\.800\)\)_padding-box\2c _conic-gradient\(theme\(colors\.slate\.400\)\2c _theme\(colors\.slate\.700\)_25\%\2c _theme\(colors\.slate\.700\)_75\%\2c _theme\(colors\.slate\.400\)_100\%\)_border-box\]{ background: linear-gradient(#1e293b, #1e293b) padding-box, conic-gradient(#94a3b8, #334155 25%, #334155 75%, #94a3b8 100%) border-box; } .\[background\:linear-gradient\(theme\(colors\.slate\.900\)\2c _theme\(colors\.slate\.900\)\)_padding-box\2c _conic-gradient\(theme\(colors\.slate\.400\)\2c _theme\(colors\.slate\.700\)_25\%\2c _theme\(colors\.slate\.700\)_75\%\2c _theme\(colors\.slate\.400\)_100\%\)_border-box\]{ background: linear-gradient(#0f172a, #0f172a) padding-box, conic-gradient(#94a3b8, #334155 25%, #334155 75%, #94a3b8 100%) border-box; } .\[border-image\:linear-gradient\(to_right\2c theme\(colors\.slate\.700\/\.3\)\2c theme\(colors\.slate\.700\)\2c theme\(colors\.slate\.700\/\.3\)\)1\]{ -o-border-image: linear-gradient(to right,rgb(51 65 85 / .3),#334155,rgb(51 65 85 / .3))1; border-image: linear-gradient(to right,rgb(51 65 85 / .3),#334155,rgb(51 65 85 / .3))1; } .\[border-image\:linear-gradient\(to_right\2c transparent\2c theme\(colors\.slate\.800\)\2c transparent\)1\]{ -o-border-image: linear-gradient(to right,transparent,#1e293b,transparent)1; border-image: linear-gradient(to right,transparent,#1e293b,transparent)1; } .\[mask-image\:_linear-gradient\(0deg\2c transparent\2c theme\(colors\.white\)_150px\2c theme\(colors\.white\)\)\]{ -webkit-mask-image: linear-gradient(0deg,transparent,#fff 150px,#fff); mask-image: linear-gradient(0deg,transparent,#fff 150px,#fff); } .\[mask-image\:_linear-gradient\(0deg\2c transparent\2c theme\(colors\.white\)_40\%\2c theme\(colors\.white\)\)\]{ -webkit-mask-image: linear-gradient(0deg,transparent,#fff 40%,#fff); mask-image: linear-gradient(0deg,transparent,#fff 40%,#fff); } .\[mask-image\:_radial-gradient\(black\2c _transparent_60\%\)\]{ -webkit-mask-image: radial-gradient(black, transparent 60%); mask-image: radial-gradient(black, transparent 60%); } .\[mask-image\:_radial-gradient\(circle_at_bottom\2c transparent_15\%\2c black_70\%\)\]{ -webkit-mask-image: radial-gradient(circle at bottom,transparent 15%,black 70%); mask-image: radial-gradient(circle at bottom,transparent 15%,black 70%); } /* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */ [x-cloak=""] { display: none; } .before\:pointer-events-none::before{ content: var(--tw-content); pointer-events: none; } .before\:absolute::before{ content: var(--tw-content); position: absolute; } .before\:inset-0::before{ content: var(--tw-content); inset: 0px; } .before\:-left-32::before{ content: var(--tw-content); left: -8rem; } .before\:-left-48::before{ content: var(--tw-content); left: -12rem; } .before\:-top-32::before{ content: var(--tw-content); top: -8rem; } .before\:-top-48::before{ content: var(--tw-content); top: -12rem; } .before\:-z-10::before{ content: var(--tw-content); z-index: -10; } .before\:-z-20::before{ content: var(--tw-content); z-index: -20; } .before\:z-10::before{ content: var(--tw-content); z-index: 10; } .before\:z-20::before{ content: var(--tw-content); z-index: 20; } .before\:z-30::before{ content: var(--tw-content); z-index: 30; } .before\:h-1::before{ content: var(--tw-content); height: 0.25rem; } .before\:h-1\.5::before{ content: var(--tw-content); height: 0.375rem; } .before\:h-5::before{ content: var(--tw-content); height: 1.25rem; } .before\:h-64::before{ content: var(--tw-content); height: 16rem; } .before\:h-96::before{ content: var(--tw-content); height: 24rem; } .before\:w-1::before{ content: var(--tw-content); width: 0.25rem; } .before\:w-1\.5::before{ content: var(--tw-content); width: 0.375rem; } .before\:w-32::before{ content: var(--tw-content); width: 8rem; } .before\:w-5::before{ content: var(--tw-content); width: 1.25rem; } .before\:w-64::before{ content: var(--tw-content); width: 16rem; } .before\:w-96::before{ content: var(--tw-content); width: 24rem; } .before\:-translate-x-full::before{ content: var(--tw-content); --tw-translate-x: -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)); } .before\:translate-x-\[var\(--mouse-x\)\]::before{ content: var(--tw-content); --tw-translate-x: var(--mouse-x); 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)); } .before\:translate-y-\[var\(--mouse-y\)\]::before{ content: var(--tw-content); --tw-translate-y: var(--mouse-y); 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)); } .before\:rounded-2xl::before{ content: var(--tw-content); border-radius: 1rem; } .before\:rounded-full::before{ content: var(--tw-content); border-radius: 9999px; } .before\:rounded-xl::before{ content: var(--tw-content); border-radius: 0.75rem; } .before\:border::before{ content: var(--tw-content); border-width: 1px; } .before\:border-slate-300::before{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); } .before\:bg-indigo-500::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)); } .before\:bg-purple-500::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } .before\:bg-slate-700::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity)); } .before\:bg-slate-800\/30::before{ content: var(--tw-content); background-color: rgb(30 41 59 / 0.3); } .before\:bg-slate-800\/50::before{ content: var(--tw-content); background-color: rgb(30 41 59 / 0.5); } .before\:bg-slate-800\/70::before{ content: var(--tw-content); background-color: rgb(30 41 59 / 0.7); } .before\:bg-white::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .before\:bg-gradient-to-b::before{ content: var(--tw-content); background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .before\:bg-gradient-to-l::before{ content: var(--tw-content); background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .before\:bg-gradient-to-r::before{ content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .before\:from-slate-400\/20::before{ content: var(--tw-content); --tw-gradient-from: rgb(148 163 184 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:from-slate-900::before{ content: var(--tw-content); --tw-gradient-from: #0f172a var(--tw-gradient-from-position); --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:from-transparent::before{ content: var(--tw-content); --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:to-slate-900::before{ content: var(--tw-content); --tw-gradient-to: #0f172a var(--tw-gradient-to-position); } .before\:to-transparent::before{ content: var(--tw-content); --tw-gradient-to: transparent var(--tw-gradient-to-position); } .before\:to-20\%::before{ content: var(--tw-content); --tw-gradient-to-position: 20%; } .before\:opacity-0::before{ content: var(--tw-content); opacity: 0; } .before\:opacity-10::before{ content: var(--tw-content); opacity: 0.1; } .before\:shadow-sm::before{ content: var(--tw-content); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --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); } .before\:ring-4::before{ content: var(--tw-content); --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(4px + 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); } .before\:ring-purple-500\/30::before{ content: var(--tw-content); --tw-ring-color: rgb(168 85 247 / 0.3); } .before\:blur-\[100px\]::before{ content: var(--tw-content); --tw-blur: blur(100px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .before\:blur-\[64px\]::before{ content: var(--tw-content); --tw-blur: blur(64px); 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); } .before\:blur-md::before{ content: var(--tw-content); --tw-blur: blur(12px); 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); } .before\:transition-opacity::before{ content: var(--tw-content); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:transition-transform::before{ content: var(--tw-content); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:duration-150::before{ content: var(--tw-content); transition-duration: 150ms; } .before\:duration-500::before{ content: var(--tw-content); transition-duration: 500ms; } .after\:pointer-events-none::after{ content: var(--tw-content); pointer-events: none; } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:inset-0::after{ content: var(--tw-content); inset: 0px; } .after\:left-0::after{ content: var(--tw-content); left: 0px; } .after\:left-auto::after{ content: var(--tw-content); left: auto; } .after\:top-0::after{ content: var(--tw-content); top: 0px; } .after\:-z-20::after{ content: var(--tw-content); z-index: -20; } .after\:z-10::after{ content: var(--tw-content); z-index: 10; } .after\:z-20::after{ content: var(--tw-content); z-index: 20; } .after\:m-px::after{ content: var(--tw-content); margin: 1px; } .after\:h-4::after{ content: var(--tw-content); height: 1rem; } .after\:w-0::after{ content: var(--tw-content); width: 0px; } .after\:w-0\.5::after{ content: var(--tw-content); width: 0.125rem; } .after\:w-32::after{ content: var(--tw-content); width: 8rem; } .after\:-translate-y-full::after{ content: var(--tw-content); --tw-translate-y: -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)); } .after\:translate-x-full::after{ content: var(--tw-content); --tw-translate-x: 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)); } @keyframes shine{ 0%{ content: var(--tw-content); top: 0; transform: translateY(-100%) scaleY(10); opacity: 0; } 2%{ content: var(--tw-content); opacity: .5; } 40%{ content: var(--tw-content); top: 100%; transform: translateY(0) scaleY(200); opacity: 0; } 100%{ content: var(--tw-content); top: 100%; transform: translateY(0) scaleY(1); opacity: 0; } } .after\:animate-shine::after{ content: var(--tw-content); animation: shine 5s linear 500ms infinite; } .after\:rounded-\[inherit\]::after{ content: var(--tw-content); border-radius: inherit; } .after\:rounded-full::after{ content: var(--tw-content); border-radius: 9999px; } .after\:bg-slate-900::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity)); } .after\:bg-\[linear-gradient\(180deg\2c _transparent\2c _theme\(colors\.purple\.500\/\.65\)_25\%\2c _theme\(colors\.purple\.200\)_50\%\2c _theme\(colors\.purple\.500\/\.65\)_75\%\2c _transparent\)\]::after{ content: var(--tw-content); background-image: linear-gradient(180deg, transparent, rgb(168 85 247 / .65) 25%, #e9d5ff 50%, rgb(168 85 247 / .65) 75%, transparent); } .after\:bg-gradient-to-l::after{ content: var(--tw-content); background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .after\:bg-gradient-to-r::after{ content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .after\:from-slate-900::after{ content: var(--tw-content); --tw-gradient-from: #0f172a var(--tw-gradient-from-position); --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:from-transparent::after{ content: var(--tw-content); --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:to-slate-900::after{ content: var(--tw-content); --tw-gradient-to: #0f172a var(--tw-gradient-to-position); } .after\:to-20\%::after{ content: var(--tw-content); --tw-gradient-to-position: 20%; } .after\:opacity-0::after{ content: var(--tw-content); opacity: 0; } .after\:transition-opacity::after{ content: var(--tw-content); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:duration-500::after{ content: var(--tw-content); transition-duration: 500ms; } .after\:\[background\:_radial-gradient\(250px_circle_at_var\(--mouse-x\)_var\(--mouse-y\)\2c theme\(colors\.slate\.400\)\2c transparent\)\]::after{ content: var(--tw-content); background: radial-gradient(250px circle at var(--mouse-x) var(--mouse-y),#94a3b8,transparent); } .first-of-type\:pt-0:first-of-type{ padding-top: 0px; } .last-of-type\:pb-0:last-of-type{ padding-bottom: 0px; } .focus-within\:opacity-100:focus-within{ opacity: 1; } .focus-within\:before\:opacity-10:focus-within::before{ content: var(--tw-content); opacity: 0.1; } .hover\:border-slate-700\/60:hover{ border-color: rgb(51 65 85 / 0.6); } .hover\:bg-purple-600:hover{ --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } .hover\:bg-white:hover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .hover\:bg-opacity-30:hover{ --tw-bg-opacity: 0.3; } .hover\:text-purple-400:hover{ --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity)); } .hover\:text-slate-200:hover{ --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity)); } .hover\:text-slate-300:hover{ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:opacity-100:hover{ opacity: 1; } .hover\:opacity-60:hover{ opacity: 0.6; } .before\:hover\:opacity-20:hover::before{ content: var(--tw-content); opacity: 0.2; } .before\:hover\:opacity-30:hover::before{ content: var(--tw-content); opacity: 0.3; } .hover\:before\:opacity-10:hover::before{ content: var(--tw-content); opacity: 0.1; } .focus\:border-black:focus{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .focus\:border-gray-300:focus{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .focus\:border-gray-500:focus{ --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); } .focus\:border-indigo-300:focus{ --tw-border-opacity: 1; border-color: rgb(165 180 252 / var(--tw-border-opacity)); } .focus\:border-transparent:focus{ border-color: transparent; } .focus\:border-b-slate-700:focus{ --tw-border-opacity: 1; border-bottom-color: rgb(51 65 85 / var(--tw-border-opacity)); } .focus\:bg-gray-200:focus{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .focus\:bg-white:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring:focus{ --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(3px + 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); } .focus\:ring-0:focus{ --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(0px + 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); } .focus\:ring-1:focus{ --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); } .focus\:ring-black:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); } .focus\:ring-gray-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); } .focus\:ring-indigo-200:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)); } .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } .focus\:ring-offset-0:focus{ --tw-ring-offset-width: 0px; } .focus\:ring-offset-2:focus{ --tw-ring-offset-width: 2px; } .group:last-of-type .group-last-of-type\:border-none{ border-style: none; } .group:last-of-type .group-last-of-type\:pb-0{ padding-bottom: 0px; } .group:hover .group-hover\:-translate-x-0{ --tw-translate-x: -0px; 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)); } .group:hover .group-hover\:-translate-x-0\.5{ --tw-translate-x: -0.125rem; 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)); } .group:hover .group-hover\:translate-x-0{ --tw-translate-x: 0px; 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)); } .group:hover .group-hover\:translate-x-0\.5{ --tw-translate-x: 0.125rem; 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)); } .group:hover .group-hover\:fill-purple-500{ fill: #a855f7; } .group\/slide:hover .group-hover\/slide\:opacity-100{ opacity: 1; } .group:hover .group-hover\:opacity-100{ opacity: 1; } .group:hover .group-hover\:before\:absolute::before{ content: var(--tw-content); position: absolute; } .group:hover .group-hover\:before\:inset-0::before{ content: var(--tw-content); inset: 0px; } .group:hover .after\:group-hover\:opacity-100::after{ content: var(--tw-content); opacity: 1; } .group\/slide.swiper-slide-active .group-\[\.swiper-slide-active\]\/slide\:bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } .group\/slide.swiper-slide-active .group-\[\.swiper-slide-active\]\/slide\:opacity-100{ opacity: 1; } .peer:checked ~ .peer-checked\:bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } .peer:checked ~ .peer-checked\:before\:translate-x-full::before{ content: var(--tw-content); --tw-translate-x: 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)); } .peer:focus-visible ~ .peer-focus-visible\:outline{ outline-style: solid; } .peer:focus-visible ~ .peer-focus-visible\:outline-offset-2{ outline-offset: 2px; } .peer:focus-visible ~ .peer-focus-visible\:outline-gray-400{ outline-color: #9ca3af; } .peer:checked:focus-visible ~ .peer-checked\:peer-focus-visible\:outline-purple-500{ outline-color: #a855f7; } .prose-headings\:text-slate-50 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(248 250 252 / var(--tw-text-opacity)); } .prose-h2\:mb-4 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){ margin-bottom: 1rem; } .prose-h2\:mt-8 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){ margin-top: 2rem; } .prose-h2\:text-xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-size: 1.25rem; line-height: 1.5; letter-spacing: -0.017em; } .prose-p\:leading-relaxed :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){ line-height: 1.625; } .prose-a\:text-purple-500 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); } .prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){ text-decoration-line: none; } .hover\:prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover{ text-decoration-line: underline; } .prose-blockquote\:border-l-2 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){ border-left-width: 2px; } .prose-blockquote\:border-purple-500 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity)); } .prose-blockquote\:pl-5 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){ padding-left: 1.25rem; } .prose-blockquote\:font-medium :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-weight: 500; } .prose-blockquote\:italic :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-style: italic; } .prose-blockquote\:text-slate-300 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity)); } .prose-strong\:font-medium :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){ font-weight: 500; } .prose-strong\:text-slate-50 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){ --tw-text-opacity: 1; color: rgb(248 250 252 / var(--tw-text-opacity)); } @supports (overflow:clip){ .supports-\[overflow\:clip\]\:overflow-clip{ overflow: clip; } } @media not all and (min-width: 768px){ .max-md\:mx-auto{ margin-left: auto; margin-right: auto; } .max-md\:hidden{ display: none; } .max-md\:text-center{ text-align: center; } } @media (min-width: 640px){ .sm\:col-span-12{ grid-column: span 12 / span 12; } .sm\:col-span-6{ grid-column: span 6 / span 6; } .sm\:mb-0{ margin-bottom: 0px; } .sm\:mr-2{ margin-right: 0.5rem; } .sm\:inline-flex{ display: inline-flex; } .sm\:max-w-\[728px\]{ max-width: 728px; } .sm\:max-w-none{ max-width: none; } .sm\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row{ flex-direction: row; } .sm\:justify-center{ justify-content: center; } .sm\:gap-6{ gap: 1.5rem; } .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 768px){ .md\:relative{ position: relative; } .md\:left-0{ left: 0px; } .md\:order-none{ order: 0; } .md\:col-span-12{ grid-column: span 12 / span 12; } .md\:col-span-3{ grid-column: span 3 / span 3; } .md\:col-span-5{ grid-column: span 5 / span 5; } .md\:col-span-7{ grid-column: span 7 / span 7; } .md\:-mx-5{ margin-left: -1.25rem; margin-right: -1.25rem; } .md\:mb-0{ margin-bottom: 0px; } .md\:ml-0{ margin-left: 0px; } .md\:ml-5{ margin-left: 1.25rem; } .md\:mt-16{ margin-top: 4rem; } .md\:block{ display: block; } .md\:flex{ display: flex; } .md\:hidden{ display: none; } .md\:h-20{ height: 5rem; } .md\:h-auto{ height: auto; } .md\:w-1\/2{ width: 50%; } .md\:w-5\/12{ width: 41.666667%; } .md\:w-64{ width: 16rem; } .md\:w-7\/12{ width: 58.333333%; } .md\:max-w-4xl{ max-width: 56rem; } .md\:max-w-\[480px\]{ max-width: 480px; } .md\:max-w-full{ max-width: 100%; } .md\:max-w-none{ max-width: none; } .md\:shrink-0{ flex-shrink: 0; } .md\:grow{ flex-grow: 1; } .md\:translate-x-0{ --tw-translate-x: 0px; 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)); } .md\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:flex-row{ flex-direction: row; } .md\:items-center{ align-items: center; } .md\:justify-between{ justify-content: space-between; } .md\:gap-12{ gap: 3rem; } .md\:space-x-12 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(3rem * var(--tw-space-x-reverse)); margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .md\:border-b{ border-bottom-width: 1px; } .md\:p-8{ padding: 2rem; } .md\:px-0{ padding-left: 0px; padding-right: 0px; } .md\:py-12{ padding-top: 3rem; padding-bottom: 3rem; } .md\:py-16{ padding-top: 4rem; padding-bottom: 4rem; } .md\:py-20{ padding-top: 5rem; padding-bottom: 5rem; } .md\:pb-16{ padding-bottom: 4rem; } .md\:pb-20{ padding-bottom: 5rem; } .md\:pb-24{ padding-bottom: 6rem; } .md\:pb-32{ padding-bottom: 8rem; } .md\:pb-8{ padding-bottom: 2rem; } .md\:pl-48{ padding-left: 12rem; } .md\:pl-6{ padding-left: 1.5rem; } .md\:pr-0{ padding-right: 0px; } .md\:pt-20{ padding-top: 5rem; } .md\:pt-32{ padding-top: 8rem; } .md\:pt-40{ padding-top: 10rem; } .md\:pt-52{ padding-top: 13rem; } .md\:pt-\[3\.75rem\]{ padding-top: 3.75rem; } .md\:leading-8{ line-height: 2rem; } .md\:opacity-0{ opacity: 0; } @media not all and (min-width: 1024px){ .md\:max-lg\:hidden{ display: none; } } } @media (min-width: 1024px){ .lg\:order-none{ order: 0; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:col-span-4{ grid-column: span 4 / span 4; } .lg\:mx-5{ margin-left: 1.25rem; margin-right: 1.25rem; } .lg\:h-36{ height: 9rem; } .lg\:w-1\/2{ width: 50%; } .lg\:w-80{ width: 20rem; } .lg\:w-9{ width: 2.25rem; } .lg\:max-w-none{ max-width: none; } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction: row; } .lg\:flex-col{ flex-direction: column; } .lg\:gap-10{ gap: 2.5rem; } .lg\:gap-6{ gap: 1.5rem; } .lg\:space-x-14 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(3.5rem * var(--tw-space-x-reverse)); margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse))); } .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(4rem * var(--tw-space-x-reverse)); margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); } .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .lg\:pl-10{ padding-left: 2.5rem; } .lg\:pt-0{ padding-top: 0px; } .lg\:focus\:w-\[200px\]:focus{ width: 200px; } } @media (min-width: 1280px){ .xl\:-mx-6{ margin-left: -1.5rem; margin-right: -1.5rem; } .xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:space-x-20 > :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))); } .prose-blockquote\:xl\:-ml-5 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))){ margin-left: -1.25rem; } } .\[\&\>div\:nth-last-of-type\(-n\+4\)\]\:pb-6>div:nth-last-of-type(-n+4){ padding-bottom: 1.5rem; } @media not all and (min-width: 768px){ .max-md\:\[\&\>div\:nth-last-of-type\(-n\+4\)\]\:mb-8>div:nth-last-of-type(-n+4){ margin-bottom: 2rem; } .max-md\:\[\&\>div\:nth-last-of-type\(-n\+4\)\]\:rounded-b-3xl>div:nth-last-of-type(-n+4){ border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; } } @media (min-width: 768px){ .md\:\[\&\>div\:nth-last-of-type\(1\)\]\:rounded-br-3xl>div:nth-last-of-type(1){ border-bottom-right-radius: 1.5rem; } } .before\:\[\&\>div\:nth-last-of-type\(2\)\]\:border-b-2>div:nth-last-of-type(2)::before{ content: var(--tw-content); border-bottom-width: 2px; } @media (min-width: 768px){ .md\:\[\&\>div\:nth-last-of-type\(3\)\]\:rounded-bl-3xl>div:nth-last-of-type(3){ border-bottom-left-radius: 1.5rem; } } @media not all and (min-width: 768px){ .max-md\:\[\&\>div\:nth-of-type\(-n\+4\)\:nth-of-type\(n\+1\)\]\:rounded-t-3xl>div:nth-of-type(-n+4):nth-of-type(n+1){ border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; } } .\[\&\>div\:nth-of-type\(-n\+4\)\]\:py-6>div:nth-of-type(-n+4){ padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 768px){ .md\:\[\&\>div\:nth-of-type\(2\)\]\:rounded-tl-3xl>div:nth-of-type(2){ border-top-left-radius: 1.5rem; } } .before\:\[\&\>div\:nth-of-type\(3\)\]\:border-t-2>div:nth-of-type(3)::before{ content: var(--tw-content); border-top-width: 2px; } @media (min-width: 768px){ .md\:\[\&\>div\:nth-of-type\(4\)\]\:rounded-tr-3xl>div:nth-of-type(4){ border-top-right-radius: 1.5rem; } } .\[\&\>div\:nth-of-type\(4n\+1\)\]\:bg-transparent>div:nth-of-type(4n+1){ background-color: transparent; } @media not all and (min-width: 768px){ .max-md\:\[\&\>div\:nth-of-type\(4n\+2\)\]\:order-1>div:nth-of-type(4n+2){ order: 1; } } .\[\&\>div\:nth-of-type\(4n\+3\)\]\:relative>div:nth-of-type(4n+3){ position: relative; } .before\:\[\&\>div\:nth-of-type\(4n\+3\)\]\:pointer-events-none>div:nth-of-type(4n+3)::before{ content: var(--tw-content); pointer-events: none; } .before\:\[\&\>div\:nth-of-type\(4n\+3\)\]\:absolute>div:nth-of-type(4n+3)::before{ content: var(--tw-content); position: absolute; } .before\:\[\&\>div\:nth-of-type\(4n\+3\)\]\:-inset-px>div:nth-of-type(4n+3)::before{ content: var(--tw-content); inset: -1px; } .before\:\[\&\>div\:nth-of-type\(4n\+3\)\]\:-z-10>div:nth-of-type(4n+3)::before{ content: var(--tw-content); z-index: -10; } .before\:\[\&\>div\:nth-of-type\(4n\+3\)\]\:rounded-\[inherit\]>div:nth-of-type(4n+3)::before{ content: var(--tw-content); border-radius: inherit; } .before\:\[\&\>div\:nth-of-type\(4n\+3\)\]\:border-x-2>div:nth-of-type(4n+3)::before{ content: var(--tw-content); border-left-width: 2px; border-right-width: 2px; } .before\:\[\&\>div\:nth-of-type\(4n\+3\)\]\:border-purple-500>div:nth-of-type(4n+3)::before{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(168 85 247 / var(--tw-border-opacity)); } @media not all and (min-width: 768px){ .max-md\:\[\&\>div\:nth-of-type\(4n\+3\)\]\:order-2>div:nth-of-type(4n+3){ order: 2; } .max-md\:\[\&\>div\:nth-of-type\(4n\+4\)\]\:order-3>div:nth-of-type(4n+4){ order: 3; } .max-md\:\[\&\>div\:nth-of-type\(4n\+5\)\]\:hidden>div:nth-of-type(4n+5){ display: none; } @media (min-width: 768px){ .max-md\:md\:\[\&\>div\:nth-of-type\(n\)\]\:mb-0>div:nth-of-type(n){ margin-bottom: 0px; } } } .\[\&\>div\]\:bg-slate-700\/20>div{ background-color: rgb(51 65 85 / 0.2); } .\[\&_\*\:nth-child\(10\)\:not\(\:nth-child\(n\+10\)\)\]\:order-2 *:nth-child(10):not(:nth-child(n+10)){ order: 2; } .\[\&_\*\:nth-child\(10\)\:not\(\:nth-child\(n\+11\)\)\]\:order-2 *:nth-child(10):not(:nth-child(n+11)){ order: 2; } .\[\&_\*\:nth-child\(10\)\]\:order-2 *:nth-child(10){ order: 2; } .\[\&_\*\:nth-child\(n\+10\)\:not\(\:nth-child\(n\+11\)\)\]\:order-2 *:nth-child(n+10):not(:nth-child(n+11)){ order: 2; } .\[\&_\*\:nth-child\(n\+10\)\:not\(\:nth-child\(n\+11\)\)\]\:\!order-2 *:nth-child(n+10):not(:nth-child(n+11)){ order: 2 !important; } .\[\&_\*\:nth-child\(n\+11\)\]\:order-2 *:nth-child(n+11){ order: 2; } .\[\&_\*\:nth-child\(n\+12\)\]\:order-2 *:nth-child(n+12){ order: 2; } .\[\&_\*\:nth-child\(n\+5\)\:not\(\:nth-child\(n\+11\)\)\]\:order-1 *:nth-child(n+5):not(:nth-child(n+11)){ order: 1; } .\[\&_\*\:nth-child\(n\+5\)\:not\(\:nth-child\(n\+12\)\)\]\:order-1 *:nth-child(n+5):not(:nth-child(n+12)){ order: 1; } .\[\&_div\:nth-child\(n\+10\)\:not\(\:nth-child\(n\+11\)\)\]\:order-2 div:nth-child(n+10):not(:nth-child(n+11)){ order: 2; } .\[\&_div\:nth-child\(n\+10\)\:not\(\:nth-child\(n\+11\)\)\]\:\!order-2 div:nth-child(n+10):not(:nth-child(n+11)){ order: 2 !important; } /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's * vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any other CSS * files in this directory. Styles in this file should be added after the last require_* statement. * It is generally better to create a new file per style scope. * */ *= require_tree . *= require_self */ *= require style @import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities"; .markdown-content h1 { font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; } .markdown-content h2 { font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; } .markdown-content h3 { font-size: 1.17em; margin-top: 1em; margin-bottom: 1em; } .markdown-content h4 { font-size: 1em; margin-top: 1.33em; margin-bottom: 1.33em; } .markdown-content h5 { font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em; } .markdown-content h6 { font-size: .67em; margin-top: 2.33em; margin-bottom: 2.33em; } .markdown-content p { margin-top: 1em; margin-bottom: 1em; } .markdown-content ul, .markdown-content ol { padding-left: 2em; } .markdown-content blockquote { border-left: 4px solid #ccc; padding-left: 1em; color: #666; } .markdown-content pre { background-color: #f4f4f4; padding: 1em; overflow-x: auto; } .markdown-content code { background-color: #f4f4f4; padding: 0.2em 0.4em; } .prose { font-family: Georgia, 'Times New Roman', serif; color: #333; } .prose p { margin-bottom: 1.5em; } /* Legacy/Markdown content styles updated for consistency */ /* Example markdown styles */ .article-content h1, .article-content h2 { margin-bottom: 1rem; line-height: 1.3; } /* Remove redundant or conflicting styles that Tailwind now covers */