.htbi-circle-root{--htbi-circle-ink: #18202a;--htbi-circle-muted: #5e6875;--htbi-circle-line: #d8dee6;--htbi-circle-panel: #ffffff;--htbi-circle-soft: #f4f7fa;--htbi-circle-accent: #1967d2;--htbi-circle-accent-dark: #124f9f;--htbi-circle-focus: #8a4b00;--htbi-circle-error: #a3261d;box-sizing:border-box;width:100%;min-width:0;color:var(--htbi-circle-ink);font:inherit;line-height:1.5}.htbi-circle-root *,.htbi-circle-root *:before,.htbi-circle-root *:after{box-sizing:inherit}.htbi-circle-root .htbi-circle-calculator,.htbi-circle-root .htbi-circle-noscript{width:min(100%,72rem);min-width:0;margin:0 auto;padding:clamp(1rem,4vw,2.5rem);background:var(--htbi-circle-soft)}.htbi-circle-root .htbi-circle-header{max-width:48rem;margin-block-end:1.75rem}.htbi-circle-root .htbi-circle-header__eyebrow,.htbi-circle-root .htbi-circle-header h1,.htbi-circle-root .htbi-circle-header p,.htbi-circle-root .htbi-circle-step h2,.htbi-circle-root .htbi-circle-disclaimer,.htbi-circle-root .htbi-circle-hint,.htbi-circle-root .htbi-circle-error,.htbi-circle-root .htbi-circle-rule-note,.htbi-circle-root .htbi-circle-result__assembly{margin-block:0}.htbi-circle-root .htbi-circle-header__eyebrow{color:var(--htbi-circle-accent-dark);font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.htbi-circle-root .htbi-circle-header h1{margin-block-start:.25rem;font-size:clamp(1.8rem,6vw,3rem);line-height:1.08}.htbi-circle-root .htbi-circle-header p:last-child{margin-block-start:.75rem;color:var(--htbi-circle-muted);font-size:1.05rem}.htbi-circle-root .htbi-circle-step{min-width:0;margin-block-start:1rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--htbi-circle-line);border-radius:1rem;background:var(--htbi-circle-panel);box-shadow:0 .2rem 1rem #13213112}.htbi-circle-root .htbi-circle-step__heading{display:flex;align-items:center;gap:.7rem;margin-block-end:1rem}.htbi-circle-root .htbi-circle-step__heading>span{display:grid;flex:0 0 2rem;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--htbi-circle-accent);color:#fff;font-weight:750}.htbi-circle-root .htbi-circle-step h2{font-size:clamp(1.15rem,4vw,1.45rem);line-height:1.2}.htbi-circle-root .htbi-circle-part-fieldset,.htbi-circle-root .htbi-circle-count-fieldset,.htbi-circle-root .htbi-circle-mode-fieldset,.htbi-circle-root .htbi-circle-arc-controls{min-width:0;margin:0;padding:0;border:0}.htbi-circle-root .htbi-circle-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.htbi-circle-root .htbi-circle-part-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.htbi-circle-root .htbi-circle-part-card{position:relative;display:block;min-width:0;cursor:pointer}.htbi-circle-root .htbi-circle-part-card__input{position:absolute;width:1px;height:1px;opacity:0}.htbi-circle-root .htbi-circle-part-card__body{position:relative;display:flex;height:100%;min-width:0;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem;border:2px solid var(--htbi-circle-line);border-radius:.75rem;background:#fff;text-align:center;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.htbi-circle-root .htbi-circle-part-card:hover .htbi-circle-part-card__body{border-color:#91a5bd;transform:translateY(-1px)}.htbi-circle-root .htbi-circle-part-card__input:focus-visible+.htbi-circle-part-card__body{outline:3px solid var(--htbi-circle-focus);outline-offset:3px}.htbi-circle-root .htbi-circle-part-card__input:checked+.htbi-circle-part-card__body{border-color:var(--htbi-circle-accent);box-shadow:inset 0 0 0 1px var(--htbi-circle-accent)}.htbi-circle-root .htbi-circle-part-card__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.htbi-circle-root .htbi-circle-part-card__name{font-weight:800}.htbi-circle-root .htbi-circle-part-card__type{color:var(--htbi-circle-muted);font-size:.78rem;line-height:1.3;overflow-wrap:anywhere}.htbi-circle-root .htbi-circle-part-card__selected{min-height:1.25rem;color:var(--htbi-circle-accent-dark);font-size:.75rem;font-weight:800;visibility:hidden}.htbi-circle-root .htbi-circle-part-card__input:checked+.htbi-circle-part-card__body .htbi-circle-part-card__selected{visibility:visible}.htbi-circle-root .htbi-circle-mode-fieldset{margin-block-end:1.25rem}.htbi-circle-root .htbi-circle-mode-fieldset legend,.htbi-circle-root .htbi-circle-count-fieldset legend,.htbi-circle-root .htbi-circle-arc-controls legend{margin-block-end:.5rem;font-weight:750}.htbi-circle-root .htbi-circle-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-width:24rem}.htbi-circle-root .htbi-circle-mode-option{position:relative;cursor:pointer}.htbi-circle-root .htbi-circle-mode-option input{position:absolute;width:1px;height:1px;opacity:0}.htbi-circle-root .htbi-circle-mode-option span{display:block;padding:.7rem 1rem;border:2px solid var(--htbi-circle-line);border-radius:.6rem;background:#fff;text-align:center;font-weight:750}.htbi-circle-root .htbi-circle-mode-option input:checked+span{border-color:var(--htbi-circle-accent);background:#eaf2ff;color:var(--htbi-circle-accent-dark);text-decoration:underline;text-decoration-thickness:2px}.htbi-circle-root .htbi-circle-mode-option input:focus-visible+span{outline:3px solid var(--htbi-circle-focus);outline-offset:2px}.htbi-circle-root .htbi-circle-presets{display:flex;flex-wrap:wrap;gap:.5rem}.htbi-circle-root .htbi-circle-preset{min-width:2.8rem;min-height:2.75rem;padding:.5rem .75rem;border:1px solid #9ba9b8;border-radius:.55rem;background:#fff;color:var(--htbi-circle-ink);font:inherit;font-weight:700;cursor:pointer}.htbi-circle-root .htbi-circle-preset:hover:not(:disabled){border-color:var(--htbi-circle-accent)}.htbi-circle-root .htbi-circle-preset:focus-visible,.htbi-circle-root .htbi-circle-custom-count input:focus-visible,.htbi-circle-root .htbi-circle-custom-angle input:focus-visible{outline:3px solid var(--htbi-circle-focus);outline-offset:2px}.htbi-circle-root .htbi-circle-preset[aria-pressed=true]{border:2px solid var(--htbi-circle-accent);background:#eaf2ff;color:var(--htbi-circle-accent-dark);text-decoration:underline;text-decoration-thickness:2px}.htbi-circle-root .htbi-circle-preset:disabled{cursor:not-allowed;opacity:.45;text-decoration:line-through}.htbi-circle-root .htbi-circle-rule-note{margin-block-start:.75rem;color:var(--htbi-circle-muted);font-size:.9rem}.htbi-circle-root .htbi-circle-custom-count,.htbi-circle-root .htbi-circle-custom-angle{max-width:24rem;margin-block-start:1rem}.htbi-circle-root .htbi-circle-custom-count label,.htbi-circle-root .htbi-circle-custom-angle label{display:block;margin-block-end:.35rem;font-weight:750}.htbi-circle-root .htbi-circle-custom-count input,.htbi-circle-root .htbi-circle-custom-angle input{width:100%;min-height:2.8rem;padding:.55rem .7rem;border:1px solid #8796a6;border-radius:.5rem;background:#fff;color:var(--htbi-circle-ink);font:inherit}.htbi-circle-root .htbi-circle-custom-count input[aria-invalid=true],.htbi-circle-root .htbi-circle-custom-angle input[aria-invalid=true]{border:2px solid var(--htbi-circle-error)}.htbi-circle-root .htbi-circle-arc-controls{margin-block-start:1.25rem;padding:1rem;border:1px solid var(--htbi-circle-line);border-radius:.75rem;background:var(--htbi-circle-soft)}.htbi-circle-root .htbi-circle-hint{margin-block-start:.35rem;color:var(--htbi-circle-muted);font-size:.84rem}.htbi-circle-root .htbi-circle-error{min-height:1.5rem;margin-block-start:.2rem;color:var(--htbi-circle-error);font-size:.9rem;font-weight:700}.htbi-circle-root .htbi-circle-step--result{border-color:#aac4e5}.htbi-circle-root .htbi-circle-result__part{display:grid;gap:.15rem;margin-block-end:1rem}.htbi-circle-root .htbi-circle-result__part span,.htbi-circle-root .htbi-circle-result__part small{color:var(--htbi-circle-muted)}.htbi-circle-root .htbi-circle-result__part strong{font-size:1.25rem}.htbi-circle-root .htbi-circle-result__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0}.htbi-circle-root .htbi-circle-result__grid>div{min-width:0;padding:.85rem;border-radius:.65rem;background:var(--htbi-circle-soft)}.htbi-circle-root .htbi-circle-result__grid dt{color:var(--htbi-circle-muted);font-size:.82rem;font-weight:700}.htbi-circle-root .htbi-circle-result__grid dd{margin:.25rem 0 0;font-size:1.2rem;font-weight:800;overflow-wrap:anywhere}.htbi-circle-root .htbi-circle-result__grid dd small{display:block;color:var(--htbi-circle-muted);font-size:.78rem;font-weight:500}.htbi-circle-root .htbi-circle-result__assembly{margin-block-start:1rem;color:var(--htbi-circle-muted)}.htbi-circle-root .htbi-circle-result__empty{margin:0;padding:1rem;border-left:.25rem solid var(--htbi-circle-error);background:#fff3f2;color:var(--htbi-circle-error);font-weight:700}.htbi-circle-root .htbi-circle-disclaimer{margin-block-start:1rem;padding-inline:.25rem;color:var(--htbi-circle-muted);font-size:.82rem}.htbi-circle-root [hidden]{display:none!important}@media(max-width:52rem){.htbi-circle-root .htbi-circle-part-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.htbi-circle-root .htbi-circle-result__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:35rem){.htbi-circle-root .htbi-circle-part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.htbi-circle-root .htbi-circle-result__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/htbi-circle-calculator.css.map */