.expanding-panels__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.expanding-panel{--expanding-panel-pad: var(--spacing-5);position:relative;min-height:5.5rem;overflow:hidden;border-radius:var(--rounded);background-color:rgb(var(--text-primary) / .06)}.expanding-panel--on-media{--text-primary: var(--expanding-panel-text, 255 255 255);--border-color: var(--expanding-panel-text, 255 255 255) / .35;color:rgb(var(--text-primary))}.expanding-panel__summary{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:pointer;list-style:none}.expanding-panel__summary::-webkit-details-marker{display:none}.expanding-panel__summary:focus-visible{outline:2px solid rgb(var(--text-primary));outline-offset:-4px;border-radius:inherit}.expanding-panel__media,.expanding-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.expanding-panel__image{display:block;width:100%;height:100%;object-fit:cover}.expanding-panel__placeholder{fill:rgb(var(--text-primary) / .25)}.expanding-panel__overlay{background-color:rgb(var(--expanding-panel-overlay, 0 0 0) / var(--expanding-panel-overlay-opacity, 0))}.expanding-panel__label{position:absolute;inset-block-start:var(--expanding-panel-pad);inset-inline:var(--expanding-panel-pad);display:flex;align-items:center;justify-content:flex-start;font-weight:700}.expanding-panel:not([open]) .expanding-panel__label{inset-block:0}.expanding-panel__logo{display:block;width:auto;max-width:min(100%,var(--expanding-panels-logo, 90px));height:auto;max-height:3rem;object-fit:contain}.expanding-panel__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-3);padding:calc(var(--expanding-panel-pad) + 4rem) var(--expanding-panel-pad) var(--expanding-panel-pad)}.expanding-panel[open] .expanding-panel__content{min-height:20rem;justify-content:flex-end}.expanding-panel__eyebrow,.expanding-panel__title{margin:0}.expanding-panel__text{max-width:34rem;color:inherit}.expanding-panel__details{display:flex;flex-wrap:wrap;gap:var(--spacing-4) var(--spacing-8);margin:var(--spacing-2) 0 0}.expanding-panel__detail-label{margin-block-end:var(--spacing-1);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.expanding-panel__detail-text{margin:0;color:inherit}.expanding-panel__detail-text p{margin:0}.expanding-panel__action{margin-block-start:var(--spacing-2)}@media(prefers-reduced-motion:no-preference){.expanding-panel[open] .expanding-panel__content{animation:expanding-panel-in .4s ease both}}@keyframes expanding-panel-in{0%{opacity:0;transform:translateY(.5rem)}}@media screen and (min-width:700px){.expanding-panels__list{flex-direction:row;block-size:var(--expanding-panels-height, 32rem)}.expanding-panel{--expanding-panel-pad: var(--spacing-6);flex:0 1 var(--expanding-panels-collapsed, 100px);min-width:0;min-height:0}.expanding-panel[open],.expanding-panels__list:not(:has(>[open]))>.expanding-panel{flex:1 1 0}.expanding-panel[name][open]{flex-shrink:0;min-width:40%}.expanding-panel:not([open]) .expanding-panel__label{justify-content:center;align-items:flex-start;inset-block:var(--expanding-panel-pad) auto;inset-inline:var(--spacing-3);container-type:inline-size}.expanding-panel:not([open]) .expanding-panel__label:has(.expanding-panel__logo){align-items:center;inset-block:var(--expanding-panel-pad)}.expanding-panel:not([open]) .expanding-panel__label-text:not(.visually-hidden){writing-mode:vertical-rl;white-space:nowrap;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:min(var(--text-h3),60cqw);line-height:1.1}.expanding-panel:not([open]) .expanding-panel__logo{width:100%;max-width:none;max-height:calc(var(--expanding-panels-height, 32rem) * .6)}.expanding-panel:not([open]) .expanding-panel__logo--wide{--logo-ratio: var(--expanding-panel-logo-ratio, 1);--logo-long: min(100cqw * var(--logo-ratio), var(--expanding-panels-height, 32rem) * .6);--logo-short: calc(var(--logo-long) / var(--logo-ratio));--logo-shift: calc((var(--logo-long) - var(--logo-short)) / 2);width:var(--logo-long);max-width:none;height:var(--logo-short);max-height:none;margin-block:var(--logo-shift);margin-inline:calc(-1 * var(--logo-shift));transform:rotate(90deg)}.expanding-panel__content,.expanding-panel[open] .expanding-panel__content{position:absolute;inset-inline:0;inset-block-end:0;min-height:0;max-block-size:calc(100% - 5rem);overflow-y:auto;padding:var(--expanding-panel-pad);padding-inline-end:var(--spacing-8)}}@media screen and (min-width:1000px){.expanding-panel{--expanding-panel-pad: var(--spacing-8)}}@media(prefers-reduced-motion:no-preference)and (min-width:700px){.expanding-panel{transition:flex-grow .5s ease,flex-basis .5s ease}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-expanding-panels.css.map */