.wta-variant-picker{--wta-option-border: #d9d5d1;--wta-option-ink: #211b18;--wta-option-muted: #7d746f;--wta-option-selected: #6f6a64;display:block}.wta-variant-group{max-width:none;margin:0 0 2.6rem;padding:0;border:0}.wta-variant-group__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;width:100%;margin:0 0 1.2rem;color:var(--wta-option-muted);font-size:1.45rem;line-height:1.35}.wta-variant-group__legend strong{color:var(--wta-option-ink);font-weight:500}.wta-variant-group__legend span:after{content:" \b7"}.wta-option-input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.wta-visual-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.8rem}.wta-variant-picker--glass .wta-visual-options{grid-template-columns:repeat(2,minmax(0,12rem))}.wta-visual-option{display:flex;min-height:12rem;padding:.9rem .7rem .8rem;border:1px solid var(--wta-option-border);border-radius:.8rem;background:#fff;color:var(--wta-option-ink);cursor:pointer;flex-direction:column;align-items:center;justify-content:space-between;gap:.7rem;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.wta-visual-option:hover{border-color:var(--wta-option-muted);transform:translateY(-1px)}.wta-option-input:focus-visible+.wta-visual-option,.wta-option-input:focus-visible+.wta-size-option{outline:.2rem solid #121212;outline-offset:.2rem}.wta-option-input:checked+.wta-visual-option{border-color:var(--wta-coral, #d85850);box-shadow:0 0 0 1px var(--wta-coral, #d85850)}.wta-option-input.is-unavailable+.wta-visual-option{opacity:.45}.wta-visual-option__label{display:block;font-size:1.1rem;font-weight:700;line-height:1.15;text-transform:uppercase}.wta-visual-option__label strong,.wta-visual-option__label small{display:block}.wta-visual-option__label strong{font:inherit}.wta-visual-option__label small{margin-top:.3rem;color:var(--wta-option-muted);font-size:.9rem;font-weight:600;letter-spacing:.04em;line-height:1.15}.wta-variant-art{position:relative;display:grid;width:8.2rem;height:6.2rem;place-items:center}.wta-variant-art__panels{display:flex;width:7.2rem;height:5.4rem;align-items:center;justify-content:center;gap:.22rem}.wta-variant-art__surface{position:relative;display:block;width:7.2rem;height:4.8rem;border:1px solid #cac7c3;background:linear-gradient(145deg,#f7f7f6 0 64%,#ebe8e4 65% 100%);box-shadow:0 .3rem .8rem #211b1814}.wta-variant-art[data-panel-count="3"] .wta-variant-art__surface,.wta-variant-art[data-panel-count="4"] .wta-variant-art__surface,.wta-variant-art[data-panel-count="5"] .wta-variant-art__surface{width:auto;min-width:0;flex:1 1 0}.wta-variant-art[data-panel-count="3"] .wta-variant-art__surface:nth-child(2),.wta-variant-art[data-panel-count="5"] .wta-variant-art__surface:nth-child(3){height:5.4rem}.wta-variant-art[data-panel-count="3"] .wta-variant-art__surface:nth-child(1),.wta-variant-art[data-panel-count="3"] .wta-variant-art__surface:nth-child(3),.wta-variant-art[data-panel-count="5"] .wta-variant-art__surface:nth-child(2),.wta-variant-art[data-panel-count="5"] .wta-variant-art__surface:nth-child(4){height:4.8rem}.wta-variant-art[data-panel-count="5"] .wta-variant-art__surface:nth-child(1),.wta-variant-art[data-panel-count="5"] .wta-variant-art__surface:nth-child(5){height:4rem}.wta-variant-art[data-panel-count="4"] .wta-variant-art__surface:nth-child(1),.wta-variant-art[data-panel-count="4"] .wta-variant-art__surface:nth-child(4){height:4.3rem}.wta-variant-art[data-panel-count="4"] .wta-variant-art__surface:nth-child(2),.wta-variant-art[data-panel-count="4"] .wta-variant-art__surface:nth-child(3){height:5.2rem}.wta-variant-art__shine{position:absolute;top:1.2rem;left:1.4rem;width:4.8rem;height:1px;background:#fffc;transform:rotate(-24deg)}.wta-variant-art--gallery-wrapped .wta-variant-art__surface{border:0;box-shadow:inset -.7rem 0 #d7d4d0,inset 0 -.5rem #e4e1dd,0 .3rem .8rem #211b181a}.wta-variant-art--black-frame .wta-variant-art__surface{border:.5rem solid #202020}.wta-variant-art--gold-frame .wta-variant-art__surface{border:.5rem solid #c99a3c}.wta-variant-art--white-frame .wta-variant-art__surface{border:.5rem solid #f7f6f3;box-shadow:0 0 0 1px #cfcbc6,0 .3rem .8rem #211b1814}.wta-variant-art--glass-rectangle .wta-variant-art__surface{border:.2rem solid #686868;background:linear-gradient(135deg,#f7f7f6 0 43%,#dce5e8 44% 49%,#f7f7f6 50% 100%)}.wta-variant-art--glass-round .wta-variant-art__surface{width:5.6rem;height:5.6rem;border:.2rem solid #686868;border-radius:50%;background:linear-gradient(135deg,#f7f7f6 0 43%,#dce5e8 44% 49%,#f7f7f6 50% 100%)}.wta-material-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.wta-material-option{display:grid;min-height:7.6rem;padding:.8rem;border:1px solid var(--wta-option-border);border-radius:.8rem;background:#fff;color:var(--wta-option-ink);cursor:pointer;grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:1rem;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.wta-material-option:hover{border-color:var(--wta-option-muted);transform:translateY(-1px)}.wta-option-input:focus-visible+.wta-material-option{outline:.2rem solid #121212;outline-offset:.2rem}.wta-option-input:checked+.wta-material-option{border-color:var(--wta-coral, #d85850);box-shadow:0 0 0 1px var(--wta-coral, #d85850)}.wta-option-input.is-unavailable+.wta-material-option{opacity:.45}.wta-material-option__sample{position:relative;display:block;width:5.6rem;height:5.6rem;overflow:hidden;border:1px solid #d4d0cb;border-radius:.5rem;background-color:#f3efe9}.wta-material-option__sample:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0 62%,rgba(255,255,255,.9) 63% 72%,transparent 73%);content:""}.wta-material-option__sample--fabric-non-woven{background-image:repeating-linear-gradient(0deg,rgba(81,67,61,.1) 0 1px,transparent 1px 4px)}.wta-material-option__sample--peel-stick-paper{background:linear-gradient(145deg,#fffdf9 0 70%,#e7dfd5 71% 100%)}.wta-material-option__sample--peel-stick-textured{background-color:#eee8df;background-image:radial-gradient(rgba(81,67,61,.18) .7px,transparent .8px);background-size:4px 4px}.wta-material-option__sample--textured-fabric{background-color:#eee9e2;background-image:repeating-linear-gradient(0deg,rgba(81,67,61,.11) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(81,67,61,.08) 0 1px,transparent 1px 5px)}.wta-material-option__copy{min-width:0}.wta-material-option__copy strong{display:block;font-size:1.2rem;line-height:1.25}.wta-material-option__copy small{display:block;margin-top:.3rem;color:var(--wta-option-muted);font-size:1rem;line-height:1.25}.wta-size-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.6rem,1fr));gap:.8rem}.wta-size-option{display:flex;min-height:5.7rem;padding:.9rem 1rem;border:1px solid #938d88;border-radius:.6rem;background:#fff;color:var(--wta-option-ink);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-align:center;transition:background .18s ease,border-color .18s ease,color .18s ease}.wta-size-option:hover{border-color:var(--wta-option-ink)}.wta-option-input:checked+.wta-size-option{border-color:var(--wta-option-selected);background:var(--wta-option-selected);color:#fff}.wta-size-option__primary{font-size:1.25rem;font-weight:700;line-height:1.15}.wta-size-option__secondary{font-size:1.05rem;line-height:1.15;opacity:.72}.wta-variant-group--size .wta-option-input.is-unavailable+.wta-size-option{display:none}@media screen and (max-width:749px){.wta-visual-options,.wta-variant-picker--glass .wta-visual-options{grid-template-columns:repeat(2,minmax(0,1fr))}.wta-visual-option{min-height:11rem}.wta-size-options{grid-template-columns:repeat(3,minmax(0,1fr))}.wta-size-option{min-height:5.4rem;padding-inline:.5rem}.wta-material-options{grid-template-columns:1fr}}@media screen and (max-width:420px){.wta-size-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-wta-variant-picker.css.map */