.wallpaper-calculator .hidden{display:none}.wallpaper-calculator{--wpc-gold: #E8C97A;--wpc-gold-hover: #dbb960;--wpc-mauve: #D4938A;--wpc-pink: #E796A9;--wpc-pink-hover: #d9849a;--wpc-success: #2e7d32;--wpc-danger: #b00020;margin:12px 0;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:12px;font-family:var(--font-body-family, inherit)}.wallpaper-calculator__toggle{display:block;width:100%;padding:8px 16px;font-size:15px;font-weight:600;text-align:center;border:none;border-radius:24px;font-family:var(--font-heading-family, inherit);background:var(--wpc-gold);color:#fff;cursor:pointer;transition:background var(--duration-default, .2s)}.wallpaper-calculator__toggle:hover{background:var(--wpc-gold-hover)}.wallpaper-calculator__content{margin-top:10px}.wallpaper-calculator__hint{margin:0 0 8px;font-size:12px;color:#0000008c;line-height:1.4}.wallpaper-calculator__unit-toggle{display:inline-flex;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.12);margin-bottom:8px}.wallpaper-calculator__unit-btn{padding:5px 14px;font-size:12px;font-weight:500;font-family:inherit;border:none;background:#fff;color:#0000008c;cursor:pointer;transition:background var(--duration-default, .2s),color var(--duration-default, .2s)}.wallpaper-calculator__unit-btn.active{background:var(--wpc-mauve);color:#fff}.wallpaper-calculator__unit-btn:not(.active):hover{background:#0000000a}.wallpaper-calculator__fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallpaper-calculator__warning{margin:4px 0 0;font-size:12px;color:var(--wpc-danger);line-height:1.3}.wallpaper-calculator__type-selector{margin:10px 0}.wallpaper-calculator__type-label{font-size:11px;font-weight:600;letter-spacing:.05em;color:#00000080;margin:0 0 6px}.wallpaper-calculator__type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}.wallpaper-calculator__type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:inherit;padding:7px 6px;border:1.5px solid rgba(0,0,0,.12);border-radius:6px;background:#fff;cursor:pointer;transition:border-color var(--duration-default, .2s),background var(--duration-default, .2s)}.wallpaper-calculator__type-btn.active{border-color:var(--wpc-mauve);background:color-mix(in srgb,var(--wpc-mauve) 8%,transparent)}.wallpaper-calculator__type-btn:not(.active):hover{border-color:#00000040}.wallpaper-calculator__type-name{font-size:12px;font-weight:600;color:#000c;line-height:1.2}.wallpaper-calculator__type-desc{font-size:10px;color:#00000073;line-height:1.2;margin-top:1px}.wallpaper-calculator__results{margin-top:10px;border-top:1px dashed rgba(0,0,0,.12);padding-top:8px}.wallpaper-calculator__result-heading{font-weight:700;font-size:12px;letter-spacing:.04em;margin:0 0 4px}.wallpaper-calculator__results p{margin:4px 0;font-size:12px}.wallpaper-calculator__buttons{display:flex;flex-direction:column;gap:6px}.wallpaper-calculator__apply{width:100%;font-family:var(--font-heading-family, inherit);padding:10px 16px;font-size:14px;font-weight:600;text-align:center;border:none;border-radius:6px;background:var(--wpc-pink);color:#fff;cursor:pointer;transition:background var(--duration-default, .2s)}.wallpaper-calculator__apply:hover{background:var(--wpc-pink-hover)}.wallpaper-calculator__apply-recommendation{display:block;width:100%;font-family:var(--font-heading-family, inherit);margin-top:8px;padding:10px 16px;font-size:14px;font-weight:600;text-align:center;border:none;border-radius:6px;background:var(--wpc-pink);color:#fff;cursor:pointer;transition:background var(--duration-default, .2s)}.wallpaper-calculator__apply-recommendation:hover{background:var(--wpc-pink-hover)}.wallpaper-calculator__apply-recommendation--done{background:var(--wpc-success)}.wallpaper-calculator__preview{margin-top:8px;display:flex;border:1px solid rgba(0,0,0,.12);border-radius:5px;overflow:hidden}.wallpaper-calculator__preview-panel{flex:1 1 0%;min-width:0;position:relative;border-right:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.wallpaper-calculator__preview-panel:last-child{border-right:none}.wallpaper-calculator__preview-panel--odd{background:#ee747f26}.wallpaper-calculator__preview-panel--even{background:#f6edec73}.wallpaper-calculator__preview-label{font-size:12px;font-weight:800;color:#00000059;line-height:1;-webkit-user-select:none;user-select:none}.wallpaper-calculator__preview-more{font-size:11px;align-self:center}.wallpaper-calculator__error{color:var(--wpc-danger);margin-top:6px}@media(max-width:749px){.wallpaper-calculator__fields,.wallpaper-calculator__type-options{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/wallpaper-calculator.css.map */