.wallpaper-calculator{background-color:var(--calc-bg, #ffffff);border:1px solid var(--calc-border, rgba(0, 0, 0, .1));border-radius:var(--calc-border-radius, .5rem);padding:var(--calc-padding, 32px);margin:var(--calc-margin-top, 20px) 0 var(--calc-margin-bottom, 20px)}.calculator__header{margin-bottom:var(--calc-header-spacing, 24px)}.calculator__header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.calculator__title{font-size:var(--calc-title-size, 24px);font-weight:var(--calc-title-weight, 600);line-height:var(--calc-title-line-height, 1.2);margin:0;color:var(--calc-title-color, #000000)}.calculator__description{font-size:var(--calc-text-size, 15px);font-weight:var(--calc-text-weight, 400);line-height:var(--calc-text-line-height, 1.5);color:var(--calc-text-color, rgba(0, 0, 0, .7));margin:0}.calculator__unit-selector{display:flex;gap:.25rem;background-color:var(--calc-button-bg, rgba(0, 0, 0, .05));border-radius:calc(var(--calc-border-radius, 8px) / 2);padding:.25rem}.calculator__unit-toggle{background:none;border:none;padding:var(--calc-button-padding-v, 8px) var(--calc-button-padding-h, 16px);cursor:pointer;font-size:var(--calc-button-size, 14px);font-weight:var(--calc-button-weight, 500);color:var(--calc-button-text, rgba(0, 0, 0, .6));border-radius:calc(var(--calc-border-radius, 8px) / 3);transition:all .2s ease;white-space:nowrap}.calculator__unit-toggle:hover{color:var(--calc-label-color, #000000);background-color:var(--calc-button-bg, rgba(0, 0, 0, .05))}.calculator__unit-toggle--active{color:var(--calc-button-active-text, #ffffff);background-color:var(--calc-button-active-bg, #000000)}.calculator__tabs{display:flex;gap:.5rem;margin-bottom:var(--calc-spacing, 24px);border-bottom:1px solid var(--calc-border, rgba(0, 0, 0, .1))}.calculator__tab{background:none;border:none;padding:var(--calc-button-padding-v, 8px) var(--calc-button-padding-h, 16px);cursor:pointer;font-size:var(--calc-text-size, 15px);color:var(--calc-button-text, rgba(0, 0, 0, .6));border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.calculator__tab:hover{color:var(--calc-label-color, #000000)}.calculator__tab--active{color:var(--calc-label-color, #000000);border-bottom-color:var(--calc-button-active-bg, #000000);font-weight:var(--calc-label-weight, 500)}.calculator__content{display:flex;flex-direction:column;gap:var(--calc-spacing, 24px)}.calculator__panel{display:none}.calculator__panel--active{display:block}.calculator__input-group{display:flex;flex-direction:column;gap:.5rem}.calculator__input-group label{font-size:var(--calc-label-size, 14px);font-weight:var(--calc-label-weight, 500);color:var(--calc-label-color, #000000)}.calculator__input{padding:var(--calc-input-padding, 12px);border:1px solid var(--calc-input-border, rgba(0, 0, 0, .2));border-radius:calc(var(--calc-border-radius, 8px) / 2);font-size:var(--calc-input-size, 15px);transition:border-color .2s ease;background-color:var(--calc-bg, #ffffff);color:var(--calc-label-color, #000000)}.calculator__input:focus{outline:none;border-color:var(--calc-input-focus, #000000)}.calculator__input::placeholder{color:var(--calc-text-color, rgba(0, 0, 0, .4))}.calculator__result{display:flex;align-items:center;gap:.5rem;padding:var(--calc-input-padding, 12px);background-color:var(--calc-button-bg, rgba(0, 0, 0, .05));border-radius:calc(var(--calc-border-radius, 8px) / 2);margin-top:.5rem}.calculator__result span:first-child{font-weight:var(--calc-label-weight, 500);color:var(--calc-label-color, #000000)}.calculator__sqft-display{font-weight:var(--calc-title-weight, 600);color:var(--calc-title-color, #000000)}.calculator__extra{padding:var(--calc-input-padding, 12px);background-color:var(--calc-button-bg, rgba(0, 0, 0, .05));border-radius:calc(var(--calc-border-radius, 8px) / 2);border:1px dashed var(--calc-input-border, rgba(0, 0, 0, .3))}.calculator__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:var(--calc-text-size, 15px);color:var(--calc-label-color, #000000)}.calculator__checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--calc-button-active-bg, #000000)}.calculator__summary{background-color:var(--calc-summary-bg, rgba(0, 0, 0, .03));border-radius:var(--calc-border-radius, .5rem);padding:calc(var(--calc-spacing, 24px) * .625);margin-top:.5rem}.calculator__summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--calc-input-padding, 12px) 0;border-bottom:1px solid var(--calc-border, rgba(0, 0, 0, .1));font-size:var(--calc-text-size, 15px)}.calculator__summary-row:last-child{border-bottom:none}.calculator__summary-row span:first-child{color:var(--calc-text-color, rgba(0, 0, 0, .7))}.calculator__summary-row span:last-child{font-weight:var(--calc-label-weight, 500);color:var(--calc-label-color, #000000)}.calculator__summary-row--highlight{background-color:var(--calc-highlight-bg, rgba(0, 0, 0, .08));margin:0 calc(var(--calc-spacing, 24px) * -.625);padding:var(--calc-input-padding, 12px) calc(var(--calc-spacing, 24px) * .625);border-radius:calc(var(--calc-border-radius, 8px) / 2);border:none}.calculator__summary-row--highlight span:last-child{font-size:calc(var(--calc-text-size, 15px) * 1.25);font-weight:var(--calc-title-weight, 700);color:var(--calc-title-color, #000000)}.calculator__summary-row--total{margin-top:.5rem;padding-top:calc(var(--calc-spacing, 24px) * .625);border-top:2px solid var(--calc-input-border, rgba(0, 0, 0, .2));font-size:calc(var(--calc-text-size, 15px) * 1.05)}.calculator__summary-row--total span:first-child{font-weight:var(--calc-title-weight, 600);color:var(--calc-title-color, #000000)}.calculator__summary-row--total span:last-child{font-size:calc(var(--calc-text-size, 15px) * 1.35);font-weight:var(--calc-title-weight, 700);color:var(--calc-title-color, #000000)}.calculator__roll-width-display,.calculator__coverage-display,.calculator__rolls-display,.calculator__price-display{font-variant-numeric:tabular-nums}@media screen and (max-width: 749px){.wallpaper-calculator{padding:var(--calc-mobile-padding, 24px)}.calculator__header-top{flex-direction:column;align-items:flex-start}.calculator__unit-selector{width:100%}.calculator__unit-toggle{flex:1;text-align:center}.calculator__summary{padding:calc(var(--calc-mobile-padding, 24px) * .6)}.calculator__summary-row--highlight{margin:0 calc(var(--calc-mobile-padding, 24px) * -.3);padding:var(--calc-input-padding, 12px) calc(var(--calc-mobile-padding, 24px) * .3)}}@media screen and (min-width: 750px){.calculator__panel[data-panel=dimensions] .calculator__input-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.calculator__panel[data-panel=dimensions] .calculator__input-group label{grid-column:span 1}.calculator__panel[data-panel=dimensions] .calculator__input-group:first-child,.calculator__panel[data-panel=dimensions] .calculator__input-group:nth-child(2){grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-wallpaper-calculator.css.map */