.room-planner{position:relative;background:#fff;color:#0a0a0a;-webkit-font-smoothing:antialiased;padding:32px 48px 40px;box-sizing:border-box;font-family:var(--text-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif)}.room-planner *,.room-planner *:before,.room-planner *:after{box-sizing:border-box}.room-planner .rp-brand__title,.room-planner .rp-step-title,.room-planner .rp-result__big,.room-planner .rp-opt__name,.room-planner .rp-card__v{font-family:var(--heading-font-family, inherit)}.room-planner .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}.rp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.rp-brand{display:flex;align-items:center;gap:14px}.rp-brand__mark{width:34px;height:34px;border:1px solid #0a0a0a;border-radius:2px;display:grid;place-items:center}.rp-brand__mark i{width:17px;height:10px;border:1px solid #0a0a0a;display:block}.rp-brand__title{font-size:17px;font-weight:600;letter-spacing:.01em}.rp-brand__sub{font-size:10px;letter-spacing:.18em;color:#9a9893;margin-top:2px}.rp-stepno{font-size:11px;letter-spacing:.15em;color:#9a9893}.rp-progress{display:flex;align-items:center;margin-bottom:32px}.rp-progress__item{display:flex;align-items:center;gap:10px;opacity:.4;transition:opacity .4s}.rp-progress__item.is-active,.rp-progress__item.is-done{opacity:1}.rp-progress__num{width:26px;height:26px;border-radius:50%;border:1px solid #cfccc4;display:grid;place-items:center;font-size:11px;color:#5a5854;transition:all .4s}.rp-progress__item.is-active .rp-progress__num{border-color:#0a0a0a;color:#0a0a0a;transform:scale(1.08)}.rp-progress__item.is-done .rp-progress__num{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.rp-progress__label{font-size:13px;font-weight:500;line-height:1.2}.rp-progress__cap{font-size:9px;letter-spacing:.1em;color:#9a9893}.rp-progress__line{flex:1;height:1px;background:#e6e4df;margin:0 16px;position:relative}.rp-progress__line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a;transform:scaleX(0);transform-origin:left;transition:transform .5s}.rp-progress__item.is-done+.rp-progress__line:after{transform:scaleX(1)}.rp-main{display:grid;grid-template-columns:1.4fr 1fr;gap:44px;align-items:start}.rp-stage{position:relative;background:#fafaf8;border:1px solid #e6e4df;border-radius:6px;overflow:hidden;min-height:420px}.rp-stage__cap{position:absolute;left:18px;bottom:14px;font-size:10px;letter-spacing:.15em;color:#9a9893;pointer-events:none}.rp-scene,.rp-panel{display:none}.rp-scene.is-active,.rp-panel.is-active{display:block;animation:rp-rise .45s both}@keyframes rp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rp-scene svg,.rp-scene img{display:block;width:100%}.rp-photo{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#1f1a14}.rp-photo img{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none}.rp-photo__room{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rp-photo .rp-photo__screen{left:50%;bottom:46%;width:28%;height:auto;transform:translate(-50%);transform-origin:center center;transition:width .45s cubic-bezier(.2,.8,.2,1),bottom .45s cubic-bezier(.2,.8,.2,1)}.rp-photo .rp-photo__sofa{left:50%;bottom:-10%;width:54%;height:auto;transform:translate(-50%);transform-origin:bottom center;transition:width .45s cubic-bezier(.2,.8,.2,1),bottom .45s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 10px 16px rgba(0,0,0,.3))}.rp-tag{position:absolute;background:#fffffff5;color:#0a0a0a;padding:3px 8px;border-radius:2px;border:1px solid rgba(10,10,10,.15);font-size:11px;white-space:nowrap;pointer-events:none;transition:all .6s cubic-bezier(.2,.8,.2,1)}.rp-photo [data-el=tag-dist]{left:50%;transform:translate(-50%)}.rp-sideview{position:absolute;top:12px;left:12px;width:30%;min-width:152px;max-width:212px;background:#ffffffd9;border:1px solid rgba(10,10,10,.1);border-radius:6px;padding:6px 9px 3px;box-shadow:0 4px 16px #0000001f;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.rp-sideview svg{display:block;width:100%;height:auto;overflow:visible}.rp-sv__cap{fill:#9a9893;font-size:9px;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.rp-sv__floor{stroke:#cfccc4;stroke-width:1.4}.rp-sv__screen{fill:#0a0a0a}.rp-sv__seat{fill:#5a5854}.rp-sv__dim{stroke:#e85d3c;stroke-width:1.6}.rp-sideview marker path{fill:#e85d3c}.rp-sv__dimlabel{fill:#0a0a0a;font-size:12px}.rp-panel__eyebrow{font-size:11px;letter-spacing:.2em;color:#e85d3c;margin-bottom:10px}.rp-step-title{font-size:32px;font-weight:600;margin:0;line-height:1.15}.rp-panel__desc{font-size:14px;color:#5a5854;line-height:1.7;margin:12px 0 26px}.rp-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.rp-row__k{font-size:13px;color:#5a5854}.rp-row__v{font-size:22px}.rp-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#e6e4df;outline:none;margin:14px 0 8px}.rp-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#0a0a0a;border:3px solid #fff;box-shadow:0 0 0 1px #0a0a0a;cursor:pointer}.rp-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#0a0a0a;border:3px solid #fff;box-shadow:0 0 0 1px #0a0a0a;cursor:pointer}.rp-ticks{display:flex;justify-content:space-between;font-size:11px;color:#9a9893;margin-bottom:24px}.rp-result{border:1px solid #e6e4df;border-radius:4px;padding:18px 20px;background:#fafaf8;transition:all .4s}.rp-result.is-alr{border-color:#e85d3c;background:#e85d3c0f}.rp-result__head{display:flex;justify-content:space-between;font-size:12px;color:#5a5854;margin-bottom:8px}.rp-result__big{font-size:30px;line-height:1}.rp-result__big sup{font-size:20px;color:#e85d3c}.rp-result__sub{font-size:12px;color:#5a5854;line-height:1.6;margin-top:6px}.rp-options{display:grid;gap:12px}.rp-options--2{grid-template-columns:1fr 1fr}.rp-opt{text-align:left;background:#fff;border:1px solid #cfccc4;color:#0a0a0a;padding:16px;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;gap:14px;align-items:flex-start}.rp-opt:hover{border-color:#9a9893}.rp-opt.is-active{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.rp-opt>span:last-child{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rp-opt__tag{font-size:10px;letter-spacing:.12em;color:#9a9893}.rp-opt.is-active .rp-opt__tag{color:#fff9}.rp-opt__name{font-size:18px;font-weight:600;margin:3px 0}.rp-opt__desc{font-size:12px;color:#5a5854;line-height:1.55}.rp-opt.is-active .rp-opt__desc{color:#ffffffb3}.rp-opt__ico{flex:0 0 auto;width:46px}.rp-opt__ico svg{width:46px;height:34px;display:block}.rp-cards{display:grid;gap:10px}.rp-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #e6e4df;border-radius:4px;background:#fafaf8}.rp-card__k{font-size:10px;letter-spacing:.12em;color:#9a9893}.rp-card__v{font-size:20px;margin-top:3px}.rp-card__sub{font-size:12px;color:#5a5854;text-align:right;max-width:55%}.rp-cta{display:flex;gap:12px;margin-top:22px}.rp-btn{flex:1;padding:14px;border-radius:2px;font:inherit;font-weight:600;cursor:pointer;border:1px solid #0a0a0a}.rp-btn--ghost{background:transparent;border-color:#cfccc4;color:#5a5854;font-weight:400}.rp-btn--solid{background:#0a0a0a;color:#fff}.rp-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e4df;margin-top:32px;padding-top:22px}.rp-nav{background:transparent;border:1px solid #cfccc4;color:#0a0a0a;padding:12px 24px;border-radius:2px;font:inherit;cursor:pointer;transition:opacity .3s}.rp-nav--next{background:#0a0a0a;border-color:#0a0a0a;color:#fff;font-weight:600;padding:12px 28px}.rp-nav[disabled]{opacity:.35;cursor:default}.rp-dots{display:flex;gap:6px}.rp-dots i{width:6px;height:6px;border-radius:3px;background:#cfccc4;transition:all .4s}.rp-dots i.is-on{background:#0a0a0a}.rp-dots i.is-cur{width:24px}@media(max-width:749px){.room-planner{padding:18px 14px 26px}.rp-main{grid-template-columns:1fr;gap:22px}.rp-progress{display:none}.rp-step-title{font-size:24px}.rp-stage{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/room-planner.css.map */