:root{--swatch-tray-width: 280px;--swatch-tray-bg: #faf9f7;--swatch-tray-border: #e8e3dd;--swatch-tray-text: #2a2420;--swatch-tray-muted: #9b9189;--swatch-tray-accent: #7a5c3e;--swatch-tray-btn-bg: #2a2420;--swatch-tray-btn-text: #faf9f7;--swatch-tray-radius: 12px;--swatch-tray-shadow: -6px 0 32px rgba(42, 36, 32, .14);--swatch-tray-transition: .36s cubic-bezier(.4, 0, .2, 1);--swatch-tab-width: 36px;--swatch-tab-height: 88px}#swatch-tray{position:static}#swatch-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:902;width:var(--swatch-tab-width);height:var(--swatch-tab-height);background:var(--swatch-tray-btn-bg);border:none;border-radius:var(--swatch-tray-radius) 0 0 var(--swatch-tray-radius);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:-3px 0 12px #2a24202e;transition:background var(--swatch-tray-transition),right var(--swatch-tray-transition);flex-shrink:0}#swatch-tray.is-open #swatch-tab{right:var(--swatch-tray-width)}#swatch-tab:hover{background:var(--swatch-tray-accent)}.swatch-tab-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);color:var(--swatch-tray-btn-text);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;font-family:inherit}.swatch-tab-count{display:none;background:var(--swatch-tray-accent);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;line-height:1;font-family:inherit}.swatch-tab-count.is-visible{display:inline-flex}.swatch-tray-panel{position:fixed;right:0;top:50%;z-index:901;width:var(--swatch-tray-width);max-height:72vh;background:var(--swatch-tray-bg);box-shadow:var(--swatch-tray-shadow);display:flex;flex-direction:column;transform:translateY(-50%) translate(100%);transition:transform var(--swatch-tray-transition);border-radius:var(--swatch-tray-radius) 0 0 var(--swatch-tray-radius);overflow:hidden}#swatch-tray.is-open .swatch-tray-panel{transform:translateY(-50%) translate(0)}.swatch-tray-header{padding:16px 18px 12px;border-bottom:1px solid var(--swatch-tray-border);flex-shrink:0}.swatch-tray-title{margin:0 0 2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--swatch-tray-text);font-family:inherit}.swatch-tray-spots{margin:0;font-size:11px;color:var(--swatch-tray-muted)}.swatch-tray-body{flex:1;overflow-y:auto;padding:12px 18px;-webkit-overflow-scrolling:touch}#swatch-tray-empty{color:var(--swatch-tray-muted);font-size:12px;line-height:1.6;text-align:center;padding:16px 8px;margin:0}#swatch-tray-list{list-style:none;margin:0;padding:0}.swatch-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--swatch-tray-border);animation:swatchSlideIn .2s ease both}.swatch-item:last-child{border-bottom:none}@keyframes swatchSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.swatch-item-img{width:42px;height:42px;object-fit:cover;border-radius:5px;flex-shrink:0;border:1px solid var(--swatch-tray-border);background:#e8e3dd}.swatch-item-img--placeholder{background:#e8e3dd}.swatch-item-title{flex:1;font-size:12px;color:var(--swatch-tray-text);line-height:1.35;font-family:inherit}.swatch-item-remove{background:none;border:none;color:var(--swatch-tray-muted);cursor:pointer;font-size:14px;line-height:1;padding:4px 2px;flex-shrink:0;transition:color .15s;font-family:inherit}.swatch-item-remove:hover{color:var(--swatch-tray-text)}.swatch-tray-footer{padding:14px 18px 16px;border-top:1px solid var(--swatch-tray-border);flex-shrink:0}#swatch-checkout-btn{display:none;width:100%;padding:12px 16px;background:var(--swatch-tray-btn-bg);color:var(--swatch-tray-btn-text);border:none;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;text-align:center;transition:background .2s;font-family:inherit}#swatch-checkout-btn.is-visible{display:block}#swatch-checkout-btn:hover{background:var(--swatch-tray-accent)}#swatch-checkout-btn:disabled{background:var(--swatch-tray-muted);cursor:not-allowed}.swatch-tray-fine-print{font-size:10px;color:var(--swatch-tray-muted);text-align:center;margin:8px 0 0;letter-spacing:.02em}.swatch-request-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:transparent;color:var(--swatch-tray-text, #2a2420);border:1px solid currentColor;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s,border-color .18s;white-space:nowrap;font-family:inherit}.swatch-request-btn:before{content:"\25fb";font-size:12px;transition:content .18s}.swatch-request-btn:hover{background:var(--swatch-tray-text, #2a2420);color:#faf9f7}.swatch-request-btn--added{background:var(--swatch-tray-accent, #7a5c3e);color:#fff;border-color:var(--swatch-tray-accent, #7a5c3e);pointer-events:none}.swatch-request-btn--added:before{content:"\2713"}.swatch-request-btn:disabled:not(.swatch-request-btn--added){opacity:.4;cursor:not-allowed}.swatch-request-btn--pdp{padding:10px 18px;font-size:12px;margin-top:12px}@media(prefers-reduced-motion:reduce){.swatch-tray-panel,#swatch-tab,.swatch-request-btn{transition:none}.swatch-item{animation:none}}.swatch-cart-property{display:flex;align-items:center;gap:8px}.swatch-cart-img{width:36px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--swatch-tray-border, #e8e3dd);flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/1/assets/swatch-tray.css.map */