section.koolwitjes-order-form{container-type:inline-size}#koolwitjes-order{background:var(--primary-200);padding:3rem 2.5rem;border-radius:0;min-width:calc(100% + var(--padding-inline)*2);margin-left:calc(-1*var(--padding-inline));box-sizing:border-box}@container (min-width: 680px){#koolwitjes-order{border-radius:var(--radius);padding:4rem;min-width:initial;margin-left:initial}}#koolwitjes-order .step:not([data-step="1"]){display:none}#koolwitjes-order .step[data-step="2"] p.stock{margin-block:1rem 1.5rem;font-size:1.4rem;text-align:center}#koolwitjes-order h3{margin:0}#koolwitjes-order .subtitle{color:var(--mark-200);margin:0 0 3rem}#koolwitjes-order h3,#koolwitjes-order .subtitle{text-align:center}#koolwitjes-order .current-month{display:flex;width:calc(100% + 3rem);justify-content:space-between;align-items:center;gap:0;margin-inline:-1.5rem;margin-block-end:1.5rem}@container (min-width: 580px){#koolwitjes-order .current-month{margin-inline:auto;justify-content:center;width:100%;gap:3rem}}#koolwitjes-order .current-month .label{font-size:1.6rem;text-align:center}@container (min-width: 680px){#koolwitjes-order .current-month .label{font-size:1.8rem}}#koolwitjes-order .current-month .label .long{display:none}@container (min-width: 680px){#koolwitjes-order .current-month .label .long{display:block}}#koolwitjes-order .current-month .label .short{display:block}@container (min-width: 680px){#koolwitjes-order .current-month .label .short{display:none}}#koolwitjes-order .current-month .switch-month{background:none;border:none;display:flex;align-items:center;gap:.2rem;cursor:pointer;font-size:1.2rem}#koolwitjes-order .current-month .switch-month:hover{color:var(--link-hover)}@container (min-width: 580px){#koolwitjes-order .current-month .switch-month{gap:.5rem;font-size:1.4rem;min-width:14rem}}#koolwitjes-order .current-month .switch-month[disabled]{opacity:0;pointer-events:none}#koolwitjes-order .current-month .switch-month[data-action=previous]{text-align:right;justify-content:flex-end}#koolwitjes-order .current-month .switch-month[data-action=previous] svg{transform:rotate(90deg)}#koolwitjes-order .current-month .switch-month[data-action=next]{text-align:left;justify-content:flex-start}#koolwitjes-order .current-month .switch-month[data-action=next] svg{transform:rotate(-90deg)}#koolwitjes-order .dates{display:grid;gap:1rem;align-items:center;grid-template-columns:1fr}@container (min-width: 580px){#koolwitjes-order .dates{gap:1.5rem;grid-template-columns:1fr 1fr}}@container (min-width: 750px){#koolwitjes-order .dates{grid-template-columns:1fr 1fr 1fr}}@container (min-width: 1000px){#koolwitjes-order .dates{grid-template-columns:1fr 1fr 1fr 1fr}}#koolwitjes-order .dates input{position:absolute;left:-999px;pointer-events:none;visibility:hidden}#koolwitjes-order .dates input:checked+label{background:var(--primary)}#koolwitjes-order .dates label{background:var(--primary-100);cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:0;padding:2.5rem 1rem;border-radius:var(--radius-field);transition:background var(--duration) ease-in-out}@container (min-width: 680px){#koolwitjes-order .dates label{padding:2rem 1rem}}#koolwitjes-order .dates label span{text-align:center;transition:color var(--duration) ease-in-out}#koolwitjes-order .dates label span.date{font-size:1.6rem;font-weight:700}#koolwitjes-order .dates label span.stock{font-size:1.4rem;color:var(--text-alt)}#koolwitjes-order .dates input:checked+label,#koolwitjes-order .dates label:hover,#koolwitjes-order .dates label:focus{background:var(--link-hover)}#koolwitjes-order .dates input:checked+label .stock,#koolwitjes-order .dates input:checked+label .date,#koolwitjes-order .dates label:hover .stock,#koolwitjes-order .dates label:hover .date,#koolwitjes-order .dates label:focus .stock,#koolwitjes-order .dates label:focus .date{color:#fff}#koolwitjes-order .button-notice,#koolwitjes-order .notice-no-dates{text-align:center}#koolwitjes-order .button-notice{display:none;font-size:1.4rem;color:var(--text-alt);margin-top:.5rem}#koolwitjes-order button[type=submit],#koolwitjes-order button.step-button{text-align:center;margin:0 auto;display:block;background:var(--primary-100);border:none;border-radius:var(--radius);padding:1.5rem 3rem;font-size:1.6rem;font-weight:700;letter-spacing:.1rem;cursor:pointer;transition:background var(--duration) ease-in-out}#koolwitjes-order button[type=submit] span,#koolwitjes-order button.step-button span{display:flex;align-items:center;gap:.8rem}#koolwitjes-order button[type=submit][data-action=previous],#koolwitjes-order button.step-button[data-action=previous]{position:absolute;aspect-ratio:1/1;width:5rem;padding:.4rem 0 0 0;transform:rotate(-90deg)}#koolwitjes-order button[type=submit]:hover,#koolwitjes-order button[type=submit]:focus,#koolwitjes-order button.step-button:hover,#koolwitjes-order button.step-button:focus{background:var(--primary)}#koolwitjes-order button[type=submit][disabled],#koolwitjes-order button.step-button[disabled]{cursor:not-allowed;pointer-events:none;opacity:.5;color:var(--text)}#koolwitjes-order button[type=submit][disabled]+.button-notice,#koolwitjes-order button.step-button[disabled]+.button-notice{display:block}#koolwitjes-order button[type=submit]:not([disabled]):not([data-action=previous]),#koolwitjes-order button.step-button:not([disabled]):not([data-action=previous]){background:var(--primary);color:var(--primary-100)}#koolwitjes-order button[type=submit]:not([disabled]):not([data-action=previous]) svg use,#koolwitjes-order button.step-button:not([disabled]):not([data-action=previous]) svg use{fill:var(--primary-100)}#koolwitjes-order button[type=submit]:not([data-action=previous]),#koolwitjes-order button.step-button:not([data-action=previous]){margin-block:1.5rem 1rem}@container (min-width: 680px){#koolwitjes-order button[type=submit]:not([data-action=previous]),#koolwitjes-order button.step-button:not([data-action=previous]){margin-block:6rem 1rem}}#koolwitjes-order .products{display:grid;gap:3rem;grid-template-columns:1fr}@container (min-width: 680px){#koolwitjes-order .products{grid-template-columns:1fr 1fr}}#koolwitjes-order .products .product{display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap}#koolwitjes-order .products .product picture{aspect-ratio:35/30;padding:3rem;background:#fff;border-radius:1rem;width:100%;height:fit-content;box-sizing:border-box}#koolwitjes-order .products .product picture img{width:100%;height:100%;object-fit:contain}#koolwitjes-order .products .product h4{display:flex;gap:1rem;margin-block:1.5rem 0;font-weight:500}#koolwitjes-order .products .product p{margin-block:.3rem 1.5rem}#koolwitjes-order .products .product .input-total-container{display:flex;justify-content:space-between;align-items:center}#koolwitjes-order .products .product .input-total-container .input-container{display:flex;align-items:center;gap:1rem}#koolwitjes-order .products .product .input-total-container .price-total{font-size:1.6rem;font-weight:700}#koolwitjes-order .products .product .input-total-container button.update-quantity{aspect-ratio:1/1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:3rem;cursor:pointer;background:var(--primary);color:var(--primary-100)}#koolwitjes-order .products .product .input-total-container button.update-quantity[data-action=min]{padding-bottom:.6rem}#koolwitjes-order .products .product .input-total-container button.update-quantity:disabled{background:var(--primary-100);color:var(--text)}#koolwitjes-order .products .product .input-total-container button,#koolwitjes-order .products .product .input-total-container input{background:#fff;border:none;border-radius:10rem;text-align:center;min-height:4rem;font-size:1.6rem}#koolwitjes-order .products .product .input-total-container input{-moz-appearance:textfield;appearance:textfield;min-width:8rem}#koolwitjes-order .products .product .input-total-container input::-webkit-inner-spin-button,#koolwitjes-order .products .product .input-total-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}/*# sourceMappingURL=koolwitjes-order-form.css.map */