.product-panel{--edge-rgb: var(--color-background);container-type:inline-size;--content-inset: max(var(--page-margin), calc((100cqw - var(--page-width) + 2 * var(--page-margin)) / 2));--pad-x: clamp(var(--page-margin), var(--side-pad, 3cqw), var(--content-inset));margin-block:var(--content-space-top-m, 2.5rem) var(--content-space-bottom-m, 2.5rem);background:rgb(var(--color-background));color:rgb(var(--color-text))}.product-panel__inner{display:grid}.product-panel__panel{--veil-rgb: var(--color-text);--panel-h: calc(100cqw / (var(--panel-ratio-m, 4 / 3)));--tilt-slop-m: 0px;--image-bleed: calc( var(--tilt-slop-m) * 1.2 + max(0px, calc(-1 * var(--edge-begin-m, 0) * var(--panel-h))) );position:relative;display:grid;overflow:hidden;height:calc(var(--panel-h) + var(--image-bleed));padding-block-end:var(--image-bleed);margin-block-end:calc(-1 * var(--image-bleed));padding-inline:var(--pad-x);background:rgb(var(--color-background));text-decoration:none}.product-panel--dark .product-panel__panel{--veil-rgb: var(--color-background)}.product-panel__picture{display:contents}.product-panel__video{pointer-events:none}.product-panel__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-default) var(--ease-default)}.product-panel__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(var(--veil-rgb) / .6),rgb(var(--veil-rgb) / .1))}.product-panel--flat .product-panel__panel:after{content:none}.product-panel__panel:before,.product-panel__fade{--edge-dir: 0deg;--edge-lean: 0deg;--edge-slop: 0px;--edge-start: calc(var(--edge-slop) + var(--edge-begin-m, 0) * 100%);--edge-span: calc(var(--edge-fade-m, .35) * 100%);--edge-stops: rgb(var(--edge-rgb)) 0, rgb(var(--edge-rgb)) var(--edge-start), rgb(var(--edge-rgb) / .995) calc(var(--edge-start) + var(--edge-span) * .25), rgb(var(--edge-rgb) / .96) calc(var(--edge-start) + var(--edge-span) * .45), rgb(var(--edge-rgb) / .88) calc(var(--edge-start) + var(--edge-span) * .58), rgb(var(--edge-rgb) / .72) calc(var(--edge-start) + var(--edge-span) * .7), rgb(var(--edge-rgb) / .52) calc(var(--edge-start) + var(--edge-span) * .8), rgb(var(--edge-rgb) / .3) calc(var(--edge-start) + var(--edge-span) * .89), rgb(var(--edge-rgb) / .13) calc(var(--edge-start) + var(--edge-span) * .95), rgb(var(--edge-rgb) / 0) calc(var(--edge-start) + var(--edge-span));pointer-events:none}.product-panel__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(calc(var(--edge-dir) + var(--edge-lean)),var(--edge-stops))}.product-panel__fade{display:none}.product-panel__body{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,var(--panel-text-max, max-content));gap:.625rem;align-content:end;justify-content:start;justify-items:start;padding-block:1.5rem;text-align:left}.product-panel__kicker,.product-panel__heading,.product-panel__text{margin:0}.product-panel__kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.product-panel__text{font-size:var(--text-m)}.product-panel .product-panel__text p{text-wrap:wrap;margin-block:0 .4em}.product-panel .product-panel__text>:last-child{margin-bottom:0}.product-panel__heading.h1~.product-panel__text{font-size:var(--text-l)}.product-panel__button{margin-top:.25rem}.product-panel--light .product-panel__kicker,.product-panel--light .product-panel__heading,.product-panel--light .product-panel__text{color:rgb(var(--color-background))}.product-panel--dark .product-panel__kicker,.product-panel--dark .product-panel__heading,.product-panel--dark .product-panel__text{color:rgb(var(--color-text))}.product-panel--light .product-panel__button{border-color:rgb(var(--color-background));background:rgb(var(--color-background));color:rgb(var(--color-text))}.product-panel__carousel{position:relative;z-index:2;display:block;min-width:0}ul.product-panel__list{padding-block:var(--content-pad-top-m, 1.5rem) var(--content-pad-bottom-m, 1.5rem)}.product-panel--on-dark .card-product__media-link,.product-panel--on-dark .card-product__pair,.product-panel--on-dark .card-product__wishlist,.product-panel--on-dark .card-product__flags{--color-background: var(--color-base-background);--color-text: var(--color-base-text)}.product-panel--on-dark .product-panel__arrow.carousel-arrow{--color-background: var(--color-base-background);--color-text: var(--color-base-text);--color-border: var(--color-base-border)}.product-panel--on-dark .card-product__media-link,.product-panel--on-dark .card-product__pair{--card-media-bg: color-mix(in srgb, rgb(var(--color-text)) 4%, rgb(var(--color-background)));--card-media-bg-hover: color-mix(in srgb, rgb(var(--color-text)) 8%, rgb(var(--color-background)))}.product-panel--on-dark .card-product__flavors-pill{border:1.4px solid rgb(var(--color-text) / .7)}.product-panel--on-dark .notch__button--muted{background:rgb(var(--color-text) / .5)}@media(hover:hover){.product-panel--on-dark .notch__button--muted:hover{background:rgb(var(--color-text) / .5)}}.product-panel__arrow.carousel-arrow{position:absolute;top:calc(var(--content-pad-top-m, 1.5rem) + (100% - var(--content-pad-top-m, 1.5rem) - var(--content-pad-bottom-m, 1.5rem)) * .28);z-index:2;display:none}@media(hover:hover){kg-carousel[data-scrollable] .product-panel__arrow.carousel-arrow{display:grid}}@media(max-width:1023.98px){.product-panel__panel:before,.product-panel__fade{bottom:-2px}.product-panel--m-tilt-left .product-panel__panel:before,.product-panel--m-tilt-right .product-panel__panel:before{--edge-slop: calc(var(--edge-tilt, 10deg) / 1deg * var(--panel-ratio-n, 1.33) * 1.15%)}.product-panel--m-tilt-left .product-panel__panel,.product-panel--m-tilt-right .product-panel__panel{--tilt-slop-m: calc(var(--panel-h) * var(--edge-tilt, 10deg) / 1deg * var(--panel-ratio-n, 1.33) * .0115)}.product-panel--m-tilt-left .product-panel__panel:before{--edge-lean: calc(-1 * var(--edge-tilt, 10deg))}.product-panel--m-tilt-right .product-panel__panel:before{--edge-lean: var(--edge-tilt, 10deg)}ul.product-panel__list{--card-columns-tablet: 3;padding-inline:var(--page-margin);scroll-padding-inline:var(--page-margin)}.product-panel__arrow--prev{left:0}.product-panel__arrow--next{right:0}}@media(min-width:750px)and (max-width:1023.98px){.product-panel--m-tilt-left .product-panel__panel:before,.product-panel--m-tilt-right .product-panel__panel:before{--edge-slop: calc(var(--edge-tilt, 10deg) / 1deg * var(--panel-ratio-tn, 2.5) * 1.15%)}.product-panel--m-tilt-left .product-panel__panel,.product-panel--m-tilt-right .product-panel__panel{--tilt-slop-m: calc(var(--panel-h) * var(--edge-tilt, 10deg) / 1deg * var(--panel-ratio-tn, 2.5) * .0115)}}@media(min-width:750px){.product-panel{margin-block:var(--content-space-top, 3.75rem) var(--content-space-bottom, 3.75rem)}.product-panel__panel{--panel-h: calc(100cqw / (var(--panel-ratio-t, 5 / 2)))}.product-panel__body{gap:.875rem;padding-block:2rem}ul.product-panel__list{padding-block:var(--content-pad-top, 1.5rem) var(--content-pad-bottom, 1.5rem)}.product-panel__arrow.carousel-arrow{top:calc(var(--content-pad-top, 1.5rem) + (100% - var(--content-pad-top, 1.5rem) - var(--content-pad-bottom, 1.5rem)) * .28)}}@media(min-width:1024px){.product-panel{--card-standard: calc((min(var(--page-width) - 2 * var(--page-margin), 100cqw - 2 * var(--page-margin)) - 4.5rem)/4) }.product-panel__inner{grid-template-columns:minmax(0,1fr) auto;column-gap:1.5rem}.product-panel__panel{--image-bleed: calc( var(--tilt-slop) * 1.2 + max(0px, calc(-1 * var(--edge-begin, .1) * var(--panel-w))) );grid-area:1 / 1;height:auto;margin-block-end:0;margin-inline-end:calc(-1 * var(--image-bleed));padding-block-end:0;padding-inline:var(--pad-x) 0}.product-panel__body{grid-template-columns:minmax(0,min(var(--panel-text-max, 9999px),calc(100% - var(--image-bleed))));align-content:center}.product-panel__panel:before{content:none}.product-panel__fade{--edge-dir: 270deg;--edge-lean: var(--edge-tilt, 10deg);--edge-slop: var(--tilt-slop);--edge-start: calc(var(--row-width) + 1.5rem + var(--edge-slop) + var(--edge-begin, .1) * var(--panel-w));--edge-span: calc(var(--edge-fade, .35) * var(--panel-w));display:block;grid-area:1 / 1 / 2 / -1;z-index:1;background:linear-gradient(calc(var(--edge-dir) + var(--edge-lean)),var(--edge-stops))}.product-panel{--row-space: calc( 100cqw - max(var(--panel-min, 22.5rem), var(--text-min, 0px)) - 1.5rem - var(--pad-x) - var(--pad-x) );--cards-fit: max(1, round(down, calc((var(--row-space) + 1.5rem) / (var(--card-standard) + 1.5rem)), 1));--cards: min(var(--cards-max, 4), var(--cards-fit));--row-width: calc(var(--cards) * var(--card-standard) + (var(--cards) - 1) * 1.5rem + var(--pad-x));--panel-w: calc(100cqw - var(--row-width) - 1.5rem);--tilt-slop: calc(var(--edge-tilt, 10deg) / 1deg * 8px)}.product-panel__carousel{grid-area:1 / 2;width:var(--row-width);padding-inline-end:var(--pad-x)}ul.product-panel__list{--card-width-desktop: var(--card-standard);padding-inline:0;scroll-padding-inline:0}.product-panel__arrow--prev{left:-1.25rem}.product-panel__arrow--next{right:calc(var(--pad-x) - 1.25rem)}}@media(hover:hover){.product-panel__panel[href]:hover .product-panel__media{transform:scale(1.02)}.product-panel--light .product-panel__button:hover{border-color:rgb(var(--color-background) / .85);background:rgb(var(--color-background) / .85)}}@media(prefers-reduced-motion:reduce){.product-panel__media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/section-product-panel.css.map */