#wallpaper-calculator{display:block}.twc-drawer,.twc-backdrop{--twc-gold:#7C661D;--twc-gold-dark:#5e4d16;--twc-ink:#2e2e2e;--twc-muted:#6f6a62;--twc-faint:#a39d92;--twc-line:#e8e6e3;--twc-tint:rgba(124,102,29,.05);--twc-radius:var(--BUTTON-RADIUS, 2px)}.twc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16130e80;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.twc-backdrop.active{opacity:1;visibility:visible}.twc-backdrop.hidden{display:none}.twc-drawer{position:fixed;top:0;right:0;height:100%;width:100%;max-width:clamp(440px,40vw,760px);background:#fff;color:var(--twc-ink);padding:56px 40px 48px;overflow-y:auto;transform:translate(100%);transition:transform .4s cubic-bezier(.33,.1,.2,1);box-shadow:none!important}.twc-drawer.hidden{display:none}.twc-drawer.slide-in{transform:translate(0)}.twc-drawer.slide-out{transform:translate(100%)}.twc-close-btn{position:absolute;top:18px;right:20px;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;z-index:2;color:var(--twc-ink);transition:color .2s ease,transform .2s ease}.twc-close-btn svg{width:32px;height:32px;display:block}.twc-close-btn:hover{color:var(--twc-gold);transform:rotate(90deg)}.twc-header{display:block;text-align:center}.twc-header h2{margin:0 auto;max-width:8.7em;font-size:1.8rem;line-height:1.25;letter-spacing:.01em;color:var(--twc-ink);font-weight:400}.twc-subheading{text-align:center;margin:10px 0 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.twc-subheading a{color:var(--twc-muted);text-decoration:none;border-bottom:1px solid var(--twc-line);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.twc-subheading a:hover{color:var(--twc-gold);border-color:var(--twc-gold)}.twc-subheading:after{content:"";display:block;width:100%;height:1px;background:var(--twc-line);margin:26px auto 0}.twc-unit-toggle-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0;width:100%}.twc-toggle-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--twc-muted);white-space:nowrap}.twc-toggle-group{position:relative;display:inline-flex;align-items:stretch;border:1px solid var(--twc-line);border-radius:999px;overflow:hidden}.twc-toggle-group input[type=radio]{display:none}.twc-toggle-option{position:relative;z-index:1;display:block;width:84px;padding:0;height:38px;line-height:38px;text-align:center;border-radius:0;margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--twc-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease,color .2s ease}.twc-toggle-group .twc-toggle-option:nth-of-type(2){border-left:0}.twc-toggle-group input[type=radio]+.twc-toggle-option{margin:0}input[type=radio]:checked+.twc-toggle-option{background:var(--twc-ink);color:#fff;box-shadow:none}#walls-container{margin-top:6px}.wall-row{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--twc-line);background:#fff}.wall-meta{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--twc-muted)}.wall-meta img{width:38px;height:38px;border-radius:2px;object-fit:contain;object-position:center;display:block;border:0}.wall-input-group{display:flex;flex-direction:column;gap:2px}.wall-input-group label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--twc-faint);font-weight:500;padding-left:2px;margin:0}.wall-input-container{position:relative}.wall-input-container input{width:100%;padding:4px 34px 4px 0;font-size:1.5rem;font-weight:400;text-align:right;color:var(--twc-ink);background:transparent;border:0;border-bottom:1px solid var(--twc-line);border-radius:0;box-shadow:none;transition:border-color .2s ease}.wall-input-container input:focus{outline:none;border-bottom-color:var(--twc-gold)}.wall-input-container input::placeholder{color:var(--twc-faint)}.wall-input-container:after{content:attr(data-unit);position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--twc-faint);pointer-events:none}.remove-wall{width:22px;height:22px;padding:0;background:none;color:var(--twc-faint);border:1px solid var(--twc-line);border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.remove-wall:hover{background:var(--twc-gold);color:#fff;border-color:var(--twc-gold)}.twc-add-wall{display:inline-flex;align-items:center;gap:6px;margin:18px 0 8px;padding:11px 22px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--twc-ink);background:transparent;border:1px solid var(--twc-line);border-radius:var(--twc-radius);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.twc-add-wall:hover{background:var(--twc-gold);border-color:var(--twc-gold);color:#fff}.twc-result{text-align:center;margin-top:30px;padding-top:26px;border-top:1px solid var(--twc-line)}.twc-estimate-label{margin:0 0 6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--twc-muted)}.twc-rolls{font-size:4.25rem;line-height:1;font-weight:400;letter-spacing:-.02em;color:var(--twc-gold);margin:0}.twc-sheet-size{margin:10px 0 0;font-size:.8rem;letter-spacing:.04em;color:var(--twc-muted)}.twc-actions{margin-top:22px;display:flex;flex-direction:column;gap:10px;align-items:center}.twc-apply{width:100%;max-width:280px;padding:14px 24px;border:1px solid var(--twc-gold);border-radius:var(--twc-radius);background:var(--twc-gold);color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;cursor:pointer;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.twc-apply:hover:not(:disabled){background:var(--twc-gold-dark);border-color:var(--twc-gold-dark)}.twc-apply:disabled{opacity:.4;cursor:not-allowed}.twc-apply:active:not(:disabled){transform:translateY(1px)}.twc-apply-note{font-size:.8rem;letter-spacing:.02em;color:var(--twc-muted)}.twc-disclaimer{font-size:.72rem;line-height:1.6;color:var(--twc-faint);text-align:center;padding:30px 4px 0}.twc-disclaimer strong{display:block;margin-bottom:4px;font-weight:500;color:var(--twc-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}#wallpaper-calculator *:focus-visible,.twc-drawer *:focus-visible{outline:2px solid var(--twc-gold);outline-offset:2px}html:has(body.drawer-open){overflow:hidden}body.drawer-open{overflow:hidden;padding-right:var(--scrollbar-width)}body.drawer-open .js__header__stuck,body.drawer-open .theme__header,body.drawer-open .search-popdown{padding-right:var(--scrollbar-width)}body.drawer-open .announcement-bar,body.drawer-open .header,body.drawer-open .site-header,body.drawer-open .header-wrapper,body.drawer-open .shopify-section-header,body.drawer-open .js__header__stuck{z-index:10!important}#twc-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483646!important}#twc-drawer{position:fixed!important;z-index:2147483647!important}@media(max-width:768px){#twc-drawer.twc-drawer{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding:48px 22px env(safe-area-inset-bottom,28px);padding-top:calc(40px + env(safe-area-inset-top,0px));-webkit-overflow-scrolling:touch;transform:translate(100%)!important}#twc-drawer.twc-drawer.slide-in{transform:translate(0)!important}#twc-drawer.twc-drawer.slide-out{transform:translate(100%)!important}.twc-close-btn{top:12px;right:12px}.twc-header h2{font-size:1.55rem}.twc-rolls{font-size:3.6rem}body.drawer-open{overscroll-behavior:none;touch-action:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/tool-wallpaper-calculator.css.map */
