.Carousel-module__HIdO0q__wrapper{align-items:center;gap:calc(var(--spacing,.25rem) * 6);flex-direction:column;display:flex;position:relative}@media (min-width:80rem){.Carousel-module__HIdO0q__wrapper{gap:calc(var(--spacing,.25rem) * 10)}}@media (min-width:120rem){.Carousel-module__HIdO0q__wrapper{gap:calc(var(--spacing,.25rem) * 20)}}.Carousel-module__HIdO0q__wrapper{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 10)}@media (min-width:40rem){.Carousel-module__HIdO0q__wrapper{padding-inline:calc(var(--spacing,.25rem) * 20)}}@media (min-width:48rem){.Carousel-module__HIdO0q__wrapper{padding-inline:calc(var(--spacing,.25rem) * 40);padding-block:calc(var(--spacing,.25rem) * 20)}}@media (min-width:96rem){.Carousel-module__HIdO0q__wrapper{padding-inline:calc(var(--spacing,.25rem) * 96)}}.Carousel-module__HIdO0q__product{view-transition-name:Carousel-module__HIdO0q__product;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}@media (min-width:64rem){.Carousel-module__HIdO0q__product{gap:calc(var(--spacing,.25rem) * 14);flex-direction:row}}.Carousel-module__HIdO0q__product h1{max-width:var(--container-sm,24rem);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:64rem){.Carousel-module__HIdO0q__product h1{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}}.Carousel-module__HIdO0q__product p{color:var(--app-muted);max-width:var(--container-sm,24rem);white-space:pre-wrap}@media (min-width:64rem){.Carousel-module__HIdO0q__product p{max-width:var(--container-md,28rem)}}.Carousel-module__HIdO0q__product .Carousel-module__HIdO0q__btn{margin-top:calc(var(--spacing,.25rem) * 4);text-align:center;--tw-duration:.3s;width:100%;transition-duration:.3s}@media (min-width:64rem){.Carousel-module__HIdO0q__product .Carousel-module__HIdO0q__btn{width:fit-content}}.Carousel-module__HIdO0q__product img{aspect-ratio:1;background-size:cover;height:16rem}@media (min-width:64rem){.Carousel-module__HIdO0q__product img{height:23rem}}@media (min-width:80rem){.Carousel-module__HIdO0q__product img{height:28rem}}.Carousel-module__HIdO0q__dot{background-color:var(--app-border-strong);box-shadow:0 0 0 1px var(--app-border);height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);border-radius:3.40282e38px;position:relative}.Carousel-module__HIdO0q__dot:before{content:"";height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:3.40282e38px;position:absolute;top:50%;left:50%}.Carousel-module__HIdO0q__dot.Carousel-module__HIdO0q__active{background-color:var(--app-accent)}.Carousel-module__HIdO0q__arrow{background-color:var(--app-soft-surface);color:var(--app-accent);padding:calc(var(--spacing,.25rem) * 3);--tw-duration:.3s;--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.3s;display:none;position:absolute;top:50%}@media (min-width:40rem){.Carousel-module__HIdO0q__arrow{display:flex}}.Carousel-module__HIdO0q__arrow:hover{background-color:var(--app-soft-surface-hover)}.Carousel-module__HIdO0q__arrow.Carousel-module__HIdO0q__left{left:calc(var(--spacing,.25rem) * 10)}.Carousel-module__HIdO0q__arrow.Carousel-module__HIdO0q__right{right:calc(var(--spacing,.25rem) * 10)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@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}
:root::view-transition-old(product){transform-origin:attr(data-old-direction);animation:.5s productSlideOut}:root::view-transition-new(product){transform-origin:attr(data-new-direction);animation:.5s productSlideIn}@keyframes productSlideIn{0%{opacity:0;transform:scale(0) translateX(calc(var(--carousel-x-translate) * 1))}to{opacity:1;transform:scale(1)translate(0)}}@keyframes productSlideOut{0%{opacity:1;transform:scale(1)translate(0)}to{opacity:0;transform:scale(0) translateX(calc(var(--carousel-x-translate) * -1))}}