.c404-calc{--ink: #1b2027;--ink-strong: #000000;--cloud: #eeeee7;--paper: #ffffff;--slate: #5b6b73;--rust: #b5502d;--rust-dark: #9f4324;--rust-soft: rgba(181, 80, 45, .1);--ok: #3e7d5a;--line: rgba(27, 32, 39, .14);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 8px;background:var(--cloud);color:var(--ink);font-family:Inter,sans-serif;border-top:1px solid var(--line);padding:56px 0 80px}.c404-calc__inner{max-width:984px;margin-left:210px;box-sizing:border-box}.c404-calc--inline{border-top:none;padding:0}.c404-calc--inline .c404-calc__inner{max-width:100%;margin-left:0}.c404-calc__eyebrow{font-size:12px;font-weight:700;color:var(--rust);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.c404-calc__title{font-family:Big Shoulders,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:700;text-transform:uppercase;letter-spacing:.01em;margin:0 0 8px;line-height:1}.c404-calc__subtitle{font-size:15px;color:var(--slate);margin:0 0 16px;max-width:520px}.c404-calc__pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.c404-calc__pill{display:flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 12px 7px 9px;font-size:12.5px;font-weight:500;color:var(--ink)}.c404-calc__pill svg{width:15px;height:15px;flex:none;color:var(--rust)}.c404-calc__progress{display:flex;align-items:center;gap:0;margin-bottom:24px}.c404-calc__prog-step{display:flex;align-items:center;gap:8px;flex:none}.c404-calc__prog-num{width:28px;height:28px;border-radius:50%;border:1.5px solid transparent;background:var(--cloud);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--slate);transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.c404-calc__prog-label{font-size:13px;font-weight:600;color:var(--slate);transition:color .2s}.c404-calc__prog-step.is-active .c404-calc__prog-num{background:var(--rust);border-color:var(--rust);color:#fff;box-shadow:0 0 0 4px var(--rust-soft)}.c404-calc__prog-step.is-active .c404-calc__prog-label{color:var(--ink)}.c404-calc__prog-step.is-done .c404-calc__prog-num{background:var(--ok);border-color:var(--ok);color:#fff;box-shadow:none}.c404-calc__prog-step.is-done .c404-calc__prog-label{color:var(--ok)}.c404-calc__prog-sep{flex:1;height:1px;background:var(--line);margin:0 8px;max-width:56px}.c404-calc__body{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;max-width:640px}.c404-calc__panel{display:none}.c404-calc__panel.is-active{display:block}.c404-calc__hint{margin:0 0 14px;font-size:14px;color:var(--slate);line-height:1.5}.c404-calc__diagram-toggle{margin:16px 0 0}.c404-calc__diagram-toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--slate);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.c404-calc__diagram-toggle-label::-webkit-details-marker{display:none}.c404-calc__diagram-toggle-label::marker{content:""}.c404-calc__diagram-toggle-label:hover{color:var(--ink)}.c404-calc__diagram-toggle-label:after{content:"";width:6px;height:6px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}.c404-calc__diagram-toggle[open]>.c404-calc__diagram-toggle-label:after{transform:rotate(-135deg)}.c404-calc__dims-layout{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center;background:var(--cloud);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.c404-calc__dims-layout.is-round-diagram{grid-template-columns:270px 1fr}.c404-calc__dims-layout.is-kamado-diagram{grid-template-columns:300px 1fr}.c404-calc__dims-diagram{display:flex;align-items:center;justify-content:center}.c404-calc__dims-diagram img{display:block;width:100%;height:auto}.c404-calc__dims-layout .c404-calc__fields{margin-bottom:0}.c404-calc__diagram-captions{margin-top:8px;padding:8px;background:var(--paper);border:1px solid rgba(27,32,39,.1);border-radius:var(--radius-sm)}.c404-calc__corner-captions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 12px;font-family:Inter,sans-serif;font-size:12px;line-height:1.25;color:var(--slate)}.c404-calc__corner-captions strong{color:var(--rust)}.c404-calc__corner-buffer-note{margin:8px 0 0;padding-top:6px;border-top:1px dashed var(--line);font-family:Inter,sans-serif;font-size:11px;line-height:1.3;color:var(--slate)}.c404-calc__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-bottom:16px}.c404-calc__fields--standalone{grid-template-columns:repeat(3,minmax(0,1fr))}.c404-calc__field{display:flex;flex-direction:column;gap:5px}.c404-calc__field--full{grid-column:1 / -1}.c404-calc__label{display:flex;align-items:flex-start;gap:5px;font-size:11.5px;font-weight:700;line-height:1.3;color:var(--slate)}.c404-calc__label-letter{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:none;margin-top:1px;border-radius:4px;background:var(--rust-soft);color:var(--rust);font-size:9.5px;font-weight:800}.c404-calc__input-wrap{position:relative;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff!important;box-shadow:none;transition:border-color .15s}.c404-calc__input-wrap:focus-within{border-color:var(--rust)}.c404-calc__input-wrap:has(.c404-calc__input.is-invalid){border-color:var(--rust)}.c404-calc__input{display:block;width:100%;border:none!important;background:transparent!important;color:var(--ink);font-size:14px;font-weight:600;padding:8px 30px 8px 10px;box-sizing:border-box;box-shadow:none;-webkit-appearance:none!important;appearance:none!important;-moz-appearance:textfield}.c404-calc__input::-webkit-inner-spin-button,.c404-calc__input::-webkit-outer-spin-button{-webkit-appearance:none}.c404-calc__input:focus{outline:none}.c404-calc__input-unit{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:12px;color:var(--slate);font-weight:600;pointer-events:none}.c404-calc__input-hint{font-size:11px;color:var(--slate);margin:0}.c404-calc__toggle{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:16px;font-size:14px;color:var(--slate)}.c404-calc__toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--rust);cursor:pointer}.c404-calc__area-preview{font-size:14px;color:var(--slate);background:var(--cloud);border-radius:var(--radius-sm);padding:8px 16px;margin-bottom:8px}.c404-calc__notes-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.c404-calc__notes{display:block;width:100%;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff!important;color:var(--ink);font-family:inherit;font-size:14px;line-height:1.4;padding:9px 10px;resize:vertical;min-height:62px;transition:border-color .15s}.c404-calc__notes:focus{outline:none;border-color:var(--rust)}.c404-calc__notes::placeholder{color:var(--slate);opacity:.7}.c404-calc__fabric-preview{font-size:14px;color:var(--slate);background:var(--cloud);border-radius:var(--radius-sm);padding:8px 16px;margin-bottom:8px}.c404-calc__colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.c404-calc__color{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--cloud);padding:16px 8px;cursor:pointer;transition:border-color .2s,background .2s}.c404-calc__color:hover{border-color:#b5502d59}.c404-calc__color.is-selected{border-color:var(--rust);background:var(--rust-soft)}.c404-calc__color-swatch{width:28px;height:28px;border-radius:50%;border:1px solid rgba(27,32,39,.15)}.c404-calc__color-name{font-size:13px;font-weight:600;color:var(--ink)}.c404-calc__summary{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px}.c404-calc__sum-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:14px;border-bottom:1px dashed var(--line)}.c404-calc__sum-row:last-child{border-bottom:none}.c404-calc__sum-row strong{font-weight:700}.c404-calc__sum-row--total{background:var(--rust-soft);font-weight:800;font-size:19px;color:var(--rust);padding:14px 16px}.c404-calc__note{font-size:12px;color:var(--slate);line-height:1.55;margin:0 0 16px}.c404-calc__turnstile{margin:4px 0 14px;min-height:65px}.c404-calc__turnstile:empty{margin:0;min-height:0}.c404-calc__error{font-size:13px;color:#7f2f15;background:var(--rust-soft);border:1px solid rgba(181,80,45,.3);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:12px;line-height:1.45}.c404-calc__nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px}.c404-calc__nav--end{justify-content:flex-end}.c404-calc__btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);padding:12px 18px;font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:1.5px solid transparent;transition:background .15s,opacity .15s}.c404-calc__btn--primary{background:var(--ink);color:#fff;border-color:var(--ink)}.c404-calc__btn--primary:hover{background:var(--ink-strong);border-color:var(--ink-strong)}.c404-calc__btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.c404-calc__btn--ghost:hover{border-color:#1b20274d}.c404-calc__btn--cta{background:var(--rust);color:#fff;border-color:var(--rust);padding:13px 22px;font-size:15px}.c404-calc__btn--cta:hover{background:var(--rust-dark);border-color:var(--rust-dark)}.c404-calc__btn--cta:disabled{opacity:.75;cursor:wait}@media(max-width:860px){.c404-calc__inner{margin-left:20px;max-width:calc(100% - 40px)}.c404-calc--inline .c404-calc__inner{margin-left:0;max-width:100%}.c404-calc__body{padding:20px 16px;max-width:100%}.c404-calc__fields{grid-template-columns:1fr 1fr}.c404-calc__nav{flex-direction:column-reverse;align-items:stretch}.c404-calc__btn{width:100%;text-align:center}}@media(max-width:480px){.c404-calc__dims-layout{grid-template-columns:1fr}.c404-calc__dims-diagram{max-width:160px;margin:0 auto}.c404-calc__dims-layout.is-round-diagram{grid-template-columns:1fr}.c404-calc__dims-layout.is-round-diagram .c404-calc__dims-diagram{max-width:200px}.c404-calc__dims-layout.is-kamado-diagram{grid-template-columns:1fr}.c404-calc__dims-layout.is-kamado-diagram .c404-calc__dims-diagram{max-width:220px}.c404-calc__fields,.c404-calc__fields--standalone{grid-template-columns:1fr}.c404-calc__prog-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cover404-product-calculator.css.map */