tv-focus-carousel{display:none;position:relative;width:100%;min-width:0;color:rgb(var(--color-foreground));--tv-focus-side-opacity: .2;--tv-focus-duration: 5s}tv-focus-carousel[data-ready=true]{display:block}[data-tv-focus-hidden=true]{display:none!important}tv-focus-carousel .tv-focus__stage{position:relative;height:448px;width:100%;min-width:0;overflow:hidden;isolation:isolate;touch-action:pan-y}tv-focus-carousel .tv-focus__stage:before{content:"";position:absolute;top:5%;right:16%;bottom:0;left:16%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(var(--color-foreground),.045),transparent 65%)}tv-focus-carousel .tv-focus__item{display:block;position:absolute;left:50%;top:20px;width:var(--tv-focus-width, 400px);height:var(--tv-focus-width, 400px);min-height:0;margin:0;padding:0;border:0;border-radius:14px;background:transparent;color:inherit;font-size:0;line-height:0;cursor:pointer;opacity:0;transform-origin:center;transform:translate(calc(-50% + var(--tv-focus-x, 0px))) translateY(var(--tv-focus-y, 0px)) scale(var(--tv-focus-scale, 1));transition:transform .78s cubic-bezier(.22,.7,.18,1),opacity .78s cubic-bezier(.22,.7,.18,1);will-change:transform}tv-focus-carousel .tv-focus__item[hidden]{display:none!important}tv-focus-carousel .tv-focus__item[data-visible=true]{opacity:var(--tv-focus-side-opacity)}tv-focus-carousel .tv-focus__item[data-active=true]{opacity:1}tv-focus-carousel .tv-focus__item[data-visible=false]{pointer-events:none}tv-focus-carousel .tv-focus__frame{display:block;width:100%;height:100%;overflow:hidden;border-radius:14px;background:rgba(var(--color-foreground),.035);box-shadow:0 12px 20px -18px rgba(var(--color-shadow),.3);transition:box-shadow .78s ease}tv-focus-carousel .tv-focus__item[data-active=true] .tv-focus__frame{box-shadow:0 22px 34px -19px rgba(var(--color-shadow),.4)}tv-focus-carousel .tv-focus__frame img,tv-focus-carousel .tv-focus__frame svg{display:block;width:100%;height:100%;min-width:0;object-fit:cover;-webkit-user-select:none;user-select:none}tv-focus-carousel .tv-focus__item:focus-visible{outline:2px solid rgba(var(--color-foreground),.8);outline-offset:5px}tv-focus-carousel [data-dragging=true] .tv-focus__item{transition:none}tv-focus-carousel .tv-focus__details{position:relative;margin:8px auto 0;padding:0 12px;width:100%;max-width:48rem;min-height:14.6rem;text-align:center}tv-focus-carousel .tv-focus__name{margin:0 0 .8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.6rem,3vw,3.4rem);line-height:1.2;overflow-wrap:anywhere}tv-focus-carousel .tv-focus__name a{color:inherit;text-decoration:none}tv-focus-carousel .tv-focus__details .price{justify-content:center;font-size:1.4rem;line-height:1.5;margin-bottom:1.6rem;text-align:center}tv-focus-carousel .tv-focus__link{display:inline-flex;align-items:center;justify-content:center;gap:2rem;min-height:4.4rem;padding:1rem 2.2rem;border:1px solid rgb(var(--color-button));border-radius:999px;color:rgb(var(--color-button-text));background:rgb(var(--color-button));text-decoration:none;font-size:1.2rem;line-height:1.5}tv-focus-carousel .tv-focus__arrow,tv-focus-carousel .tv-focus__toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;font:inherit;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}tv-focus-carousel .tv-focus__arrow{position:absolute;top:calc(20px + var(--tv-focus-width, 400px) / 2);z-index:5;transform:translateY(-50%);color:#20221f;background:#faf9f6e0;box-shadow:0 2px 14px #00000014;opacity:0;transition:opacity .3s ease,background .2s ease}tv-focus-carousel .tv-focus__arrow--prev{left:clamp(4px,2vw,24px)}tv-focus-carousel .tv-focus__arrow--next{right:clamp(4px,2vw,24px)}tv-focus-carousel .tv-focus__arrow>svg{width:18px;height:18px}tv-focus-carousel[data-controls-visible=true] .tv-focus__arrow,tv-focus-carousel:has(:focus-visible) .tv-focus__arrow{opacity:.95}tv-focus-carousel .tv-focus__arrow:hover{background:#faf9f6;opacity:1}tv-focus-carousel .tv-focus__overlays{position:absolute;z-index:6;top:20px;left:50%;width:var(--tv-focus-width, 400px);height:var(--tv-focus-width, 400px);transform:translate(-50%);pointer-events:none}tv-focus-carousel .tv-focus__count{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#141614b8;color:#fff;font-size:11px;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}tv-focus-carousel .tv-focus__toggle{position:absolute;top:12px;right:12px;color:#fff;background:#141614b8;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease}tv-focus-carousel .tv-focus__toggle:hover{background:#141614e6}tv-focus-carousel .tv-focus__timer{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);transform:rotate(-90deg);overflow:visible}tv-focus-carousel .tv-focus__timer-track,tv-focus-carousel .tv-focus__timer-fill{fill:none;stroke-width:1.5}tv-focus-carousel .tv-focus__timer-track{stroke:#ffffff3d}tv-focus-carousel .tv-focus__timer-fill{stroke:#fff;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:tv-focus-ring var(--tv-focus-duration, 5s) linear both;animation-play-state:paused}tv-focus-carousel [data-focus-progress][data-running=true] .tv-focus__timer-fill{animation-play-state:running}tv-focus-carousel[data-progress-reset=true] .tv-focus__timer-fill,tv-focus-carousel [data-progress-reset=true] .tv-focus__timer-fill,tv-focus-carousel [data-focus-progress][data-progress-reset=true] .tv-focus__timer-fill{animation:none}tv-focus-carousel .tv-focus__pause-icon,tv-focus-carousel .tv-focus__play-icon{display:block;width:15px;height:15px;position:relative;z-index:1}tv-focus-carousel .tv-focus__play-icon{display:none;margin-left:2px}tv-focus-carousel .tv-focus__toggle[aria-pressed=false] .tv-focus__pause-icon{display:none}tv-focus-carousel .tv-focus__toggle[aria-pressed=false] .tv-focus__play-icon{display:block}tv-focus-carousel .tv-focus__pagination{display:flex;align-items:center;justify-content:space-between;gap:clamp(2px,.5vw,6px);width:var(--tv-focus-width, 400px);max-width:100%;min-height:44px;margin:-24px auto 0;position:relative;z-index:4}tv-focus-carousel .tv-focus__dash{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}tv-focus-carousel .tv-focus__dash:after{content:"";display:block;width:min(100%,24px);height:2px;border-radius:999px;background:rgba(var(--color-foreground),.22);transition:background .22s ease}tv-focus-carousel .tv-focus__dash[aria-current=true]:after{background:rgb(var(--color-foreground))}tv-focus-carousel .tv-focus__dash:hover:after{background:rgba(var(--color-foreground),.65)}tv-focus-carousel .tv-focus__dash[hidden]{display:none}tv-focus-carousel .tv-focus__arrow:focus-visible,tv-focus-carousel .tv-focus__toggle:focus-visible,tv-focus-carousel .tv-focus__dash:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}tv-focus-carousel .tv-focus__toggle:focus-visible{outline-color:#fff}tv-focus-carousel .tv-focus__image-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes tv-focus-ring{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media(hover:none),(pointer:coarse){tv-focus-carousel .tv-focus__arrow{opacity:.75;width:40px;height:44px;min-width:40px}tv-focus-carousel .tv-focus__arrow--prev{left:2px}tv-focus-carousel .tv-focus__arrow--next{right:2px}}tv-focus-carousel .tv-focus__thumbnails{display:flex;position:relative;gap:1rem;max-width:100%;margin:2rem auto 0;padding:.5rem .3rem 1rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.2) transparent}tv-focus-carousel .tv-focus__thumbnail{flex:0 0 6.4rem;width:6.4rem;display:grid;gap:.5rem;padding:.4rem;border:1px solid transparent;border-radius:.8rem;background:transparent;color:rgba(var(--color-foreground),.6);font:inherit;font-size:1rem;line-height:1.4;cursor:pointer;transition:border-color .22s ease,color .22s ease,background .22s ease}tv-focus-carousel .tv-focus__thumbnail[hidden]{display:none}tv-focus-carousel .tv-focus__thumbnail img,tv-focus-carousel .tv-focus__thumbnail svg{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:.4rem}tv-focus-carousel .tv-focus__thumbnail[aria-current=true]{border-color:rgba(var(--color-foreground),.65);background:rgba(var(--color-foreground),.035);color:rgb(var(--color-foreground))}tv-focus-carousel .tv-focus__thumbnail:hover{border-color:rgba(var(--color-foreground),.25)}tv-focus-carousel .tv-focus__thumbnail:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}tv-focus-carousel .tv-focus__thumbnail{position:relative}tv-focus-carousel .tv-focus__media-badge{display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;background:#ffffffeb;color:#20221f;font-size:1.8rem;line-height:1;box-shadow:0 4px 20px #0000001f;pointer-events:none}tv-focus-carousel .tv-focus__thumbnail .tv-focus__media-badge{width:2rem;height:2rem;font-size:1rem;left:auto;top:auto;right:.6rem;bottom:.6rem;transform:none}tv-focus-carousel[data-presentation=compact][data-ready=true]{display:grid;grid-template-columns:minmax(0,1fr) 19rem;column-gap:2rem;align-items:center}tv-focus-carousel[data-presentation=compact] .tv-focus__stage{grid-column:1;grid-row:1}tv-focus-carousel[data-presentation=compact] .tv-focus__pagination{grid-column:1;grid-row:2}tv-focus-carousel[data-presentation=compact] .tv-focus__item{top:12px;border-radius:10px}tv-focus-carousel[data-presentation=compact] .tv-focus__frame{border-radius:10px}tv-focus-carousel[data-presentation=compact] .tv-focus__details{grid-column:2;grid-row:1 / 3;min-height:0;padding:0;margin:0;text-align:left}tv-focus-carousel[data-presentation=compact] .tv-focus__name{font-size:2rem;margin:0 0 .5rem}tv-focus-carousel[data-presentation=compact] .price{justify-content:flex-start;margin-bottom:.6rem;font-size:1.2rem}tv-focus-carousel[data-presentation=compact] .tv-focus__link{padding:0;min-height:3rem;gap:.8rem;color:rgb(var(--color-foreground));border:0;background:transparent;font-size:1.1rem;text-decoration:underline;text-underline-offset:.3rem}tv-focus-carousel[data-presentation=related]{max-width:110rem;margin:0 auto}tv-focus-carousel[data-presentation=related] .tv-focus__details{min-height:12rem}tv-focus-carousel[data-presentation=related] .tv-focus__name{font-size:2.8rem}tv-focus-carousel[data-presentation=related] .tv-focus__link{min-height:4rem}@media(max-width:749px){tv-focus-carousel[data-presentation=compact][data-ready=true]{grid-template-columns:minmax(0,1fr) 15rem;column-gap:.6rem}tv-focus-carousel[data-presentation=compact] .tv-focus__name{font-size:1.8rem}tv-focus-carousel .tv-focus__thumbnails{gap:.6rem}tv-focus-carousel .tv-focus__thumbnail{flex-basis:5.6rem;width:5.6rem}}@media(max-width:749px){tv-focus-carousel .tv-focus__details{min-height:14rem}}@media(prefers-reduced-motion:reduce){tv-focus-carousel .tv-focus__item,tv-focus-carousel .tv-focus__frame{transition:none}tv-focus-carousel .tv-focus__timer-fill{animation:none!important}tv-focus-carousel .tv-focus__arrow,tv-focus-carousel .tv-focus__dash:after{transition:none}}tv-focus-carousel[data-presentation=compact] .tv-focus__overlays{top:12px}tv-focus-carousel[data-presentation=compact] .tv-focus__arrow{top:calc(12px + var(--tv-focus-width, 128px) / 2);width:32px;height:32px;min-width:32px;min-height:32px}tv-focus-carousel[data-presentation=compact] .tv-focus__arrow--prev{left:0}tv-focus-carousel[data-presentation=compact] .tv-focus__arrow--next{right:0}tv-focus-carousel[data-presentation=compact] .tv-focus__count{top:6px;left:6px;min-height:24px;padding:4px 6px;font-size:9px}tv-focus-carousel[data-presentation=compact] .tv-focus__toggle{top:6px;right:6px;width:32px;height:32px;min-width:32px;min-height:32px}tv-focus-carousel[data-presentation=compact] .tv-focus__pause-icon,tv-focus-carousel[data-presentation=compact] .tv-focus__play-icon{width:12px;height:12px}tv-focus-carousel[data-presentation=compact] .tv-focus__pagination{gap:3px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tv-focus-carousel.css.map */