:root{--color-yellow-lemon:#feee35;--color-yellow-buttercup:#fff8ae;--color-neutral-black:#000;--color-neutral-white:#fff;--color-neutral-mist:#f6f6f6;--color-neutral-light-grey:#ebebeb;--color-neutral-dark-grey:#9c9c9c;--color-neutral-not-black:#595959;--color-red-sale:#da0000;--color-blue-focus:#2997ff;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.5rem;--spacing-6:2rem;--spacing-7:2.5rem;--spacing-8:3rem;--spacing-9:4rem;--spacing-10:5rem;--color-surface-page:var(--color-neutral-white);--color-surface-subtle:var(--color-neutral-mist);--color-text-default:var(--color-neutral-black);--color-text-subdued:var(--color-neutral-not-black);--color-text-disabled:var(--color-neutral-dark-grey);--color-text-on-dark:var(--color-neutral-white);--color-brand-primary:var(--color-yellow-lemon);--color-brand-primary-subtle:var(--color-yellow-buttercup);--color-button-primary-bg:var(--color-yellow-buttercup);--color-button-primary-text:var(--color-neutral-black);--color-button-primary-border:var(--color-neutral-black);--color-button-outline-bg:var(--color-yellow-lemon);--color-button-inverse-bg:var(--color-neutral-black);--color-button-inverse-text:var(--color-neutral-white);--color-button-card-bg:var(--color-yellow-lemon);--color-button-card-text:var(--color-neutral-black);--color-button-primary-bg-hover:var(--color-neutral-black);--color-button-primary-text-hover:var(--color-neutral-white);--color-button-outline-bg-hover:var(--color-yellow-buttercup);--color-button-outline-text-hover:var(--color-neutral-black);--color-button-inverse-bg-hover:var(--color-yellow-lemon);--color-button-inverse-text-hover:var(--color-neutral-black);--color-button-card-bg-hover:var(--color-neutral-black);--color-button-card-text-hover:var(--color-neutral-white);--color-button-disabled-bg:var(--color-neutral-light-grey);--color-button-disabled-text:var(--color-neutral-dark-grey);--color-border-default:var(--color-neutral-black);--color-border-subtle:var(--color-neutral-light-grey);--color-feedback-sale:var(--color-red-sale);--color-feedback-error:var(--color-red-sale);--color-focus-ring:var(--color-blue-focus);--font-heading--family:"Suisse Intl Mono", monospace;--font-body--family:"Suisse Intl", sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--layout-margin:var(--spacing-4);--layout-module-padding-block:var(--spacing-7);--layout-slider-padding:var(--spacing-4);--grid-columns-sm:4;--grid-columns-lg:12;--grid-gutter-sm:var(--spacing-2);--grid-gutter-lg:var(--spacing-4);--grid-margin-sm:var(--spacing-4);--grid-margin-lg:var(--spacing-6);--grid-content-max:1440px;--breakpoint-sm:507px;--breakpoint-md:728px;--breakpoint-lg:1024px;--breakpoint-xl:1440px;--btn-bg:var(--color-button-primary-bg);--btn-fg:var(--color-button-primary-text);--btn-border:transparent;--btn-bg-hover:var(--color-button-primary-bg-hover);--btn-fg-hover:var(--color-button-primary-text-hover);--btn-border-hover:var(--btn-border);--btn-padding-block:var(--spacing-3);--btn-padding-inline:var(--spacing-3);--media-border-opacity:.3}@media (width>=728px){:root{--layout-margin:var(--spacing-6);--layout-module-padding-block:var(--spacing-9)}}.shop-carousel{background:var(--background-color);padding:var(--desktop-top-padding) 0 var(--desktop-bottom-padding);color:var(--information-color);overflow:hidden}@media (width<=1023px){.shop-carousel{padding:var(--mobile-top-padding) 0 var(--mobile-bottom-padding)}}.shop-carousel{--shop-carousel-slide:18.75rem;--shop-carousel-gap:var(--spacing-4)}@media (width<=507px){.shop-carousel{--shop-carousel-slide:9.25rem}}@media (width>=508px) and (width<=1023px){.shop-carousel{--shop-carousel-slide:12.5rem}}.shop-carousel__header{padding-bottom:var(--spacing-4)}.shop-carousel__header *{text-transform:uppercase}.shop-carousel__viewport{padding:0 var(--spacing-6);margin:0 calc(-1 * var(--spacing-6))}@media (width<=727px){.shop-carousel__viewport{padding:0 var(--spacing-4);margin:0 calc(-1 * var(--spacing-4))}}.shop-carousel__viewport .swiper-wrapper{gap:var(--shop-carousel-gap);display:flex}.shop-carousel__viewport.swiper-initialized .swiper-wrapper{gap:0}.shop-carousel__slide{flex:0 0 var(--shop-carousel-slide);width:var(--shop-carousel-slide);scroll-snap-align:start}.shop-carousel__card{gap:var(--spacing-3);color:inherit;flex-direction:column;text-decoration:none;display:flex}@media (width<=727px){.shop-carousel__card{gap:var(--spacing-2)}}.shop-carousel__card:focus-visible{outline:.125rem solid var(--color-focus-ring);outline-offset:.0625rem}@media (width>=728px){.shop-carousel__card:hover img,.shop-carousel__card:hover video{transform:scale(1.03)}.shop-carousel__card:hover .shop-carousel__title{text-decoration:underline}}.shop-carousel__media{background-color:var(--color-surface-subtle);border:.0625rem solid var(--color-text-default);padding-bottom:132.67%;position:relative;overflow:hidden}@media (width<=507px){.shop-carousel__media{padding-bottom:133.79%}}@media (width>=508px) and (width<=727px){.shop-carousel__media{padding-bottom:134%}}.shop-carousel__media img,.shop-carousel__media video{object-fit:cover;width:100%;height:100%;transition:transform .2s linear;position:absolute;inset:0}.shop-carousel__title{max-height:var(--spacing-8);margin:0;display:block;overflow:hidden}.shop-carousel__controls{opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}@media (hover:hover) and (pointer:fine){.shop-carousel__viewport.swiper-initialized{justify-content:flex-end;display:flex}}.shop-carousel:is(:hover,:focus-within) .shop-carousel__controls{opacity:1;visibility:visible}.shop-carousel__slider{display:block;position:relative}.shop-carousel__nav{color:inherit;cursor:pointer;width:var(--spacing-5);height:var(--spacing-5);top:calc(50% - var(--spacing-4));z-index:1;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex;position:absolute;transform:translateY(-50%)}.shop-carousel__nav:focus-visible{outline:.125rem solid var(--color-focus-ring);outline-offset:.0625rem}.shop-carousel__nav--disabled{opacity:0;cursor:default;pointer-events:none}.shop-carousel__nav--prev{left:0;transform:translateY(-50%)rotate(180deg)}.shop-carousel__nav--next{right:0}
