.skw{--card:#f4f5f7;--white:#FFFFFF;--ink:#253455;--slate:#5C6B84;--faint:#AEB9C9;--hair:#E2E7EE;--pill:#F1F3F8;--tan:#DCBD92;--tan-deep:#B98A4F;--shadow-sm:0 1px 3px rgba(29,43,79,.07)}.skw,.skw *{box-sizing:border-box;margin:0;padding:0}.skw [hidden]{display:none!important}.skw{width:100%;max-width:580px;background:var(--card);border:1px solid #dddee5;border-radius:14px;padding:22px 16px 20px;margin:20px 0;font-family:inherit;color:var(--ink);container-type:inline-size}.skw .skw-head{display:flex;align-items:flex-start;gap:13px;margin:-22px -16px -20px;padding:22px 20px 20px;border-radius:13px;cursor:pointer;list-style:none}.skw .skw-head::-webkit-details-marker{display:none}.skw .skw-head:focus-visible{outline:2.5px solid var(--ink);outline-offset:-4px}.skw[open] .skw-head{margin-bottom:0}.skw .skw-title,.skw .skw-sub{display:block}.skw .skw-chev{flex:none;width:20px;height:20px;margin:19px 0 0 auto;transition:transform .2s}.skw[open] .skw-chev{transform:rotate(180deg)}.skw .skw-icon{flex:0 0 38px;height:38px;margin-top:10px;background:var(--white);border:1px solid #dddee5;border-radius:8px;display:flex;align-items:center;justify-content:center}.skw .skw-icon svg{width:20px;height:20px}.skw .skw-title{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.2}.skw .skw-sub{max-width:310px;font-size:14px;line-height:1.4;color:#555;margin-top:4px}.skw .dim{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--white);border-radius:999px;padding:12px 12px 12px 24px;box-shadow:var(--shadow-sm);margin-bottom:12px}.skw .dim label{font-size:17px;font-weight:600}.skw .dim-ctrls{display:flex;align-items:center;gap:8px}.skw .pill{display:flex;align-items:center;gap:6px;background:var(--pill);border-radius:999px;padding:9px 14px;transition:box-shadow .15s}.skw .pill:focus-within{box-shadow:0 0 0 2.5px #1d2b4f38}.skw .pill input{font:inherit;font-size:19px;font-weight:700;color:var(--ink);background:none;border:none;outline:none;width:2.1ch;text-align:center}.skw .pill input::placeholder{color:var(--faint);font-weight:700}.skw .pill .unit{font-size:13px;font-weight:500;color:var(--slate)}.skw .fr{position:relative;display:flex;align-items:center}.skw .fr select{font:inherit;font-size:19px;font-weight:700;color:var(--ink);background:none;border:none;outline:none;appearance:none;-webkit-appearance:none;padding:0 16px 0 2px;cursor:pointer}.skw .fr select.ph{color:var(--faint)}.skw .fr:after{content:"";position:absolute;right:2px;top:50%;width:8px;height:8px;border-right:2px solid var(--slate);border-bottom:2px solid var(--slate);transform:translateY(-70%) rotate(45deg);pointer-events:none}.skw .empty-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #CBD4E0;border-radius:12px;padding:20px 18px;margin:16px 0 4px;color:var(--slate);font-size:15px;font-weight:500;text-align:center;text-wrap:balance}.skw .empty-hint svg{width:18px;height:18px;flex:none}.skw .choose{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:20px 6px 14px}.skw .choose .lbl{font-size:12.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.skw .choose .meta{font-size:14px;font-weight:500;color:var(--slate);text-align:right}.skw .choose .meta .warn{color:var(--tan-deep);font-weight:600;display:block;font-size:12px}.skw .grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 13px;margin-bottom:18px}.skw .vcard{flex:0 0 calc((100% - 39px)/4);position:relative;text-align:center;font:inherit;background:var(--white);border:1.5px solid transparent;border-radius:12px;padding:15px 6px 13px;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.skw .vcard:hover:not(:disabled):not(.sel){box-shadow:0 4px 14px #1d2b4f1f;transform:translateY(-1px)}.skw .vcard:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}.skw .vcard.sel{background:var(--ink);box-shadow:0 10px 24px -8px #1d2b4f73}.skw .vcard:disabled{cursor:not-allowed;background:transparent;box-shadow:none;border:1.5px dashed #CBD4E0}.skw .v-len{font-size:18px;font-weight:700;letter-spacing:-.01em}.skw .v-calc{font-size:11.5px;font-weight:600;margin-top:4px;min-height:14px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.skw .v-note{font-size:11px;font-weight:500;color:var(--slate);margin-top:2px;min-height:13px}.skw .vcard:disabled .v-len,.skw .vcard:disabled .v-calc{color:var(--faint)}.skw .vcard:disabled .v-note{color:#9aa6b8}.skw .vcard.sel .v-len{color:#fff}.skw .vcard.sel .v-calc{color:var(--tan)}.skw .vcard.sel .v-note{color:#ffffffd9}.skw .v-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:var(--tan);color:var(--ink);border-radius:999px;padding:4px 10px;white-space:nowrap}.skw .res{display:flex;align-items:center;gap:18px;background:var(--white);border-radius:12px;padding:16px 22px;box-shadow:var(--shadow-sm)}.skw .res .stat .num{font-size:25px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}.skw .res .stat .lbl{font-size:13px;font-weight:500;color:var(--slate);margin-top:1px}.skw .res .div{width:1.5px;align-self:stretch;background:var(--hair)}.skw .res .cost{margin-left:auto;text-align:right}.skw .res .cost .num{font-size:31px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}.skw .res .cost .lbl{font-size:12.5px;font-weight:500;color:var(--slate);margin-top:1px}.skw .nudge{text-align:center;margin:12px 0 0;min-height:0}.skw .nudge button{font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:none;border:none;cursor:pointer;padding:0;border-bottom:2px solid var(--tan)}.skw .nudge button:hover{border-bottom-color:var(--tan-deep)}.skw .nudge button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.skw .how{margin:14px 0 18px;text-align:center}.skw .how summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:13.5px;font-weight:600;color:var(--ink);-webkit-user-select:none;user-select:none;border-bottom:1.5px solid var(--tan);padding-bottom:1px}.skw .how summary::-webkit-details-marker{display:none}.skw .how summary svg{width:10px;height:10px;transition:transform .2s}.skw .how[open] summary svg{transform:rotate(180deg)}.skw .how p{font-size:13.5px;font-weight:500;color:var(--slate);line-height:1.6;max-width:50ch;margin:11px auto 0}.skw .cta{display:block;width:100%;font:inherit;font-size:min(16.5px,calc((100cqi - 40px) / 21.5));font-weight:700;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--ink);border:none;border-radius:999px;padding:17px 20px;cursor:pointer;transition:background .15s}.skw .cta:hover:not(:disabled){background:#283963}.skw .cta:focus-visible{outline:3px solid var(--tan);outline-offset:2px}.skw .cta:disabled{background:#e4e8f1;color:var(--ink);cursor:default}@media(max-width:560px){.skw .dim{padding-left:16px}.skw .dim label{font-size:15px}.skw .pill{padding:8px 10px}.skw .pill input,.skw .fr select{font-size:16px}.skw .empty-hint{padding:18px 14px;font-size:14px}.skw .grid{gap:18px 8px}.skw .vcard{flex-basis:calc((100% - 24px)/4)}.skw .v-len{font-size:15px}.skw .v-calc{font-size:10px}.skw .res{padding:13px 14px;gap:12px}.skw .res .stat .num{font-size:20px}.skw .res .cost .num{font-size:24px}.skw .res .cost .lbl{font-size:11px}}@media(prefers-reduced-motion:reduce){.skw,.skw *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/sk-wall-calculator.css.map */