.wallpaper-calculator{display:block;margin-bottom:.75rem}.wallpaper-calculator__fieldset{border:0;border-block:1px solid color-mix(in srgb,currentColor 14%,transparent);margin:0;min-width:0;padding:.875rem 0}.wallpaper-calculator__heading{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;padding:0;width:100%}.wallpaper-calculator__title{font-size:1rem;font-weight:600}.wallpaper-calculator__subtitle{font-size:.8125rem;opacity:.68}.wallpaper-calculator__fields{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.75rem}.wallpaper-calculator__field{display:grid;gap:.35rem;min-width:0}.wallpaper-calculator__label{font-size:.875rem;font-weight:600}.wallpaper-calculator__input-wrap{display:block;position:relative}.wallpaper-calculator__field input{-webkit-appearance:textfield;appearance:textfield;background:color-mix(in srgb,currentColor 3%,transparent);border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:.5rem;color:inherit;font-size:1rem;min-height:2.75rem;padding:.625rem 2.25rem .625rem .75rem;transition:border-color .16s ease,box-shadow .16s ease;width:100%}[dir=rtl] .wallpaper-calculator__field input{padding:.625rem .75rem .625rem 2.25rem}.wallpaper-calculator__input-wrap:focus-within input{border-color:color-mix(in srgb,currentColor 58%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,currentColor 10%,transparent);outline:none}.wallpaper-calculator__unit{inset-inline-end:.75rem;opacity:.58;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.wallpaper-calculator__summary{border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);display:grid;gap:.625rem;grid-template-columns:1fr;margin:.75rem 0 0;padding-top:.75rem}.wallpaper-calculator__summary div{min-width:0}.wallpaper-calculator__summary div+div{border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);padding-top:.625rem;text-align:start}.wallpaper-calculator__summary dt{font-size:.8125rem;opacity:.68}.wallpaper-calculator__summary dd{font-weight:600;margin:0}.wallpaper-calculator__note{font-size:.8125rem;margin:.375rem 0 0;opacity:.62}@media(max-width:479px){.wallpaper-calculator__heading,.wallpaper-calculator__fields,.wallpaper-calculator__summary{gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/47/compiled_assets/styles.css.map */