@keyframes sc-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes sc-spin{to{transform:rotate(360deg)}}@keyframes sc-ring-drop{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sc-slot,.sc-vis-ring,.sc-slot--animating{animation:none!important;transition:none!important}}stack-configurator{display:block}.sc-wrap{display:grid;grid-template-columns:1fr;min-height:60vh}@media screen and (min-width:1000px){.sc-wrap{grid-template-columns:1fr 380px;align-items:start}}.sc-browser{padding:1.5rem var(--container-gutter, 1.25rem);display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:1000px){.sc-browser{padding:2rem 3rem 2rem var(--container-gutter, 3rem);border-right:1px solid rgb(var(--border-color))}}.sc-browser-header{display:flex;flex-direction:column;gap:.5rem}.sc-heading{margin:0;font:var(--heading-font-style) var(--heading-font-weight) var(--text-h2) / 1.15 var(--heading-font-family);letter-spacing:var(--heading-letter-spacing);text-transform:var(--heading-text-transform);color:rgb(var(--text-color))}.sc-subheading{margin:0;font-size:var(--text-sm);color:rgb(var(--text-color) / .55);letter-spacing:var(--text-letter-spacing);line-height:1.6}.sc-loading{display:flex;justify-content:center;align-items:center;padding:4rem}.sc-spinner{width:28px;height:28px;border:2px solid rgb(var(--border-color));border-top-color:rgb(var(--text-color));border-radius:50%;animation:sc-spin .65s linear infinite;display:inline-block;flex-shrink:0}.sc-spinner--sm{width:16px;height:16px;border-width:2px}.sc-slots{display:flex;flex-direction:column;gap:0}.sc-slot{display:grid;grid-template-columns:32px 1fr 32px auto;grid-template-rows:auto auto;grid-template-areas:"prev  carousel  next  delete" ".     info      .     .     ";align-items:center;gap:0 .4rem;padding:.75rem 0;border-bottom:1px solid rgb(var(--border-color) / .4);animation:sc-fade-up .3s ease both}.sc-slot:first-child{border-top:1px solid rgb(var(--border-color) / .4)}.sc-slot--animating{animation:sc-fade-up .2s ease both}.sc-slot-arrow{grid-area:unset;background:none;border:none;padding:.5rem;cursor:pointer;color:rgb(var(--text-color) / .45);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.sc-slot-arrow--prev{grid-area:prev}.sc-slot-arrow--next{grid-area:next}.sc-slot-arrow:hover{color:rgb(var(--text-color));background:rgb(var(--border-color) / .4)}.sc-slot-carousel{grid-area:carousel;display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:.4rem;align-items:center}.sc-slot-img-btn--side{background:none;border:none;padding:0;cursor:pointer;opacity:.45;transition:opacity .2s ease,transform .2s ease;border-radius:var(--input-border-radius);overflow:hidden;display:block;-webkit-tap-highlight-color:transparent}.sc-slot-img-btn--side:hover{opacity:.85;transform:scale(1.04)}.sc-slot-img--side{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:var(--input-border-radius)}.sc-slot-main{display:flex;align-items:center;justify-content:center}.sc-slot-img--main{width:100%;max-width:140px;aspect-ratio:1;object-fit:contain;display:block;animation:sc-pop .25s ease}.sc-slot-info{grid-area:info;display:flex;align-items:baseline;justify-content:center;gap:.5rem;padding-top:.2rem;flex-wrap:wrap}.sc-slot-name{font:var(--heading-font-style) 500 var(--text-sm) / 1.3 var(--heading-font-family);letter-spacing:var(--heading-letter-spacing);color:rgb(var(--text-color));text-align:center}.sc-slot-price{font-size:var(--text-sm);color:rgb(var(--text-color) / .55)}.sc-slot-delete{grid-area:delete;background:none;border:none;padding:.5rem;cursor:pointer;color:rgb(var(--text-color) / .3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease;align-self:center}.sc-slot-delete:hover{color:rgb(var(--error-text));background:rgb(var(--error-background))}.sc-add-row{display:flex;justify-content:center;padding-top:.5rem}.sc-add-slot-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px dashed rgb(var(--border-color));padding:.65rem 1.5rem;border-radius:var(--rounded-full);cursor:pointer;font:var(--button-font);font-size:var(--text-sm);color:rgb(var(--text-color) / .55);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform);transition:color .2s ease,border-color .2s ease,background .2s ease}.sc-add-slot-btn:hover{color:rgb(var(--text-color));border-color:rgb(var(--text-color) / .5);background:rgb(var(--border-color) / .2)}.sc-preview{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem var(--container-gutter, 1.25rem);background:rgb(var(--background-without-opacity))}@media screen and (min-width:1000px){.sc-preview{padding:3.5rem 2.5rem;position:sticky;top:calc(var(--sticky-area-height, 0px) + 1rem);min-height:60vh;justify-content:center}}.sc-preview-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;color:rgb(var(--text-color) / .35);padding:2rem 0}.sc-preview-empty-icon{opacity:.5}.sc-preview-empty p{margin:0;font-size:var(--text-sm)}.sc-vis{width:100%;display:flex;flex-direction:column;align-items:center}.sc-vis-rings{position:relative;width:100%;max-width:280px;background:#fff;border-radius:4px}.sc-vis-ring{position:absolute;left:0;width:100%;height:auto;display:block;object-fit:contain;top:var(--ring-offset, 0px);z-index:var(--ring-z, 1);mix-blend-mode:darken;animation:sc-ring-drop .35s cubic-bezier(.34,1.3,.64,1) both}.sc-total-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%;max-width:300px;padding-top:.5rem;border-top:1px solid rgb(var(--border-color))}.sc-total-label{font-size:var(--text-sm);color:rgb(var(--text-color) / .6);letter-spacing:.1em;text-transform:uppercase}.sc-total-price{font:var(--heading-font-style) 600 var(--text-base) / 1 var(--heading-font-family);color:rgb(var(--text-color));letter-spacing:var(--heading-letter-spacing)}.sc-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:300px;animation:sc-fade-up .25s ease}.sc-shop-btn,.sc-reset-btn{width:100%;justify-content:center;letter-spacing:.12em;font-size:var(--text-sm)}.sc-shop-btn{display:flex;align-items:center;justify-content:center;gap:.5rem}.sc-shop-btn[aria-busy=true]{pointer-events:none;opacity:.7}.button--full-width{width:100%}.sc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:999;padding:.75rem 1.5rem;border-radius:var(--rounded-full);font-size:var(--text-sm);font-family:var(--text-font-family);box-shadow:var(--shadow-md);white-space:nowrap;max-width:calc(100vw - 3rem);text-align:center;animation:sc-fade-up .25s ease}.sc-toast--success{background:rgb(var(--success-background));color:rgb(var(--success-text));border:1px solid rgb(var(--success-text) / .2)}.sc-toast--warning{background:rgb(var(--warning-background));color:rgb(var(--warning-text));border:1px solid rgb(var(--warning-text) / .2)}.sc-toast--error{background:rgb(var(--error-background));color:rgb(var(--error-text));border:1px solid rgb(var(--error-text) / .2)}.sc-toast--out{opacity:0;transform:translate(-50%) translateY(6px);transition:opacity .3s ease,transform .3s ease}@media screen and (max-width:999px){.sc-wrap{display:flex;flex-direction:column}.sc-preview{order:-1;padding:1.25rem var(--container-gutter, 1.25rem) 1rem;border-bottom:1px solid rgb(var(--border-color))}.sc-vis-rings{max-width:180px}.sc-slot-carousel{grid-template-columns:1fr 2fr 1fr;gap:.35rem}}@media screen and (max-width:480px){.sc-slot{grid-template-columns:28px 1fr 28px auto;gap:0 .2rem;padding:.6rem 0}.sc-slot-img--main{max-width:110px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/stack-configurator.css.map */