.sx-qa{position:relative}.sx-qa__btn{width:100%;cursor:pointer}.sx-qa__btn--soldout{opacity:.55;cursor:not-allowed}.sx-qa__btn.is-loading{opacity:.7;pointer-events:none}.sx-qa__swatches{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;margin:0 0 9px}.sx-qa__sw{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:34px;height:34px;border-radius:7px;border:1px solid var(--sx-line, #E5E5E5);background-position:center;background-repeat:no-repeat;background-size:cover;padding:0;cursor:pointer;box-shadow:0 0 0 0 var(--sx-ink, #242424);transition:box-shadow .12s ease,transform .12s ease}.sx-qa__sw--img{background-size:contain;background-color:#f6f6f6}.sx-qa__sw:hover{transform:translateY(-1px)}.sx-qa__sw.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--sx-ink, #242424)}.sx-qa__sw-more{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:34px;height:34px;border-radius:7px;border:1px solid var(--sx-line, #E5E5E5);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--sx-ink-2, #5F5F5F);cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color .12s ease,color .12s ease}.sx-qa__sw-more:hover{border-color:var(--sx-ink, #242424);color:var(--sx-ink, #242424)}.sx-qa__panel{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:var(--sx-z-modal, 100);background:#fff;border:1px solid var(--sx-line, #E5E5E5);border-radius:12px;box-shadow:0 14px 40px #0000002e;padding:12px;width:auto;max-width:none}.sx-qa.is-open .sx-qa__panel{display:block}.sx-qa__panel:after{content:"";position:absolute;top:100%;left:24px;border:7px solid transparent;border-top-color:#fff;filter:drop-shadow(0 1px 0 var(--sx-line, #E5E5E5))}.sx-qa__head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.sx-qa__title{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sx-ink, #242424)}.sx-qa__close{-webkit-appearance:none;appearance:none;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--sx-ink-2, #5F5F5F);padding:0 2px}.sx-qa__preview{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--sx-line, #E5E5E5);border-radius:10px;height:150px;margin:0 0 10px}.sx-qa__preview-img{max-width:92%;max-height:92%;object-fit:contain}.sx-qa__tiles{display:flex;gap:8px;overflow-x:auto;padding:0 2px 4px;margin:0 -2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sx-qa__tiles::-webkit-scrollbar{height:4px}.sx-qa__tiles::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:4px}.sx-qa__tile{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:58px;border:0;background:transparent;padding:0;cursor:pointer;text-align:center}.sx-qa__tile-sw{display:block;width:58px;height:58px;border-radius:8px;border:1px solid var(--sx-line, #E5E5E5);background-size:cover;background-position:center;background-repeat:no-repeat;transition:border-color .12s ease,box-shadow .12s ease}.sx-qa__tile-name{display:block;margin-top:4px;font-size:10px;font-weight:600;line-height:1.15;color:var(--sx-ink-2, #5F5F5F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-qa__tile.is-active .sx-qa__tile-sw{border-color:var(--sx-ink, #242424);box-shadow:0 0 0 1.5px var(--sx-ink, #242424)}.sx-qa__tile.is-active .sx-qa__tile-name{color:var(--sx-ink, #242424)}.sx-qa__sizes-label,.sx-qa__seg-label{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sx-ink-2, #5F5F5F);margin:0 2px 7px}.sx-qa__seg{display:flex;gap:6px;margin:0 2px 11px}.sx-qa__seg-btn{-webkit-appearance:none;appearance:none;flex:1 1 0;min-width:0;border:1px solid var(--sx-line, #E5E5E5);background:#fff;border-radius:6px;padding:9px 6px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--sx-ink-2, #5F5F5F);cursor:pointer;text-align:center;line-height:1.1;transition:border-color .12s ease,color .12s ease,background .12s ease}.sx-qa__seg-btn:hover{border-color:var(--sx-ink, #242424)}.sx-qa__seg-btn.is-active{border-color:var(--sx-ink, #242424);color:var(--sx-ink, #242424);background:#f6f6f6}.sx-qa__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:168px;overflow-y:auto}.sx-qa__size{-webkit-appearance:none;appearance:none;border:1px solid var(--sx-line, #E5E5E5);background:#fff;border-radius:6px;padding:9px 4px;font-size:12px;font-weight:600;color:var(--sx-ink, #242424);cursor:pointer;text-align:center;font-variant-numeric:tabular-nums;line-height:1.1;transition:border-color .12s ease,background .12s ease}.sx-qa__size:hover{border-color:var(--sx-ink, #242424)}.sx-qa__size:active{background:var(--sx-ink, #242424);color:#fff}.sx-qa__size.is-disabled,.sx-qa__size[disabled]{color:#bfbfbf;cursor:not-allowed;background:#fafafa;text-decoration:line-through;text-decoration-thickness:1px}.sx-qa__size--off{display:none!important}@media(max-width:749px){.quick-add{z-index:auto!important}body.sx-qa-lock .sx-tabbar{display:none!important}.sx-qa.is-open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--sx-z-scrim, 90);background:#0a0a0a80}.sx-qa.is-open .sx-qa__panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;z-index:var(--sx-z-modal, 100);border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));max-height:86vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -10px 40px #00000038;animation:sxQaSheet .22s cubic-bezier(.16,1,.3,1)}.sx-qa.is-open .sx-qa__panel:before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:#dadada;margin:-4px auto 12px}.sx-qa__panel:after{display:none}.sx-qa__head{margin-bottom:12px}.sx-qa__title{font-size:13px}.sx-qa__preview{height:190px}.sx-qa__tile,.sx-qa__tile-sw{width:66px}.sx-qa__tile-sw{height:66px}.sx-qa__tile-name{font-size:11px}.sx-qa__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:none}.sx-qa__size{padding:13px 4px;font-size:14px}.sx-qa__sw,.sx-qa__sw-more{width:36px;height:36px}@keyframes sxQaSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media(min-width:750px){.sx-qa.is-open .sx-qa__panel{position:fixed;left:0;right:auto;top:0;bottom:auto;width:min(320px,calc(100vw - 24px));max-width:none}.sx-qa__panel:after{left:var(--sx-qa-ax, 24px)}.sx-qa__panel[data-sx-qa-place=below]:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#fff;filter:drop-shadow(0 -1px 0 var(--sx-line, #E5E5E5))}}body.sx-qa-lock{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/83/assets/sx-quick-add.css.map */