.variant-selects{margin-top:20px}.variant-group{margin-bottom:20px;border:1px solid #e6e5e4}.variant-label{display:block;font-weight:600;font-size:14px;margin-bottom:8px;color:#111}.variant-selected{margin-left:6px;font-weight:500;color:#666}.variant-group--swatch .variant-options{display:flex;flex-wrap:wrap;gap:10px}.variant-options--swatch input[type=radio]{display:none}.variant-options--swatch label{width:36px;height:36px;border-radius:50%;border:2px solid #ddd;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden;background-size:cover;background-position:center}.variant-options--swatch label:hover{border-color:#000}.variant-options--swatch input:checked+label{border-color:#000;box-shadow:0 0 0 2px #000 inset}.variant-options--swatch input:disabled+label,.variant-options--swatch input.visually-disabled+label{opacity:.5;cursor:not-allowed;position:relative;overflow:hidden}.variant-options--swatch input:disabled+label:after,.variant-options--swatch input.visually-disabled+label:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#00000080;transform:rotate(-45deg);pointer-events:none}.variant-group--button .variant-options{display:flex;flex-wrap:wrap;gap:10px}.variant-options--button input[type=radio]{display:none}.variant-options--button label{min-width:44px;padding:10px 14px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;text-align:center;transition:all .2s ease;line-height:1}.variant-options--button label:hover{border-color:#000}.variant-options--button input:checked+label{background:#000;color:#fff;border-color:#000}.variant-options--button input:disabled+label,.variant-options--button input.disabled+label{opacity:.5;cursor:not-allowed;color:#000;text-decoration:line-through;background-color:#f5f5f5;border-color:#eee}.variant-group--dropdown{margin-bottom:20px}.variant-dropdown-wrapper{position:relative;display:flex;align-items:center;width:100%}.variant-select{width:100%;padding:12px 40px 12px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:14px;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.variant-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.variant-caret{position:absolute;right:12px;pointer-events:none;display:flex;align-items:center}.variant-dropdown-swatch{display:inline-flex;width:24px;height:24px;margin-right:8px}.variant-group.is-selected{border-color:#000}.variant-group.is-disabled{opacity:.5;pointer-events:none}.variant-group *,.variant-select,.variant-options--button label,.variant-options--swatch label{transition:all .2s ease}.variant-label--with-link{display:flex;align-items:center;justify-content:space-between}.size-chart-button{background:none;border:none;padding:0;font-size:13px;font-weight:500;color:#666;cursor:pointer;display:block;width:100%;text-align:right;align-items:center;gap:6px;transition:color .2s ease,opacity .2s ease}.size-chart-button:hover{color:#000;opacity:1}.size-chart-button:hover:after{opacity:.6}.size-chart-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;align-items:center;justify-content:center}.size-chart-layer.is-open{display:flex}.size-chart-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:block!important}.size-chart-modal{position:relative;background:#fff;width:100%;max-width:80rem;max-height:80vh;border-radius:12px;box-shadow:0 30px 80px #00000059;display:flex;flex-direction:column;animation:sizeChartScale .25s ease;z-index:2}.size-chart-header{flex-shrink:0;height:56px;padding:0 20px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px 12px 0 0}.size-chart-title{font-size:16px;font-weight:600;color:#111}.size-chart-close{border:none;background:none;font-size:20px;cursor:pointer;width:36px;height:36px;border-radius:50%;transition:background .2s ease}.size-chart-close:hover{background:#f2f2f2}.size-chart-body{padding:20px;overflow-y:auto}.size-chart-body table{width:100%;border-collapse:collapse;font-size:14px}.size-chart-body th,.size-chart-body td{border:1px solid #ddd;padding:12px;text-align:center}.size-chart-body th{background:#f7f7f7;font-weight:600}@keyframes sizeChartScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/size-and-variant.css.map */