.cmp-wallpaper-calculator__overlay{display:none;position:fixed;inset:0;z-index:2147483002;background-color:rgba(0,0,0,0.5);-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:end}
.cmp-wallpaper-calculator__overlay.is-open{display:-webkit-box;display:-ms-flexbox;display:flex}
.cmp-wallpaper-calculator__dialog{background:#ffffff;width:100%;max-width:420px;max-height:100%;height:100%;overflow-y:auto;-webkit-box-shadow:0 8px 32px rgba(0,0,0,0.18);box-shadow:0 8px 32px rgba(0,0,0,0.18);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;justify-content:space-between;.wallpaper-upper-content-container{display:flex;flex-direction:column;gap:30px}
}
.cmp-wallpaper-calculator__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px 0 20px}
.cmp-wallpaper-calculator__title{font-family:'Archivo',Arial,sans-serif;margin:0;font-size:24px;font-weight:600;color:#1d1d1f}
.cmp-wallpaper-calculator__close{background:0;border:0;cursor:pointer;font-size:24px;color:#202129;line-height:1;padding:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cmp-wallpaper-calculator__close:hover{opacity:.7}
.cmp-wallpaper-calculator__unit-section{padding:0 20px}
.cmp-wallpaper-calculator__unit-label{font-family:'Archivo',Arial,sans-serif;margin:0 0 10px 0;font-size:12px;font-weight:500;color:#53565a}
.cmp-wallpaper-calculator__unit-options{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}
.cmp-wallpaper-calculator__unit-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-family:'Archivo',Arial,sans-serif;cursor:pointer;font-size:14px;font-weight:500;color:#232426}
.cmp-wallpaper-calculator__unit-option input[type="radio"]{accent-color:#202129;width:16px;height:16px;cursor:pointer}
.cmp-wallpaper-calculator__inputs{padding:0 20px}
.cmp-wallpaper-calculator__inputs-label{font-family:'Archivo',Arial,sans-serif;margin:0 0 10px 0;font-size:12px;font-weight:500;color:#53565a}
.cmp-wallpaper-calculator__input-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}
.cmp-wallpaper-calculator__input-group{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border:1px solid #ccc;border-radius:4px;padding:8px 12px 6px}
.cmp-wallpaper-calculator__input-label{display:block;font-family:'Archivo',Arial,sans-serif;font-size:11px;color:#888;margin-bottom:2px}
.cmp-wallpaper-calculator__input{width:100%;border:0;outline:0;font-family:'Archivo',Arial,sans-serif;font-size:14px;color:#202129;background:transparent;padding:0}
.cmp-wallpaper-calculator__input::-webkit-inner-spin-button,.cmp-wallpaper-calculator__input::-webkit-outer-spin-button{-webkit-appearance:none}
.cmp-wallpaper-calculator__input[type="number"]{-moz-appearance:textfield}
.cmp-wallpaper-calculator__image-wrapper{border-radius:6px;overflow:hidden;line-height:0;padding:0 20px}
.cmp-wallpaper-calculator__image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block}
.cmp-wallpaper-calculator__result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:34px 24px;box-shadow:0 -8px 12px 0 rgba(0,0,0,0.06)}
.cmp-wallpaper-calculator__result-label{font-family:'Archivo',Arial,sans-serif;font-size:16px;font-weight:600;color:#202129}
.cmp-wallpaper-calculator__result-value{font-family:'Archivo',Arial,sans-serif;font-size:20px;font-weight:600;color:#202129;min-width:40px;text-align:right}