tile-calculator{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;color:var(--wsm-text)}tile-calculator.hidden{display:none}tile-calculator *,tile-calculator *:before,tile-calculator *:after{box-sizing:border-box}tile-calculator .tile-calculator-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c12238c}tile-calculator .tile-calculator-form__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:30px;border-radius:16px;background:#fff;box-shadow:0 24px 80px #10162b55}tile-calculator .tile-calculator-header h2{margin:0 40px 10px 0;font:inherit;font-size:28px;font-weight:750;line-height:1.2;letter-spacing:normal;color:var(--wsm-navy);text-transform:none}tile-calculator .tile-calculator-header p{margin:0 0 24px;font-size:16px;line-height:1.5;color:var(--wsm-muted)}tile-calculator .tile-calculator-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--wsm-soft);color:var(--wsm-navy);font-size:30px;line-height:1;cursor:pointer}tile-calculator .tile-calculator-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}tile-calculator label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:16px;line-height:1.4;font-weight:600}tile-calculator input[type=number]{display:block;width:100%;min-width:0;min-height:50px;border:1px solid #adb4c3;border-radius:8px;padding:12px;background:#fff;color:var(--wsm-text);font:inherit;font-size:18px}tile-calculator .tile-calculator-divider{margin:18px 0;font-size:14px;line-height:1.5;color:var(--wsm-muted);text-align:center}tile-calculator .tile-calculator-overage{min-width:0;padding:0;border:0;margin:24px 0}tile-calculator .tile-calculator-overage legend{padding:0;margin-bottom:10px;font-size:16px;line-height:1.4;font-weight:650}tile-calculator .tile-calculator-overage-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}tile-calculator .tile-calculator-overage-options label{position:relative;display:block;cursor:pointer}tile-calculator .tile-calculator-overage-options input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}tile-calculator .tile-calculator-overage-options span{display:grid;place-items:center;min-height:48px;border:2px solid var(--wsm-border);border-radius:8px;font-size:16px;color:var(--wsm-navy)}tile-calculator .tile-calculator-overage-options input:checked+span{border-color:var(--wsm-navy);background:var(--wsm-selected);color:var(--wsm-navy)}tile-calculator .tile-calculator-result{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;margin:20px 0;border-radius:10px;background:var(--wsm-selected);font-size:18px;line-height:1.4}tile-calculator .tile-calculator-result strong{font-size:34px;font-weight:750;line-height:1.1;color:var(--wsm-navy)}tile-calculator [data-calculator-apply]{width:100%;min-height:52px;padding:14px 20px;border-radius:8px;background:var(--wsm-navy);color:#fff;font-size:17px;font-weight:700;text-transform:none;letter-spacing:normal}tile-calculator [data-calculator-apply]:disabled{opacity:.5;cursor:not-allowed}tile-calculator .tile-calculator-note{font-size:14px;line-height:1.5;color:var(--wsm-muted);margin:14px 0 0}tile-calculator .tile-calculator-error{color:#a62121;font-size:15px;line-height:1.5}tile-calculator :is(button,input):focus-visible,tile-calculator .tile-calculator-overage-options input:focus-visible+span{outline:3px solid var(--wsm-accent);outline-offset:3px}tile-calculator{font-family:var(--wsm-body-font)}tile-calculator .tile-calculator-header h2,tile-calculator .tile-calculator-result strong{font-family:var(--wsm-heading-font);font-weight:var(--font-heading-weight, 700)}tile-calculator button{font-family:var(--wsm-body-font)}tile-calculator [data-calculator-apply]{border:1px solid var(--wsm-navy);line-height:1.4}tile-calculator [data-calculator-apply]:not(:disabled):is(:hover,:focus-visible){background:var(--wsm-navy-hover);border-color:var(--wsm-navy-hover);color:#fff}tile-calculator [data-calculator-apply]:before,tile-calculator [data-calculator-apply]:after{box-shadow:none;border-radius:inherit}tile-calculator .tile-calculator-close:hover,tile-calculator .tile-calculator-overage-options label:hover span{background:var(--wsm-selected)}@media(max-width:749px){tile-calculator .tile-calculator-form__wrapper{padding:24px 20px}tile-calculator .tile-calculator-header h2{font-size:26px}}@media(max-width:360px){tile-calculator .tile-calculator-dimensions{grid-template-columns:1fr;gap:12px}tile-calculator .tile-calculator-overage-options{grid-template-columns:repeat(2,minmax(0,1fr))}}tile-calculator [hidden]{display:none!important}tile-calculator select{width:100%;min-height:48px;padding:10px;border:1px solid var(--wsm-border);border-radius:8px;background:#fff;color:var(--wsm-navy);font:inherit;font-size:16px;margin-bottom:14px}tile-calculator .tile-dimension{min-width:0;border:0;padding:0;margin:12px 0}tile-calculator .tile-dimension legend{font-family:var(--wsm-heading-font);font-weight:700;margin-bottom:8px}tile-calculator .tile-inch-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}tile-calculator .tile-inch-pair label{font-size:14px}tile-calculator .tile-measured-summary{margin:20px 0;padding:16px;background:var(--wsm-soft);border-radius:10px;font-size:14px}tile-calculator .tile-measured-summary>div{display:flex;justify-content:space-between;gap:12px;margin:9px 0}tile-calculator .tile-measured-summary dd{margin:0;text-align:right;font-weight:700}tile-calculator[data-measured=true] .tile-calculator-overage-options span{font-size:14px;text-align:center;padding:6px}tile-calculator select:focus-visible{outline:3px solid var(--wsm-accent);outline-offset:3px}@media(max-width:480px){tile-calculator[data-measured=true] .tile-calculator-dimensions{grid-template-columns:1fr}tile-calculator[data-measured=true] .tile-calculator-overage-options{grid-template-columns:repeat(2,1fr)}}tile-calculator .tile-calculator-product{font-weight:700;color:var(--color-primary,#21254a)}tile-calculator .tile-calculator-price{font-size:20px;font-weight:700;margin:8px 0 16px}tile-calculator .tile-calculator-bag{border:1px solid var(--color-primary,#21254a);border-radius:10px;background:#f5f6fa;padding:16px;margin:20px 0}tile-calculator .tile-calculator-bag h3{font-family:var(--font-heading-family);font-size:18px;margin:0 0 12px}tile-calculator .tile-calculator-bag-product{display:flex;gap:14px;align-items:center}tile-calculator .tile-calculator-bag-product img{width:80px;height:90px;object-fit:contain;background:#fff;border-radius:6px}tile-calculator .tile-calculator-bag p{font-size:14px;line-height:1.5}tile-calculator .tile-calculator-bag a,tile-calculator [data-calculator-view-cart]{display:inline-block;margin-top:12px;color:var(--color-primary,#21254a);text-underline-offset:3px}tile-calculator .tile-calculator-apply{margin-top:18px;background:transparent;color:var(--color-primary,#21254a);border:1px solid currentColor}
/*# sourceMappingURL=/cdn/shop/t/120/assets/tile-calculator.css.map */