@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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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:rgb(0 0 0 / .15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgb(0 0 0 / .5),#fff0)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgb(0 0 0 / .5),#fff0)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgb(0 0 0 / .5),#fff0)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgb(0 0 0 / .5),#fff0)}.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:#fff0}.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-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:var(--swiper-navigation-top-offset,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 svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.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:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.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:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);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:var(--swiper-pagination-bullet-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-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-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgb(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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgb(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:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgb(0 0 0 / .5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.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{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.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-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgb(255 0 0 / .34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(#fff0),to(rgb(0 0 0 / .75)));background:linear-gradient(to bottom,#fff0 0,rgb(0 0 0 / .75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:#fff0;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgb(0 0 0 / .75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgb(0 0 0 / .92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgb(0 0 0 / .65);box-shadow:1px 2px 9px 0 rgb(0 0 0 / .65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgb(0 0 0 / .32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgb(0 0 0 / .7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}@font-face{font-display:swap;font-family:"DM Sans";font-style:normal;font-weight:400;src:url(/resources/themes/bimmerle/webfonts/dm-sans-v17-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"DM Sans";font-style:normal;font-weight:700;src:url(/resources/themes/bimmerle/webfonts/dm-sans-v17-latin-700.woff2) format("woff2")}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-800:oklch(44.4% 0.177 26.899);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-800:oklch(44.8% 0.119 151.328);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-800:oklch(42.4% 0.199 265.638);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-950:oklch(13% 0.028 261.692);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-lg:32rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:0.75rem;--text-xs--line-height:1rem;--text-sm:0.875rem;--text-sm--line-height:1.25rem;--text-base:1rem;--text-base--line-height:1.625rem;--text-lg:1.125rem;--text-lg--line-height:1.625rem;--text-xl:1.25rem;--text-xl--line-height:1.75rem;--text-2xl:1.375rem;--text-2xl--line-height:1.875rem;--text-3xl:1.875rem;--text-3xl--line-height:2.5rem;--text-4xl:2.5rem;--text-4xl--line-height:3.125rem;--text-5xl:3.125rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:0.5rem;--radius-sm:0.625rem;--radius-md:1.25rem;--radius-lg:2.5rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--clr-primary, #132D12);--color-primary-dark:var(--color-primary);@supports (color:color-mix(in lab,red,red)){--color-primary-dark:color-mix(in srgb, var(--color-primary), black 25%)}--color-secondary:var(--clr-secondary, #C8F8B5);--color-grey-dark:var(--clr-grey-dark, #707070);--radius-xxs:0.25rem;--text-h1:clamp(2.5rem, 8vw, 5.625rem);--text-h2:clamp(2rem, 6vw, 4.375rem);--text-h3:clamp(1.75rem, 5vw, 3.75rem);--text-h4:clamp(1.5rem, 4vw, 2.5rem);--text-h5:clamp(1.25rem, 3vw, 1.875rem);--text-h6:clamp(1rem, 2vw, 1.25rem)}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:#fff0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:#fff0;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-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-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden="until-found"])){display:none!important}}@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.\!static{position:static!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:calc(1/2 * 100%)}.top-15{top:calc(var(--spacing) * 15)}.top-20{top:calc(var(--spacing) * 20)}.top-30{top:calc(var(--spacing) * 30)}.top-40{top:calc(var(--spacing) * 40)}.top-\[10\%\]{top:10%}.top-full{top:100%}.-right-7{right:calc(var(--spacing) * -7)}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-\[-1px\]{bottom:-1px}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:calc(1/2 * 100%)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-200{z-index:200}.z-\[-1\]{z-index:-1}.z-\[5\]{z-index:5}.z-\[6\]{z-index:6}.z-\[10\]{z-index:10}.z-\[15\]{z-index:15}.z-\[20\]{z-index:20}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-span-4{grid-row:span 4 / span 4}.row-start-1{grid-row-start:1}.container{width:100%;@media (width>=40rem){max-width:40rem}@media (width>=48rem){max-width:48rem}@media (width>=64rem){max-width:64rem}@media (width>=80rem){max-width:80rem}@media (width>=96rem){max-width:96rem}}.-m-2\.5{margin:calc(var(--spacing) * -2.5)}.m-0{margin:calc(var(--spacing) * 0)}.m-auto{margin:auto}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.mx-auto{margin-inline:auto}.-my-6{margin-block:calc(var(--spacing) * -6)}.\!me-0{margin-inline-end:calc(var(--spacing) * 0)!important}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-4{margin-inline-end:calc(var(--spacing) * 4)}.-mt-25{margin-top:calc(var(--spacing) * -25)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-7\.5{margin-top:calc(var(--spacing) * 7.5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-15{margin-top:calc(var(--spacing) * 15)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-auto{margin-top:auto}.\!mb-0{margin-bottom:calc(var(--spacing) * 0)!important}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-15{margin-bottom:calc(var(--spacing) * 15)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.btn-arrow-circle{display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 6);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;.circle{display:flex;height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-white);color:var(--color-primary);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;@media (width>=64rem){height:calc(var(--spacing) * 11.5)}@media (width>=64rem){width:calc(var(--spacing) * 11.5)}svg{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;@media (width>=64rem){height:calc(var(--spacing) * 6)}@media (width>=64rem){width:calc(var(--spacing) * 6)}transform:rotate(var(--arrow-rotation,0deg))}}.btn-arrow-circle-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;@media (width>=64rem){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}@media (width>=80rem){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}&:hover{.circle{background-color:var(--color-secondary);color:var(--color-white)}.btn-arrow-circle-title{color:var(--color-secondary)}}&.arrow-up{--arrow-rotation:-90deg !important}&.arrow-down{--arrow-rotation:90deg !important}&.arrow-left{--arrow-rotation:180deg !important}&.arrow-right{--arrow-rotation:0deg !important}}.logo-svg-container{& svg{height:100%!important;width:auto!important;display:block}}.btn-outline{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;border-radius:calc(infinity * 1px);--tw-border-style:none;border-style:none;line-height:1;background-color:#fff0;color:var(--color-white);outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:-2px;outline-color:var(--color-white);--tw-outline-style:solid;outline-style:solid;&:hover{background-color:var(--color-grey-dark);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-grey-dark),black 20%)}background-color:var(--color-white);color:var(--color-primary)}&.secondary-hover:hover{background-color:var(--color-secondary);color:var(--color-white);outline-color:var(--color-secondary)}}.btn-primary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;border-radius:calc(infinity * 1px);--tw-border-style:none;border-style:none;line-height:1;background-color:var(--color-primary);color:var(--color-white);&:hover{background-color:var(--color-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-primary),black 10%)}color:var(--color-white)}}.btn-secondary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;border-radius:calc(infinity * 1px);--tw-border-style:none;border-style:none;line-height:1;background-color:var(--color-secondary);color:var(--color-white);&:hover{background-color:var(--color-secondary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in srgb,var(--color-secondary),black 10%)}color:var(--color-white)}}.btn-softed{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;border-radius:calc(infinity * 1px);--tw-border-style:none;border-style:none;line-height:1;background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}color:var(--color-white);&:hover{background-color:var(--color-white);color:var(--color-primary)}}.btn-white{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;border-radius:calc(infinity * 1px);--tw-border-style:none;border-style:none;line-height:1;background-color:var(--color-white);color:var(--color-primary);&:hover{background-color:color-mix(in srgb,white,black 10%);color:var(--color-primary)}}.btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;border-radius:calc(infinity * 1px);--tw-border-style:none;border-style:none;line-height:1}.pill-softed{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));text-transform:uppercase;@media (width>=64rem){padding-inline:calc(var(--spacing) * 3.5)}@media (width>=64rem){padding-block:calc(var(--spacing) * 2.5)}@media (width>=64rem){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}line-height:1;background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}color:var(--color-white);&:hover{background-color:var(--color-secondary);color:var(--color-white)}}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-3\/2{aspect-ratio:3/2}.aspect-3\/5{aspect-ratio:3/5}.aspect-9\/5{aspect-ratio:9/5}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[310\/414\]{aspect-ratio:310/414}.aspect-square{aspect-ratio:1 / 1}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.\!h-8{height:calc(var(--spacing) * 8)!important}.\!h-auto{height:auto!important}.h-0\.5{height:calc(var(--spacing) * 0.5)}.h-0\.25{height:calc(var(--spacing) * 0.25)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[20\%\]{height:20%}.h-\[23px\]{height:23px}.h-\[30px\]{height:30px}.h-\[800px\]{height:800px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.max-h-full{max-height:100%}.min-h-130{min-height:calc(var(--spacing) * 130)}.min-h-\[40vh\]{min-height:40vh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[250px\]{min-height:250px}.min-h-\[600px\]{min-height:600px}.min-h-\[calc\(100svh-\(var\(--spacing\)\*25\)\)\]{min-height:calc(100svh - (var(--spacing) * 25))}.min-h-\[inherit\]{min-height:inherit}.min-h-screen{min-height:100vh}.custom-scrollbar{&::-webkit-scrollbar{width:26px}&::-webkit-scrollbar-track{border-radius:calc(infinity * 1px);background-color:var(--color-primary);background-clip:content-box;border:10px solid #fff0}&::-webkit-scrollbar-thumb{border-radius:calc(infinity * 1px);background-color:var(--color-secondary);background-clip:content-box;border:10px solid #fff0;&:hover{background-color:var(--color-secondary)}}}.\!w-8{width:calc(var(--spacing) * 8)!important}.\!w-full{width:100%!important}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-15{width:calc(var(--spacing) * 15)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-\[17px\]{width:17px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[60px\]{max-width:60px}.max-w-\[80px\]{max-width:80px}.max-w-\[100px\]{max-width:100px}.max-w-\[108px\]{max-width:108px}.max-w-\[160px\]{max-width:160px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-\[100px\]{min-width:100px}.min-w-\[200\%\]{min-width:200%}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-bottom{transform-origin:bottom}.origin-left{transform-origin:0}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/5{--tw-translate-y:calc(calc(1/5 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/4{--tw-translate-y:calc(1/4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/8{--tw-translate-y:calc(1/8 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-80{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-120{--tw-scale-x:120%;--tw-scale-y:120%;--tw-scale-z:120%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.hover-bounce{will-change:transform;&:hover,.group:hover &{animation:product-clean-jump 1.1s cubic-bezier(.25,1,.7,1)}}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-10{scroll-margin-top:calc(var(--spacing) * 10)}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-\[subgrid\]{grid-template-rows:subgrid}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5\.5{gap:calc(var(--spacing) * 5.5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-12{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-15{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse)))}}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}}.divide-white\/10{:where(&>:not(:last-child)){border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}.self-center{align-self:center}.justify-self-center{justify-self:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!overflow-visible{overflow:visible!important}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[13px\]{border-radius:13px}.rounded-\[100\%\]{border-radius:100%}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-xxs{border-radius:var(--radius-xxs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-transparent{border-color:#fff0}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/12{border-color:color-mix(in srgb,#fff 12%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.border-white\/15{border-color:color-mix(in srgb,#fff 15%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-\(--clr-primary\){background-color:var(--clr-primary)}.bg-\(--clr-primary\)\/10{background-color:var(--clr-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--clr-primary) 10%,transparent)}}.bg-\(--color-primary-dark\){background-color:var(--color-primary-dark)}.bg-\(--color-primary-dark\)\/50{background-color:color-mix(in srgb,color-mix(in srgb,var(--color-primary),black 25%) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary-dark) 50%,transparent)}}.bg-black\/20{background-color:color-mix(in srgb,#000 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-black\/40{background-color:color-mix(in srgb,#000 40%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/55{background-color:color-mix(in srgb,#000 55%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-primary{background-color:var(--color-primary)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-800{background-color:var(--color-red-800)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary\/80{background-color:var(--color-secondary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.bg-transparent{background-color:#fff0}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:color-mix(in srgb,#fff 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/90{background-color:color-mix(in srgb,#fff 90%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:color-mix(in srgb, #000 60%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-black) 60%, transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/80{--tw-gradient-from:color-mix(in srgb, #000 80%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-black) 80%, transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/85{--tw-gradient-from:color-mix(in srgb, #000 85%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-black) 85%, transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/55{--tw-gradient-via:color-mix(in srgb, #000 55%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-black) 55%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentcolor}.stroke-primary{stroke:var(--color-primary)}.stroke-white{stroke:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7\.5{padding:calc(var(--spacing) * 7.5)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.btn-lg{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-transform:uppercase;@media (width>=64rem){padding-block:calc(var(--spacing) * 2.5)}@media (width>=64rem){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}@media (width>=80rem){padding-inline:calc(var(--spacing) * 6.25)}@media (width>=80rem){padding-block:calc(var(--spacing) * 2.5)}@media (width>=80rem){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}@media (width>=96rem){padding-block:calc(var(--spacing) * 3.5)}@media (width>=96rem){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.btn-base{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-transform:uppercase;@media (width>=64rem){padding-block:calc(var(--spacing) * 2.75)}@media (width>=64rem){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}@media (width>=80rem){padding-inline:calc(var(--spacing) * 6.25)}@media (width>=80rem){padding-block:calc(var(--spacing) * 2.25)}@media (width>=80rem){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.btn-md{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-transform:uppercase;@media (width>=64rem){padding-block:calc(var(--spacing) * 2.25)}@media (width>=64rem){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}@media (width>=80rem){padding-inline:calc(var(--spacing) * 6)}@media (width>=80rem){padding-block:calc(var(--spacing) * 2)}@media (width>=80rem){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.btn-sm{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));text-transform:uppercase;@media (width>=64rem){padding-block:calc(var(--spacing) * 2)}@media (width>=64rem){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * 0.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-4\.5{padding-block:calc(var(--spacing) * 4.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.ps-0{padding-inline-start:calc(var(--spacing) * 0)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.space-top{padding-top:calc(var(--spacing) * 15);@media (width>=64rem){padding-top:calc(var(--spacing) * 35)}}.space-top-big{padding-top:calc(var(--spacing) * 15);@media (width>=64rem){padding-top:calc(var(--spacing) * 45)}}.space-top-medium{padding-top:calc(var(--spacing) * 10);@media (width>=64rem){padding-top:calc(var(--spacing) * 15)}}.space-top-small{padding-top:calc(var(--spacing) * 4);@media (width>=64rem){padding-top:calc(var(--spacing) * 6)}}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-15{padding-top:calc(var(--spacing) * 15)}.pt-25{padding-top:calc(var(--spacing) * 25)}.pt-\[calc\(5rem\+20px\)\]{padding-top:calc(5rem + 20px)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.space-bottom{padding-bottom:calc(var(--spacing) * 15);@media (width>=64rem){padding-bottom:calc(var(--spacing) * 35)}}.space-bottom-big{padding-bottom:calc(var(--spacing) * 15);@media (width>=64rem){padding-bottom:calc(var(--spacing) * 45)}}.space-bottom-medium{padding-bottom:calc(var(--spacing) * 10);@media (width>=64rem){padding-bottom:calc(var(--spacing) * 15)}}.space-bottom-small{padding-bottom:calc(var(--spacing) * 4);@media (width>=64rem){padding-bottom:calc(var(--spacing) * 6)}}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-15{padding-bottom:calc(var(--spacing) * 15)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-\[var\(--cut\)\]{padding-bottom:var(--cut)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\/4{font-size:var(--text-base);line-height:calc(var(--spacing) * 4)}.text-base\/6{font-size:var(--text-base);line-height:calc(var(--spacing) * 6)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/4\.5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 4.5)}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/4{font-size:var(--text-xs);line-height:calc(var(--spacing) * 4)}.text-\[0\.75rem\]{font-size:.75rem}.text-\[10px\]{font-size:10px}.text-h1{font-size:var(--text-h1)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-\[0\.9\]{--tw-leading:0.9;line-height:.9}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:0.1em;letter-spacing:.1em}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-\(--clr-primary\){color:var(--clr-primary)}.text-blue-800{color:var(--color-blue-800)}.text-gray-200{color:var(--color-gray-200)}.text-green-800{color:var(--color-green-800)}.text-inherit{color:inherit}.text-primary{color:var(--color-primary)}.text-red-800{color:var(--color-red-800)}.text-secondary{color:var(--color-secondary)}.text-white{color:var(--color-white)}.text-white\/50{color:color-mix(in srgb,#fff 50%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/60{color:color-mix(in srgb,#fff 60%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/75{color:color-mix(in srgb,#fff 75%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.text-white\/80{color:color-mix(in srgb,#fff 80%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.opacity-0{opacity:0%}.opacity-20{opacity:20%}.opacity-30{opacity:30%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.opacity-80{opacity:80%}.opacity-100{opacity:100%}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-transparent{outline-color:#fff0}.outline-white{outline-color:var(--color-white)}.blur-lg{--tw-blur:blur(var(--blur-lg));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(var(--blur-md));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,)}.brightness-0{--tw-brightness:brightness(0%);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,)}.backdrop-blur-\[24px\]{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[30px\]{--tw-backdrop-blur:blur(30px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:200ms;transition-duration:200ms}.duration-300{--tw-duration:300ms;transition-duration:300ms}.duration-500{--tw-duration:500ms;transition-duration:500ms}.duration-5000{--tw-duration:5000ms;transition-duration:5000ms}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-solid{--tw-outline-style:solid;outline-style:solid}.select-none{-webkit-user-select:none;user-select:none}.\*\:text-white{:is(&>*){color:var(--color-white)}}.group-open\:rotate-180{&:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}}.group-open\/accordion\:rotate-180{&:is(:where(.group\/accordion):is([open],:popover-open,:open) *){rotate:180deg}}.group-hover\:scale-105{&:is(:where(.group):hover *){@media (hover:hover){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-hover\:text-\(--clr-secondary\){&:is(:where(.group):hover *){@media (hover:hover){color:var(--clr-secondary)}}}.group-hover\:text-primary{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-primary)}}}.group-hover\:invert-0{&:is(:where(.group):hover *){@media (hover:hover){--tw-invert:invert(0%);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,)}}}.group-hover\/brands\:opacity-30{&:is(:where(.group\/brands):hover *){@media (hover:hover){opacity:30%}}}.group-hover\/faqlist\:opacity-30{&:is(:where(.group\/faqlist):hover *){@media (hover:hover){opacity:30%}}}.group-hover\/socials\:opacity-30{&:is(:where(.group\/socials):hover *){@media (hover:hover){opacity:30%}}}.group-has-checked\:opacity-100{&:is(:where(.group):has(*:checked) *){opacity:100%}}.group-has-indeterminate\:opacity-100{&:is(:where(.group):has(*:indeterminate) *){opacity:100%}}.group-has-disabled\:stroke-gray-950\/25{&:is(:where(.group):has(*:disabled) *){stroke:color-mix(in srgb,oklch(13% .028 261.692) 25%,transparent);@supports (color:color-mix(in lab,red,red)){stroke:color-mix(in oklab,var(--color-gray-950) 25%,transparent)}}}.group-has-\[details\[open\]\]\/faqlist\:opacity-30{&:is(:where(.group\/faqlist):has(*:is(details[open])) *){opacity:30%}}.group-aria-expanded\:rotate-180{&:is(:where(.group)[aria-expanded="true"] *){rotate:180deg}}.group-\[\.active\]\:rotate-180{&:is(:where(.group):is(.active) *){rotate:180deg}}.group-\[\.is-checked\]\:scale-x-100{&:is(:where(.group):is(.is-checked) *){--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-\[\.is-checked\]\:border-secondary{&:is(:where(.group):is(.is-checked) *){border-color:var(--color-secondary)}}.group-\[\.is-checked\]\:bg-secondary{&:is(:where(.group):is(.is-checked) *){background-color:var(--color-secondary)}}.group-\[\.is-checked\]\:opacity-75{&:is(:where(.group):is(.is-checked) *){opacity:75%}}.group-\[\.is-checked\]\:opacity-100{&:is(:where(.group):is(.is-checked) *){opacity:100%}}.group-\[\.swiper-slide-active\]\:scale-80{&:is(:where(.group):is(.swiper-slide-active) *){--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-\[\.swiper-slide-thumb-active\]\:text-white{&:is(:where(.group):is(.swiper-slide-thumb-active) *){color:var(--color-white)}}.group-\[\.swiper-slide\:not\(\.is-active\)\]\:hover-bounce{&:is(:where(.group):is(.swiper-slide:not(.is-active)) *){will-change:transform;&:hover,.group:hover &{animation:product-clean-jump 1.1s cubic-bezier(.25,1,.7,1)}}}.backdrop\:bg-\(--clr-primary\)\/90{&::backdrop{background-color:var(--clr-primary);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--clr-primary) 90%,transparent)}}}.before\:absolute{&::before{content:var(--tw-content);position:absolute}}.before\:top-2{&::before{content:var(--tw-content);top:calc(var(--spacing) * 2)}}.before\:left-1\/2{&::before{content:var(--tw-content);left:calc(1/2 * 100%)}}.before\:h-1\.25{&::before{content:var(--tw-content);height:calc(var(--spacing) * 1.25)}}.before\:w-0\.75{&::before{content:var(--tw-content);width:calc(var(--spacing) * 0.75)}}.before\:-translate-x-1\/2{&::before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.before\:animate-\[mouse-scroll_2s_infinite\]{&::before{content:var(--tw-content);animation:mouse-scroll 2s infinite}}.before\:rounded-full{&::before{content:var(--tw-content);border-radius:calc(infinity * 1px)}}.before\:bg-white{&::before{content:var(--tw-content);background-color:var(--color-white)}}.before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:\!text-xl {
    &::after {
      content: var(--tw-content);
      font-size: var(--text-xl) !important;
      line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .open\:\!opacity-100 {
    &:is([open], :popover-open, :open) {
      opacity: 100% !important;
    }
  }
  .hover\:border-white {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-white);
      }
    }
  }
  .hover\:\!bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent !important;
      }
    }
  }
  .hover\:bg-\(--clr-primary\) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--clr-primary);
      }
    }
  }
  .hover\:bg-black\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:from-\(--clr-primary\) {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--clr-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-\(--clr-primary\) {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--clr-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:text-\(--clr-secondary\) {
    &:hover {
      @media (hover: hover) {
        color: var(--clr-secondary);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:\!opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100% !important;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:outline-\(--clr-primary\) {
    &:hover {
      @media (hover: hover) {
        outline-color: var(--clr-primary);
      }
    }
  }
  .focus\:\!bg-transparent {
    &:focus {
      background-color: transparent !important;
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:rounded-xs {
    &:focus-visible {
      border-radius: var(--radius-xs);
    }
  }
  .focus-visible\:outline-white {
    &:focus-visible {
      outline-color: var(--color-white);
    }
  }
  .active\:\!bg-transparent {
    &:active {
      background-color: transparent !important;
    }
  }
  .has-\[details\[open\]\]\:bg-white\/5 {
    &:has(*:is(details[open])) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .sm\:h-20 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  .sm\:max-h-\[540px\] {
    @media (width >= 40rem) {
      max-height: 540px;
    }
  }
  .sm\:-translate-y-1\/3 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(calc(1/3 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:text-\[4rem\] {
    @media (width >= 40rem) {
      font-size: 4rem;
    }
  }
  .md\:-top-3 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -3);
    }
  }
  .md\:top-40 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 40);
    }
  }
  .md\:-right-10 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * -10);
    }
  }
  .md\:right-7\.5 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 7.5);
    }
  }
  .md\:bottom-7\.5 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 7.5);
    }
  }
  .md\:left-7\.5 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 7.5);
    }
  }
  .md\:col-span-1 {
    @media (width >= 48rem) {
      grid-column: span 1 / span 1;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-8 {
    @media (width >= 48rem) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:col-span-9 {
    @media (width >= 48rem) {
      grid-column: span 9 / span 9;
    }
  }
  .md\:col-span-10 {
    @media (width >= 48rem) {
      grid-column: span 10 / span 10;
    }
  }
  .md\:col-span-11 {
    @media (width >= 48rem) {
      grid-column: span 11 / span 11;
    }
  }
  .md\:col-span-12 {
    @media (width >= 48rem) {
      grid-column: span 12 / span 12;
    }
  }
  .md\:col-start-1 {
    @media (width >= 48rem) {
      grid-column-start: 1;
    }
  }
  .md\:col-start-2 {
    @media (width >= 48rem) {
      grid-column-start: 2;
    }
  }
  .md\:col-start-3 {
    @media (width >= 48rem) {
      grid-column-start: 3;
    }
  }
  .md\:col-start-4 {
    @media (width >= 48rem) {
      grid-column-start: 4;
    }
  }
  .md\:col-start-5 {
    @media (width >= 48rem) {
      grid-column-start: 5;
    }
  }
  .md\:col-start-6 {
    @media (width >= 48rem) {
      grid-column-start: 6;
    }
  }
  .md\:col-start-7 {
    @media (width >= 48rem) {
      grid-column-start: 7;
    }
  }
  .md\:col-start-8 {
    @media (width >= 48rem) {
      grid-column-start: 8;
    }
  }
  .md\:col-start-9 {
    @media (width >= 48rem) {
      grid-column-start: 9;
    }
  }
  .md\:col-start-10 {
    @media (width >= 48rem) {
      grid-column-start: 10;
    }
  }
  .md\:col-start-11 {
    @media (width >= 48rem) {
      grid-column-start: 11;
    }
  }
  .md\:col-start-12 {
    @media (width >= 48rem) {
      grid-column-start: 12;
    }
  }
  .md\:mb-3 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:mb-15 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:aspect-\[16\/9\] {
    @media (width >= 48rem) {
      aspect-ratio: 16/9;
    }
  }
  .md\:aspect-square {
    @media (width >= 48rem) {
      aspect-ratio: 1 / 1;
    }
  }
  .md\:size-6 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-4\.5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 4.5);
    }
  }
  .md\:h-5\.5 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 5.5);
    }
  }
  .md\:h-28 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 28);
    }
  }
  .md\:h-30 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 30);
    }
  }
  .md\:max-h-\[400px\] {
    @media (width >= 48rem) {
      max-height: 400px;
    }
  }
  .md\:max-h-\[680px\] {
    @media (width >= 48rem) {
      max-height: 680px;
    }
  }
  .md\:min-h-\[50vh\] {
    @media (width >= 48rem) {
      min-height: 50vh;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 48rem) {
      width: calc(1/2 * 100%);
    }
  }
  .md\:w-4\.5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 4.5);
    }
  }
  .md\:w-20 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .md\:w-30 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 30);
    }
  }
  .md\:w-32 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .md\:w-50 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 50);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:min-w-\[240px\] {
    @media (width >= 48rem) {
      min-width: 240px;
    }
  }
  .md\:flex-\[0\.5\] {
    @media (width >= 48rem) {
      flex: 0.5;
    }
  }
  .md\:flex-none {
    @media (width >= 48rem) {
      flex: none;
    }
  }
  .md\:cursor-default {
    @media (width >= 48rem) {
      cursor: default;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:space-y-8 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-20 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:gap-x-6 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-y-8 {
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  .md\:p-3 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:px-15 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .md\:py-8 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .md\:py-15 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-4xl {
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:text-\[6rem\] {
    @media (width >= 48rem) {
      font-size: 6rem;
    }
  }
  .md\:leading-4\.5 {
    @media (width >= 48rem) {
      --tw-leading: calc(var(--spacing) * 4.5);
      line-height: calc(var(--spacing) * 4.5);
    }
  }
  .lg\:-top-4 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * -4);
    }
  }
  .lg\:top-45 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 45);
    }
  }
  .lg\:-bottom-2 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * -2);
    }
  }
  .lg\:z-10 {
    @media (width >= 64rem) {
      z-index: 10;
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:order-3 {
    @media (width >= 64rem) {
      order: 3;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-9 {
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:col-span-10 {
    @media (width >= 64rem) {
      grid-column: span 10 / span 10;
    }
  }
  .lg\:col-span-11 {
    @media (width >= 64rem) {
      grid-column: span 11 / span 11;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .lg\:col-start-3 {
    @media (width >= 64rem) {
      grid-column-start: 3;
    }
  }
  .lg\:col-start-4 {
    @media (width >= 64rem) {
      grid-column-start: 4;
    }
  }
  .lg\:col-start-5 {
    @media (width >= 64rem) {
      grid-column-start: 5;
    }
  }
  .lg\:col-start-6 {
    @media (width >= 64rem) {
      grid-column-start: 6;
    }
  }
  .lg\:col-start-7 {
    @media (width >= 64rem) {
      grid-column-start: 7;
    }
  }
  .lg\:col-start-8 {
    @media (width >= 64rem) {
      grid-column-start: 8;
    }
  }
  .lg\:col-start-9 {
    @media (width >= 64rem) {
      grid-column-start: 9;
    }
  }
  .lg\:col-start-10 {
    @media (width >= 64rem) {
      grid-column-start: 10;
    }
  }
  .lg\:col-start-11 {
    @media (width >= 64rem) {
      grid-column-start: 11;
    }
  }
  .lg\:col-start-12 {
    @media (width >= 64rem) {
      grid-column-start: 12;
    }
  }
  .lg\:me-5 {
    @media (width >= 64rem) {
      margin-inline-end: calc(var(--spacing) * 5);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-2\.5 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 2.5);
    }
  }
  .lg\:mt-4 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  .lg\:mt-5 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .lg\:mt-6 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .lg\:mt-7\.5 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 7.5);
    }
  }
  .lg\:mt-8 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:mt-10 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:mt-15 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .lg\:mt-30 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 30);
    }
  }
  .lg\:mb-0 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:mb-3 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .lg\:mb-4 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:mb-5 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .lg\:mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-7 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }
  .lg\:mb-8 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-10 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:mb-12 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:mb-12\.5 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 12.5);
    }
  }
  .lg\:mb-15 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .lg\:mb-20 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:ml-6 {
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 6);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:aspect-2\/1 {
    @media (width >= 64rem) {
      aspect-ratio: 2/1;
    }
  }
  .lg\:aspect-\[3\/2\] {
    @media (width >= 64rem) {
      aspect-ratio: 3/2;
    }
  }
  .lg\:aspect-\[3\/4\] {
    @media (width >= 64rem) {
      aspect-ratio: 3/4;
    }
  }
  .lg\:aspect-\[16\/9\] {
    @media (width >= 64rem) {
      aspect-ratio: 16/9;
    }
  }
  .lg\:aspect-square {
    @media (width >= 64rem) {
      aspect-ratio: 1 / 1;
    }
  }
  .lg\:aspect-video {
    @media (width >= 64rem) {
      aspect-ratio: var(--aspect-video);
    }
  }
  .lg\:size-7 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }
  .lg\:\!h-10 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 10) !important;
    }
  }
  .lg\:h-5 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 5);
    }
  }
  .lg\:h-7\.5 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 7.5);
    }
  }
  .lg\:h-9 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 9);
    }
  }
  .lg\:h-11\.5 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 11.5);
    }
  }
  .lg\:h-12 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 12);
    }
  }
  .lg\:h-14 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .lg\:h-16 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .lg\:h-36 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 36);
    }
  }
  .lg\:h-50 {
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 50);
    }
  }
  .lg\:h-full {
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .lg\:max-h-\[65vh\] {
    @media (width >= 64rem) {
      max-height: 65vh;
    }
  }
  .lg\:max-h-\[400px\] {
    @media (width >= 64rem) {
      max-height: 400px;
    }
  }
  .lg\:max-h-\[500px\] {
    @media (width >= 64rem) {
      max-height: 500px;
    }
  }
  .lg\:max-h-\[800px\] {
    @media (width >= 64rem) {
      max-height: 800px;
    }
  }
  .lg\:min-h-\[70vh\] {
    @media (width >= 64rem) {
      min-height: 70vh;
    }
  }
  .lg\:\!w-10 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 10) !important;
    }
  }
  .lg\:w-1\/3 {
    @media (width >= 64rem) {
      width: calc(1/3 * 100%);
    }
  }
  .lg\:w-5 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 5);
    }
  }
  .lg\:w-9 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 9);
    }
  }
  .lg\:w-11\.5 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 11.5);
    }
  }
  .lg\:w-12 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 12);
    }
  }
  .lg\:w-14 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .lg\:w-16 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .lg\:w-20 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 20);
    }
  }
  .lg\:w-22 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 22);
    }
  }
  .lg\:w-25 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 25);
    }
  }
  .lg\:w-40 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .lg\:w-48 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .lg\:w-50 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 50);
    }
  }
  .lg\:w-60 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 60);
    }
  }
  .lg\:w-80 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .lg\:w-\[23\%\] {
    @media (width >= 64rem) {
      width: 23%;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:min-w-full {
    @media (width >= 64rem) {
      min-width: 100%;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-center {
    @media (width >= 64rem) {
      justify-content: center;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:gap-3 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:space-y-6 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-10 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-12 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-20 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-25 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 25) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 25) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:gap-x-6 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-y-10 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-y-12 {
    @media (width >= 64rem) {
      row-gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:rounded-md {
    @media (width >= 64rem) {
      border-radius: var(--radius-md);
    }
  }
  .lg\:border-none {
    @media (width >= 64rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .lg\:p-5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-10 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .lg\:p-12\.5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12.5);
    }
  }
  .lg\:p-15 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 15);
    }
  }
  .lg\:p-20 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:px-12 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-0 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:py-3 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-7 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .lg\:py-10 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-12\.5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 12.5);
    }
  }
  .lg\:py-15 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .lg\:py-20 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .lg\:pe-10 {
    @media (width >= 64rem) {
      padding-inline-end: calc(var(--spacing) * 10);
    }
  }
  .lg\:pt-14 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .lg\:pt-25 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 25);
    }
  }
  .lg\:pt-30 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 30);
    }
  }
  .lg\:pt-35 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 35);
    }
  }
  .lg\:pt-\[calc\(5rem\+40px\)\] {
    @media (width >= 64rem) {
      padding-top: calc(5rem + 40px);
    }
  }
  .lg\:pb-0 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-10 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:pb-14 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:pb-20 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .lg\:text-start {
    @media (width >= 64rem) {
      text-align: start;
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lg\:text-base {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:text-\[8rem\] {
    @media (width >= 64rem) {
      font-size: 8rem;
    }
  }
  .lg\:leading-6 {
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
  .lg\:font-bold {
    @media (width >= 64rem) {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  .lg\:uppercase {
    @media (width >= 64rem) {
      text-transform: uppercase;
    }
  }
  .group-\[\:not\(\.is-single\)\]\:lg\:col-span-6 {
    &:is(:where(.group):is(:not(.is-single)) *) {
      @media (width >= 64rem) {
        grid-column: span 6 / span 6;
      }
    }
  }
  .group-\[\.swiper-slide-active\]\:group-\[\:not\(\.is-single\)\]\:lg\:col-span-6 {
    &:is(:where(.group):is(.swiper-slide-active) *) {
      &:is(:where(.group):is(:not(.is-single)) *) {
        @media (width >= 64rem) {
          grid-column: span 6 / span 6;
        }
      }
    }
  }
  .lg\:after\:\!text-2xl {
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        font-size: var(--text-2xl) !important;
        line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
      }
    }
  }
  .lg\:hover\:text-\(--clr-secondary\) {
    @media (width >= 64rem) {
      &:hover {
        @media (hover: hover) {
          color: var(--clr-secondary);
        }
      }
    }
  }
  .xl\:absolute {
    @media (width >= 80rem) {
      position: absolute;
    }
  }
  .xl\:relative {
    @media (width >= 80rem) {
      position: relative;
    }
  }
  .xl\:static {
    @media (width >= 80rem) {
      position: static;
    }
  }
  .xl\:-top-5 {
    @media (width >= 80rem) {
      top: calc(var(--spacing) * -5);
    }
  }
  .xl\:top-50 {
    @media (width >= 80rem) {
      top: calc(var(--spacing) * 50);
    }
  }
  .xl\:-right-14 {
    @media (width >= 80rem) {
      right: calc(var(--spacing) * -14);
    }
  }
  .xl\:right-10 {
    @media (width >= 80rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .xl\:bottom-0 {
    @media (width >= 80rem) {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .xl\:bottom-10 {
    @media (width >= 80rem) {
      bottom: calc(var(--spacing) * 10);
    }
  }
  .xl\:bottom-12\.5 {
    @media (width >= 80rem) {
      bottom: calc(var(--spacing) * 12.5);
    }
  }
  .xl\:left-1\/2 {
    @media (width >= 80rem) {
      left: calc(1/2 * 100%);
    }
  }
  .xl\:left-10 {
    @media (width >= 80rem) {
      left: calc(var(--spacing) * 10);
    }
  }
  .xl\:left-12\.5 {
    @media (width >= 80rem) {
      left: calc(var(--spacing) * 12.5);
    }
  }
  .xl\:order-1 {
    @media (width >= 80rem) {
      order: 1;
    }
  }
  .xl\:order-2 {
    @media (width >= 80rem) {
      order: 2;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-5 {
    @media (width >= 80rem) {
      grid-column: span 5 / span 5;
    }
  }
  .xl\:col-span-6 {
    @media (width >= 80rem) {
      grid-column: span 6 / span 6;
    }
  }
  .xl\:col-span-7 {
    @media (width >= 80rem) {
      grid-column: span 7 / span 7;
    }
  }
  .xl\:col-span-8 {
    @media (width >= 80rem) {
      grid-column: span 8 / span 8;
    }
  }
  .xl\:col-span-9 {
    @media (width >= 80rem) {
      grid-column: span 9 / span 9;
    }
  }
  .xl\:col-start-4 {
    @media (width >= 80rem) {
      grid-column-start: 4;
    }
  }
  .xl\:col-start-6 {
    @media (width >= 80rem) {
      grid-column-start: 6;
    }
  }
  .xl\:col-start-7 {
    @media (width >= 80rem) {
      grid-column-start: 7;
    }
  }
  .xl\:col-start-9 {
    @media (width >= 80rem) {
      grid-column-start: 9;
    }
  }
  .xl\:col-start-10 {
    @media (width >= 80rem) {
      grid-column-start: 10;
    }
  }
  .xl\:mt-7\.5 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 7.5);
    }
  }
  .xl\:mt-8 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .xl\:mt-10 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .xl\:mb-0 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .xl\:mb-5 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .xl\:mb-12 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .xl\:mb-15 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .xl\:mb-25 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 25);
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:aspect-\[3\/2\] {
    @media (width >= 80rem) {
      aspect-ratio: 3/2;
    }
  }
  .xl\:h-10 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .xl\:h-17\.5 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 17.5);
    }
  }
  .xl\:h-44 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 44);
    }
  }
  .xl\:h-60 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 60);
    }
  }
  .xl\:h-70 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 70);
    }
  }
  .xl\:h-\[42px\] {
    @media (width >= 80rem) {
      height: 42px;
    }
  }
  .xl\:h-\[75vh\] {
    @media (width >= 80rem) {
      height: 75vh;
    }
  }
  .xl\:h-full {
    @media (width >= 80rem) {
      height: 100%;
    }
  }
  .xl\:h-screen {
    @media (width >= 80rem) {
      height: 100vh;
    }
  }
  .xl\:max-h-\[600px\] {
    @media (width >= 80rem) {
      max-height: 600px;
    }
  }
  .xl\:max-h-none {
    @media (width >= 80rem) {
      max-height: none;
    }
  }
  .xl\:min-h-\[80vh\] {
    @media (width >= 80rem) {
      min-height: 80vh;
    }
  }
  .xl\:min-h-\[900px\] {
    @media (width >= 80rem) {
      min-height: 900px;
    }
  }
  .xl\:w-1\/4 {
    @media (width >= 80rem) {
      width: calc(1/4 * 100%);
    }
  }
  .xl\:w-5\.5 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 5.5);
    }
  }
  .xl\:w-25 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 25);
    }
  }
  .xl\:w-30 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 30);
    }
  }
  .xl\:w-50 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 50);
    }
  }
  .xl\:w-59 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 59);
    }
  }
  .xl\:w-70 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 70);
    }
  }
  .xl\:w-\[18\%\] {
    @media (width >= 80rem) {
      width: 18%;
    }
  }
  .xl\:w-\[26px\] {
    @media (width >= 80rem) {
      width: 26px;
    }
  }
  .xl\:w-\[1200px\] {
    @media (width >= 80rem) {
      width: 1200px;
    }
  }
  .xl\:w-auto {
    @media (width >= 80rem) {
      width: auto;
    }
  }
  .xl\:max-w-3xl {
    @media (width >= 80rem) {
      max-width: var(--container-3xl);
    }
  }
  .xl\:max-w-none {
    @media (width >= 80rem) {
      max-width: none;
    }
  }
  .xl\:flex-\[0\.5\] {
    @media (width >= 80rem) {
      flex: 0.5;
    }
  }
  .xl\:flex-\[0\.75\] {
    @media (width >= 80rem) {
      flex: 0.75;
    }
  }
  .xl\:flex-\[1\.25\] {
    @media (width >= 80rem) {
      flex: 1.25;
    }
  }
  .xl\:-translate-x-1\/2 {
    @media (width >= 80rem) {
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .xl\:translate-x-0 {
    @media (width >= 80rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .xl\:translate-y-0 {
    @media (width >= 80rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:justify-center {
    @media (width >= 80rem) {
      justify-content: center;
    }
  }
  .xl\:justify-end {
    @media (width >= 80rem) {
      justify-content: flex-end;
    }
  }
  .xl\:justify-start {
    @media (width >= 80rem) {
      justify-content: flex-start;
    }
  }
  .xl\:gap-4 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .xl\:gap-6 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .xl\:space-y-12 {
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .xl\:space-y-35 {
    @media (width >= 80rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 35) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 35) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .xl\:gap-x-8 {
    @media (width >= 80rem) {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  .xl\:object-contain {
    @media (width >= 80rem) {
      object-fit: contain;
    }
  }
  .xl\:p-4 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .xl\:p-5 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .xl\:p-15 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 15);
    }
  }
  .xl\:p-25 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 25);
    }
  }
  .xl\:px-30 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 30);
    }
  }
  .xl\:py-0 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .xl\:py-9 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 9);
    }
  }
  .xl\:py-12 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .xl\:py-25 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 25);
    }
  }
  .xl\:pt-\[calc\(5rem\+80px\)\] {
    @media (width >= 80rem) {
      padding-top: calc(5rem + 80px);
    }
  }
  .xl\:text-start {
    @media (width >= 80rem) {
      text-align: start;
    }
  }
  .xl\:text-2xl {
    @media (width >= 80rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .xl\:text-3xl {
    @media (width >= 80rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .xl\:text-4xl {
    @media (width >= 80rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .xl\:text-5xl {
    @media (width >= 80rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .xl\:text-6xl {
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .xl\:text-lg {
    @media (width >= 80rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .xl\:text-xl {
    @media (width >= 80rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .xl\:text-\[10rem\] {
    @media (width >= 80rem) {
      font-size: 10rem;
    }
  }
  .xl\:before\:h-2 {
    @media (width >= 80rem) {
      &::before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 2);
      }
    }
  }
  .xl\:before\:w-1 {
    @media (width >= 80rem) {
      &::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 1);
      }
    }
  }
  .\32 xl\:col-span-6 {
    @media (width >= 96rem) {
      grid-column: span 6 / span 6;
    }
  }
  .\32 xl\:col-span-8 {
    @media (width >= 96rem) {
      grid-column: span 8 / span 8;
    }
  }
  .\32 xl\:col-start-3 {
    @media (width >= 96rem) {
      grid-column-start: 3;
    }
  }
  .\32 xl\:col-start-4 {
    @media (width >= 96rem) {
      grid-column-start: 4;
    }
  }
  .\32 xl\:mb-20 {
    @media (width >= 96rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .\32 xl\:h-auto {
    @media (width >= 96rem) {
      height: auto;
    }
  }
  .\32 xl\:max-h-\[85vh\] {
    @media (width >= 96rem) {
      max-height: 85vh;
    }
  }
  .\32 xl\:min-h-0 {
    @media (width >= 96rem) {
      min-height: calc(var(--spacing) * 0);
    }
  }
  .\32 xl\:w-30 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 30);
    }
  }
  .\32 xl\:w-35 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 35);
    }
  }
  .\32 xl\:w-60 {
    @media (width >= 96rem) {
      width: calc(var(--spacing) * 60);
    }
  }
  .\32 xl\:w-\[15\%\] {
    @media (width >= 96rem) {
      width: 15%;
    }
  }
  .\32 xl\:max-w-4xl {
    @media (width >= 96rem) {
      max-width: var(--container-4xl);
    }
  }
  .\32 xl\:flex-1 {
    @media (width >= 96rem) {
      flex: 1;
    }
  }
  .\32 xl\:flex-\[0\.75\] {
    @media (width >= 96rem) {
      flex: 0.75;
    }
  }
  .\32 xl\:flex-\[2\] {
    @media (width >= 96rem) {
      flex: 2;
    }
  }
  .\32 xl\:grid-cols-6 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .\32 xl\:p-25 {
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 25);
    }
  }
  .\32 xl\:px-65 {
    @media (width >= 96rem) {
      padding-inline: calc(var(--spacing) * 65);
    }
  }
  .\32 xl\:text-6xl {
    @media (width >= 96rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .\32 xl\:text-\[12\.5rem\] {
    @media (width >= 96rem) {
      font-size: 12.5rem;
    }
  }
  .md\:2xl\:flex-\[2\] {
    @media (width >= 48rem) {
      @media (width >= 96rem) {
        flex: 2;
      }
    }
  }
  .\@md\:gap-6 {
    @container (width >= 28rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .\@lg\:col-span-6 {
    @container (width >= 32rem) {
      grid-column: span 6 / span 6;
    }
  }
  .\@3xl\:order-1 {
    @container (width >= 48rem) {
      order: 1;
    }
  }
  .\@3xl\:order-2 {
    @container (width >= 48rem) {
      order: 2;
    }
  }
  .\@3xl\:col-span-4 {
    @container (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .\@3xl\:col-span-6 {
    @container (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .\@3xl\:col-span-7 {
    @container (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .\@3xl\:col-start-4 {
    @container (width >= 48rem) {
      grid-column-start: 4;
    }
  }
  .\@3xl\:col-start-6 {
    @container (width >= 48rem) {
      grid-column-start: 6;
    }
  }
  .\@3xl\:col-start-9 {
    @container (width >= 48rem) {
      grid-column-start: 9;
    }
  }
  .\@4xl\:col-span-10 {
    @container (width >= 56rem) {
      grid-column: span 10 / span 10;
    }
  }
  .\@4xl\:col-start-2 {
    @container (width >= 56rem) {
      grid-column-start: 2;
    }
  }
  .\@5xl\:col-span-4 {
    @container (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .\@5xl\:col-span-8 {
    @container (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .\@5xl\:col-start-3 {
    @container (width >= 64rem) {
      grid-column-start: 3;
    }
  }
  .\@5xl\:col-start-5 {
    @container (width >= 64rem) {
      grid-column-start: 5;
    }
  }
  .\@6xl\:col-span-6 {
    @container (width >= 72rem) {
      grid-column: span 6 / span 6;
    }
  }
  .\@6xl\:col-start-4 {
    @container (width >= 72rem) {
      grid-column-start: 4;
    }
  }
  .dark\:bg-gray-800 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-primary {
    @media (prefers-color-scheme: dark) {
      background-color: var(--color-primary);
    }
  }
  .dark\:text-white {
    @media (prefers-color-scheme: dark) {
      color: var(--color-white);
    }
  }
  .\[\&_\.cls-1\]\:fill-black\/20\! {
    & .cls-1 {
      fill: color-mix(in srgb, #000 20%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-black) 20%, transparent) !important;
      }
    }
  }
  .\[\&_a\]\:text-secondary {
    & a {
      color: var(--color-secondary);
    }
  }
  .\[\&_a\]\:text-white {
    & a {
      color: var(--color-white);
    }
  }
  .\[\&_a\]\:underline {
    & a {
      text-decoration-line: underline;
    }
  }
  .\[\&_a\]\:hover\:underline {
    & a {
      &:hover {
        @media (hover: hover) {
          text-decoration-line: underline;
        }
      }
    }
  }
  .\[\&_p\]\:mb-0 {
    & p {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&_p\]\:mb-2 {
    & p {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .\[\&_p\]\:text-base {
    & p {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_p\]\:text-lg {
    & p {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .\[\&_p\]\:text-sm {
    & p {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\[\&_p\]\:text-white\/75 {
    & p {
      color: color-mix(in srgb, #fff 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 75%, transparent);
      }
    }
  }
  .\[\&_p\]\:md\:text-base {
    & p {
      @media (width >= 48rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
  }
  .\[\&_p\]\:md\:text-lg {
    & p {
      @media (width >= 48rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
  }
  .\[\&_p\]\:md\:text-xl {
    & p {
      @media (width >= 48rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
    }
  }
  .\[\&_p\]\:lg\:text-2xl {
    & p {
      @media (width >= 64rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
    }
  }
  .\[\&_p\]\:lg\:text-lg {
    & p {
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
  }
  .\[\&_p\]\:lg\:text-xl {
    & p {
      @media (width >= 64rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
    }
  }
  .\[\&_p\]\:xl\:text-2xl {
    & p {
      @media (width >= 80rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
    }
  }
  .\[\&_p\]\:xl\:text-xl {
    & p {
      @media (width >= 80rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
    }
  }
  .\[\&_p\:last-child\]\:mb-0 {
    & p:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\[\&_svg\]\:h-4 {
    & svg {
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:h-full {
    & svg {
      height: 100%;
    }
  }
  .\[\&_svg\]\:w-auto {
    & svg {
      width: auto;
    }
  }
  .\[\&_svg\]\:w-full {
    & svg {
      width: 100%;
    }
  }
  .\[\&_svg\]\:fill-black\/2\! {
    & svg {
      fill: color-mix(in srgb, #000 2%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        fill: color-mix(in oklab, var(--color-black) 2%, transparent) !important;
      }
    }
  }
  .\[\&_svg\]\:object-cover {
    & svg {
      object-fit: cover;
    }
  }
  .\[\&_svg\]\:object-top {
    & svg {
      object-position: top;
    }
  }
  .\[\&_svg\]\:md\:h-5\.5 {
    & svg {
      @media (width >= 48rem) {
        height: calc(var(--spacing) * 5.5);
      }
    }
  }
  .\[\&_svg\]\:lg\:h-7\.5 {
    & svg {
      @media (width >= 64rem) {
        height: calc(var(--spacing) * 7.5);
      }
    }
  }
  .\[\&_svg\]\:xl\:h-10 {
    & svg {
      @media (width >= 80rem) {
        height: calc(var(--spacing) * 10);
      }
    }
  }
  .\[\&\.active\]\:text-\(--clr-secondary\) {
    &.active {
      color: var(--clr-secondary);
    }
  }
  .\[\&\.dropdown-open\]\:bg-\(--clr-primary\) {
    &.dropdown-open {
      background-color: var(--clr-primary);
    }
  }
  .\[\&\.dropdown-open\]\:from-\(--clr-primary\) {
    &.dropdown-open {
      --tw-gradient-from: var(--clr-primary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .\[\&\.dropdown-open\]\:to-\(--clr-primary\) {
    &.dropdown-open {
      --tw-gradient-to: var(--clr-primary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .\[\&\.swiper-slide-thumb-active\]\:opacity-100 {
    &.swiper-slide-thumb-active {
      opacity: 100%;
    }
  }
}
@layer base {
  h1, .h1 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-h1);
    --tw-leading: 0.9;
    line-height: 0.9;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  h2, .h2 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-h2);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  h3, .h3 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-h3);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  h4, .h4 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-h4);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 7.5);
    }
  }
  h5, .h5 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-h5);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 7.5);
    }
  }
  h6, .h6 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-h6);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 7.5);
    }
  }
  p {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.5;
    line-height: 1.5;
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .p-lg {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.5;
    line-height: 1.5;
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .p-sm {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.5;
    line-height: 1.5;
    color: var(--color-white);
  }
  .subtitle {
    margin-bottom: calc(var(--spacing) * 3);
    display: block;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-secondary);
    text-transform: uppercase;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  a {
    color: var(--color-secondary);
  }
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select {
    width: 100%;
    border-radius: var(--radius-xs);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-primary);
    outline-offset: calc(2px * -1);
    &:focus {
      outline-color: var(--color-primary);
    }
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 4);
    }
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  textarea {
    min-height: 150px;
    resize: vertical;
  }
  select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L7 9L11 5' stroke='%23132D12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
  }
  input[type="password"] {
    padding-right: calc(var(--spacing) * 10);
  }
  input[type="checkbox"] {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-xxs);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 4.5);
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 4.5);
    }
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    &:checked {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8L6 11L11 3.5' stroke='%23132D12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    &:indeterminate {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7H11' stroke='%23132D12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 50%;
      &:checked, &:indeterminate {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8L6 11L11 3.5' stroke='rgb(2 6 23 / .25)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      }
    }
  }
  label {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  ul {
    margin-bottom: calc(var(--spacing) * 5);
  }
  ul:not(.flex):not(.grid):not([class*="list-none"]):not(.list-none):not([class*="space-y-"]), ul.list-styled {
    margin: calc(var(--spacing) * 0);
    list-style-type: none;
    padding: calc(var(--spacing) * 0);
    & > li {
      position: relative;
      margin-bottom: calc(var(--spacing) * 2);
      padding-left: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-leading: 1.5;
      line-height: 1.5;
      color: var(--color-white);
      @media (width >= 48rem) {
        padding-left: calc(var(--spacing) * 7);
      }
      @media (width >= 48rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
      @media (width >= 64rem) {
        padding-left: calc(var(--spacing) * 8);
      }
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      &::before {
        content: "•";
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        display: flex;
        height: calc(var(--spacing) * 5);
        align-items: center;
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-leading: 1;
        line-height: 1;
        color: var(--color-secondary);
        @media (width >= 48rem) {
          height: calc(var(--spacing) * 6);
        }
        @media (width >= 64rem) {
          height: calc(var(--spacing) * 7);
        }
      }
    }
    ul {
      margin-top: calc(var(--spacing) * 2);
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .ingredients ul.list-styled {
    & > li {
      --tw-leading: 1.4;
      line-height: 1.4;
      &::before {
        height: calc(var(--spacing) * 7);
        @media (width >= 48rem) {
          height: calc(var(--spacing) * 8);
        }
        @media (width >= 64rem) {
          height: calc(var(--spacing) * 9);
        }
      }
    }
  }
}
.glightbox-container {
  --plyr-video-control-background-hover: var(--color-secondary);
  --plyr-range-fill-background: var(--color-secondary);
  .goverlay {
    background-color: rgba(var(--clr-primary-rgb), 0.9);
    backdrop-filter: blur(24px);
  }
  .gslide-media {
    overflow: clip;
    border-radius: var(--radius-sm);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    max-width: 960px !important;
    margin: 0 auto;
  }
}
.swiper-nav-circle, .swiper-nav-solid {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 3);
  }
  .swiper-button-next, .swiper-button-prev {
    position: static;
    margin: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    justify-content: center;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &::after {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    &.swiper-button-disabled {
      cursor: default;
      opacity: 20%;
    }
    &.swiper-button-lock {
      display: none;
    }
  }
}
.swiper-nav-circle {
  .swiper-button-next, .swiper-button-prev {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    background-color: transparent;
    color: var(--color-white);
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 11.5);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 11.5);
    }
    &:hover {
      border-color: var(--color-white);
      background-color: var(--color-white);
      color: var(--color-primary);
    }
  }
}
.swiper-nav-solid {
  .swiper-button-next, .swiper-button-prev {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    color: var(--color-white);
    --tw-backdrop-blur: blur(30px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 11.5);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 11.5);
    }
    &:hover {
      background-color: var(--color-white);
      color: var(--color-primary);
    }
  }
}
.swiper-nav-overlay {
  .swiper-nav-prev, .swiper-nav-next {
    position: absolute;
    top: calc(1/2 * 100%);
    z-index: 10;
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .swiper-nav-prev {
    left: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 5);
    }
  }
  .swiper-nav-next {
    right: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 5);
    }
  }
}
.swiper-pagination-bullet {
  margin-inline: calc(var(--spacing) * 1) !important;
  height: calc(var(--spacing) * 2);
  width: calc(var(--spacing) * 2);
  cursor: pointer;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  opacity: 20%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:hover {
    opacity: 50%;
  }
  &.swiper-pagination-bullet-active {
    background-color: var(--color-white);
    opacity: 100%;
  }
}
.heroelement {
  .swiper-button-next, .swiper-button-prev {
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    z-index: 50;
    margin-top: calc(var(--spacing) * 0);
    display: flex;
    height: 100%;
    width: calc(var(--spacing) * 12);
    transform: none;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--color-white);
    opacity: 50%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 20);
    }
    &::after {
      z-index: 2;
      font-size: 1.25rem;
      @media (width >= 80rem) {
        font-size: 2rem;
      }
    }
    &::before {
      position: absolute;
      inset: calc(var(--spacing) * 0);
      z-index: 1;
      opacity: 0%;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-content: '';
      content: var(--tw-content);
    }
    &:hover::before {
      opacity: 100%;
    }
  }
  .swiper-button-prev {
    left: calc(var(--spacing) * 0);
    &::before {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .swiper-button-next {
    right: calc(var(--spacing) * 0);
    &::before {
      --tw-gradient-position: to left in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.related-products {
  overflow: hidden;
  .related-products-slider {
    overflow: hidden;
  }
  .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }
  .swiper-slide {
    height: auto;
    width: 100%;
    flex-shrink: 0;
    &.is-single {
      width: 100% !important;
    }
  }
  .related-info {
    display: none;
  }
  .swiper-slide.is-active {
    .related-info {
      display: block;
      animation: fadeIn 0.5s ease forwards;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .swiper-button-prev.is-disabled, .swiper-button-next.is-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 20%;
  }
  @media (max-width: 1023px) {
    .swiper-wrapper {
      gap: calc(var(--spacing) * 3);
    }
    .swiper-slide {
      width: 100%;
      min-width: 100%;
    }
    .swiper-slide.is-active {
      .related-info {
        display: block;
      }
    }
  }
  @media (min-width: 1024px) and (max-width: 1535px) {
    .swiper-wrapper {
      gap: calc(var(--spacing) * 6);
    }
    .swiper-slide {
      width: calc(33.33% - 12px);
      flex-shrink: 0;
    }
    .swiper-slide.is-hidden {
      pointer-events: none;
      opacity: 0%;
    }
    .swiper-slide.is-visible {
      opacity: 100%;
    }
    .swiper-slide.is-active {
      width: calc(66.66% - 12px);
      .col-span-12 {
        grid-column: span 6 / span 6;
      }
      .related-info {
        display: block;
      }
    }
    .swiper-slide.is-left {
      width: calc(33.33% - 12px);
    }
    .swiper-slide.is-right {
      width: calc(33.33% - 12px);
    }
  }
  @media (min-width: 1536px) {
    .swiper-wrapper {
      gap: calc(var(--spacing) * 6);
    }
    .swiper-slide {
      width: calc(25% - 16px);
      flex-shrink: 0;
    }
    .swiper-slide.is-hidden {
      pointer-events: none;
      opacity: 0%;
    }
    .swiper-slide.is-visible {
      opacity: 100%;
    }
    .swiper-slide.is-active {
      width: calc(50% - 16px);
      .col-span-12 {
        grid-column: span 6 / span 6;
      }
      .related-info {
        display: block;
      }
    }
    .swiper-slide.is-left {
      width: calc(25% - 16px);
    }
    .swiper-slide.is-right {
      width: calc(25% - 16px);
    }
  }
}
.highlight-element {
  .swiper-pagination {
    position: absolute;
    bottom: calc(var(--spacing) * 10);
    left: calc(var(--spacing) * 4);
    z-index: 20;
    display: flex;
    width: auto;
    max-width: calc(100% - 2rem);
    align-items: center;
    justify-content: flex-start;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    --tw-backdrop-blur: blur(30px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 20);
    }
    &.is-dropdown {
      right: calc(var(--spacing) * 4);
      left: calc(var(--spacing) * 4);
      width: auto;
      flex-direction: column-reverse;
      align-items: stretch;
      overflow: hidden;
      border-radius: var(--radius-md);
      background-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
      --tw-backdrop-blur: blur(30px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      .swiper-pagination-bullet {
        display: none;
        width: 100%;
        background-color: transparent;
        text-align: left;
        color: var(--color-white);
        &.swiper-pagination-bullet-active {
          position: relative;
          order: -9999;
          display: flex;
          background-color: var(--color-white);
          padding-right: calc(var(--spacing) * 12);
          color: var(--color-primary);
          &::after {
            content: '';
            position: absolute;
            top: calc(1/2 * 100%);
            right: calc(var(--spacing) * 5);
            height: calc(var(--spacing) * 6);
            width: calc(var(--spacing) * 6);
            --tw-translate-y: calc(calc(1/2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            rotate: 180deg;
            transition-property: transform, translate, scale, rotate;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            background-color: currentColor;
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd' /%3E%3C/svg%3E");
            mask-size: contain;
            mask-repeat: no-repeat;
            mask-position: center;
          }
        }
      }
      &.is-open {
        .swiper-pagination-bullet {
          display: flex;
          &.swiper-pagination-bullet-active {
            &::after {
              rotate: 0deg;
            }
          }
        }
      }
    }
  }
  .swiper-pagination-bullet {
    margin: calc(var(--spacing) * 0) !important;
    height: auto;
    width: auto;
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:hover {
      color: var(--color-secondary);
      opacity: 100%;
    }
    &.swiper-pagination-bullet-active {
      background-color: var(--color-white);
      color: var(--color-primary);
      opacity: 100%;
    }
  }
}
@layer utilities {
  .mobile-menu-open {
    & .hamburger-icon {
      display: none;
    }
    & .close-icon {
      display: block;
    }
    & nav {
      background-color: var(--clr-primary);
      --tw-gradient-from: var(--clr-primary);
      --tw-gradient-to: var(--clr-primary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  #ForgotPassword {
    margin-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    :is(& > *) {
      color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
    :is(& > *) {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    :is(& > *) {
      --tw-duration: 500ms;
      transition-duration: 500ms;
    }
    :is(& > *) {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
    :is(& > *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-secondary);
        }
      }
    }
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
  body {
    --bs-body-bg: var(--clr-bg);
    background-color: var(--bs-body-bg);
  }
  .cutout-top {
    --cut: 80px;
    --page-bg: var(--clr-bg);
    position: relative;
  }
  .cutout-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--cut);
    background: var(--page-bg);
    border-radius: 0 0 var(--cut) var(--cut);
    pointer-events: none;
    z-index: 10;
  }
  .cutout-bottom {
    --cut: 80px;
    --page-bg: var(--color-primary);
    position: relative;
  }
  .cutout-bottom::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--cut);
    background: var(--page-bg);
    border-radius: var(--cut) var(--cut) 0 0;
    pointer-events: none;
    z-index: 10;
  }
  @media (max-width: 1280px) {
    .cutout-top, .cutout-bottom {
      --cut: 40px;
    }
  }
  @media (max-width: 640px) {
    .cutout-top, .cutout-bottom {
      --cut: 20px;
    }
  }
  .popup-content-container {
    display: block;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3) !important;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3) !important;
    min-width: 30px;
    border-radius: 10px !important;
    white-space: nowrap;
    position: relative;
  }
  .popup-close {
    color: var(--color-primary) !important;
    font-size: 26px !important;
    height: 26px !important;
    width: 26px !important;
  }
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
    top: 8px;
  }
  15% {
    opacity: 1;
    top: 8px;
  }
  50% {
    opacity: 1;
    top: 12px;
  }
  100% {
    opacity: 0;
    top: 12px;
  }
}
@keyframes product-clean-jump {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-5px);
  }
  45% {
    transform: translateY(0);
  }
  65% {
    transform: translateY(-2px);
  }
  85%, 100% {
    transform: translateY(0);
  }
}
.uc-embedding-container {
  background-color: transparent !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
  border: 0 solid rgba(255, 255, 255, 0.1) !important;
  -webkit-overflow-scrolling: touch !important;
  position: relative !important;
  img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
  }
  .uc-embedding-wrapper {
    z-index: 1 !important;
    -webkit-backdrop-filter: blur(30px) !important;
    backdrop-filter: blur(30px) !important;
    text-align: center !important;
    scrollbar-width: thin !important;
    scrollbar-color: white transparent !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: 100% !important;
    max-width: unset !important;
    background-color: #ffffff4d !important;
    border: 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 1.25rem !important;
    display: flex !important;
    position: relative !important;
    overflow-y: auto !important;
    h3 {
      font-size: 1rem !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      line-height: 1.2 !important;
      margin-bottom: 0 !important;
      color: white !important;
    }
    .description-text {
      font-size: 0.75rem !important;
      line-height: 1.3 !important;
      opacity: 1 !important;
      margin-bottom: 0 !important;
      color: white !important;
    }
    .not-existing-service {
      font-size: 0.7rem !important;
      opacity: 0.8 !important;
      margin-bottom: 0 !important;
      color: white !important;
    }
    .uc-embedding-buttons {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: .6rem !important;
      margin-top: 0.5rem !important;
      justify-content: center !important;
      button {
        cursor: pointer !important;
        transition: all 0.3s !important;
        border-radius: var(--radius-xxs) !important;
        font-weight: 700 !important;
        font-size: 0.75rem !important;
        text-transform: uppercase !important;
        padding: 0.5rem 1rem !important;
        border: 2px solid !important;
        &.uc-embedding-more-info {
          background-color: transparent !important;
          border-color: white !important;
          color: white !important;
          margin: 0 !important;
          width: unset !important;
          &:hover {
            background-color: white !important;
            color: var(--color-primary) !important;
          }
        }
        &.uc-embedding-accept {
          background-color: var(--color-primary) !important;
          border-color: var(--color-primary) !important;
          color: white !important;
          margin: 0 !important;
          width: unset !important;
          &:hover {
            background-color: var(--color-primary) !important;
            color: white !important;
          }
        }
      }
    }
    span {
      font-size: 10px !important;
      opacity: 0.4 !important;
      margin-top: 1rem !important;
      text-transform: uppercase !important;
      letter-spacing: 0.05em !important;
      color: white !important;
      a {
        text-decoration: underline !important;
        color: inherit !important;
        &:hover {
          color: var(--color-secondary) !important;
        }
      }
    }
  }
}
*::selection {
  background-color: var(--clr-secondary);
  color: white;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-duration: initial;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
      --tw-content: ""}}}