html.obs-open,html.obs-open body{overflow:hidden}.obs[hidden]{display:none}.obs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:transparent}.obs-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ob-ink) 55%,transparent)}.obs-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;height:100dvh;background-color:var(--ob-paper);background-image:radial-gradient(circle,transparent 5.5px,color-mix(in srgb,var(--ob-ink) 5%,transparent) 6px,color-mix(in srgb,var(--ob-ink) 5%,transparent) 7.2px,transparent 7.7px);background-size:24px 24px;overflow:hidden}@media(min-width:750px){.obs-panel{width:min(640px,calc(100vw - 48px));height:auto;max-height:min(860px,calc(100dvh - 48px));border-radius:var(--ob-radius-panel);box-shadow:0 30px 80px #00000059}}.obs-head{display:flex;align-items:center;gap:12px;padding:16px var(--ob-gutter) 10px}.obs-progress{display:flex;flex:1;gap:6px;margin:0;padding:0;list-style:none}.obs-brick{position:relative;flex:1;height:14px;margin-top:5px;border-radius:3px;background:var(--ob-line)}.obs-brick:before,.obs-brick:after{content:"";position:absolute;top:-4px;width:22%;height:4px;border-radius:2px 2px 0 0;background:inherit}.obs-brick:before{left:16%}.obs-brick:after{right:16%}.obs-brick.is-done{background:var(--ob-sage-deep)}.obs-brick.is-now{background:var(--ob-brick)}.obs-brick span{position:absolute;top:18px;left:0;right:0;font:600 .72rem/1.1 var(--ob-font-display);color:var(--ob-ink-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-brick.is-now span{color:var(--ob-ink)}@media(max-width:520px){.obs-brick span{display:none}.obs-head{padding-bottom:4px}}.obs-close{flex:none;width:40px;height:40px;border:0;border-radius:999px;background:var(--ob-paper-2);color:var(--ob-ink);font:400 1.7rem/1 var(--ob-font-body);cursor:pointer}.obs-close:focus-visible{outline:3px solid var(--ob-ink);outline-offset:2px}.obs-body{display:flex;flex-direction:column;gap:14px;padding:26px var(--ob-gutter) 20px;overflow-y:auto;overscroll-behavior:contain}.obs-body h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,1.9rem);line-height:1.12;outline:none}.obs-body p{max-width:none}.obs-small{font-size:.9rem}.obs-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--ob-gutter) max(16px,env(safe-area-inset-bottom));border-top:1.5px solid var(--ob-line);background:var(--ob-paper)}.obs-next{min-width:150px}.obs-next[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.obs-back,.obs-link{padding:6px 2px;border:0;background:none;color:var(--ob-ink);font:600 .98rem/1.2 var(--ob-font-display);text-decoration:underline;text-decoration-color:var(--ob-brick);text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}.obs-link{align-self:flex-start}.obs-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:420px){.obs-choices{grid-template-columns:1fr}}.obs-choice{display:grid;justify-items:center;align-content:start;gap:8px;padding:22px 14px 20px;border:2px solid var(--ob-line);border-radius:var(--ob-radius-panel);background:var(--ob-white);color:var(--ob-ink);font:inherit;text-align:center;cursor:pointer;box-shadow:0 var(--ob-ledge) 0 var(--ob-line);transition:border-color .12s ease,transform 80ms ease,box-shadow 80ms ease}.obs-choice:hover,.obs-choice.is-over{border-color:var(--ob-brick);box-shadow:0 var(--ob-ledge) 0 var(--ob-brick-deep)}.obs-choice:active{transform:translateY(var(--ob-ledge));box-shadow:none}.obs-choice:focus-visible{outline:3px solid var(--ob-ink);outline-offset:3px}.obs-choice b{font:600 1.1rem/1.2 var(--ob-font-display)}.obs-choice .ob-muted{font-size:.88rem;line-height:1.4}.obs-choice__icon{display:block;height:40px}.obs-skip{display:grid;gap:4px;padding:14px 16px;border-radius:12px;background:var(--ob-paper-2)}.obs-skip p{margin:0}.obs-skip .obs-link{align-self:auto;padding:0}.obs-restart{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;background:none;color:var(--ob-ink-2);cursor:pointer}.obs-restart:hover{background:var(--ob-paper-2);color:var(--ob-ink)}.obs-restart:focus-visible{outline:3px solid var(--ob-ink);outline-offset:2px}.obs-restart[hidden]{display:none}.obs-drop{display:grid;justify-items:center;gap:18px;padding:34px 18px 30px;border:2.5px dashed color-mix(in srgb,var(--ob-brick) 55%,var(--ob-line));border-radius:var(--ob-radius-panel);background:var(--ob-white);cursor:pointer;text-align:center;transition:background .12s ease,border-color .12s ease}.obs-drop.is-over,.obs-drop:hover{background:#fff8f3;border-color:var(--ob-brick)}.obs-drop__btn{pointer-events:none}.obs-alt{text-align:center;color:var(--ob-ink-2)}.obs-alt .obs-link{align-self:auto}.obs-photo{margin:0;border-radius:12px;overflow:hidden;background:var(--ob-paper-2)}.obs-photo img{display:block;width:100%;max-height:46vh;object-fit:contain}.obs-photo figcaption{padding:6px 10px;font-size:.78rem;color:var(--ob-ink-2)}.obs-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.obs-swap{display:grid;grid-template-columns:1fr 1fr;gap:10px}.obs-swap__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 12px;border:1.5px solid var(--ob-line);border-radius:12px;background:var(--ob-white);color:var(--ob-ink);font:600 .95rem/1.2 var(--ob-font-display);cursor:pointer}.obs-swap__btn:hover{border-color:var(--ob-brick)}.obs-swap__btn:focus-visible{outline:3px solid var(--ob-ink);outline-offset:2px}.obs-swap__icon{display:inline-flex}.obs-swap__icon svg{width:22px;height:18px}.obs-add{font-size:.92rem}.obs-thumbs{display:flex;gap:8px;flex-wrap:wrap}.obs-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:8px}.obs-note{padding:12px 14px;border-radius:10px;background:var(--ob-paper-2);font-size:.95rem}.obs-note.is-ok{background:color-mix(in srgb,var(--ob-sage) 22%,var(--ob-white))}.obs-note.is-warn{background:#fdf0e3}.obs-error{color:var(--ob-brick-deep);font-weight:600}.obs-error[hidden]{display:none}.obs-kits{display:grid;gap:12px}.obs-kit{position:relative;display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;padding:10px 14px 10px 10px;border:2px solid var(--ob-line);border-radius:14px;background:var(--ob-white);color:var(--ob-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,transform 80ms ease}.obs-kit:hover{border-color:color-mix(in srgb,var(--ob-brick) 50%,var(--ob-line))}.obs-kit.is-on{border-color:var(--ob-brick);box-shadow:0 var(--ob-ledge) 0 var(--ob-brick-deep)}.obs-kit img{width:112px;height:84px;object-fit:cover;border-radius:9px;background:var(--ob-paper-2)}.obs-kit__body{display:grid;gap:4px;font-size:.9rem;line-height:1.35}.obs-kit__top{display:flex;justify-content:space-between;gap:10px;font:600 1.08rem/1.2 var(--ob-font-display)}.obs-kit__price{font-variant-numeric:tabular-nums}.obs-kit__pieces{color:var(--ob-brick-deep);font:600 .82rem/1.2 var(--ob-font-display)}.obs-kit__badge{position:absolute;top:-11px;left:12px;padding:4px 9px;background:var(--ob-brick);color:var(--ob-white);font-size:.72rem}@media(max-width:420px){.obs-kit{grid-template-columns:88px 1fr}.obs-kit img{width:88px;height:70px}}.obs-label{font:600 .92rem/1.2 var(--ob-font-display);margin-bottom:-8px}.obs-input{width:100%;min-height:50px;padding:12px 14px;border:2px solid var(--ob-line);border-radius:10px;background:var(--ob-white);color:var(--ob-ink);font:400 1.05rem/1.3 var(--ob-font-body)}.obs-input:focus{outline:none;border-color:var(--ob-ink)}.obs-check{display:flex;align-items:center;gap:10px;font-weight:500;cursor:pointer}.obs-check input{width:20px;height:20px;accent-color:var(--ob-brick)}.obs-consent{font-size:.84rem}.obs-done{display:grid;gap:12px;padding-top:30px;text-align:center;justify-items:center}.obs-loader{display:grid;justify-items:center;gap:14px;padding:40px 0;text-align:center}.obs-stack{position:relative;width:60px;height:58px}.obs-stack i{position:absolute;left:6px;width:48px;height:16px;border-radius:3px;background:var(--ob-brick);animation:obs-drop 1.5s ease-in-out infinite;opacity:0}.obs-stack i:before,.obs-stack i:after{content:"";position:absolute;top:-4px;width:11px;height:4px;border-radius:2px 2px 0 0;background:inherit}.obs-stack i:before{left:8px}.obs-stack i:after{right:8px}.obs-stack i:nth-child(1){bottom:0;background:var(--ob-brick)}.obs-stack i:nth-child(2){bottom:19px;background:var(--ob-slate);animation-delay:.2s}.obs-stack i:nth-child(3){bottom:38px;background:var(--ob-sage-deep);animation-delay:.4s}@keyframes obs-drop{0%{transform:translateY(-18px);opacity:0}25%,70%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:0}}@media(prefers-reduced-motion:reduce){.obs-stack i{animation:none;opacity:1}}.obs-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;align-items:end}@media(min-width:750px){.obs-modal{align-items:center;justify-items:center}}.obs-modal__box{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;max-height:92%;padding:18px var(--ob-gutter) max(18px,env(safe-area-inset-bottom));overflow-y:auto;border-radius:18px 18px 0 0;background:var(--ob-paper);box-shadow:0 -10px 40px #00000040}@media(min-width:750px){.obs-modal__box{width:calc(100% - 40px);border-radius:var(--ob-radius-panel)}}.obs-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.obs-modal__head h3{font-size:1.2rem}.obs-suggest{display:grid;gap:4px;margin:0;padding:0;list-style:none}.obs-suggest button{width:100%;padding:11px 12px;border:0;border-radius:8px;background:var(--ob-white);color:var(--ob-ink);font:500 .98rem/1.3 var(--ob-font-body);text-align:left;cursor:pointer}.obs-suggest button:hover,.obs-suggest button:focus-visible{background:#fff8f3;outline:2px solid var(--ob-brick)}.obs-pano{width:100%;height:min(52vh,420px);border-radius:12px;overflow:hidden;background:var(--ob-paper-2)}.obs-hint{font-size:.9rem;color:var(--ob-ink-2)}.obs-modal__box>.obs-link{align-self:center}.obs-confirm{gap:10px}@media(min-width:750px){.obs-confirm{max-width:380px}}.obs-confirm h3{font-size:1.25rem}.obs-confirm__btns{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:6px}.obs-confirm__btns .obs-link{align-self:center;padding:0}.obs-foot[hidden]{display:none}.obs-buy{display:grid;gap:14px;padding:12px 12px 14px;border-radius:18px;background:var(--ob-white);box-shadow:0 var(--ob-ledge) 0 var(--ob-line)}.obs-buy__media{position:relative}.obs-buy__tag{position:absolute;left:10px;top:10px;padding:5px 10px;border-radius:999px;background:var(--ob-ink);color:var(--ob-white);font:600 .78rem/1 var(--ob-font-display)}.obs-buy__img{display:block;width:100%;aspect-ratio:4 / 3;max-height:300px;object-fit:cover;border-radius:12px;background:var(--ob-paper-2)}.obs-buy__row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 4px}.obs-buy__info{display:grid;gap:3px}.obs-buy__kit{font:700 1.25rem/1.1 var(--ob-font-display)}.obs-buy__pieces{font-size:.86rem;color:var(--ob-ink-2)}.obs-buy__price{font:700 2rem/1 var(--ob-font-display);color:var(--ob-ink);white-space:nowrap}.obs-buy__btn{width:100%;min-height:56px;font-size:1.12rem}.obs-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin-top:2px}.obs-pay__lock{font:600 .78rem/1 var(--ob-font-display);color:var(--ob-ink-2)}.obs-pay__icons{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px}.obs-pay__icon{width:34px;height:22px}.obs-trust{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.obs-trust li{position:relative;display:grid;justify-items:center;align-content:start;gap:2px;text-align:center}.obs-trust li+li:before{content:"";position:absolute;top:14px;right:calc(50% + 20px);width:calc(100% - 32px);height:2px;background:var(--ob-line)}.obs-trust__icon{display:grid;place-items:center;height:28px;margin-bottom:2px}.obs-trust b{font:700 .86rem/1.15 var(--ob-font-display)}.obs-trust li>span:last-child{font-size:.76rem;line-height:1.25;color:var(--ob-ink-2)}.obs-order-note{display:grid;gap:2px;text-align:center;font-size:.86rem;color:var(--ob-ink)}.obs-back--quiet{align-self:center;color:var(--ob-ink-2);font-size:.9rem;text-decoration-color:var(--ob-line)}@media(min-width:750px){.obs-buy__img{max-height:280px}}.obs-built{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-4px;padding:10px 14px;border-radius:12px;background:var(--ob-white);border:1.5px dashed var(--ob-line)}.obs-built__title{font:600 .82rem/1.2 var(--ob-font-display);color:var(--ob-ink-2)}.obs-built__row{display:flex;gap:6px}.obs-built__item{width:52px;height:52px;padding:0;border:1.5px solid var(--ob-line);border-radius:9px;overflow:hidden;background:var(--ob-paper-2);cursor:pointer}.obs-built__item img{display:block;width:100%;height:100%;object-fit:cover}.obs-built__item:hover{border-color:var(--ob-ink-2)}.obs-built__item:focus-visible{outline:3px solid var(--ob-ink);outline-offset:2px}.obs-exbox__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.obs-exbox__row figure{position:relative;margin:0}.obs-exbox__row img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.obs-exbox__resultaat{grid-column:1 / -1}.obs-exbox__resultaat img{aspect-ratio:4 / 3}.obs-exbox__row figcaption{position:absolute;left:8px;top:8px;padding:4px 9px;border-radius:999px;background:var(--ob-white);font:600 .75rem/1 var(--ob-font-display)}.obs-exbox__resultaat figcaption{background:var(--ob-brick);color:var(--ob-white)}.obs-photo:has(.obs-photo__frame){text-align:center}.obs-photo__frame{position:relative;display:inline-block;max-width:100%;line-height:0;vertical-align:top;overflow:hidden}.obs-photo__frame img{width:auto;max-width:100%;margin:0 auto}.obs-photo__mark{position:absolute;border:2.5px solid #fff;border-radius:6px;box-shadow:0 0 0 9999px #00000047,0 0 0 1.5px #00000059;pointer-events:none}.obs-photo{overflow:hidden}.obs-photo__edit{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:999px;background:var(--ob-white);color:var(--ob-ink);box-shadow:0 2px 10px #00000040;cursor:pointer}.obs-photo__edit:hover{color:var(--ob-brick)}.obs-photo__edit:focus-visible{outline:3px solid var(--ob-ink);outline-offset:2px}.obs-markbox{gap:10px}.obs-mark__wrap{text-align:center}.obs-mark{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.obs-mark img{display:block;max-width:100%;max-height:56vh;width:auto;height:auto;border-radius:10px;pointer-events:none}.obs-mark__frame{position:absolute;border:3px solid #fff;border-radius:6px;box-shadow:0 0 0 9999px #00000073,0 0 0 1.5px var(--ob-brick);cursor:move}.obs-mark__h{position:absolute;width:20px;height:20px;z-index:1;border-radius:999px;background:#fff;border:3px solid var(--ob-brick)}.obs-mark__h--tl{left:-9px;top:-9px;cursor:nwse-resize}.obs-mark__h--tr{right:-9px;top:-9px;cursor:nesw-resize}.obs-mark__h--bl{left:-9px;bottom:-9px;cursor:nesw-resize}.obs-mark__h--br{right:-9px;bottom:-9px;cursor:nwse-resize}.obs-mark{overflow:hidden;border-radius:10px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ob-studio.css.map */