.m-spec-panel{--sp-gap: clamp(24px, 4vw, 64px)}@media(max-width:767px){.m-spec-panel{--section-padding-top: calc(var(--sp-pt, 50px) * var(--sp-mobile-scale, .6));--section-padding-bottom: calc(var(--sp-pb, 50px) * var(--sp-mobile-scale, .6))}}.m-spec-panel__layout{display:grid;grid-template-columns:var(--sp-split, 44%) 1fr;gap:var(--sp-gap);align-items:start}.m-spec-panel__eyebrow{margin:0 0 20px;color:rgb(var(--color-foreground))}.m-spec-panel__title{margin:0;color:var(--sp-title-color, rgb(var(--color-heading)))}.m-spec-panel__panel{background-color:var(--sp-panel-bg, rgba(var(--color-foreground), .05));border-radius:var(--sp-panel-radius, 20px);padding:clamp(20px,3vw,44px)}.m-spec-panel__row{display:grid;grid-template-columns:var(--sp-label-w, 26%) 1fr;gap:clamp(12px,2vw,28px);padding:18px 0;border-bottom:1px solid rgba(var(--color-foreground),.14)}.m-spec-panel__panel>.m-spec-panel__rows:last-child>.m-spec-panel__row:last-child,.m-spec-panel__more .m-spec-panel__rows>.m-spec-panel__row:last-child{border-bottom:0}.m-spec-panel__row-label{margin:0;font-weight:var(--sp-label-weight, 700);color:rgb(var(--color-heading))}.m-spec-panel__row-value{margin:0;color:rgb(var(--color-foreground-secondary, var(--color-foreground)))}.m-spec-panel__more{display:flex;flex-direction:column-reverse}.m-spec-panel__toggle{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 0 0;cursor:pointer;list-style:none;color:rgb(var(--color-heading))}.m-spec-panel__toggle::-webkit-details-marker{display:none}.m-spec-panel__toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--rounded-full, 9999px);background-color:rgba(var(--color-foreground),.1);transition:transform var(--m-duration-default, .25s) ease}.m-spec-panel__more[open] .m-spec-panel__toggle-icon{transform:rotate(180deg)}.m-spec-panel__toggle-less,.m-spec-panel__more[open] .m-spec-panel__toggle-more{display:none}.m-spec-panel__more[open] .m-spec-panel__toggle-less{display:inline}.m-spec-panel__toggle:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:2px}@media(max-width:1023px){.m-spec-panel__layout{grid-template-columns:1fr}}@media(max-width:699px){.m-spec-panel__row{grid-template-columns:1fr;gap:4px}}@media(prefers-reduced-motion:reduce){.m-spec-panel__toggle-icon{transition:none}}.m-spec-panel__panel.has-own-scheme{background-color:rgb(var(--color-background))}@media screen and (max-width:767px){.m-spec-panel__eyebrow{margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/spec-panel.css.map */
