.crioh-color-variant-picker,.crioh-color-variant-picker .variant-picker__form{display:block;width:100%}.crioh-color-option{display:block;width:100%;min-width:0;border:none;padding:0;margin:0}.crioh-color-option__legend{font-size:.875rem;font-weight:600;color:rgb(var(--color-foreground-rgb));margin-bottom:12px;display:block;border:none;padding:0}.crioh-color-option__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crioh-color-option__card{display:flex;align-items:center;gap:10px;padding:8px;border:1.5px solid #e0e0e0;border-radius:4px;cursor:pointer;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;position:relative;width:100%;box-sizing:border-box}.crioh-color-option__card:has(input:checked),.crioh-color-option__card--selected{border-color:rgb(var(--color-foreground-rgb));box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb))}.crioh-color-option__card:hover:not(:has(input:checked)){border-color:#aaa}.crioh-color-option__card input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.crioh-color-option__image-wrap{flex-shrink:0;width:56px;height:56px;overflow:hidden;border-radius:2px;background:#f5f5f5}.crioh-color-option__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important}.crioh-color-option__image-placeholder{width:100%;height:100%;background:#eee;display:block}.crioh-color-option__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;width:0}.crioh-color-option__name{display:block;width:100%;font-size:.75rem;font-weight:500;color:rgb(var(--color-foreground-rgb));line-height:1.2;overflow:hidden;text-overflow:ellipsis}.crioh-color-option__price{display:block;width:100%;font-size:.875rem;font-weight:700;color:rgb(var(--color-foreground-rgb));line-height:1.2}.crioh-color-option__availability{display:inline-block;width:auto;max-width:100%;box-sizing:border-box;padding:3px 7px;border-radius:4px;font-size:.7rem;font-weight:500;color:#1b6b2b;background:#bbecc3;line-height:1.25;white-space:normal;word-break:break-word;overflow-wrap:break-word}.crioh-color-option__availability--later{color:#d81f1e;background:#fef4f4}.crioh-size-availability,.crioh-single-availability{margin-block-start:8px}.crioh-size-availability:empty,.crioh-single-availability:empty{display:none;margin-block-start:0}.crioh-color-variant-picker .crioh-size-option{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;border:none;padding:0}.crioh-color-variant-picker .crioh-size-option>legend{flex:0 0 100%;font-size:.875rem;font-weight:600;color:rgb(var(--color-foreground-rgb));margin-bottom:4px;padding:0}.crioh-color-variant-picker .crioh-size-option .variant-option__button-label{flex:0 0 auto;min-width:44px;min-height:44px;width:auto;padding-block:0;padding-inline:12px;font-size:.8125rem;font-weight:500}.crioh-color-variant-picker .crioh-size-option .variant-option__button-label__text{width:100%;text-align:center}.crioh-color-variant-picker .crioh-size-option .variant-option__button-label:has([data-option-available=false]){color:#b0b0b0;background:#f7f7f7}@media screen and (max-width:1159px)and (min-width:750px){.crioh-color-option__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.crioh-color-option__grid{grid-template-columns:repeat(2,1fr)}.crioh-color-option__image-wrap{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/color-variant-picker.css.map */