loogu-product-options{display:block;container-type:inline-size}
loogu-product-options .variant-picker{gap:28px}
loogu-product-options .variant-picker>fieldset{min-width:0;order:2}
loogu-product-options .variant-picker>.loogu-color-option{order:1}
loogu-product-options .variant-picker>.loogu-combined-option[hidden]{display:none}
loogu-product-options .form__label{font-size:14px;line-height:21px;margin-bottom:12px;letter-spacing:0}
loogu-product-options .swatches{gap:12px;margin:0;padding:0}
loogu-product-options .color-swatch{--swatch-radius:0px;--swatch-offset:4px;width:72px;height:48px;border-radius:0}
loogu-product-options .color-swatch::before,loogu-product-options .color-swatch::after{border-radius:0}
loogu-product-options .label-swatch{display:flex;align-items:center;justify-content:center;min-width:56px;min-height:48px;padding:12px 16px;--swatch-radius:0px;font-size:14px;font-weight:400;border-radius:0}
loogu-product-options .label-swatch::after{border-radius:0}
.loogu-fit-picker{display:grid;gap:28px;margin-top:28px}
.loogu-fit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px;font-weight:600;line-height:21px}
.loogu-fit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.loogu-fit-button{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:50px;margin:0;padding:10px 6px;border:1px solid #c9c9c9;border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:20px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.loogu-fit-button[aria-checked="true"]{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground));font-weight:600}
.loogu-fit-button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}
.loogu-fit-button:disabled{color:#a0a0a0;border-color:#e3e3e3;cursor:not-allowed;background:linear-gradient(to top right,transparent calc(50% - .5px),#ddd calc(50% - .5px),#ddd calc(50% + .5px),transparent calc(50% + .5px))}
.loogu-fit-picker[aria-busy="true"] .loogu-fit-button{opacity:.6;background:none}
.loogu-fit-status{margin:0;font-size:13px;line-height:20px}
.loogu-fit-status:empty{display:none}
@media (hover:hover){.loogu-fit-button:not(:disabled):hover{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground)/.04)}}
@container (max-width:420px){.loogu-fit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
