:root{--vd-navy:#0f1c35;--vd-muted:#5b6577;--vd-orange:#ff580d;--vd-line:#cdd9ea;--vd-beige:#ede5d5}.so-vd{display:block}.so-vd[hidden]{display:none}.so-vd__seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.so-vd-native-hidden{display:none!important}.so-vd__trigger{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--vd-line);border-radius:10px;padding:10px 12px;margin:8px 0 0;background:#fff;cursor:pointer;font:inherit;text-align:left;color:var(--vd-navy);transition:border-color .15s,background .15s}.so-vd__trigger:hover{border-color:var(--vd-orange);background:#fff8f4}.so-vd__trigger{max-width:100%}.so-vd__trigger-main{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;flex:1 1 auto}.so-vd__trigger-thumb{width:34px;height:34px;border-radius:7px;flex:0 0 auto;background:#eef1f6 center/cover no-repeat}.so-vd__trigger-thumb.is-empty{background:#eef1f6}.so-vd__trigger-name{font-size:14px;font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.so-vd__trigger:not(.is-selected) .so-vd__trigger-name{color:var(--vd-muted)}.so-vd__trigger-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}.so-vd__teaser{display:flex}.so-vd__teaser-thumb{width:22px;height:22px;border-radius:5px;margin-left:-6px;background:#eef1f6 center/cover no-repeat;box-shadow:0 0 0 2px #fff}.so-vd__teaser-thumb:first-child{margin-left:0}.so-vd__count{font-size:13px;font-weight:500;color:var(--vd-muted);white-space:nowrap}.so-vd__trigger-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.so-vd__trigger-pre{font-size:11px;font-weight:600;color:#8a4b00;line-height:1.1;margin-top:1px}.so-vd__trigger-pre[hidden]{display:none}.so-vd__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482900;background:#0f1c3573;opacity:0;transition:opacity .25s ease}.so-vd__backdrop.is-open{opacity:1}.so-vd__backdrop[hidden]{display:none}.so-vd__drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);z-index:2147483000;background:var(--vd-beige);color:var(--vd-navy);display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s ease;box-shadow:-14px 0 44px #0000002e}.so-vd__drawer.is-open{transform:translate(0)}.so-vd__drawer[hidden]{display:none}.so-vd__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px}.so-vd__title{margin:0;font-size:20px;font-weight:600;color:var(--vd-navy);text-transform:capitalize}.so-vd__close{background:none;border:0;cursor:pointer;color:var(--vd-navy);padding:6px;line-height:0}.so-vd__close svg{width:20px;height:20px}.so-vd__search-wrap{padding:0 20px 12px}.so-vd__search{width:100%;border:1px solid var(--vd-line);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;background:#fff;color:var(--vd-navy)}.so-vd__search:focus{outline:2px solid var(--vd-orange);outline-offset:1px;border-color:var(--vd-orange)}.so-vd__list{list-style:none;margin:0;padding:0 12px 20px;overflow:auto;flex:1 1 auto}.so-vd__row{display:flex;align-items:center;gap:12px;padding:9px 10px;margin:0 0 6px;border:1px solid transparent;border-radius:10px;background:#fff;cursor:pointer}.so-vd__row:hover{border-color:var(--vd-line)}.so-vd__row.is-selected{border:2px solid var(--vd-orange);padding:8px 9px}.so-vd__row[hidden]{display:none}.so-vd__thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;flex:0 0 auto;background:#eef1f6}.so-vd__thumb img{width:100%;height:100%;object-fit:cover;display:block}.so-vd__thumb-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e4dccb,#eef1f6)}.so-vd__row-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.so-vd__row-name{font-size:14px;font-weight:500;color:var(--vd-navy)}.so-vd__row-tag{font-size:11.5px;color:#8a4b00;margin-top:1px}.so-vd__row.is-instock .so-vd__row-tag{color:#3b7d4f}.so-vd__row.is-lowstock .so-vd__row-tag{color:#a35a0b;font-weight:600}.so-vd__row.is-unavailable .so-vd__row-tag{color:var(--vd-muted)}.so-vd__row-check{width:18px;height:18px;flex:0 0 auto;border-radius:50%;margin-left:auto}.so-vd__row.is-selected .so-vd__row-check{background:var(--vd-orange);box-shadow:inset 0 0 0 3px var(--vd-beige),inset 0 0 0 4px var(--vd-orange)}.so-vd__row.is-unavailable{opacity:.5;cursor:not-allowed}.so-vd__row.is-unavailable:hover{border-color:transparent}.so-vd__noresults{padding:8px 22px 20px;margin:0;font-size:14px;color:var(--vd-muted)}.so-vd__noresults[hidden]{display:none}.so-vd__header-text{min-width:0}.so-vd__summary{margin:3px 0 0;font-size:12px;color:var(--vd-muted)}.so-vd__summary[hidden]{display:none}.so-vd__filters{display:flex;gap:8px;padding:0 20px 12px}.so-vd__filters[hidden]{display:none}.so-vd__filter{font:inherit;font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:20px;border:1px solid var(--vd-line);background:#fff;color:var(--vd-muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.so-vd__filter:hover{border-color:var(--vd-orange)}.so-vd__filter.is-active{background:var(--vd-navy);border-color:var(--vd-navy);color:#fff}.so-vd__filter[hidden]{display:none}.so-vd__group{list-style:none;margin:12px 4px 6px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.so-vd__group:first-child{margin-top:2px}.so-vd__group--now{color:#3b7d4f}.so-vd__group--pre{color:#8a4b00}.so-vd__group--un{color:var(--vd-muted)}.so-vd__row.is-preorder{background:#fbf4e9}.so-vd__row.is-preorder:hover{border-color:#e5cfa8}@media(max-width:767px){.so-vd__drawer{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;max-height:88vh;border-radius:16px 16px 0 0;transform:translateY(100%);box-shadow:0 -14px 44px #0000002e}.so-vd__drawer.is-open{transform:translateY(0)}.so-vd__drawer:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:2px;background:#cdd9ea}.so-vd__header{padding-top:22px}.so-vd__search{font-size:16px}.so-vd__drawer{transition:transform .25s ease,bottom .2s ease,max-height .2s ease}}@media(prefers-reduced-motion:reduce){.so-vd__drawer,.so-vd__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/so-variant-drawer.css.map */