.chc{--chc-bg: var(--background, #f7f4f2);--chc-accent: var(--accent-color, #ff6128);--chc-heading: var(--heading-color, #3a2a2f);--chc-text: var(--text-color, #3a2a2f);--chc-card-bg: #ffffff;--chc-border: var(--border-color, #e1e3e4);--chc-btn-bg: var(--secondary-button-background, #3a2a2f);--chc-btn-fg: var(--secondary-button-text-color, #ffffff);--chc-unit-active: color-mix(in srgb, var(--chc-heading) 22%, #ffffff);container-type:inline-size;box-sizing:border-box;margin:1.5rem 0;padding:1.5rem;background:var(--chc-bg);color:var(--chc-text);font-family:var(--text-font-family, inherit)}.chc *,.chc *:before,.chc *:after{box-sizing:border-box}.chc__grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@container (min-width: 480px){.chc{padding:1.75rem}.chc__grid{grid-template-columns:1.3fr 1fr;gap:1.75rem;align-items:stretch}.chc__card{min-height:200px}}.chc__content{display:flex;flex-direction:column;min-width:0}.chc__eyebrow{margin:0 0 .5rem;font-size:.875rem;font-weight:700;letter-spacing:.02em;color:var(--chc-accent)}.chc__heading{margin:0 0 .5rem;font-family:var(--heading-font-family, inherit);font-style:var(--heading-font-style, normal);font-weight:var(--heading-font-weight, 700);color:var(--chc-heading);font-size:clamp(1.5rem,4cqi,2rem);line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.chc__intro{margin:0 0 1.25rem;font-size:1rem;line-height:1.5;color:var(--chc-text)}.chc__intro p{margin:0}.chc__intro p+p{margin-top:.5rem}.chc__label{display:block;margin-bottom:.5rem;font-weight:700;font-size:.95rem;color:var(--chc-heading)}.chc__field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:stretch;margin-bottom:.875rem}.chc__input{width:100%;min-height:52px;padding:.625rem .875rem;border:1px solid var(--chc-border);border-radius:2px;background:var(--chc-card-bg);color:var(--chc-heading);font-family:inherit;font-size:16px;line-height:1.2}.chc__input:focus-visible{outline:2px solid var(--chc-accent);outline-offset:1px;border-color:var(--chc-accent)}.chc__input::-webkit-outer-spin-button,.chc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.chc__input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.chc__units{display:inline-grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--chc-border);border-radius:2px;overflow:hidden;background:var(--chc-card-bg)}.chc__unit{-webkit-appearance:none;appearance:none;border:0;background:transparent;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--chc-heading);padding:0 1rem;min-height:52px;min-width:56px;cursor:pointer;transition:background .15s ease}.chc__unit.is-active{background:var(--chc-unit-active)}.chc__unit:focus-visible{outline:2px solid var(--chc-accent);outline-offset:-2px}.chc__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:auto;border:0;border-radius:2px;background:var(--chc-btn-bg);color:var(--chc-btn-fg);font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:filter .15s ease,transform .1s ease}.chc__btn:hover{filter:brightness(1.12)}.chc__btn:active{transform:scale(.99)}.chc__btn:focus-visible{outline:2px solid var(--chc-accent);outline-offset:2px}.chc__card{display:flex;align-items:center;justify-content:center;padding:1rem;border:1px solid var(--chc-border);border-radius:10px;background:var(--chc-card-bg)}.chc__media{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chc__media img{width:100%;height:100%;max-height:320px;object-fit:contain;display:block}.chc__result{width:100%;text-align:center;padding:.5rem}.chc__result-label{margin:0 0 .25rem;font-family:var(--heading-font-family, inherit);font-weight:700;font-size:clamp(1.1rem,3cqi,1.4rem);line-height:1.2;color:var(--chc-heading)}.chc__result-value{margin:.25rem 0;font-family:var(--heading-font-family, inherit);font-weight:800;font-size:clamp(3rem,12cqi,4.5rem);line-height:1;color:var(--chc-accent);font-variant-numeric:tabular-nums}.chc__result-unit{margin:.25rem 0 0;font-size:clamp(1rem,3cqi,1.25rem);font-weight:600;color:var(--chc-heading)}.chc [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.chc__btn,.chc__unit,.chc__input{transition:none!important}.chc__btn:active{transform:none}}@media(forced-colors:active){.chc__card,.chc__input,.chc__units,.chc__btn{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/curtain-hook-calculator.css.map */