wardrobe-builder{--wb-radius-lg: 2rem;--wb-radius-md: 1.4rem;--wb-radius-sm: 1rem;--wb-space: 1.6rem;--wb-ink: rgb(var(--color-foreground));--wb-ink-soft: rgba(var(--color-foreground), .62);--wb-ink-faint: rgba(var(--color-foreground), .38);--wb-surface: rgb(var(--color-background));--wb-card: #f6f6f4;--wb-line: rgba(var(--color-foreground), .08);--wb-accent-green: #1f7a4d;--wb-ease: cubic-bezier(.22, 1, .36, 1);display:block;background:var(--wb-surface);color:var(--wb-ink);padding-bottom:calc(9.5rem + env(safe-area-inset-bottom,0px));font-family:var(--font-body-family),sans-serif}.wb-page{max-width:78rem;margin:0 auto}.wb-hero{padding:3.6rem 2rem 2.4rem;text-align:center}.wb-hero__eyebrow{font-size:1.1rem;font-weight:600;letter-spacing:.16rem;text-transform:uppercase;color:var(--wb-ink-soft);margin:0 0 1rem}.wb-hero__title{font-size:3.2rem;line-height:1.15;font-weight:650;letter-spacing:-.02rem;margin:0 0 1.4rem}.wb-hero__subtitle{font-size:1.55rem;line-height:1.5;color:var(--wb-ink-soft);max-width:46rem;margin:0 auto 2rem}.wb-trust-badge{display:inline-flex;align-items:center;gap:.8rem;background:var(--wb-card);border-radius:100px;padding:1rem 1.8rem;font-size:1.3rem;font-weight:500;position:relative}.wb-trust-badge__check{color:var(--wb-accent-green);font-weight:700}.wb-trust-badge__change{background:none;border:none;padding:0;font:inherit;font-weight:600;text-decoration:underline;color:var(--wb-ink);cursor:pointer}.wb-size-popover{position:absolute;top:calc(100% + .8rem);left:50%;transform:translate(-50%) translateY(-.4rem);background:var(--wb-surface);border-radius:var(--wb-radius-sm);box-shadow:0 1.2rem 3.2rem #00000024;padding:1rem;display:flex;gap:.6rem;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s var(--wb-ease),transform .2s var(--wb-ease)}.wb-size-popover[data-open]{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.wb-size-popover__option{min-width:4.4rem;padding:.9rem .6rem;border-radius:.8rem;border:.1rem solid var(--wb-line);background:var(--wb-surface);font-size:1.2rem;font-weight:600;cursor:pointer}.wb-size-popover__option.is-active{background:var(--wb-ink);color:var(--wb-surface);border-color:var(--wb-ink)}.wb-rail{padding:1.6rem 0 2.8rem}.wb-rail__head{padding:0 2rem;margin-bottom:1.6rem}.wb-rail__title{font-size:2.1rem;font-weight:650;margin:0 0 .5rem;letter-spacing:-.01rem}.wb-rail__subtitle{font-size:1.35rem;color:var(--wb-ink-soft);margin:0;max-width:42rem}.wb-rail__scroller{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:2rem;padding:.4rem 2rem 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wb-rail__scroller::-webkit-scrollbar{display:none}.wb-card{flex:0 0 68%;max-width:27rem;scroll-snap-align:start;display:flex;flex-direction:column}@media screen and (min-width:480px){.wb-card{flex-basis:48%}}@media screen and (min-width:750px){.wb-card{flex-basis:30%}}.wb-card__media{position:relative;border-radius:var(--wb-radius-lg);overflow:hidden;aspect-ratio:4 / 5;background:var(--wb-card);margin-bottom:1.2rem}.wb-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--wb-ease)}.wb-card__media-link:active img{transform:scale(1.03)}.wb-badge{position:absolute;top:1.2rem;left:1.2rem;background:#ffffffeb;color:var(--wb-ink);font-size:1.05rem;font-weight:650;letter-spacing:.03rem;padding:.6rem 1.1rem;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wb-card__body{padding:0 .2rem;display:flex;flex-direction:column;gap:.9rem;flex:1}.wb-card__title{font-size:1.5rem;font-weight:600;color:var(--wb-ink);text-decoration:none;line-height:1.3}.wb-card__price{font-size:1.4rem;font-weight:500;color:var(--wb-ink-soft)}.wb-card__sizes{display:flex;flex-wrap:wrap;gap:.6rem}.wb-size-chip{min-width:3.8rem;padding:.55rem .4rem;text-align:center;border-radius:.7rem;border:.1rem solid var(--wb-line);background:var(--wb-surface);font-size:1.15rem;font-weight:600;color:var(--wb-ink-soft);cursor:pointer;transition:all .15s var(--wb-ease)}.wb-size-chip.is-active{background:var(--wb-ink);border-color:var(--wb-ink);color:var(--wb-surface)}.wb-size-chip:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.wb-add-btn{margin-top:auto;width:100%;padding:1.3rem 1.4rem;border-radius:var(--wb-radius-md);border:.1rem solid var(--wb-ink);background:var(--wb-surface);color:var(--wb-ink);font-size:1.35rem;font-weight:650;cursor:pointer;transition:background .2s var(--wb-ease),color .2s var(--wb-ease),transform .15s var(--wb-ease)}.wb-add-btn:active{transform:scale(.97)}.wb-add-btn__added{display:none}.wb-add-btn.is-added{background:var(--wb-ink);color:var(--wb-surface)}.wb-add-btn.is-added .wb-add-btn__label{display:none}.wb-add-btn.is-added .wb-add-btn__added{display:inline}.wb-tiles{padding:1.6rem 2rem 2.8rem}.wb-tiles__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.6rem}.wb-tile{position:relative;border-radius:var(--wb-radius-lg);overflow:hidden;aspect-ratio:3 / 4;background:var(--wb-card);text-decoration:none;display:block}.wb-tile img{width:100%;height:100%;object-fit:cover}.wb-tile__label{position:absolute;left:1.4rem;bottom:1.4rem;color:#fff;font-size:1.6rem;font-weight:650;text-shadow:0 .2rem .8rem rgba(0,0,0,.35)}.wb-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--wb-surface);border-top:.1rem solid var(--wb-line);box-shadow:0 -.6rem 2.4rem #0000000f;padding:1.2rem 2rem calc(1.2rem + env(safe-area-inset-bottom,0px));transition:max-height .35s var(--wb-ease)}.wb-sticky__summary{display:flex;align-items:center;gap:1.4rem;cursor:pointer;background:none;border:none;width:100%;padding:0;text-align:left;font:inherit;color:inherit}.wb-sticky__slots{display:flex;gap:.5rem;flex-shrink:0}.wb-slot{width:2.8rem;height:.9rem;border-radius:100px;background:var(--wb-line);transition:background .3s var(--wb-ease),transform .3s var(--wb-ease)}.wb-slot.is-filled{background:var(--wb-ink)}.wb-slot.is-just-filled{animation:wb-pop .4s var(--wb-ease)}@keyframes wb-pop{0%{transform:scaleY(1)}40%{transform:scaleY(2.1)}to{transform:scaleY(1)}}.wb-sticky__text{flex:1;min-width:0}.wb-sticky__label{font-size:1.1rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase;color:var(--wb-ink-faint);margin:0 0 .2rem}.wb-sticky__count{font-size:1.4rem;font-weight:600;margin:0}.wb-sticky__caret{flex-shrink:0;color:var(--wb-ink-faint);transition:transform .25s var(--wb-ease)}wardrobe-builder[data-drawer-open] .wb-sticky__caret{transform:rotate(180deg)}.wb-sticky__drawer{max-height:0;overflow:hidden;transition:max-height .35s var(--wb-ease),margin-top .35s var(--wb-ease)}wardrobe-builder[data-drawer-open] .wb-sticky__drawer{max-height:40rem;margin-top:1.4rem}.wb-drawer__items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.2rem}.wb-drawer__empty{font-size:1.3rem;color:var(--wb-ink-soft);padding:.4rem 0}.wb-drawer__item{display:flex;align-items:center;gap:1.2rem}.wb-drawer__item img{width:5.2rem;height:5.2rem;border-radius:.9rem;object-fit:cover;background:var(--wb-card)}.wb-drawer__item-info{flex:1;min-width:0}.wb-drawer__item-title{font-size:1.3rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-drawer__item-price{font-size:1.2rem;color:var(--wb-ink-soft)}.wb-drawer__item-remove{background:none;border:none;font-size:1.3rem;color:var(--wb-ink-faint);cursor:pointer;padding:.6rem}.wb-sticky__footer-row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.wb-goto-cart{font-size:1.2rem;color:var(--wb-ink-soft);text-decoration:underline;white-space:nowrap}.wb-sticky__teaser{font-size:1.15rem;color:var(--wb-ink-soft);margin:0}.wb-sticky__celebration{display:none;align-items:center;gap:1.4rem}wardrobe-builder[data-complete] .wb-sticky__default{display:none}wardrobe-builder[data-complete] .wb-sticky__celebration{display:flex}.wb-sticky__celebration-icon{font-size:2.2rem;flex-shrink:0}.wb-sticky__celebration-text{flex:1;min-width:0}.wb-sticky__celebration-title{font-size:1.4rem;font-weight:650;margin:0 0 .2rem}.wb-sticky__celebration-discount{font-size:1.25rem;font-weight:600;color:var(--wb-accent-green);margin:0}.wb-checkout-btn{flex-shrink:0;background:var(--wb-ink);color:var(--wb-surface);border:none;border-radius:var(--wb-radius-md);padding:1.2rem 1.8rem;font-size:1.3rem;font-weight:650;cursor:pointer;white-space:nowrap}.wb-checkout-btn:disabled{opacity:.4;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-wardrobe-builder.css.map */