.obk-root{--obk-bg:#121513;--obk-surface:#1a1e1b;--obk-raised:#222723;--obk-line:rgba(236,233,226,.14);--obk-line-strong:rgba(236,233,226,.28);--obk-text:#ece9e2;--obk-muted:#a8a69f;--obk-brass:#c9a96b;--obk-brass-soft:#e3cf9f;--obk-brass-ink:#141613;--obk-sage:#a9bfa2;--obk-warn:#e6c07a;--obk-radius-lg:18px;--obk-radius:12px;--obk-radius-sm:8px;--obk-font-display:"Gilda Display","Didot","Bodoni 72","Iowan Old Style","Palatino Linotype",Georgia,serif;--obk-font-body:var(--font-body-family,"Assistant",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);background:var(--obk-bg);color:var(--obk-text);font-family:var(--obk-font-body);font-size:1.6rem;line-height:1.55;position:relative;isolation:isolate;overflow-x:clip;padding-bottom:9.6rem}@media(min-width:990px){.obk-root{padding-bottom:6.4rem}}body:has(.obk-root){background:#121513}.obk-root *,.obk-root *:before,.obk-root *:after{box-sizing:border-box}.obk-root img{display:block;max-width:100%}.obk-root h1,.obk-root h2,.obk-root h3,.obk-root p{margin:0}:where(.obk-root) button{font:inherit;color:inherit}.obk-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.obk-root:before{content:"";position:absolute;inset:0 0 auto 0;height:42rem;z-index:-1;pointer-events:none;background:radial-gradient(60rem 26rem at 70% -6rem,rgba(201,169,107,.13),transparent 70%),linear-gradient(180deg,#1b1f1c 0,#12151300 14rem)}.obk-wrap{max-width:132rem;margin:0 auto;padding:0 1.6rem}@media(min-width:750px){.obk-wrap{padding:0 3.2rem}}.obk-head{padding:4rem 0 3.2rem;display:grid;gap:1.6rem;align-items:end}@media(min-width:990px){.obk-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4.8rem;padding:7.2rem 0 5.6rem}}.obk-title{font-family:var(--obk-font-display);font-weight:400;font-size:clamp(3.6rem,8.4vw,7.2rem);line-height:1.02;letter-spacing:-.01em;color:var(--obk-text);text-wrap:balance}.obk-intro{color:var(--obk-muted);max-width:52ch;font-size:1.7rem}.obk-intro p+p{margin-top:.8em}.obk-intro a{color:var(--obk-brass-soft)}.obk-layout{display:grid;gap:4.8rem}@media(min-width:990px){.obk-layout{grid-template-columns:minmax(0,1fr) 42rem;gap:4.8rem;align-items:start}}@media(min-width:1200px){.obk-layout{grid-template-columns:minmax(0,1fr) 46rem}}.obk-step{scroll-margin-top:2.4rem}.obk-step+.obk-step{margin-top:5.6rem}.obk-step__head{display:flex;gap:1.4rem;align-items:baseline;border-top:1px solid var(--obk-line);padding-top:2rem;margin-bottom:2rem}.obk-step__num{font-family:var(--obk-font-display);font-size:2.2rem;line-height:1;color:var(--obk-brass);min-width:3.2rem;height:3.2rem;border:1px solid var(--obk-brass);border-radius:50%;display:inline-grid;place-items:center;flex:none;transform:translateY(.3rem)}.obk-step.is-done .obk-step__num{background:var(--obk-brass);color:var(--obk-brass-ink)}.obk-step__title{font-family:var(--obk-font-display);font-weight:400;font-size:clamp(2.6rem,4vw,3.4rem);line-height:1.15}.obk-step__text{color:var(--obk-muted);margin-top:.4rem;max-width:60ch}.obk-note{display:flex;gap:1.2rem;align-items:flex-start;background:var(--obk-surface);border:1px solid var(--obk-line);border-left:3px solid var(--obk-brass);border-radius:var(--obk-radius-sm);padding:1.2rem 1.6rem;margin:0 0 2rem;color:var(--obk-text);font-size:1.5rem}.obk-note[hidden]{display:none}.obk-note svg{flex:none;margin-top:.3rem;color:var(--obk-brass)}.obk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;list-style:none;margin:0;padding:0}@media(min-width:750px){.obk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}}.obk-grid--sets{grid-template-columns:minmax(0,1fr)}@media(min-width:560px){.obk-grid--sets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.obk-grid--sets{grid-template-columns:repeat(3,minmax(0,1fr))}}.obk-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;text-align:left;background:var(--obk-surface);border:1px solid var(--obk-line);border-radius:var(--obk-radius);padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease,box-shadow .25s ease,transform .25s ease}.obk-card:hover{border-color:var(--obk-line-strong)}.obk-card[aria-checked=true]{border-color:var(--obk-brass);box-shadow:0 0 0 1px var(--obk-brass),0 18px 48px -18px #c9a96b73}.obk-card:focus-visible{outline:2px solid var(--obk-brass-soft);outline-offset:3px}.obk-card[aria-disabled=true]{cursor:not-allowed}.obk-card[aria-disabled=true] .obk-card__media img{filter:grayscale(.85) brightness(.55)}.obk-card__media{position:relative;aspect-ratio:4/5;background:#2a2f2b;overflow:hidden}.obk-grid--sets .obk-card__media{aspect-ratio:4/3}.obk-card__media img{width:100%;height:100%;object-fit:cover}.obk-card__check{position:absolute;top:1rem;right:1rem;width:2.8rem;height:2.8rem;border-radius:50%;background:#121513b8;border:1px solid rgba(236,233,226,.5);display:grid;place-items:center;color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.obk-card[aria-checked=true] .obk-card__check{background:var(--obk-brass);border-color:var(--obk-brass);color:var(--obk-brass-ink)}.obk-card__body{padding:1.2rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.4rem;flex:1}@media(min-width:750px){.obk-card__body{padding:1.6rem 1.6rem 1.8rem}}.obk-card__row{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}.obk-card__name{font-family:var(--obk-font-display);font-size:2rem;line-height:1.2;font-weight:400}.obk-card__price{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;color:var(--obk-text)}.obk-card__meta{color:var(--obk-muted);font-size:1.4rem}.obk-card__plants{color:var(--obk-muted);font-size:1.4rem;margin:0;padding:0;list-style:none}.obk-card__plants li{display:inline}.obk-card__plants li+li:before{content:", "}.obk-card__fit{margin-top:auto;padding-top:.6rem;font-size:1.35rem;color:var(--obk-sage)}.obk-card__fit:empty{display:none}.obk-card__fit.is-weak{color:var(--obk-muted)}.obk-card__soldout{font-size:1.4rem;color:var(--obk-warn)}.obk-badges{position:absolute;left:1rem;bottom:1rem;display:flex;flex-wrap:wrap;gap:.6rem;max-width:calc(100% - 2rem)}.obk-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem;line-height:1.2;font-weight:600;padding:.5rem .9rem;border-radius:99px;background:#121513db;color:var(--obk-text);border:1px solid rgba(236,233,226,.24);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.obk-badge--led{color:var(--obk-brass-soft);border-color:#e3cf9f73}.obk-badge--rec{background:var(--obk-brass);color:var(--obk-brass-ink);border-color:var(--obk-brass)}.obk-badge[hidden]{display:none}.obk-aside{display:flex;flex-direction:column;gap:2rem}@media(min-width:990px){.obk-aside{position:sticky;top:2.4rem;gap:1.6rem}.obk-stage{aspect-ratio:auto;height:clamp(28rem,calc(100vh - 47rem),56rem)}.obk-summary{padding:2rem 2.4rem}.obk-perks{margin-top:1.2rem}}.obk-stage{position:relative;border-radius:var(--obk-radius-lg);overflow:hidden;aspect-ratio:4/5;background:radial-gradient(120% 70% at 50% 0,rgba(201,169,107,.22),transparent 60%),var(--obk-raised);border:1px solid var(--obk-line)}.obk-stage__main{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}.obk-stage__main[hidden]{display:none}.obk-stage__inset{position:absolute;right:1.6rem;bottom:1.6rem;width:38%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid var(--obk-bg);box-shadow:0 0 0 1px var(--obk-brass),0 18px 40px -10px #000000b3;background:var(--obk-raised)}.obk-stage__inset[hidden]{display:none}.obk-stage__inset img{width:100%;height:100%;object-fit:cover}.obk-stage__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:3.2rem;color:var(--obk-muted)}.obk-stage__empty[hidden]{display:none}.obk-stage__empty-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.38}.obk-stage__empty p{position:relative;font-family:var(--obk-font-display);font-size:2.6rem;line-height:1.25;color:var(--obk-text);max-width:16ch}.obk-thumbs{position:absolute;left:1.2rem;bottom:1.2rem;display:flex;flex-direction:column;gap:.6rem;z-index:2}.obk-thumbs[hidden]{display:none}.obk-thumb{width:4.8rem;height:4.8rem;border-radius:var(--obk-radius-sm);overflow:hidden;padding:0;cursor:pointer;border:1px solid rgba(236,233,226,.4);background:var(--obk-raised);box-shadow:0 6px 16px -6px #0009}.obk-thumb img{width:100%;height:100%;object-fit:cover}.obk-thumb[aria-pressed=true]{border-color:var(--obk-brass);box-shadow:0 0 0 1px var(--obk-brass)}.obk-thumb:focus-visible{outline:2px solid var(--obk-brass-soft);outline-offset:2px}.obk-summary{background:var(--obk-surface);border:1px solid var(--obk-line);border-radius:var(--obk-radius-lg);padding:2rem}@media(min-width:750px){.obk-summary{padding:2.4rem}}.obk-summary__title{font-family:var(--obk-font-display);font-weight:400;font-size:2.4rem;line-height:1.2;margin-bottom:1.2rem;display:flex;gap:1.2rem;align-items:baseline}.obk-lines{list-style:none;margin:0;padding:0}.obk-line{display:flex;justify-content:space-between;gap:1.2rem;padding:1rem 0;border-bottom:1px solid var(--obk-line);align-items:baseline}.obk-line__label{color:var(--obk-muted);font-size:1.4rem;display:block}.obk-line__value{display:block}.obk-line__value.is-empty{color:var(--obk-muted);font-style:italic}.obk-line__price{font-variant-numeric:tabular-nums;white-space:nowrap}.obk-total{display:flex;justify-content:space-between;align-items:baseline;padding:1.6rem 0 .4rem}.obk-total__label{font-size:1.5rem;color:var(--obk-muted)}.obk-total__value{font-family:var(--obk-font-display);font-size:3.4rem;line-height:1;font-variant-numeric:lining-nums tabular-nums}.obk-tax{color:var(--obk-muted);font-size:1.3rem;text-align:right}.obk-tax a{color:var(--obk-muted)}.obk-perks{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.6rem;font-size:1.45rem}.obk-perks li{display:flex;gap:.8rem;align-items:flex-start}.obk-perks svg{flex:none;margin-top:.35rem;color:var(--obk-sage)}.obk-perks li[hidden]{display:none}.obk-cta{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;width:100%;min-height:5.2rem;margin-top:2rem;border-radius:99px;padding:1.2rem 2.4rem;font-size:1.65rem;font-weight:700;letter-spacing:.01em;background:var(--obk-brass);color:var(--obk-brass-ink);transition:background .2s ease,transform .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:1rem}.obk-cta:hover{background:var(--obk-brass-soft)}.obk-cta:active{transform:translateY(1px)}.obk-cta:focus-visible{outline:2px solid var(--obk-brass-soft);outline-offset:3px}.obk-cta.is-secondary{background:transparent;color:var(--obk-text);box-shadow:inset 0 0 0 1px var(--obk-line-strong)}.obk-cta.is-secondary:hover{box-shadow:inset 0 0 0 1px var(--obk-brass);background:transparent}.obk-cta[aria-busy=true]{opacity:.8;cursor:progress}.obk-status{margin-top:1.2rem;font-size:1.45rem;min-height:1.2em}.obk-status.is-error{color:#f2b8a8}.obk-status.is-ok{color:var(--obk-sage)}.obk-status a{color:inherit}@media(max-width:559px){.obk-grid--sets{gap:1rem}.obk-grid--sets .obk-card{flex-direction:row}.obk-grid--sets .obk-card__media{aspect-ratio:auto;width:38%;flex:none;min-height:15rem}.obk-grid--sets .obk-card__check{top:.8rem;right:auto;left:.8rem}.obk-grid--sets .obk-badges{left:.6rem;bottom:.6rem;max-width:calc(100% - 1.2rem)}.obk-grid--sets .obk-badge{font-size:1.15rem;padding:.4rem .7rem}.obk-grid--sets .obk-card__row{flex-direction:column;gap:.2rem}.obk-grid--sets .obk-card__name{font-size:1.85rem}.obk-grid--sets .obk-card__plants{display:none}}.obk-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#141715f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--obk-line-strong);padding:1rem 1.6rem calc(1rem + env(safe-area-inset-bottom));display:flex;gap:1.2rem;align-items:center;justify-content:space-between;transform:translateY(0);transition:transform .25s ease}.obk-bar.is-hidden{transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}.obk-bar__info{display:flex;align-items:center;gap:1rem;min-width:0}.obk-bar__pics{display:flex;flex:none}.obk-bar__pics[hidden]{display:none}.obk-bar__pics img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;border:2px solid #141715;box-shadow:0 0 0 1px var(--obk-brass)}.obk-bar__pics img+img{margin-left:-1.2rem}.obk-bar__total{display:flex;flex-direction:column;line-height:1.2;min-width:0}.obk-bar__label{font-size:1.25rem;color:var(--obk-muted)}.obk-bar__value{font-family:var(--obk-font-display);font-size:2.4rem;font-variant-numeric:tabular-nums;white-space:nowrap}.obk-bar .obk-cta{width:auto;margin:0;min-height:4.8rem;padding:1rem 1.8rem;font-size:1.5rem;line-height:1.2;flex:none;white-space:nowrap}@media(max-width:399px){.obk-bar__pics{display:none}}@media(min-width:990px){.obk-bar{display:none}}.obk-content{margin-top:7.2rem;border-top:1px solid var(--obk-line);padding-top:4rem;max-width:72ch;color:var(--obk-muted)}.obk-content h2,.obk-content h3{font-family:var(--obk-font-display);font-weight:400;color:var(--obk-text);margin:1.6em 0 .5em;line-height:1.2}.obk-content h2{font-size:2.8rem}.obk-content h3{font-size:2.2rem}.obk-content p,.obk-content ul{margin:0 0 1em}.obk-content a{color:var(--obk-brass-soft)}.obk-content strong{color:var(--obk-text)}@media(prefers-reduced-motion:reduce){.obk-root *,.obk-root *:before,.obk-root *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ob-konfigurator.css.map */