@layer code-components{.swiper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swiper-button-next:not(.swiper-button-lock),.swiper-button-prev:not(.swiper-button-lock){-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:var(--color-black);align-items:center;background-color:var(--color-white);border-radius:9999px;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 rgba(0,0,0,0));color:var(--color-black);display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.swiper-button-next:not(.swiper-button-lock):after,.swiper-button-prev:not(.swiper-button-lock):after{--tw-scale-x:1;--tw-scale-y:1;display:none;-webkit-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));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform: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:not([disabled]),.swiper-button-next:not(.swiper-button-lock):hover:not([disabled]),.swiper-button-prev:not(.swiper-button-lock):focus:not([disabled]),.swiper-button-prev:not(.swiper-button-lock):hover:not([disabled]){color:var(--color-black)}.swiper-button-next:not(.swiper-button-lock):focus:not([disabled]) .icon,.swiper-button-next:not(.swiper-button-lock):hover:not([disabled]) .icon,.swiper-button-prev:not(.swiper-button-lock):focus:not([disabled]) .icon,.swiper-button-prev:not(.swiper-button-lock):hover:not([disabled]) .icon{--tw-scale-x:1.1;--tw-scale-y:1.1;-webkit-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));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform: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:1rem}.swiper-button-next{right:1rem}.swiper-scrollbar-active{padding-bottom:3rem}.swiper-scrollbar-active[\:has\(\.swiper-scrollbar-lock\)]{padding-bottom:0}.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-active:has(.swiper-pagination-lock){padding-bottom:0}.swiper-pagination-bullet{background-color:var(--swiper-theme-color);border-radius:.5rem;height:.625rem;opacity:.5;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);width:.625rem}.swiper-pagination-bullet-active{opacity:1;width:1rem}.media-swiper .swiper-pagination-bullet{background-color:var(--color-white)}.max-w-slide{max-width:calc(100% - 4vw)}@media (min-width:480px){.max-w-slide{max-width:calc(50% - 1rem)}}@media (min-width:768px){.max-w-slide{max-width:calc(33.33333% - 2rem)}}@media (min-width:1024px){.max-w-slide{max-width:calc(25% - 3rem)}}}