.htg-compact-configurator{--htg-accent:var(--primary-button-background,#6b8e23);--htg-border:rgba(0,0,0,.16);--htg-muted:rgba(0,0,0,.66);margin-top:20px}.htg-compact-configurator__group{margin:0;padding:16px 0 0;border:0;border-top:1px solid var(--htg-border)}.htg-compact-configurator__group+.htg-compact-configurator__group{margin-top:14px}.htg-compact-configurator__label{width:100%;margin:0 0 10px;padding:0;font-size:14px;font-weight:700;line-height:1.35}.htg-compact-configurator__label span{margin-left:5px;font-size:12px;font-weight:400;color:var(--htg-muted)}.htg-compact-configurator__options{display:grid;gap:7px}.htg-compact-option{display:grid;grid-template-columns:18px 44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:7px 10px;border:1px solid var(--htg-border);border-radius:5px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.htg-compact-option:hover{border-color:#0000006b}.htg-compact-option:has(input:checked){border-color:var(--htg-accent);box-shadow:0 0 0 1px var(--htg-accent);background:#6b8e230a}.htg-compact-option input{position:absolute;opacity:0;pointer-events:none}.htg-compact-option__radio{width:16px;height:16px;border:1.5px solid rgba(0,0,0,.55);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px #fff}.htg-compact-option input:checked+.htg-compact-option__radio{border-color:var(--htg-accent);background:var(--htg-accent)}.htg-compact-option__thumb{display:block;width:44px;height:44px;overflow:hidden;border-radius:4px;background:#f3f3f3}.htg-compact-option__image{width:100%;height:100%;object-fit:cover}.htg-compact-option__text{display:flex;min-width:0;flex-direction:column;gap:2px}.htg-compact-option__text strong{font-size:13px;line-height:1.25}.htg-compact-option__text small{font-size:12px;line-height:1.2;color:var(--htg-muted)}.htg-compact-option__stock,.htg-compact-configurator__error{color:#b42318;font-size:12px;font-weight:700}.htg-compact-option.is-sold-out{cursor:not-allowed;opacity:.48}.htg-compact-configurator__error{margin:8px 0 0}.htg-compact-configurator__summary{margin-top:16px;padding-top:13px;border-top:1px solid var(--htg-border)}.htg-compact-configurator__summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.htg-compact-configurator__summary-line span{font-size:14px;font-weight:700}.htg-compact-configurator__summary-line strong{font-size:22px;line-height:1}.htg-compact-configurator__purchase{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;margin-top:14px}.htg-compact-quantity{display:grid;grid-template-columns:36px 44px 36px;border:1px solid var(--htg-border)}.htg-compact-quantity button,.htg-compact-quantity input{min-height:46px;border:0;background:#fff;text-align:center}.htg-compact-quantity input{width:100%;border-inline:1px solid var(--htg-border);-moz-appearance:textfield}.htg-compact-quantity input::-webkit-outer-spin-button,.htg-compact-quantity input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.htg-compact-configurator__add{width:100%;min-height:48px}.htg-compact-configurator__status,.htg-compact-configurator__note{margin:9px 0 0;font-size:12px;line-height:1.35}.htg-compact-configurator__status.is-error{color:#b42318;font-weight:700}.htg-compact-configurator__note{color:var(--htg-muted)}.htg-compact-configurator__spinner{display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:htg-compact-spin .7s linear infinite;vertical-align:middle}@keyframes htg-compact-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.htg-compact-option{grid-template-columns:18px 40px minmax(0,1fr)}.htg-compact-option__sto0ck{grid-column:3}.htg-compact-configurator__purchase{grid-template-columns:1fr}.htg-compact-quantity{width:116px}}.htg-compact-option:has(input:checked){border-color:#6b8e23;background:#6b8e231a;box-shadow:0 0 0 1px #6b8e23}.htg-compact-option input:checked+.htg-compact-option__radio{border-color:#6b8e23;background:#6b8e23;box-shadow:inset 0 0 0 4px #fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/htg-product-configurator-compact.css.map */