.wallpaper-visual-configurator{margin:22px 0 24px;padding:24px 24px 20px;background:#ece7e1;border:1px solid #e0d7cf;border-radius:0}.wallpaper-visual-configurator__open{width:100%;min-height:56px;border:0;cursor:pointer;padding:14px 22px;background:#111;color:#fff;font-size:22px;font-weight:500;border-radius:0;transition:opacity .2s ease}.wallpaper-visual-configurator__open:hover{opacity:.92}.wallpaper-visual-configurator__benefits{margin-top:16px;display:flex;flex-direction:column;gap:12px}.wallpaper-visual-configurator__benefit{display:flex;align-items:center;gap:12px}.wallpaper-visual-configurator__benefit-icon{width:26px;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#222}.wallpaper-visual-configurator__benefit-icon svg{width:26px;height:26px;display:block}.wallpaper-visual-configurator__benefit-text{font-size:17px;line-height:1.35;color:#1f1f1f;font-weight:400}.wallpaper-configurator-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none}.wallpaper-configurator-modal.is-open{display:flex;align-items:center;justify-content:center;padding:20px}.wallpaper-configurator-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.wallpaper-configurator-box{position:relative;z-index:2;width:min(1020px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));background:#f3f3f3;box-shadow:0 18px 50px #0000003d;display:flex;flex-direction:column;overflow:hidden}.wallpaper-configurator-close{position:absolute;top:8px;right:12px;border:0;background:transparent;color:#2a2a2a;font-size:38px;line-height:1;cursor:pointer;z-index:20;padding:0}.wallpaper-configurator-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 8px;background:#f3f3f3;min-height:62px}.wallpaper-configurator-header-left{display:flex;align-items:center;gap:10px;min-width:80px}.wallpaper-icon-btn{width:28px;height:28px;border:0;background:transparent;color:#222;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.wallpaper-icon-btn svg{width:24px;height:24px;display:block}.wallpaper-configurator-toolbar{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;padding-right:36px}.wallpaper-toolbar-btn{min-height:28px;padding:0 12px;border:0;background:#111;color:#fff;cursor:pointer;font-size:13px;line-height:28px;font-weight:500}.wallpaper-toolbar-btn.is-active{background:#222}.wallpaper-configurator-stage{flex:1 1 auto;min-height:0;padding:4px 14px 10px;background:#f3f3f3;overflow:hidden}.wallpaper-stage-canvas{width:100%;height:100%}.wallpaper-layout-area{position:relative;width:100%;height:100%;overflow:visible;--frame-width: 900px;--frame-height: 600px;--preview-width: 900px;display:flex;align-items:center;justify-content:center}.wallpaper-preview-plane{position:relative;width:var(--frame-width);height:var(--frame-height);display:flex;align-items:center;justify-content:center;overflow:hidden;--image-shift: 0px}#wallpaper-bg-image{position:absolute;top:0;left:50%;width:var(--preview-width);height:var(--frame-height);max-width:none;transform:translate(calc(-50% + var(--image-shift, 0px)));object-fit:cover;opacity:.18;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.wallpaper-preview-plane.is-dragging #wallpaper-bg-image{display:none}.wallpaper-crop-frame{position:absolute;top:0;left:50%;width:var(--frame-width);height:var(--frame-height);transform:translate(-50%);overflow:hidden;background:transparent;cursor:grab;touch-action:none;z-index:2}.wallpaper-crop-frame.is-dragging{cursor:grabbing}#wallpaper-config-image{position:absolute;top:0;left:50%;width:var(--preview-width);height:var(--frame-height);max-width:none;transform:translate(calc(-50% + 0px));transform-origin:center top;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;z-index:2}.wallpaper-strip-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.wallpaper-strip-guides.is-visible .wallpaper-strip-guide{display:block}.wallpaper-strip-guide{position:absolute;top:0;bottom:0;width:2px;background:#929292c7;display:none}.wallpaper-ruler{position:absolute;background:#9b9b9b;color:#fff;font-size:18px;font-weight:500;display:none;align-items:center;justify-content:center;z-index:6;letter-spacing:.2px}.wallpaper-ruler.is-visible{display:flex}.wallpaper-ruler-bottom{left:50%;transform:translate(-50%);bottom:2px;height:20px;width:var(--frame-width);font-size:12px}.wallpaper-ruler-right{top:50%;transform:translateY(-50%);right:-6px;width:20px;height:var(--frame-height);writing-mode:vertical-rl;text-orientation:mixed;font-size:12px}.wallpaper-configurator-bottom{display:grid;grid-template-columns:1fr 1fr minmax(290px,340px);gap:0;padding:0;background:#fff;border-top:1px solid #d9d9d9;min-height:72px}.wallpaper-bottom-card{min-height:72px;background:#fff;border-right:1px solid #d9d9d9;display:flex;align-items:center;padding:12px 16px;gap:12px}.wallpaper-bottom-card__icon{width:22px;min-width:22px;color:#4aa45f}.wallpaper-bottom-card__icon svg{width:22px;height:22px;display:block}.wallpaper-bottom-card__content{flex:1 1 auto;min-width:0}.wallpaper-bottom-card__title{font-size:14px;line-height:1.2;color:#111;font-weight:500}.wallpaper-bottom-card__subtitle{margin-top:3px;font-size:13px;line-height:1.2;color:#111}.wallpaper-bottom-card__plus{border:0;background:transparent;color:#222;font-size:30px;line-height:1;cursor:pointer;width:28px;min-width:28px;padding:0}.wallpaper-add-to-cart{border:0;background:#007f76;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;min-height:72px;width:100%;text-align:left}.wallpaper-add-to-cart:hover{background:#006f68}.wallpaper-add-to-cart__left{display:flex;align-items:center;gap:12px}.wallpaper-add-to-cart__icon{width:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center}.wallpaper-add-to-cart__icon svg{width:23px;height:23px;display:block}.wallpaper-add-to-cart__label{font-size:16px;font-weight:500;line-height:1.1}.wallpaper-add-to-cart__price{font-size:16px;font-weight:500;white-space:nowrap}@media screen and (max-width:989px){.wallpaper-visual-configurator{padding:20px 16px 18px}.wallpaper-visual-configurator__open{font-size:18px;min-height:52px}.wallpaper-visual-configurator__benefit-text{font-size:15px}.wallpaper-configurator-modal.is-open{padding:10px}.wallpaper-configurator-box{width:calc(100vw - 20px);height:calc(100vh - 20px)}.wallpaper-configurator-header{flex-wrap:wrap;justify-content:center;padding:12px 12px 4px}.wallpaper-configurator-header-left{position:absolute;top:12px;left:12px}.wallpaper-configurator-toolbar{width:100%;padding-right:0;margin-top:4px}.wallpaper-toolbar-btn{font-size:12px;padding:0 10px}.wallpaper-configurator-stage{padding:6px 10px 10px}.wallpaper-layout-area{--frame-width: 320px;--frame-height: 420px;--preview-width: 320px}.wallpaper-ruler-bottom{height:18px;font-size:11px}.wallpaper-ruler-right{width:18px;font-size:11px;right:-4px}.wallpaper-configurator-bottom{grid-template-columns:1fr}.wallpaper-bottom-card{border-right:0;border-bottom:1px solid #d9d9d9}.wallpaper-add-to-cart{min-height:66px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/wallpaper-configurator.css.map */