.psc{position:relative;overflow:hidden;min-height:100svh}@media screen and (min-width:768px){.psc{min-height:0;height:0;padding-bottom:var(--psc-ratio, 56.25%)}}.psc__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;height:100%}.psc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;visibility:hidden;transition:opacity .7s cubic-bezier(.3,1,.3,1),visibility .7s cubic-bezier(.3,1,.3,1);will-change:opacity}.psc__img--active{opacity:1;visibility:visible}.psc__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--psc-overlay-opacity, .2));z-index:1;pointer-events:none}.psc__overlay{position:relative;z-index:2;display:grid;min-height:100svh;padding-block:var(--psc-padding-top, 80px) var(--psc-padding-bottom, 80px);padding-inline:var(--page-padding, var(--sp-4));grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"accordions" "swatches"}@media screen and (min-width:768px){.psc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;padding-inline:0;grid-template-columns:300px 1fr;grid-template-rows:1fr auto;grid-template-areas:"accordions ." "accordions swatches"}}@media screen and (min-width:1024px){.psc__overlay{grid-template-columns:360px 1fr}}.psc__bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-size:clamp(4rem,14vw,16rem);font-weight:var(--font-bold);font-family:var(--font-heading-family);color:#ffffff0d;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.psc__accordions{grid-area:accordions;display:flex;flex-direction:column;gap:var(--sp-2d5);align-self:center}.psc__accordion{background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--buttons-radius, 100px);overflow:hidden;transition:background-color .3s cubic-bezier(.3,1,.3,1)}.psc__accordion--open{background:#ffffff38}.psc__accordion-btn{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:none;border:none;color:#fff;font-family:var(--font-heading-family);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:opacity .2s ease}.psc__accordion-btn:hover{opacity:.8}.psc__accordion-icon{display:flex;align-items:center;justify-content:center;width:var(--sp-6);height:var(--sp-6);flex-shrink:0;background-color:#fff;color:#000;border-radius:50%;transition:transform .5s cubic-bezier(.3,1,.3,1)}.psc__accordion--open .psc__accordion-icon{transform:rotate(45deg)}.psc__accordion-icon svg{width:var(--sp-3d5);height:var(--sp-3d5)}.psc__accordion-label{flex:1}.psc__accordion-body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.3,1,.3,1)}.psc__accordion-inner{padding:0 var(--sp-5) var(--sp-4) calc(var(--sp-6) + var(--sp-3) + var(--sp-4));color:#ffffffd9;font-size:var(--text-sm);line-height:1.6}.psc__accordion-inner p{margin:0}.psc__accordion-inner p+p{margin-top:var(--sp-2)}.psc__swatches{grid-area:swatches;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);align-self:end}.psc__swatch{position:relative;width:var(--sp-8);height:var(--sp-8);padding:0;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:transform .3s cubic-bezier(.3,1,.3,1)}.psc__swatch:hover{transform:scale(1.12)}.psc__swatch-ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #fff;border-radius:50%;opacity:0;transition:opacity .3s cubic-bezier(.3,1,.3,1);pointer-events:none}.psc__swatch--active .psc__swatch-ring{opacity:1}.psc__accordion-btn:focus-visible,.psc__swatch:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.psc__img,.psc__accordion-body,.psc__accordion-icon,.psc__swatch,.psc__swatch-ring{transition:none}}@media screen and (max-width:767px){.psc__img--desktop{display:none}}@media screen and (min-width:768px){.psc__img--mobile{display:none}}@media screen and (max-width:767px){.psc__accordions{gap:var(--sp-2);align-self:start;padding-top:var(--sp-4)}.psc__swatches{justify-content:center;padding-block:var(--sp-4)}.psc__accordion-btn{padding:var(--sp-2d5) var(--sp-3);font-size:var(--text-sm)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-product-interactive-showcase.css.map */