.tile-calc-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.tile-calc-modal[aria-hidden=false]{display:flex}.tile-calc-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;cursor:pointer;animation:tile-calc-fade-in .2s ease-out}.tile-calc-modal__container{position:relative;background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:tile-calc-slide-up .3s ease-out;z-index:1}.tile-calc-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0;gap:16px}.tile-calc-modal__title{margin:0;font-size:24px;font-weight:600;color:#111827;flex:1;min-width:0}.tile-calc-modal__close{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;transition:color .2s;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px;min-height:40px}.tile-calc-modal__close:hover{color:#111827;background-color:#f3f4f6}.tile-calc-modal__body{padding:24px}.tile-calc-grid{display:grid;gap:24px}@media(min-width:768px){.tile-calc-grid{grid-template-columns:1fr 1fr}}.tile-calc-inputs{display:flex;flex-direction:column;gap:20px}.tile-calc-input-group{display:flex;flex-direction:column;gap:8px}.tile-calc-label{font-size:14px;font-weight:500;color:#374151}.tile-calc-input{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.tile-calc-input:focus{outline:none;border-color:#004c99;box-shadow:0 0 0 3px #004c991a}.tile-calc-button{padding:14px 24px;background-color:#004c99;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;width:100%}.tile-calc-button:hover{background-color:#06c}.tile-calc-button:active{transform:scale(.98)}.tile-calc-result{padding:16px;background-color:#fff3e6;border-radius:8px;text-align:center;line-height:1.6}.tile-calc-visual{background-color:#f8f9fa;border-radius:12px;padding:20px;min-height:400px;display:flex;align-items:center;justify-content:center}.tile-calc-visual svg{width:100%;height:auto;max-height:400px}@keyframes tile-calc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tile-calc-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.tile-calc-modal{padding:0;align-items:flex-start}.tile-calc-modal__container{max-height:100vh;height:100vh;border-radius:0;max-width:100%;display:flex;flex-direction:column}.tile-calc-modal__header{border-radius:0;padding:12px 16px;padding-top:max(30px,calc(env(safe-area-inset-top) + 20px));position:relative;flex-shrink:0}.tile-calc-modal__title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-calc-modal__close{min-width:44px;min-height:44px}.tile-calc-modal__body{flex:1;overflow-y:auto;padding:16px}.tile-calc-visual{min-height:300px}}body.tile-calc-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tile-calculator-modal.css.map */