@property --stack-summary-progress{syntax: "<number>"; inherits: true; initial-value: 0;}.stack-summary{--stack-summary-tray-border-color: 230 230 230;--stack-summary-notch-height: .3125rem;--stack-summary-shadow-height: 1.5rem}@media screen and (max-width:999px){.stack-summary{--stack-summary-collapsed: calc(1 - var(--stack-summary-progress));--stack-summary-tray-scale: .45;--stack-summary-padding-block: 1.25rem;--stack-summary-padding-inline: max(var(--container-gutter), (100% - 32rem) / 2);--stack-summary-preview-gap: 1rem;--stack-summary-preview-aspect-ratio: 16 / 10.5;--stack-summary-footer-height: 2.875rem;position:fixed;bottom:0;left:0;right:0;z-index:3;display:block;pointer-events:none;clip-path:inset(-200lvh 0 0 0);transition:--stack-summary-progress var(--stack-builder-duration-sheet) var(--stack-builder-ease-sheet)}.stack-summary:state(expanded){--stack-summary-progress: 1}html:has(.stack-summary:state(expanded)){overflow:hidden}}@media screen and (min-width:700px)and (max-width:999px){.stack-summary{--stack-summary-tray-scale: .34}}@media screen and (max-width:999px)and (max-height:500px)and (orientation:landscape){.stack-summary{--stack-summary-tray-scale: .28}}@media screen and (min-width:1000px){.stack-summary{--stack-summary-open-delay: .1s;--stack-summary-open-duration: .3s;display:grid;grid-template-rows:min-content min-content min-content 1fr auto min-content;grid-template-areas:"steps" "heading" "preview" "footer" "footer" "footnote";transition:grid-template-rows calc(var(--stack-summary-open-duration) * var(--stack-builder-motion-factor)) var(--stack-builder-ease-out) var(--stack-summary-open-delay)}.stack-summary:not(:state(purchasable)){grid-template-rows:min-content min-content min-content 0fr auto min-content;transition-delay:var(--stack-builder-duration-exit)}}.stack-summary__scrim{position:absolute;bottom:100%;left:0;right:0;height:100lvh;background:#0000001a;opacity:var(--stack-summary-progress);pointer-events:none}.stack-summary:state(expanded) .stack-summary__scrim{pointer-events:auto}@media screen and (min-width:1000px){.stack-summary__scrim{display:none}}@media screen and (max-width:999px){.stack-summary__dock{position:relative;padding-top:calc(var(--stack-summary-padding-block) + 1px);padding-bottom:var(--stack-summary-padding-block);padding-inline:var(--stack-summary-padding-inline);pointer-events:auto;transition:translate var(--stack-builder-duration-sheet) var(--stack-builder-ease-sheet),opacity var(--stack-builder-duration-sheet) var(--stack-builder-ease-sheet)}.stack-summary:not(:state(tray-shown)) .stack-summary__dock{visibility:hidden;translate:0 calc(100% + var(--stack-summary-shadow-height));transition:translate var(--stack-builder-duration-sheet) var(--stack-builder-ease-sheet),opacity var(--stack-builder-duration-sheet) var(--stack-builder-ease-sheet),visibility 0s linear var(--stack-builder-duration-sheet)}.stack-summary__dock:before{content:"";display:block;width:calc(var(--stack-summary-tray-scale) * 100%);aspect-ratio:var(--stack-summary-preview-aspect-ratio)}}@media screen and (max-width:999px)and (prefers-reduced-motion:reduce){.stack-summary:not(:state(tray-shown)) .stack-summary__dock{translate:none;opacity:0}}@media screen and (min-width:1000px){.stack-summary__dock{display:contents}}@media screen and (max-width:999px){.stack-summary__sheet{position:absolute;top:calc(100% * var(--stack-summary-progress));left:0;right:0;border-top:1px solid rgb(var(--stack-summary-tray-border-color));background:rgb(var(--background-without-opacity));translate:0 calc(-100% * var(--stack-summary-progress))}.stack-summary__sheet:before{content:"";position:absolute;bottom:calc(100% + 1px);left:0;right:0;height:var(--stack-summary-shadow-height);background:linear-gradient(#0000,rgb(0 0 0 / calc(.05 * var(--stack-summary-collapsed))) calc(100% - var(--stack-summary-notch-height)));pointer-events:none}}@media screen and (min-width:1000px){.stack-summary__sheet{display:contents}}@media screen and (max-width:999px){.stack-summary__scroller{--stack-summary-preview-height: calc(100cqi / (var(--stack-summary-preview-aspect-ratio)));--stack-summary-toggle-x: calc(var(--stack-summary-tray-scale) * 100cqi + 1.25rem);--stack-summary-toggle-y: calc( var(--stack-summary-tray-scale) * var(--stack-summary-preview-height) / 2 - 50% - var(--stack-summary-preview-height) - var(--stack-summary-preview-gap) );container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"preview" "toggle" "panel";max-height:calc(100dvh - var(--sticky-area-height) - 2rem);padding-block:var(--stack-summary-padding-block);padding-inline:var(--stack-summary-padding-inline);overflow:hidden;-webkit-mask-image:linear-gradient(transparent .25rem,rgb(0 0 0) var(--stack-summary-padding-block));mask-image:linear-gradient(transparent .25rem,rgb(0 0 0) var(--stack-summary-padding-block))}.stack-summary:state(expanded) .stack-summary__scroller{overflow-y:auto;overscroll-behavior:contain}}@media screen and (min-width:1000px){.stack-summary__scroller{display:contents}}.stack-summary__toggle{grid-area:toggle;display:grid;font-family:var(--text-font-family);text-align:left}@media screen and (max-width:999px){.stack-summary__toggle{justify-self:start;max-width:calc(100cqi - var(--stack-summary-toggle-x));translate:calc(var(--stack-summary-toggle-x) * var(--stack-summary-collapsed)) calc(var(--stack-summary-toggle-y) * var(--stack-summary-collapsed))}}@media screen and (min-width:1000px){.stack-summary__toggle{display:none}}.stack-summary__notch{position:absolute;top:calc(-1px - var(--stack-summary-notch-height));left:50%;translate:-50% 0;display:grid;justify-items:center;align-items:start;width:4rem;color:rgb(var(--stack-builder-upcoming-text-color));perspective:4rem}@media screen and (min-width:1000px){.stack-summary__notch{display:none}}.stack-summary__notch:before{content:"";grid-area:1 / 1;justify-self:stretch;height:calc(var(--stack-summary-notch-height) + 1px);border:1px solid rgb(var(--stack-summary-tray-border-color));border-bottom:0;background:rgb(var(--background-without-opacity))}.stack-summary__notch:after{content:"";grid-area:1 / 1;justify-self:stretch;height:3px;margin-top:calc(var(--stack-summary-notch-height) - 1px);margin-inline:1px;background:rgb(var(--background-without-opacity))}.stack-summary__chevron{z-index:1;grid-area:1 / 1;margin-top:.0625rem;rotate:x calc(180deg * var(--stack-summary-collapsed))}.stack-summary__count{margin-bottom:calc(.625rem + .125rem * var(--stack-summary-progress));font-size:calc(.875rem + .125rem * var(--stack-summary-progress));line-height:1;text-box:trim-both cap alphabetic}.stack-summary__count-value{display:inline-block}.stack-summary__status{max-width:calc(9rem + 2.25rem * var(--stack-summary-progress));margin-bottom:calc(1rem + .5rem * var(--stack-summary-progress));font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:calc(1rem + .25rem * var(--stack-summary-progress));line-height:1.1;text-transform:uppercase;text-wrap:balance;text-box:trim-both cap alphabetic}.stack-summary__selection{color:#3b3b3b;font-size:.8125rem;line-height:1.25;text-box:trim-both cap alphabetic;opacity:calc(1 - var(--stack-summary-progress) * 3);max-height:calc(4lh * var(--stack-summary-collapsed))}.stack-summary__heading{display:none;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:1.25rem;line-height:1;text-transform:uppercase}@media screen and (min-width:1000px){.stack-summary__heading{grid-area:heading;display:block;margin-top:2.25rem;margin-bottom:.375rem}}.stack-summary__preview{grid-area:preview}@media screen and (max-width:999px){.stack-summary__preview{--stack-preview-scale: calc( 1 - (1 - var(--stack-summary-tray-scale)) * var(--stack-summary-collapsed) );--stack-preview-min-scale: var(--stack-summary-tray-scale);--stack-preview-placeholder-growth: calc(1 + var(--stack-summary-progress) / 3);margin-bottom:var(--stack-summary-preview-gap);aspect-ratio:var(--stack-summary-preview-aspect-ratio);transform-origin:top left;scale:var(--stack-preview-scale)}}@media screen and (min-width:1000px){.stack-summary__preview{aspect-ratio:3 / 2}}@media screen and (max-width:999px){.stack-summary__panel{grid-area:panel}.stack-summary:not(:state(expanded)) .stack-summary__panel{visibility:hidden;transition:visibility 0s var(--stack-builder-duration-sheet)}}@media screen and (min-width:1000px){.stack-summary__panel{display:contents}}.stack-summary__steps{display:grid;grid-template-columns:auto 1fr auto;border-top:1px solid rgb(var(--stack-builder-border-color))}@media screen and (min-width:1000px){.stack-summary__steps{grid-area:steps}}.stack-summary__footer{display:flex;align-items:center;gap:1.5rem}@media screen and (max-width:999px){.stack-summary__footer{justify-content:space-between;height:var(--stack-summary-footer-height)}.stack-summary__footer--sheet{margin-top:1.25rem}.stack-summary:not(:state(purchasable)) .stack-summary__footer--sheet{display:none}.stack-summary__footer--tray{position:relative;z-index:1;height:calc(var(--stack-summary-footer-height) + 2 * var(--stack-summary-padding-block));overflow:clip;margin-bottom:calc(-1 * var(--stack-summary-padding-block));padding-block:var(--stack-summary-padding-block);background:rgb(var(--background-without-opacity));transition-property:height,padding-top,opacity,visibility;transition-duration:var(--stack-builder-duration-base);transition-timing-function:var(--stack-builder-ease-out)}.stack-summary:not(:state(purchasable)) .stack-summary__footer--tray{visibility:hidden;height:0;padding-top:0;opacity:0;transition-duration:var(--stack-builder-duration-exit)}.stack-summary:state(expanded) .stack-summary__footer--tray{visibility:hidden;transition:visibility 0s var(--stack-builder-duration-sheet)}}@media screen and (min-width:1000px){.stack-summary__footer{grid-area:footer;display:grid;align-content:end;gap:.6875rem;min-height:0;clip-path:inset(0 -.25rem -.25rem);transition:opacity var(--stack-summary-open-duration) ease-in-out var(--stack-summary-open-delay),visibility 0s linear var(--stack-summary-open-delay)}.stack-summary__footer--tray{display:none}.stack-summary:not(:state(purchasable)) .stack-summary__footer{visibility:hidden;opacity:0;transition:opacity var(--stack-builder-duration-exit) var(--stack-builder-ease-out),visibility 0s linear var(--stack-builder-duration-exit)}}.stack-summary__footnote{display:none;font-size:1rem;line-height:1.4}@media screen and (min-width:1000px){.stack-summary__footnote{grid-area:footnote;display:block;margin-top:.75rem}}.stack-summary__price{display:flex;flex-direction:column;row-gap:.1875rem}@media screen and (min-width:1000px){.stack-summary__price{flex-direction:row;align-items:baseline;column-gap:.5rem;margin-top:1.5rem}}.stack-summary__compare-price{color:rgb(var(--stack-builder-upcoming-text-color));font-size:.875rem;line-height:1;text-decoration:line-through}@media screen and (min-width:1000px){.stack-summary__compare-price{font-size:1rem}}.stack-summary__compare-price:empty{display:none}.stack-summary__stack-price{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:1.5rem;line-height:1}.stack-summary__button{display:inline-flex;justify-content:center;align-items:center;padding:.8125rem 1.125rem;font-family:var(--button-font-family);font-weight:var(--button-font-weight);font-size:.875rem;line-height:1;text-transform:var(--button-text-transform);color:rgb(var(--button-text-color));background-color:rgb(var(--button-background));border-radius:var(--button-border-radius);transition:background-color .2s ease-in-out}@media screen and (max-width:999px){.stack-summary__button{flex-grow:1}}@media screen and (min-width:1000px){.stack-summary__button{margin-bottom:.5rem;font-size:1rem}}@media(hover:hover){.stack-summary__button:enabled:hover{background-color:color-mix(in srgb,rgb(var(--button-background)) 85%,rgb(var(--button-text-color)))}}.stack-summary__button:enabled:active{background-color:color-mix(in srgb,rgb(var(--button-background)) 78%,rgb(var(--button-text-color)))}.stack-step{--stack-step-padding-block: 1rem;--stack-step-advance-delay: .12s;--stack-step-remove-delay: .1s;--stack-step-remove-inset: .625rem;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;padding-block:var(--stack-step-padding-block);border-bottom:1px solid rgb(var(--stack-builder-border-color));font-size:.875rem;line-height:1;transition:color .3s ease-in-out var(--stack-step-advance-delay)}@media screen and (max-width:999px){.stack-step{--stack-step-reveal-start: calc(.3 + var(--stack-step-index) * .08);--stack-step-reveal: clamp( 0, (var(--stack-summary-progress) - var(--stack-step-reveal-start)) / (1 - var(--stack-step-reveal-start)), 1 );opacity:var(--stack-step-reveal);translate:0 calc((1 - var(--stack-step-reveal)) * .75rem * var(--stack-builder-motion-factor))}}@media screen and (min-width:1000px){.stack-step{--stack-step-padding-block: 1.125rem;font-size:1rem}}.stack-step[aria-current=step]~.stack-step{color:rgb(var(--stack-builder-upcoming-text-color));transition:color var(--stack-builder-duration-exit) ease-in-out}.stack-step__label,.stack-step__text{text-box:trim-both cap alphabetic}.stack-step__label{min-width:6.5rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);text-transform:uppercase}.stack-step__remove{display:grid;place-items:center;margin-block:calc(-1 * var(--stack-step-padding-block));margin-right:calc(.0625rem - var(--stack-step-remove-inset));padding:var(--stack-step-padding-block) var(--stack-step-remove-inset);color:#000000a6;animation:stack-step-remove-in .4s var(--stack-builder-ease-pop) var(--stack-step-remove-delay) backwards;transition:color .2s ease-in-out,opacity var(--stack-builder-duration-exit) var(--stack-builder-ease-out),scale var(--stack-builder-duration-exit) var(--stack-builder-ease-out)}.stack-step__remove[inert]{opacity:0;scale:calc(1 - .4 * var(--stack-builder-motion-factor));animation:none}@keyframes stack-step-remove-in{0%{opacity:0;scale:calc(1 - var(--stack-builder-motion-factor))}}.stack-step__icon{width:.8125rem;height:.8125rem;transition:scale .2s var(--stack-builder-ease-out)}@media(hover:hover){.stack-step__remove:hover{color:rgb(var(--text-color))}.stack-step__remove:hover .stack-step__icon{scale:calc(1 + .25 * var(--stack-builder-motion-factor))}}.stack-step__remove:active .stack-step__icon{scale:calc(1 + .05 * var(--stack-builder-motion-factor))}.text-swap{--text-swap-distance: calc((100% + .6em) * var(--stack-builder-motion-factor));position:relative}.text-swap:has(>.text-swap__text){clip-path:inset(-.3em -100vmax)}.text-swap__text{display:block;text-box:inherit;text-decoration:inherit;animation:text-swap-in var(--stack-builder-duration-base) var(--stack-builder-ease-out) var(--stack-builder-swap-delay) backwards}.text-swap__text--outgoing{position:absolute;top:0;left:0;width:100%;animation:text-swap-out var(--stack-builder-duration-base) var(--stack-builder-ease-out) forwards}.text-swap__addition{animation:text-swap-fade-in var(--stack-builder-duration-base) var(--stack-builder-ease-out)}@keyframes text-swap-fade-in{0%{opacity:0}}@keyframes text-swap-in{0%{opacity:0;translate:0 calc(-1 * var(--text-swap-direction) * var(--text-swap-distance))}}@keyframes text-swap-out{to{opacity:0;translate:0 calc(var(--text-swap-direction) * var(--text-swap-distance))}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/stack-summary.css.map */