tiles-calculator{display:block}tiles-calculator .calculator-wrapper{display:flex;flex-direction:column;background-color:var(--white);border:1.5px solid var(--grey-400);padding:3.2rem 1.6rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-wrapper{flex-direction:row;padding:3.6rem 2.8rem}}tiles-calculator .calculator-wrapper .column__calculator{width:100%}@media screen and (min-width: 1024px){tiles-calculator .calculator-wrapper .column__calculator{max-width:60%}}tiles-calculator .calculator-wrapper .column__calculator h3{font-size:2rem;font-weight:600;line-height:2.4rem;letter-spacing:0;color:var(--black);margin-bottom:2.4rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-wrapper .column__calculator h3{font-size:2.4rem;line-height:2.4rem;margin-bottom:1.6rem}}tiles-calculator .calculator-wrapper .column__calculator .unit{display:flex;align-items:center;margin-bottom:2.4rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-wrapper .column__calculator .unit{margin-bottom:3.2rem}}tiles-calculator .calculator-wrapper .column__calculator .unit input{display:none}tiles-calculator .calculator-wrapper .column__calculator .unit input:checked+label:before{border-color:var(--yellow-400)}tiles-calculator .calculator-wrapper .column__calculator .unit input:checked+label:after{display:block}tiles-calculator .calculator-wrapper .column__calculator .unit label{display:flex;align-items:center;font-size:1.4rem;font-weight:600;line-height:2rem;letter-spacing:-.2px;color:var(--black);position:relative;isolation:isolate;cursor:pointer}tiles-calculator .calculator-wrapper .column__calculator .unit label:not(:last-child){margin-right:2.4rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-wrapper .column__calculator .unit label:not(:last-child){margin-right:1.6rem}}tiles-calculator .calculator-wrapper .column__calculator .unit label:before{content:"";display:block;width:2rem;height:2rem;border-radius:100%;border:1.5px solid var(--grey-400);margin-right:.8rem}tiles-calculator .calculator-wrapper .column__calculator .unit label:after{content:"";display:none;width:1.2rem;height:1.2rem;border-radius:100%;background-color:var(--yellow-400);margin-right:.8rem;position:absolute;top:50%;left:.4rem;transform:translateY(-50%)}tiles-calculator .calculator-wrapper .column__calculator .fields-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.6rem}tiles-calculator .calculator-wrapper .column__calculator .field-group{display:flex;align-items:center}tiles-calculator .calculator-wrapper .column__calculator .field-group.hide{display:none}@media screen and (max-width: 1023px){tiles-calculator .calculator-wrapper .column__calculator .field-group.two-columns{flex-direction:column}}tiles-calculator .calculator-wrapper .column__calculator .field-group.options-wrapper{flex-wrap:wrap;margin:-.8rem}tiles-calculator .calculator-wrapper .column__calculator .field-group .option{display:flex;align-items:center;margin:.8rem}tiles-calculator .calculator-wrapper .column__calculator .field-group .option input{display:none}tiles-calculator .calculator-wrapper .column__calculator .field-group .option input:checked+label:before{border-color:var(--yellow-400)}tiles-calculator .calculator-wrapper .column__calculator .field-group .option input:checked+label:after{display:block}tiles-calculator .calculator-wrapper .column__calculator .field-group .option label{display:flex;align-items:center;font-size:1.4rem;font-weight:600;line-height:2rem;letter-spacing:-.2px;color:var(--black);position:relative;isolation:isolate;cursor:pointer}tiles-calculator .calculator-wrapper .column__calculator .field-group .option label:before{content:"";display:block;width:2rem;height:2rem;border-radius:100%;border:1.5px solid var(--grey-400);margin-right:.8rem}tiles-calculator .calculator-wrapper .column__calculator .field-group .option label:after{content:"";display:none;width:1.2rem;height:1.2rem;border-radius:100%;background-color:var(--yellow-400);margin-right:.8rem;position:absolute;top:50%;left:.4rem;transform:translateY(-50%)}tiles-calculator .calculator-wrapper .column__calculator .field-group input[type=number]{width:100%;padding:1.4rem 1.6rem;border:1.5px solid var(--grey-400);border-radius:4px;font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:-.2px;color:var(--black);transition:border-color .2s ease}tiles-calculator .calculator-wrapper .column__calculator .field-group input[type=number]:focus,tiles-calculator .calculator-wrapper .column__calculator .field-group input[type=number]:focus-visible{border-color:var(--black);box-shadow:none;outline:none}tiles-calculator .calculator-wrapper .column__calculator .field-group input[type=number]::-webkit-outer-spin-button,tiles-calculator .calculator-wrapper .column__calculator .field-group input[type=number]::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}tiles-calculator .calculator-wrapper .column__calculator .field-group.two-columns input+input{margin-top:1.6rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-wrapper .column__calculator .field-group.two-columns input+input{margin-top:0;margin-left:1.6rem}}tiles-calculator .calculator-wrapper .column__calculator .field-group.checkbox-wrapper input{display:none}tiles-calculator .calculator-wrapper .column__calculator .field-group.checkbox-wrapper input:checked+label:before{border-color:var(--yellow-400);background-color:var(--yellow-400)}tiles-calculator .calculator-wrapper .column__calculator .field-group.checkbox-wrapper input:checked+label:after{opacity:1;transform:translate(-50%,-50%) rotate(-45deg) scale(1)}tiles-calculator .calculator-wrapper .column__calculator .field-group.checkbox-wrapper label{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:-.2px;color:var(--grey-700);cursor:pointer;position:relative}tiles-calculator .calculator-wrapper .column__calculator .field-group.checkbox-wrapper label:hover:before{border-color:var(--yellow-400)}tiles-calculator .calculator-wrapper .column__calculator .field-group.checkbox-wrapper label:before{content:"";display:block;width:2rem;height:2rem;border-radius:3px;color:var(--white);border:1.5px solid var(--grey-700);margin-right:1.2rem;position:relative;transition:background-color .2s ease,border-color .2s ease;z-index:1}tiles-calculator .calculator-wrapper .column__calculator .field-group.checkbox-wrapper label:after{content:"";display:block;width:1.2rem;height:.6rem;border-left:1.5px solid var(--white);border-bottom:1.5px solid var(--white);position:absolute;top:50%;left:1rem;transform:translate(-50%,-50%) rotate(-45deg) scale(.9);margin-top:-.2rem;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:2}tiles-calculator .calculator-wrapper .column__result{width:100%;margin-top:2.8rem;padding-top:2.8rem;border-top:1px solid var(--grey-400)}@media screen and (min-width: 1024px){tiles-calculator .calculator-wrapper .column__result{max-width:40%;margin-top:0;margin-left:2.8rem;padding-top:0;padding-left:2.8rem;border-left:1px solid var(--grey-400);border-top:0}}tiles-calculator .calculator-wrapper .column__result h3{font-size:2rem;font-weight:600;line-height:2.4rem;letter-spacing:0;color:var(--black);margin-bottom:2.4rem}@media screen and (min-width: 1024px){tiles-calculator .calculator-wrapper .column__result h3{font-size:2.4rem;line-height:2.4rem;margin-bottom:3.2rem}}tiles-calculator .calculator-wrapper .column__result ul{margin:0;padding:0;list-style:none}tiles-calculator .calculator-wrapper .column__result ul li{display:flex;align-items:end;justify-content:space-between;font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:-.2px;color:var(--black)}tiles-calculator .calculator-wrapper .column__result ul li .value{margin-left:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-tiles-calculator.css.map */