@font-face{font-family:MoodsMontserrat;font-weight:400;font-display:swap;src:url(moods-public-fonts-Montserrat-400.ttf) format("truetype")}@font-face{font-family:MoodsMontserrat;font-weight:500;font-display:swap;src:url(moods-public-fonts-Montserrat-500.ttf) format("truetype")}@font-face{font-family:MoodsMontserrat;font-weight:600;font-display:swap;src:url(moods-public-fonts-Montserrat-600.ttf) format("truetype")}@font-face{font-family:MoodsMontserrat;font-weight:700;font-display:swap;src:url(moods-public-fonts-Montserrat-700.ttf) format("truetype")}.configurator{--main: #212529;--secondary: #fafafa;--inactive: #6c757d;--white-font: #f3f3f3;--light-grey: #f4f4f4;--dark-grey: #f1f1f1;--radius: .875rem;--pad-container: 2rem;--height: calc(100dvh - var(--configurator-offset, 0px));display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);height:var(--height);min-height:34rem;overflow:hidden;margin:0;font-family:MoodsMontserrat,Montserrat,sans-serif;font-size:16px;color:var(--main);background:#fff;-webkit-font-smoothing:antialiased}.configurator *,.configurator *:before,.configurator *:after{box-sizing:border-box}.configurator button{font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}.configurator .stage-wrap{position:relative;background:#fff;overflow:hidden}.configurator .stage{position:absolute;top:0;right:0;bottom:0;left:0}.configurator .stage canvas{display:block;width:100%;height:100%;touch-action:none}.configurator .back{position:absolute;top:1.2rem;left:1.2rem;z-index:3;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem .75rem 1rem;border:none;border-radius:var(--radius);background:var(--main);color:var(--white-font);font-size:.85rem;font-weight:600;text-decoration:none;line-height:1}.configurator .back svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2.4}.configurator .stage-title{position:absolute;top:1.2rem;right:1.2rem;z-index:3;text-align:right;line-height:1.25}.configurator .stage-title strong{display:block;font-size:1.35rem;font-weight:700}.configurator .stage-title span{font-size:.8rem;color:var(--inactive)}.configurator .hints{position:absolute;inset:auto 0 1rem;z-index:3;display:flex;justify-content:space-around;gap:1rem;padding:0 1.5rem;color:var(--inactive);font-size:.72rem;pointer-events:none}.configurator .hints span{display:inline-flex;align-items:center;gap:.45rem}.configurator .hints svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.6}.configurator .stage-wrap:after{content:"";position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;border:2px solid var(--dark-grey);border-top-color:var(--main);border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s ease}.configurator[data-loading=true] .stage-wrap:after{opacity:1;animation:moods-spin .8s linear infinite}@keyframes moods-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.configurator[data-loading=true] .stage-wrap:after{animation:none}}.configurator .panel{display:flex;flex-direction:column;min-height:0;background:#fff;border-left:1px solid var(--dark-grey)}.configurator .panel-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.2rem var(--pad-container);gap:1rem}.configurator .panel-header img{grid-column:2;height:3.2rem;width:auto;object-fit:contain}.configurator .cart-button{grid-column:3;justify-self:end;position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.5rem;border:none;border-radius:var(--radius);background:var(--main);color:var(--white-font);font-size:.85rem;font-weight:600;text-decoration:none;line-height:1}.configurator .cart-button svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8}.configurator .cart-count{position:absolute;top:-.45rem;right:-.45rem;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:#dc3545;color:#fff;font-size:.7rem;font-weight:600;display:grid;place-items:center}.configurator .options{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--pad-container) 1rem}.configurator .group{margin-bottom:1.9rem}.configurator .group h2{margin:0 0 .9rem;font-size:1.05rem;font-weight:700;letter-spacing:0}.configurator .tabs{display:flex;gap:.5rem;margin-bottom:.9rem}.configurator .tab{padding:.5rem 1rem;border:none;border-radius:999px;background:var(--light-grey);color:var(--inactive);font-size:.72rem;font-weight:600}.configurator .tab.is-active{background:var(--main);color:var(--white-font)}.configurator .models[hidden]{display:none}.configurator .models{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.configurator .model{flex:0 0 auto;width:5rem;padding:0;border:none;background:none;text-align:center}.configurator .model-photo{display:block;height:4rem;border-radius:.5rem;box-shadow:inset 0 0 0 1.5px transparent;background:#fff center / contain no-repeat;transition:box-shadow .15s ease}.configurator .model:hover .model-photo{box-shadow:inset 0 0 0 1.5px #00000040}.configurator .model.is-active .model-photo{box-shadow:inset 0 0 0 1.5px #000}.configurator .models--single .model .model-photo,.configurator .models--single .model.is-active .model-photo,.configurator .models--single .model:hover .model-photo{box-shadow:none}.configurator .models--single .model .model-name{color:var(--main)}.configurator .model-name{display:block;margin-top:.3rem;font-size:.65rem;font-weight:600;color:var(--inactive);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurator .model.is-active .model-name{color:var(--main)}.configurator .pills{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.configurator .pill{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.8rem .5rem;border:none;outline:1px solid rgba(0,0,0,.125);border-radius:.425rem;background:#fff;color:var(--main);font-size:.6rem;font-weight:400;line-height:1.25;text-align:center;transition:outline-color .15s ease}.configurator .pill:hover:not([disabled]){outline-color:#0006}.configurator .pill.is-active{outline:1.5px solid #000;font-weight:600}.configurator .pill[disabled]{color:#adb5bd;outline-color:#0000000f;cursor:not-allowed}.configurator .swatches{display:flex;flex-wrap:wrap;gap:.5rem}.configurator .swatch{display:flex;flex-direction:column;align-items:center;gap:5px;width:5.5rem;height:auto;padding:0;border:none;background:none}.configurator .thumb{position:relative;display:block;flex:0 0 auto;width:5.2rem;height:5.2rem;min-height:5.2rem;aspect-ratio:1;outline:1.5px solid transparent;border-radius:var(--radius);background:var(--light-grey) center / cover no-repeat;transition:outline-color .15s ease}.configurator .thumb--contain{background-size:82%;background-color:#fff}.configurator .swatch:hover .thumb{outline-color:#00000040}.configurator .swatch.is-active .thumb{outline-color:#000}.configurator .swatch-label{display:block;font-size:.7rem;font-weight:600;color:var(--inactive);text-align:center;line-height:1.2}.configurator .swatch.is-active .swatch-label{color:var(--main)}.configurator .badge{position:absolute;left:.4rem;bottom:.4rem;padding:.1rem .35rem;border-radius:.35rem;background:#ffffffd9;font-size:.62rem;font-weight:700}.configurator .check{position:absolute;top:-.55rem;right:-.55rem;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--main);display:grid;place-items:center}.configurator .check svg{width:.85rem;height:.85rem;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.configurator .pill .check{top:-.5rem;right:-.5rem}.configurator .radios{display:flex;flex-wrap:wrap;gap:1.8rem}.configurator .radio{display:inline-flex;align-items:center;gap:.6rem;padding:0;border:none;background:none;font-size:.9rem;color:var(--main)}.configurator .dot{width:1.35rem;height:1.35rem;border:.14rem solid var(--main);border-radius:999px;display:grid;place-items:center}.configurator .radio.is-active .dot:after{content:"";width:.72rem;height:.72rem;border-radius:999px;background:var(--main)}.configurator .checkout{border-top:1px solid var(--dark-grey);padding:1.1rem var(--pad-container) 1.3rem;background:#fff}.configurator .summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1.2rem;margin:0 0 1rem}.configurator .summary div{min-width:0}.configurator .summary dt{font-size:.68rem;color:var(--inactive);text-transform:uppercase;letter-spacing:.04em}.configurator .summary dd{margin:.1rem 0 0;font-size:.82rem;font-weight:600;overflow-wrap:anywhere}.configurator .checkout-bar{display:flex;align-items:center;gap:1rem}.configurator .price{font-size:1.5rem;font-weight:700;margin-right:auto;white-space:nowrap}.configurator .quantity{width:4.2rem;padding:.8rem .6rem;border:1px solid #dee2e6;border-radius:var(--radius);font-family:inherit;font-size:.9rem;text-align:center;color:var(--main);background:#fff}.configurator .add{padding:1rem 2.4rem;border:none;border-radius:999px;background:var(--main);color:var(--white-font);font-size:.95rem;font-weight:600;white-space:nowrap}.configurator .add:disabled{background:var(--inactive);cursor:not-allowed}.configurator .notice{margin:.8rem 0 0;padding:.7rem .9rem;border-radius:var(--radius);background:#fff3cd;color:#664d03;font-size:.78rem;line-height:1.4}@media(max-width:1100px){.configurator .pills{grid-template-columns:repeat(4,1fr)}.configurator .summary{grid-template-columns:repeat(2,1fr)}.configurator{--pad-container: 1.4rem}}@media(max-width:860px){.configurator{grid-template-columns:1fr;grid-template-rows:46dvh auto;height:auto;min-height:0;overflow:visible}.configurator .stage-wrap{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--dark-grey)}.configurator .panel{border-left:none}.configurator .options{overflow:visible}.configurator .pills{grid-template-columns:repeat(3,1fr)}.configurator .panel-header{padding:.9rem 1rem}.configurator .panel-header img{height:2.4rem}.configurator{--pad-container: 1rem}.configurator .checkout{position:sticky;bottom:0;box-shadow:0 -6px 20px #0000000f}.configurator .summary{display:none}.configurator .swatch{width:4.6rem}.configurator .thumb{width:4.4rem;height:4.4rem;min-height:4.4rem}.configurator .stage-title strong{font-size:1.05rem}.configurator .hints{display:none}.configurator .add{padding:1rem 1.4rem}}.moods-overzicht{--main: #212529;--inactive: #6c757d;--light-grey: #f4f4f4;font-family:MoodsMontserrat,Montserrat,sans-serif;color:var(--main);padding:2.5rem 2rem 4rem;max-width:1400px;margin:0 auto}.moods-overzicht *,.moods-overzicht *:before,.moods-overzicht *:after{box-sizing:border-box}.moods-overzicht button{font-family:inherit;cursor:pointer}.moods-overzicht .ov-hero{max-width:42rem;margin-bottom:2.2rem}.moods-overzicht .ov-hero h1{margin:0 0 .6rem;font-size:2.2rem;font-weight:700;line-height:1.15}.moods-overzicht .ov-hero p{margin:0;color:var(--inactive);font-size:.95rem;line-height:1.5}.moods-overzicht .ov-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.moods-overzicht .ov-filter{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.3rem;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fff;color:var(--main);font-size:.82rem;font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease}.moods-overzicht .ov-filter:hover{border-color:#00000059}.moods-overzicht .ov-filter.is-active{background:var(--main);border-color:var(--main);color:#f3f3f3}.moods-overzicht .ov-icoon svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}.moods-overzicht .ov-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.4rem}.moods-overzicht .ov-kaart{display:flex;flex-direction:column;gap:.8rem;padding:1.3rem;border:1px solid rgba(0,0,0,.1);border-radius:18px;background:#fff;text-align:left;transition:border-color .15s ease,transform .15s ease}.moods-overzicht .ov-kaart:hover{border-color:#00000059;transform:translateY(-2px)}.moods-overzicht .ov-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.moods-overzicht .ov-naam{font-size:1.15rem;font-weight:700}.moods-overzicht .ov-comfort{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.62rem;color:var(--inactive);text-align:center;white-space:nowrap}.moods-overzicht .ov-comfort img{display:block;height:1.5rem;width:auto;object-fit:contain}.moods-overzicht .ov-foto{display:block;height:11rem;border-radius:14px;background:#fff center / contain no-repeat}.moods-overzicht .ov-knop{display:block;padding:.85rem 1rem;border-radius:999px;background:var(--main);color:#f3f3f3;font-size:.85rem;font-weight:600;text-align:center}@media(max-width:860px){.moods-overzicht{padding:1.5rem 1rem 3rem}.moods-overzicht .ov-hero h1{font-size:1.6rem}.moods-overzicht .ov-raster{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem}.moods-overzicht .ov-foto{height:8rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/moods-configurator.css.map */