@layer code-components{.swiper{-webkit-user-select:none;-moz-user-select:none;user-select:none;--nav-button-size:2.2rem}.swiper-button-next:not(.swiper-button-lock),.swiper-button-prev:not(.swiper-button-lock){align-items:center;background-color:var(--color-blue);border-color:transparent;border-radius:9999px;border-width:1px;color:var(--color-white);display:flex;height:var(--nav-button-size);justify-content:center;padding:0;width:var(--nav-button-size);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.swiper-button-next:not(.swiper-button-lock):after,.swiper-button-prev:not(.swiper-button-lock):after{display:none;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-button-next:not(.swiper-button-lock):focus-visible:not([disabled]),.swiper-button-next:not(.swiper-button-lock):hover:not([disabled]),.swiper-button-prev:not(.swiper-button-lock):focus-visible:not([disabled]),.swiper-button-prev:not(.swiper-button-lock):hover:not([disabled]){border-color:var(--color-white)}.swiper-button-next:not(.swiper-button-lock):focus-visible:not([disabled]) .icon,.swiper-button-next:not(.swiper-button-lock):hover:not([disabled]) .icon,.swiper-button-prev:not(.swiper-button-lock):focus-visible:not([disabled]) .icon,.swiper-button-prev:not(.swiper-button-lock):hover:not([disabled]) .icon{--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-button-next:not(.swiper-button-lock).swiper-button-disabled,.swiper-button-prev:not(.swiper-button-lock).swiper-button-disabled{display:none}.swiper-button-next:not(.swiper-button-lock) .icon,.swiper-button-prev:not(.swiper-button-lock) .icon{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-button-prev{left:var(--site-side-spacing)}.swiper-button-next{right:var(--site-side-spacing)}@media (min-width:1440px){.swiper-button-prev{left:unset;right:calc(1440px + var(--swiper-screen-margin) - var(--nav-button-size)*2 - var(--site-side-spacing)*2)}.swiper-button-next,.swiper-button-prev{--swiper-screen-margin:calc(50vw - 720px)}.swiper-button-next{left:calc(1440px + var(--swiper-screen-margin) - var(--nav-button-size)*2 - var(--site-side-spacing)*2);right:unset}}.swiper-scrollbar-active{padding-bottom:3rem}.swiper-scrollbar-active:has(.swiper-scrollbar-lock){padding-bottom:0}.swiper-scrollbar-drag{background-color:var(--swiper-theme-color)}.swiper-pagination-active{padding-bottom:3rem}.swiper-pagination-active:has(.swiper-pagination-lock){padding-bottom:0}.swiper-pagination-bullet{background-color:var(--swiper-theme-color);border-radius:.5rem;cursor:pointer;height:.5rem;margin-left:.375rem;margin-right:.375rem;opacity:.3;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.swiper-pagination-bullet-active{--tw-scale-x:1.15;--tw-scale-y:1.15;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-pagination-bullet:focus-visible,.swiper-pagination-bullet:hover{opacity:.7}}