@layer sections{.tbanner{--tb-fg: #fff;position:relative;display:grid;overflow:hidden;color:var(--tb-fg);background-color:#111;border-radius:calc(var(--radius-media) * 2)}.tbanner-wrap--full .tbanner{border-radius:0}.tbanner--dark{--tb-fg: #111;background-color:var(--color-bg-subtle)}.tbanner--small{--tb-h: clamp(22rem, 50svh, 32rem)}.tbanner--medium{--tb-h: clamp(28rem, 64svh, 42rem)}.tbanner--large{--tb-h: clamp(34rem, 80svh, 54rem)}.tbanner--custom{--tb-h: var(--h-custom, 40rem)}.tbanner__panels{display:grid}.tbanner__panel{position:relative;display:grid;grid-area:1 / 1;align-content:end;min-height:var(--tb-h);animation:tbanner-in .7s var(--ease)}.tbanner:not(.tbanner--links) .tbanner__panel{grid-template-columns:minmax(0,var(--tbc-w, 44rem));align-content:var(--place-y-m, end);justify-content:var(--place-x-m, start)}.tbanner__panel[hidden]{display:none}@keyframes tbanner-in{0%{opacity:0}}.tbanner__media{position:absolute;top:0;right:0;bottom:0;left:0}.tbanner__media :is(picture,img,video,svg){display:block;width:100%;height:100%;object-fit:cover}.tbanner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / calc(var(--overlay) * 1.8)),rgb(0 0 0 / calc(var(--overlay) * .3)) 65%)}.tbanner--dark .tbanner__media:after{background:linear-gradient(to top,rgb(255 255 255 / calc(var(--overlay) * 1.8)),transparent 65%)}.tbanner__content{position:relative;z-index:1;display:grid;justify-items:var(--place-text-m, start);gap:var(--tbc-gap, var(--space-3));padding:clamp(1.5rem,1rem + 3vw,4rem);text-align:var(--place-text-m, start)}.tbanner--tabs-over .tbanner__content{padding-block-end:calc(clamp(1.5rem,1rem + 3vw,4rem) + 4rem)}.tbanner__heading{margin:0;font-size:calc(clamp(2rem,1.4rem + 3vw,4.25rem) * var(--heading-scale) * var(--sz-h, 1));line-height:1.04;color:var(--tbc-heading, inherit);text-wrap:balance}.tbanner__text{max-width:34rem;font-size:calc(1em * var(--sz-t, 1));opacity:.88}@media(min-width:750px){.tbanner:not(.tbanner--links) .tbanner__panel{align-content:var(--place-y, end);justify-content:var(--place-x, start)}.tbanner__content{justify-items:var(--place-text, start);text-align:var(--place-text, start)}}.tbanner__tabs{display:flex;gap:var(--tab-gap, var(--space-2));overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tbanner__tabs::-webkit-scrollbar{display:none}.tbanner--tabs-over .tbanner__tabs{position:absolute;inset-inline:clamp(1.5rem,1rem + 3vw,4rem);bottom:clamp(1.25rem,1rem + 1.5vw,2.5rem);z-index:2}.tbanner--tabs-center .tbanner__tabs{justify-content:safe center}.tbanner--tabs-right .tbanner__tabs{justify-content:safe flex-end}.tbanner--tabs-above{background:none}.tbanner--tabs-above .tbanner__tabs{order:-1;justify-content:center;margin-block-end:var(--space-5);color:var(--color-fg)}.tbanner--tabs-above .tbanner__panel{overflow:hidden;border-radius:calc(var(--radius-media) * 2)}.tbanner__tab{flex:none;padding:calc(.625rem * var(--tab-s, 1)) calc(1.25rem * var(--tab-s, 1));font-size:calc(.9375rem * var(--tab-s, 1));white-space:nowrap;color:inherit;border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--duration),color var(--duration)}.tbanner__tab[aria-selected=true]{color:#111;background-color:#fff;border-color:#fff}.tbanner--dark .tbanner__tab[aria-selected=true],.tbanner--tabs-above .tbanner__tab[aria-selected=true]{color:var(--color-btn-label);background-color:var(--color-btn);border-color:var(--color-btn)}@media(max-width:749px){.tbanner__tabs{gap:var(--tab-gap-m, var(--tab-gap, var(--space-2)))}.tbanner__tab{padding:calc(.625rem * var(--tab-s-m, var(--tab-s, 1))) calc(1.25rem * var(--tab-s-m, var(--tab-s, 1)));font-size:calc(.9375rem * var(--tab-s-m, var(--tab-s, 1)))}}@media(prefers-reduced-motion:reduce){:root[data-motion=respect] .tbanner__panel{animation:none}}@media(max-width:749px){.tbanner--m-custom{--tb-h: var(--h-custom-m, 30rem)}.tbanner--m-small{--tb-h: clamp(22rem, 50svh, 32rem)}.tbanner--m-medium{--tb-h: clamp(28rem, 64svh, 42rem)}.tbanner--m-large{--tb-h: clamp(34rem, 80svh, 54rem)}.tbanner--m-screen{--tb-h: 100svh}}.tbanner--links .tbanner__panel{align-content:center;visibility:hidden;opacity:0;animation:none;transition:opacity 1s var(--ease),visibility 0s linear 1s}.tbanner--links .tbanner__panel.is-active{z-index:1;visibility:visible;opacity:1;transition:opacity 1s var(--ease)}.tbanner--links .tbanner__media:after{background:rgb(0 0 0 / var(--overlay))}.tbanner--links.tbanner--dark .tbanner__media:after{background:rgb(255 255 255 / var(--overlay))}.tbanner__cover{position:absolute;top:0;right:0;bottom:0;left:0}.tbanner__slide,.tbanner__thumbs,.tbanner__counter{display:none}.tbanner__links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-4);text-align:center;pointer-events:none}.tbanner__eyebrow{margin:0;font-size:var(--eyebrow-size);font-weight:var(--font-body-weight-bold);letter-spacing:var(--eyebrow-spacing);text-transform:var(--eyebrow-case);opacity:.75}.tbanner__list{display:grid;justify-items:center;gap:clamp(.5rem,.25rem + 1vw,1.25rem);margin:0;padding:0;list-style:none;pointer-events:auto}.tbanner__link{font-family:var(--font-heading-family);font-size:calc(clamp(1.5rem,1.1rem + 1.4vw,2.5rem) * var(--heading-scale));line-height:1.2;letter-spacing:-.02em;color:inherit;text-decoration:none;opacity:.6;transition:opacity var(--duration-slow) var(--ease)}.tbanner__link.is-active,.tbanner__slide .tbanner__link{opacity:1}.tbanner__link:focus-visible{outline:1px solid currentColor;outline-offset:4px}@media(max-width:749px){.tbanner--m-links .tbanner__links{display:grid}.tbanner--m-links :is(.tbanner__slide,.tbanner__thumbs){display:none}}@media(max-width:749px){.tbanner--links{touch-action:pan-y}.tbanner--links .tbanner__links{display:none}.tbanner--links .tbanner__slide{position:relative;z-index:1;display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4) calc(var(--space-7) + 4.5rem);text-align:center}.tbanner__thumbs{position:absolute;inset-inline:var(--space-4);bottom:var(--space-5);z-index:3;display:flex;justify-content:center}.tbanner__strip{position:relative;display:flex;gap:var(--space-2);max-width:100%;padding:var(--space-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background-color:#ffffff8c;border:1px solid rgb(255 255 255 / .35);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tbanner__strip::-webkit-scrollbar{display:none}.tbanner__thumb{flex:none;width:3.5rem;height:3.5rem;padding:0;overflow:hidden;background-color:#fff;border:2px solid transparent;border-radius:.625rem;transition:border-color var(--duration),scale var(--duration)}.tbanner__thumb :is(img,svg){display:block;width:100%;height:100%;object-fit:cover}.tbanner__thumb[aria-pressed=true]{border-color:#111;scale:1.04}.tbanner__counter{position:absolute;inset-inline:0;bottom:var(--space-6);z-index:3;display:block;margin:0;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-tabbed-banner.css.map */