.size-selector-wrapper{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.size-selector-content{display:flex;align-items:center;gap:12px;width:100%}.size-label-column{flex:0 0 22%;white-space:nowrap;font-size:16px;font-weight:700;text-align:start;display:block;min-width:var(--product-label-width)}.size-selector-label{font-weight:600;font-size:16px}.size-dropdowns-column{flex:1 1 auto;min-width:0;display:flex;gap:20px}.size-dropdown-group{flex:1;position:relative}.size-select-label{font-size:16px;color:#666;font-weight:500;position:absolute;top:16px;left:12px;z-index:1;pointer-events:none;background:#fff;padding:0 4px;line-height:1}.size-select-wrapper{position:relative;display:inline-block;width:100%;max-width:200px}.size-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:14px 36px 10px;font-size:16px;font-weight:400;color:#2a2b2a;cursor:pointer;width:100%;max-width:200px;transition:border-color .2s ease;text-align:center;text-align-last:center;direction:ltr}.size-select option{text-align:left;direction:ltr}.size-select::-ms-value{text-align:center}.size-select:focus+.size-select-label,.size-select-wrapper:focus-within .size-select-label{color:#06c}.size-select:hover{border-color:#9ca3af}.size-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.size-select option{padding:8px;color:#333;text-align:left;direction:ltr}.size-select-wrapper .dropdown-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;z-index:2}.size-grid-column{display:flex;align-items:start}.size-grid-container{display:flex;flex-direction:column;gap:10px;width:150px}.size-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:8px;border:2px dashed #b3d9f5;border-radius:8px;background:#f8fcff;width:150px;max-width:150px}.size-grid-cell{width:20px;height:20px;background:#fff;border:1px solid #d1e5f5;border-radius:4px;cursor:pointer;transition:all .15s ease}.size-grid-cell:hover{background:#e0f0ff;border-color:#80c4f5}.size-grid-cell.selected{background:#5bb5f5;border-color:#3aa3f0}.size-grid-cell.highlight{background:#e0f0ff;border-color:#80c4f5}.size-grid-cell.disabled{background:#5bb5f5;border-color:#e5e7eb;cursor:not-allowed;opacity:.5}.size-grid-cell.disabled:hover{background:#f3f4f6;border-color:#e5e7eb}.size-link{font-size:13px;color:#06c;text-decoration:underline;transition:color .2s ease}.size-link:hover{color:#004d99}@media(max-width:767px){.size-selector-content{grid-template-columns:1fr;gap:12px}.size-dropdowns-column{width:100%;flex-direction:column}.size-selector-wrapper .size-select-label{padding-left:0;padding-right:0}.option-selector .custom-select button{padding-left:12px;padding-right:12px}.size-select,.size-select-wrapper{width:100%;max-width:100%}.size-grid-container{width:100%;max-width:150px}.size-grid-cell{width:16px;height:16px}}@media(max-width:480px){.size-selector-content{grid-template-columns:1fr;gap:12px}.size-grid-container{width:100%;max-width:150px}.size-grid-cell{width:14px;height:14px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-size-grid-selector.css.map */