.kb-layout{--kb-ink: #1d1d1f;--kb-ink2: #6e6e73;--kb-hair: rgba(0, 0, 0, .08);--kb-brand: #46493c;--kb-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif}html.kb-fullpage,html.kb-fullpage body{overflow:hidden;overscroll-behavior:none}html.kb-fullpage .shopify-section-group-footer-group{display:none!important}.kb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dorpi-map-selector__wrapper.kb-layout{height:calc(100dvh - var(--kb-top, 106px));min-height:0}.kb-layout .dorpi-map-selector__map-column{position:relative}.kb-layout .dorpi-map-selector__map-hint{display:none}.kb-layout .leaflet-container{background:#f2efe9}.kb-layout .dorpi-map-selector__map{z-index:0;isolation:isolate}.kb-pill{position:absolute;z-index:700;top:20px;left:50%;transform:translate(-50%);width:min(460px,calc(100% - 220px));height:48px;display:flex;align-items:center;gap:4px;padding:0 6px 0 18px;border-radius:999px;color:var(--kb-ink);background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 10px 40px #00000024,0 1px 3px #00000014}.kb-pill-icon{flex:none;color:var(--kb-ink2)}.kb-pill .dorpi-map-selector__search-wrapper{flex:1;position:relative}.kb-pill .dorpi-map-selector__search-input{width:100%;height:46px;margin:0;padding:0 36px 0 6px;border:0;background:transparent;box-shadow:none;font-size:16px;color:var(--kb-ink)}.kb-pill .dorpi-map-selector__search-input:focus{outline:none;box-shadow:none}.kb-pill .dorpi-map-selector__search-results{top:calc(100% + 10px);left:-24px;right:-50px;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000024}.kb-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#00000024;color:#fff;font-size:14px;line-height:1;cursor:pointer}.kb-clear[hidden]{display:none}.kb-pill .dorpi-map-selector__geo-btn{flex:none;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--kb-brand);display:grid;place-items:center}.kb-pill .dorpi-map-selector__geo-btn:hover:not(:disabled){background:#0000000f}.kb-layout .dorpi-map-selector__geo-msg{position:absolute;z-index:700;top:76px;left:50%;transform:translate(-50%);margin:0;padding:8px 14px;border-radius:12px;background:#fff;font-size:13px;box-shadow:0 6px 20px #00000024}.kb-notes{position:absolute;z-index:700;left:50%;bottom:24px;transform:translate(-50%);max-width:min(520px,calc(100% - 32px))}.kb-notes p:not([hidden]){margin:0}.kb-attr{position:absolute;z-index:600;left:12px;bottom:4px;margin:0;font-size:11px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.6)}.kb-layout .dorpi-bbox-rect{position:relative;overflow:visible;border:0;box-shadow:0 0 0 9999px #1d1d1f47,inset 0 0 0 9px var(--kb-frame, #1d1d1b),0 12px 32px #00000040}.kb-layout .dorpi-bbox-rect:after{content:attr(data-kb-label);position:absolute;left:50%;top:-26px;transform:translate(-50%);white-space:nowrap;color:#fff;font:500 13px/1.4 var(--kb-font);letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.5)}.kb-panel{flex:none;width:360px;display:flex;flex-direction:column;min-height:0;background:#fbfbfd;border-left:1px solid var(--kb-hair);color:var(--kb-ink);font-family:var(--kb-font)}.kb-panel-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px 20px 8px}.kb-panel .dorpi-map-selector__title{margin:0;font-family:var(--kb-font);font-size:20px;font-weight:600;letter-spacing:-.01em}.kb-grab,.kb-more{display:none}.kb-group{display:flex;flex-direction:column;gap:8px}.kb-cap{font-size:13px;font-weight:600}.kb-hint{margin:0;font-size:12px;color:var(--kb-ink2)}.kb-panel-dyn{display:flex;flex-direction:column;gap:16px}.kb-stage{position:relative;margin:0;height:220px;overflow:hidden;border-radius:14px;background:#ddd}.kb-scene{position:absolute;left:0;top:0;width:1600px;height:2400px;transform-origin:0 0}.kb-room{position:absolute;top:0;right:0;bottom:0;left:0;width:1600px;height:2400px;display:block}.kb-prod{position:absolute;box-sizing:border-box;border:9px solid #1d1d1b;background:#f4ecdf;box-shadow:6px 10px 18px #00000047,1px 2px 3px #00000040;transition:all .3s}.kb-prod img,.kb-tile img{width:100%;height:100%;object-fit:cover;display:block}.kb-tile{position:absolute;box-sizing:border-box;border:6px solid #efece4;background:#f4ecdf;overflow:hidden;box-shadow:3px 6px 10px #00000047;transform-origin:bottom}.kb-stand-wood{position:absolute;border-radius:3px;background:linear-gradient(180deg,#d2a676,#a97b4f);box-shadow:0 3px 6px #0000004d}.kb-stage-cap{position:absolute;left:10px;bottom:8px;padding:4px 8px;border-radius:999px;font-size:11px;color:#1d1d1f;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kb-credit{position:absolute;right:8px;top:6px;font-size:9px;color:#00000073}.kb-fs,.kb-fs-close{position:absolute;right:8px;bottom:8px;width:30px;height:30px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffffd9;color:#1d1d1f;box-shadow:0 2px 8px #0000002e;cursor:pointer}.kb-fs-close{display:none;top:18px;right:18px;bottom:auto;width:40px;height:40px;font-size:24px}.kb-stage.is-fs{position:fixed;top:0;right:0;bottom:0;left:0;height:auto;z-index:2147483000;border-radius:0;background:#111}.kb-stage.is-fs .kb-fs{display:none}.kb-stage.is-fs .kb-fs-close{display:grid}.kb-stage.is-fs .kb-stage-cap{left:50%;transform:translate(-50%);bottom:24px;font-size:14px;padding:8px 16px}.kb-stage.is-fs .kb-credit{top:24px;left:24px;right:auto;font-size:11px;color:#fff9}body.kb-noscroll{overflow:hidden}.kb-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kb-sizes button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--kb-hair);border-radius:10px;background:#fff;color:var(--kb-ink);font-family:inherit;cursor:pointer}.kb-sizes button{position:relative}.kb-pop{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:1px 7px;border-radius:999px;background:#0071e3;color:#fff;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.kb-pop+.kb-seg-main{margin-top:5px}.kb-sizes button:hover{border-color:#0003}.kb-sizes button.is-sel{border-color:#0071e3;box-shadow:0 0 0 1px #0071e3}.kb-seg-main{font-size:14px;font-weight:500}.kb-sizes button.is-sel .kb-seg-main{font-weight:600}.kb-seg-sub{font-size:11px;color:var(--kb-ink2)}.kb-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kb-row2>.kb-group:only-child{grid-column:1 / -1}.kb-seg{display:flex;gap:2px;padding:3px;border-radius:10px;background:#7676801f}.kb-seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 8px;margin:0;border:0;border-radius:8px;background:transparent;color:var(--kb-ink);font:500 14px/1 var(--kb-font);cursor:pointer}.kb-seg button.is-sel{background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001f}.kb-row2 .kb-seg{height:42px;box-sizing:border-box}.kb-row2 .kb-seg button{padding:0 6px;gap:5px;font-size:13px}.kb-o{display:block;flex:none;border:1.6px solid currentColor;border-radius:2px}.kb-dot{width:14px;height:14px;flex:none;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0000002e}.kb-plus{font-size:12px;font-weight:400;color:var(--kb-ink2);white-space:nowrap}.kb-sizes button.is-out,.kb-seg button.is-out{opacity:.45}.kb-sizes button:disabled,.kb-seg button:disabled{cursor:not-allowed}.kb-sizes button:disabled:hover{border-color:var(--kb-hair)}.kb-stepper{display:flex;align-items:center;justify-content:space-between;height:42px;box-sizing:border-box;padding:3px;border-radius:10px;background:#7676801f}.kb-stepper button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--kb-ink);font:500 18px/1 var(--kb-font);cursor:pointer}.kb-stepper button:hover:not(:disabled){background:#fff;box-shadow:0 1px 4px #0000001f}.kb-stepper button:disabled{opacity:.3;cursor:default}.kb-area{flex:1;text-align:center;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.kb-toggle{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.kb-toggle em{font-style:normal;color:var(--kb-ink2)}.kb-toggle input{position:absolute;opacity:0;pointer-events:none}.kb-toggle-ui{position:relative;width:42px;height:26px;flex:none;border-radius:999px;background:#7878803d;transition:background .2s}.kb-toggle-ui:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .2s}.kb-toggle input:checked+.kb-toggle-ui{background:#34c759}.kb-toggle input:checked+.kb-toggle-ui:after{transform:translate(16px)}.kb-howto-link{align-self:flex-start;margin:0;padding:0;border:0;background:none;color:#0071e3;font:500 14px/1.4 var(--kb-font);cursor:pointer}.kb-panel-foot{flex:none;padding:12px 20px 16px;border-top:1px solid var(--kb-hair);background:#fbfbfd}.kb-total-row{display:flex;align-items:baseline;justify-content:space-between}.kb-total-row span{font-size:14px;color:var(--kb-ink2)}.kb-total-row strong{font-size:24px;font-weight:600;letter-spacing:-.01em}.kb-total small{display:block;margin:2px 0 10px;font-size:12px;color:var(--kb-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-cta .dorpi-map-selector__generate-btn{width:100%;height:48px;min-height:0;margin:0;border-radius:12px;background:var(--kb-brand)}.kb-cta .dorpi-map-selector__generate-label{font:600 16px/1 var(--kb-font)}.kb-usp{margin:8px 0 0;text-align:center;font-size:12px;color:var(--kb-ink2)}.kb-soldout-note[hidden]{display:none}.kb-soldout-note{margin:0 0 8px;font-size:12px;line-height:1.4;color:var(--kb-ink2)}.kb-drawer{position:fixed;z-index:2147482000;top:0;right:0;bottom:0;width:min(560px,100%);overflow-y:auto;background:#fff;box-shadow:-12px 0 40px #0003}.kb-drawer[hidden]{display:none}.kb-drawer-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.kb-drawer-head h2{margin:0;font-size:18px}.kb-drawer-close{width:36px;height:36px;border:0;border-radius:50%;background:#0000000f;font-size:22px;cursor:pointer}@media(min-width:769px)and (max-height:760px){.kb-panel .dorpi-map-selector__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kb-stage{height:150px}.kb-hint,.kb-usp{display:none}.kb-panel-scroll,.kb-panel-dyn{gap:12px}}@media(max-width:768px){.dorpi-map-selector__wrapper.kb-layout{display:block;overflow:hidden}.kb-layout .dorpi-map-selector__map-hint{display:block;position:absolute;top:0;left:0;right:0;z-index:760;margin:0;padding:7px 12px;background:var(--kb-brand);color:#fff;text-align:center;font-size:13px;line-height:1.3}.kb-layout .dorpi-map-selector__map-column{position:absolute;left:0;right:0;top:32px;bottom:var(--sheet-h, 170px);background:#f2efe9}.kb-pill{top:6px;left:10px;right:10px;width:auto;height:44px;transform:none}.kb-pill .dorpi-map-selector__search-input{height:42px}.kb-layout .dorpi-map-selector__map{position:absolute;left:0;right:0;top:56px;bottom:0}.kb-layout .dorpi-map-selector__geo-msg{top:56px}.kb-layout .leaflet-control-zoom{display:none}.kb-attr{bottom:22px}.kb-panel{position:absolute;left:0;right:0;bottom:0;z-index:800;width:auto;max-height:86%;border-left:0;border-radius:16px 16px 0 0;box-shadow:0 -6px 24px #0000002e;transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}.kb-layout .dorpi-map-selector__error{bottom:calc(var(--sheet-h, 170px) + 26px)}.kb-layout:has(.kb-panel.is-open) .dorpi-map-selector__error{bottom:var(--sheet-open-bottom, calc(var(--sheet-h, 170px) + 26px))}.kb-panel.is-dragging{transition:none}.kb-grab{display:block;flex:none;width:100%;height:20px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none}.kb-grab span{display:block;width:36px;height:5px;margin:7px auto 0;border-radius:3px;background:#c7c7cc}.kb-cap-row{display:flex;align-items:center;justify-content:space-between;touch-action:none}.kb-more{display:inline-block;padding:4px 0;border:0;background:transparent;color:#0071e3;font:500 14px/1 var(--kb-font);cursor:pointer}.kb-panel-scroll{padding:4px 16px 6px;gap:12px}.kb-panel .dorpi-map-selector__title{font-size:18px}.kb-panel:not(.is-open) .dorpi-map-selector__title,.kb-panel:not(.is-open) .kb-stage,.kb-panel:not(.is-open) .kb-hint,.kb-panel:not(.is-open) .kb-panel-dyn,.kb-panel:not(.is-open) .kb-howto-link{display:none}.kb-panel:not(.is-open) .kb-panel-scroll{overflow:visible}.kb-sizes{grid-template-columns:repeat(3,1fr);gap:5px}.kb-sizes button{padding:5px 2px;gap:0}.kb-sizes .kb-seg-main{font-size:14px}.kb-sizes .kb-seg-sub{font-size:10.5px}.kb-stage{height:190px}.kb-row2{grid-template-columns:1fr}.kb-row2>.kb-group:has(.kb-stepper){display:none}.kb-panel-foot{display:flex;align-items:center;gap:12px;padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.kb-total{flex:1;min-width:0}.kb-total-row{justify-content:flex-start;gap:8px}.kb-total-row strong{font-size:20px}.kb-total small{margin:0}.kb-cta .dorpi-map-selector__generate-btn{width:auto;height:46px;padding:0 18px;white-space:nowrap}.kb-usp{display:none}.kb-sold-out .kb-panel-foot{flex-wrap:wrap}.kb-sold-out .kb-soldout-note{flex:1 0 100%;order:-1;margin:0}}@media(max-width:768px){body:has(.kb-layout) .shopify-section:has(.announcement-bar){display:none}body:has(.kb-layout) .header__row{padding-block:2px!important;min-height:0!important}body:has(.kb-layout) .header__drawer{min-height:44px!important;height:44px}body:has(.kb-layout) .header__column--center>a{height:44px!important;min-height:0!important}body:has(.kb-layout) header-component{--header-height: 48px}body:has(.kb-layout) .header-logo__image,body:has(.kb-layout) .header-logo img{max-height:26px;width:auto}.kb-layout .dorpi-map-selector__map-hint{top:62px;left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:6px 12px;border-radius:999px;background:#1d1d1fc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;transition:opacity .4s;pointer-events:none}.kb-layout.kb-hint-gone .dorpi-map-selector__map-hint{opacity:0}.kb-layout .dorpi-map-selector__map-column{top:0}.kb-layout .leaflet-bottom{bottom:14px!important}.kb-layout .leaflet-control-attribution{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/dorpi-kaartbouwer.css.map */