.stack-builder{--stack-builder-upcoming-text-color: 116 116 116;--stack-builder-border-color: 230 230 230;--stack-builder-ease-out: cubic-bezier(.22, 1, .36, 1);--stack-builder-ease-pop: cubic-bezier(.34, 1.56, .64, 1);--stack-builder-ease-sheet: cubic-bezier(.32, .72, 0, 1);--stack-builder-ease-bracelet-move: cubic-bezier(.4, 1.947, .093, .78);--stack-builder-ease-bracelet-exit: cubic-bezier(.33, 1, .68, 1);--stack-builder-duration-exit: .15s;--stack-builder-duration-base: .35s;--stack-builder-duration-sheet: .6s;--stack-builder-swap-delay: .04s;--stack-builder-motion-factor: 1;display:grid;grid-template-areas:"heading" "intro" "grid"}@media(prefers-reduced-motion:reduce){.stack-builder{--stack-builder-motion-factor: 0}}@media screen and (min-width:1000px){.stack-builder{grid-template-columns:1fr 2.3fr;grid-template-areas:"heading heading" "aside grid";align-items:start;column-gap:3.5rem}}.stack-builder__aside{display:contents}@media screen and (min-width:1000px){.stack-builder__aside{grid-area:aside;display:block}}.stack-builder__intro{grid-area:intro;display:grid;row-gap:.75rem;margin-bottom:1.625rem}.stack-builder__heading{grid-area:heading;margin-bottom:.75rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:1.21875rem;line-height:1.3;text-transform:uppercase;text-wrap:balance}@media screen and (min-width:1000px){.stack-builder__heading{font-size:2.125rem;line-height:1.25;margin-bottom:1.25rem}}.stack-builder__text{font-size:var(--text-base);line-height:1.4;text-wrap:pretty}.stack-builder__inspiration-text{margin-right:.3em}.stack-builder__grid{grid-area:grid;display:grid;grid-template-columns:1fr 1fr;gap:.6875rem .875rem}@media screen and (min-width:700px){.stack-builder__grid{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1400px){.stack-builder__grid{grid-template-columns:repeat(4,1fr)}}.stack-builder__notice{grid-area:grid;padding:2rem;border:1px dashed rgb(var(--text-color) / .3);text-align:center}.stack-builder__editor-notes{display:grid;row-gap:.5rem}.stack-builder__editor-note{padding:.625rem .75rem;border:1px dashed rgb(var(--text-color) / .3);font-size:.8125rem;line-height:1.4}.stack-builder__editor-note--warning{border-color:rgb(var(--error-text) / .5);background:rgb(var(--error-background));color:rgb(var(--error-text))}.stack-tile{--stack-tile-label-inset: .375rem;--stack-tile-frame-width: 2px;--stack-tile-bar-delay: .08s;--stack-tile-bar-timing: calc(.2s * var(--stack-builder-motion-factor)) var(--stack-builder-ease-pop) var(--stack-tile-bar-delay);--stack-tile-crossfade-duration: .4s;display:grid;grid-template-rows:auto auto;width:100%;isolation:isolate}.stack-tile__media{grid-area:1 / 1;display:grid;overflow:clip}.stack-tile__image{grid-area:1 / 1;width:100%;aspect-ratio:1;object-fit:cover}.stack-tile__image--hover{opacity:0;transition-property:opacity,scale;transition-duration:var(--stack-tile-crossfade-duration);transition-timing-function:ease-in-out}.stack-tile__selection{grid-row:1 / -1;grid-column:1;z-index:1;display:grid;grid-template-rows:subgrid;scale:calc(1 + .04 * var(--stack-builder-motion-factor));transition:scale 0s linear calc(var(--stack-builder-duration-exit) + var(--stack-tile-bar-delay))}.stack-tile[aria-pressed=true] .stack-tile__selection{scale:none;transition:scale .16s var(--stack-builder-ease-out)}.stack-tile__selection:before{content:"";grid-row:1;margin-bottom:calc(-1 * var(--stack-tile-frame-width));border:var(--stack-tile-frame-width) solid rgb(var(--text-color));opacity:0;transition:opacity var(--stack-builder-duration-exit) var(--stack-builder-ease-out) var(--stack-tile-bar-delay)}.stack-tile[aria-pressed=true] .stack-tile__selection:before{opacity:1;transition:opacity .06s linear}.stack-tile__selection:after{content:"";grid-row:2;background:rgb(var(--text-color));transform-origin:top;scale:1 0;transition:scale calc(var(--stack-builder-duration-exit) * var(--stack-builder-motion-factor)) var(--stack-builder-ease-out)}.stack-tile[aria-pressed=true] .stack-tile__selection:after{scale:none;transition:scale var(--stack-tile-bar-timing)}.stack-tile__halo{grid-row:1 / -1;grid-column:1;z-index:1;border:var(--stack-tile-frame-width) solid rgb(var(--text-color));opacity:0}.stack-tile__label{grid-area:2 / 1;z-index:1;display:flex;align-items:center;min-height:1.625rem;padding-right:var(--stack-tile-label-inset);font-size:.8125rem;line-height:1;text-transform:uppercase}.stack-tile__name{text-box:trim-both cap alphabetic;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);transition:translate var(--stack-builder-duration-exit) var(--stack-builder-ease-out),color .05s linear}.stack-tile[aria-pressed=true] .stack-tile__name{translate:var(--stack-tile-label-inset) 0;color:rgb(var(--background-without-opacity));transition:translate var(--stack-tile-bar-timing),color .05s linear var(--stack-tile-bar-delay)}.stack-tile__overlay{grid-area:1 / 1;z-index:1;display:grid;place-items:start;padding:.75rem .625rem;background:#0000;transition:background-color var(--stack-tile-crossfade-duration) ease-in-out}.stack-tile__action{grid-area:1 / 1;max-width:6rem;overflow:clip;opacity:0;transition:opacity var(--stack-builder-duration-exit) var(--stack-builder-ease-out);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:.875rem;line-height:1.15;text-align:left;text-transform:uppercase;color:#fff}.stack-tile__editor-warning{grid-area:1 / 1;z-index:1;align-self:end;justify-self:start;margin:.375rem;padding:.25rem .375rem;background:rgb(var(--error-background));color:rgb(var(--error-text));font-size:.6875rem;line-height:1.2;text-align:left}.stack-tile__action-text{display:block;transition-property:translate,opacity;transition-duration:var(--stack-builder-duration-base);transition-timing-function:var(--stack-builder-ease-out)}.stack-tile__action-text--add{transition-delay:var(--stack-builder-swap-delay)}.stack-tile__action-text--remove{opacity:0;translate:0 calc(-100% * var(--stack-builder-motion-factor))}.stack-tile[aria-pressed=true] .stack-tile__action-text--add{opacity:0;translate:0 calc(100% * var(--stack-builder-motion-factor));transition-delay:0s}.stack-tile[aria-pressed=true] .stack-tile__action-text--remove{opacity:1;translate:none;transition-delay:var(--stack-builder-swap-delay)}@media(hover:hover){.stack-tile:hover .stack-tile__image--hover{opacity:1;scale:calc(1 + .03 * var(--stack-builder-motion-factor))}.stack-tile:not([aria-disabled=true]):hover .stack-tile__overlay{background:#0000001a}.stack-tile:not([aria-disabled=true]):hover .stack-tile__action{opacity:1;transition-duration:var(--stack-builder-duration-base);transition-delay:.14s}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/stack-builder.css.map */