.tile-calculator{display:block;max-width:720px;margin:0 auto;padding:24px 16px}.tile-calculator--inline{max-width:none;margin:0;padding:18px 16px}.tile-calculator--inline .tile-calculator__header{margin-bottom:14px;text-align:left}.tile-calculator--inline .tile-calculator__heading{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.tile-calculator--inline .tile-calculator__big{font-size:36px}.tile-calculator--inline .tile-calculator__result{margin-top:18px;padding-top:16px}.tile-calculator--inline .tile-calculator__recommendation{padding:12px 14px;margin-bottom:14px}.tile-calculator--inline .tile-calculator__packs li{font-size:13px}.tile-calculator--bordered{border:1px solid rgb(var(--text-color) / .12);border-radius:var(--input-border-radius, 0);padding:24px 20px}@media(min-width:600px){.tile-calculator,.tile-calculator--bordered{padding:32px 28px}}.tile-calculator__header{text-align:center;margin-bottom:24px}.tile-calculator__heading{margin:0 0 8px}.tile-calculator__intro{margin:0;opacity:.78}.tile-calculator__inputs{display:flex;flex-direction:column;gap:16px}.tile-calculator__row{display:flex;align-items:end;gap:12px}.tile-calculator__row--single .tile-calculator__field{flex:1}.tile-calculator__field{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.tile-calculator__label{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;opacity:.85}.tile-calculator__input-wrap{position:relative;display:flex;align-items:center}.tile-calculator__input{width:100%;padding-right:44px;text-align:left;font-variant-numeric:tabular-nums}.tile-calculator__unit{position:absolute;right:14px;font-size:13px;font-weight:700;opacity:.6;pointer-events:none}.tile-calculator__times{font-size:18px;font-weight:700;padding-bottom:14px;opacity:.5;-webkit-user-select:none;user-select:none}.tile-calculator__divider{display:flex;align-items:center;gap:12px;color:rgb(var(--text-color) / .45);text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.08em}.tile-calculator__divider:before,.tile-calculator__divider:after{content:"";flex:1;height:1px;background:rgb(var(--text-color) / .12)}.tile-calculator__spare{display:flex;gap:10px;align-items:start;cursor:pointer;font-size:14px;margin-top:4px}.tile-calculator__spare input[type=checkbox]{margin-top:3px;flex-shrink:0}.tile-calculator__result{margin-top:28px;padding-top:24px;border-top:1px solid rgb(var(--text-color) / .12)}.tile-calculator__summary{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.tile-calculator__count{display:flex;flex-direction:column;align-items:center;gap:2px}.tile-calculator__big{font-size:48px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.tile-calculator__sub{font-size:14px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.tile-calculator__area-note{margin-top:6px;opacity:.65}.tile-calculator__visual{margin:0 0 18px}.tile-calculator__visual-caption{margin:0 0 8px;text-align:center;opacity:.7}.tile-calculator__visual-frame{display:flex;justify-content:center;padding:14px;background:rgb(var(--text-color) / .03);border:1px dashed rgb(var(--text-color) / .18);border-radius:var(--input-border-radius, 0);overflow:hidden}.tile-calculator__visual-frame svg{display:block;max-width:100%;width:100%;height:auto;max-height:320px}.tile-calculator__visual-frame .tc-tile{fill:rgb(var(--btn-bg-color, 42 43 42));opacity:.85}.tile-calculator__visual-frame .tc-tile--alt{opacity:.62}.tile-calculator__visual-frame .tc-overflow{fill:rgb(var(--text-color) / .55);font-family:inherit;font-weight:700;font-size:14px;text-anchor:middle}.tile-calculator__recommendation{background:rgb(var(--text-color) / .04);border-radius:var(--input-border-radius, 0);padding:16px 18px;margin-bottom:18px}.tile-calculator__rec-heading{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.tile-calculator__packs{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}.tile-calculator__packs li{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-variant-numeric:tabular-nums}.tile-calculator__packs li strong{font-weight:700}.tile-calculator__total{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgb(var(--text-color) / .12);font-variant-numeric:tabular-nums;font-size:16px}.tile-calculator__total strong{font-weight:700;font-size:20px}.tile-calculator__total--sub{padding-top:6px;border-top:none;opacity:.65;font-size:13px}.tile-calculator__actions{display:flex;flex-direction:column;gap:10px}@media(min-width:600px){.tile-calculator__actions{flex-direction:row}.tile-calculator__actions .btn{flex:1}}.tile-calculator__status{margin-top:12px;text-align:center;padding:8px 12px;border-radius:var(--input-border-radius, 0)}.tile-calculator__status--error{background:rgb(var(--error-bg-color, 227 43 43) / .12);color:rgb(var(--error-text-color, 227 43 43))}.tile-calculator__status--success{background:rgb(var(--success-bg-color, 13 164 74) / .12);color:rgb(var(--success-text-color, 13 164 74))}.tile-calculator[data-loading=true] .btn--primary{opacity:.7;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tile-calculator.css.map */