.lifestyle-carousel{display:block;min-width:0;background:var(--lc-background);color:var(--colorTextBody);padding-block:var(--lc-top-mobile) var(--lc-bottom-mobile);--lc-gap: var(--lc-gap-mobile);--lc-cards: 2.15;--lc-height: var(--lc-height-mobile)}.lifestyle-carousel .lifestyle-carousel__heading{margin:0 0 24px}.lifestyle-carousel__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.lifestyle-carousel__lifestyle,.lifestyle-carousel__carousel{min-width:0;min-height:0}.lifestyle-carousel__carousel{display:flex;flex-direction:column;height:var(--lc-height)}.lifestyle-carousel__lifestyle-content{display:flex;flex-direction:column;color:inherit}.lifestyle-carousel__lifestyle-media{position:relative;height:var(--lc-height);flex:none;background:var(--lc-image-background)}.lifestyle-carousel__lifestyle-media picture{display:block}.lifestyle-carousel__lifestyle-media img,.lifestyle-carousel__lifestyle-media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lifestyle-carousel .lifestyle-carousel__viewport{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--lc-cards) - 1) * var(--lc-gap)) / var(--lc-cards));grid-template-rows:minmax(0,1fr) auto;column-gap:var(--lc-gap);row-gap:0;flex:1;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0;list-style:none;scrollbar-width:thin}.lifestyle-carousel[data-ready] .lifestyle-carousel__viewport{scrollbar-width:none}.lifestyle-carousel[data-ready] .lifestyle-carousel__viewport::-webkit-scrollbar{display:none}.lifestyle-carousel .lifestyle-carousel__card{display:grid;grid-row:1 / span 2;grid-template-rows:subgrid;min-width:0;margin:0;padding:0;scroll-snap-align:start}.lifestyle-carousel__card-content{display:grid;grid-row:1 / span 2;grid-template-rows:subgrid;min-height:0;color:inherit}.lifestyle-carousel__card-media{min-height:0;position:relative;background:var(--lc-image-background)}.lifestyle-carousel__card-media img,.lifestyle-carousel__card-media svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:var(--lc-image-fit)}.lifestyle-carousel .lifestyle-carousel__label{display:block;padding-top:10px;font-family:var(--font-family);font-size:var(--lc-title-size-mobile, 15px);font-weight:var(--body-font-weight, 400);font-style:var(--body-font-style, normal);color:var(--lc-title-color, var(--colorTextBody));line-height:1.4;overflow-wrap:anywhere}.lifestyle-carousel__lifestyle .lifestyle-carousel__label{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:italic;line-height:1.1}.lifestyle-carousel__carousel .lifestyle-carousel__label{font-weight:500}.lifestyle-carousel__title-text{position:relative;display:inline-block;max-width:100%;vertical-align:top;color:inherit}.lifestyle-carousel a.lifestyle-carousel__card-content .lifestyle-carousel__title-text:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base, .25s) var(--ease-out, ease-out)}.lifestyle-carousel a.lifestyle-carousel__card-content:focus-visible .lifestyle-carousel__title-text:after{transform:scaleX(1)}@media(hover:hover){.lifestyle-carousel a.lifestyle-carousel__card-content:hover .lifestyle-carousel__title-text:after{transform:scaleX(1)}}.lifestyle-carousel__title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:16px;background:rgb(0 0 0 / var(--lc-title-shade, .55));pointer-events:none}.lifestyle-carousel .lifestyle-carousel__title-overlay .lifestyle-carousel__label{padding:0;color:var(--lc-overlay-title-color, #fff);text-align:center}.lifestyle-carousel__title-overlay[data-position^=top]{justify-content:flex-start}.lifestyle-carousel__title-overlay[data-position^=bottom]{justify-content:flex-end}.lifestyle-carousel .lifestyle-carousel__title-overlay[data-position$=left] .lifestyle-carousel__label{text-align:left}.lifestyle-carousel .lifestyle-carousel__title-overlay[data-position$=right] .lifestyle-carousel__label{text-align:right}.lifestyle-carousel__controls{display:flex;align-items:flex-end;flex-shrink:0;gap:16px;margin-top:14px;min-width:0}.lifestyle-carousel__controls[hidden],.lifestyle-carousel__arrows{display:none}.lifestyle-carousel__track{flex:1;height:3px;position:relative;background:#dedbd6}.lifestyle-carousel__thumb{display:block;position:absolute;inset-block:0;left:0;background:#383633}.lifestyle-carousel .lifestyle-carousel__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:0;min-height:0;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;box-shadow:none;cursor:pointer}.lifestyle-carousel .lifestyle-carousel__arrow:before,.lifestyle-carousel .lifestyle-carousel__arrow:after{content:none}.lifestyle-carousel__arrow:disabled{opacity:.3;cursor:default}.lifestyle-carousel a:focus-visible,.lifestyle-carousel button:focus-visible,.lifestyle-carousel__viewport:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.lifestyle-carousel a.lifestyle-carousel__lifestyle-content:hover .lifestyle-carousel__label{text-decoration:underline;text-underline-offset:3px}@media(max-width:767px){.lifestyle-carousel--hide-mobile .lifestyle-carousel__lifestyle{display:none}.lifestyle-carousel__controls:not(:has(.lifestyle-carousel__track)){display:none}}@media(min-width:768px){.lifestyle-carousel .lifestyle-carousel__heading{margin-bottom:32px}.lifestyle-carousel__title-overlay{padding:24px}.lifestyle-carousel .lifestyle-carousel__label{font-size:var(--lc-title-size-desktop, 15px)}.lifestyle-carousel{--lc-gap: var(--lc-gap-desktop);--lc-cards: 3;--lc-height: var(--lc-height-desktop);padding-block:var(--lc-top-desktop) var(--lc-bottom-desktop)}.lifestyle-carousel__layout{grid-template-columns:minmax(0,calc((100% - 24px) * var(--lc-image-width) / 100)) minmax(0,1fr);gap:24px}.lifestyle-carousel--hide-desktop .lifestyle-carousel__lifestyle{display:none}.lifestyle-carousel--hide-desktop .lifestyle-carousel__layout{grid-template-columns:minmax(0,1fr)}.lifestyle-carousel__arrows{display:flex;gap:8px;margin-inline-start:auto}}@media(prefers-reduced-motion:reduce){.lifestyle-carousel *,.lifestyle-carousel *:before,.lifestyle-carousel *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/lifestyle-carousel.css.map */