.login-form{align-items:center;display:flex;justify-content:center;min-height:60vh}.login-form form{display:flex;flex-direction:column;gap:.8rem;width:25rem}.login-form form span{display:block}.login-form form span+.login-form__input-field__wrapper{margin-top:.2rem}.login-form form button[type=button]{all:unset;cursor:pointer;font-size:.8rem}.login-form form button[type=button]:hover{text-decoration:underline}.login-form form button[type=submit]{display:flex;justify-content:center;min-height:1.8rem;width:100%}.login-form__flex-wrapper{display:flex;justify-content:space-between}.login-form__flex-wrapper:has(>:only-child){justify-content:flex-end}.login-form__flex-wrapper label{align-items:center;cursor:pointer;display:flex;font-size:.8rem;gap:.8rem}.login-form__input-field label{display:block}.login-form__input-field label:has(+.password-strength){margin-bottom:.8rem}.login-form__input-field__wrapper{align-items:center;border:1px solid var(--color-white,hsla(0,0%,55%,.5));border-radius:.4rem;display:flex;gap:.4rem;padding:.4rem .8rem;transition:border-color .2s ease-out}.login-form__input-field__wrapper:focus-within{border-color:var(--color-white,hsla(0,0%,55%,.9));outline:2px solid var(--color-primary)}.login-form__input-field__wrapper input{all:unset;display:block;flex-grow:1;flex-shrink:0;padding:.4rem .8rem}.login-form__input-field__wrapper>svg{aspect-ratio:1;flex-grow:0;width:1.2rem}.login-form__input-field__wrapper>button{all:unset;align-items:center;cursor:pointer;display:flex;flex-grow:0;height:100%;justify-content:center}.login-form__input-field__wrapper>button svg{aspect-ratio:1;width:1.2rem}.login-form__loader{animation:login-form--rotate 1s linear infinite;aspect-ratio:1;border-radius:50%;height:1.8rem;position:relative}.login-form__loader:before{animation:login-form__loader-clip 2s linear infinite;border:.1rem solid var(--color-white,hsla(0,0%,55%,.5));border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}@keyframes login-form--rotate{to{transform:rotate(1turn)}}@keyframes login-form__loader-clip{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}@font-face{font-display:swap;font-family:ImpactDirk;src:url(https://web-fileserver.dirk.nl/fonts/dirk/Impact22.eot?#iefix&v=1.0) format("embedded-opentype"),url(https://web-fileserver.dirk.nl/fonts/dirk/Impact22.woff?v=1.0) format("woff"),url(https://web-fileserver.dirk.nl/fonts/dirk/Impact22.ttf?v=1.0) format("truetype"),url(https://web-fileserver.dirk.nl/fonts/dirk/Impact22.svg#dirk?v=1.0) format("svg")}@font-face{font-display:swap;font-family:ImpactDirkUnderline;src:url(https://web-fileserver.dirk.nl/fonts/dirk/Impact_Dirk_SW-Regular.eot?#iefix&v=1.0) format("embedded-opentype"),url(https://web-fileserver.dirk.nl/fonts/dirk/Impact_Dirk_SW-Regular.woff?v=1.0) format("woff"),url(https://web-fileserver.dirk.nl/fonts/dirk/Impact_Dirk_SW-Regular.ttf?v=1.0) format("truetype")}@font-face{font-display:swap;font-family:Metropolis-Standard;font-weight:400;src:url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Regular.eot?#iefix&v=1.0) format("embedded-opentype"),url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Regular.woff?v=1.0) format("woff"),url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Regular.ttf?v=1.0) format("truetype")}@font-face{font-display:swap;font-family:Metropolis;font-weight:300;src:url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Light.eot?#iefix&v=1.0) format("embedded-opentype"),url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Light.woff?v=1.0) format("woff"),url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Light.ttf?v=1.0) format("truetype")}@font-face{font-display:swap;font-family:Metropolis-Bold;font-weight:600;src:url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Bold.eot?#iefix&v=1.0) format("embedded-opentype"),url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Bold.woff?v=1.0) format("woff"),url(https://web-fileserver.dirk.nl/fonts/dirk/Metropolis-Bold.ttf?v=1.0) format("truetype")}@font-face{font-display:swap;font-family:JanBold;font-weight:600;src:url(https://web-fileserver.dirk.nl/fonts/dirk/JanBold.eot?#iefix&v=1.0) format("embedded-opentype"),url(https://web-fileserver.dirk.nl/fonts/dirk/JanBold.woff?v=1.0) format("woff"),url(https://web-fileserver.dirk.nl/fonts/dirk/JanBold.ttf?v=1.0) format("truetype")}.body-1-link,.color-red{color:var(--color-red)}.body-1-link{font-size:1.6rem;font-weight:500;line-height:1.6rem;text-decoration:underline}.body-1-link,.body-2{font-family:Metropolis-Bold,Arial,Helvetica,Serif}.body-2{font-size:1.3rem;font-weight:600;line-height:2rem}.body-m{font-family:Metropolis-Standard,Arial,Helvetica,Serif;font-size:1.4rem;font-weight:400;font-weight:300;line-height:1.5}.heading-xs{font-size:2rem;line-height:1}.heading-s,.heading-xs{font-family:ImpactDirk,Arial,Helvetica,Serif;font-weight:400}.heading-s{font-size:2.6rem;line-height:3.1rem}.heading-m{font-size:3.6rem;line-height:3.6rem}.heading-l,.heading-m{font-family:ImpactDirk,Arial,Helvetica,Serif;font-weight:400}.heading-l{font-size:4.8rem;line-height:5.2rem}.title-m{font-family:Metropolis-Bold,Arial,Helvetica,Serif;font-size:1.6rem;font-weight:600;line-height:1.5}.title-l{font-size:1.8rem;line-height:2.4rem}.subtitle-1,.title-l{font-family:Metropolis-Bold,Arial,Helvetica,Serif;font-weight:700}.subtitle-1{font-size:1.4rem;line-height:1.4rem}.headline-s{font-size:2.4rem}.headline-l,.headline-s{font-family:ImpactDirk,Arial,Helvetica,Serif;font-weight:400;line-height:1}.headline-l{font-size:4rem}*,:after,:before{box-sizing:border-box;margin:0;outline:none;padding:0}html{font-size:62.5%;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-black);font-family:Metropolis-Standard,Arial,Helvetica,Serif;font-weight:300;transition:all .2s ease-in-out}body,html{height:100%}body{background-color:var(--color-white);font-size:1.6rem;margin-bottom:var(--bottom-bar-height);padding-top:var(--header-height)}@media print{body.basket-open{--header-height:0}body.basket-open .default-layout>:not(.basket-overlay){display:none!important}}.default-layout{align-items:start;display:flex;flex-direction:column;min-height:100%}main{flex-grow:1;width:100%}.base-page{display:grid;gap:2rem;margin-top:2rem}.base-page.has-content-header{margin-top:0}.base-page section:empty{display:none}.noscroll{overflow:hidden;touch-action:none}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--desktop-spacing);width:100%}.mobile-padding{padding:0 var(--mobile-spacing)}.mobile-margin{margin:0 var(--mobile-spacing)}@media (max-width:767px){.store-page main.container{padding:0}}.folder-page header .search-button,.store-page header .search-button{display:none}@media (max-width:959px){.folder-page{--header-height:6.4rem}}.folder-page,.store-page{--search-bar-height:0rem}a{color:inherit}ol,ul{list-style-type:none}.titleparagraph ol,.titleparagraph ul{padding-left:3.6rem}.titleparagraph ul{list-style-type:disc}.titleparagraph ol{list-style-type:decimal}button{background-color:inherit;border:0;color:inherit;cursor:pointer}svg.nuxt-icon{margin-bottom:0;vertical-align:unset}.btn,button.formkit-input{align-items:center;cursor:pointer;display:flex;font-family:ImpactDirk,Arial,Helvetica,Serif;font-size:1.9rem;font-weight:400;justify-content:center;padding:.6rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.btn--red,button.formkit-input--red{background-color:var(--color-red);color:var(--color-white)}.btn--red:hover,button.formkit-input--red:hover{background-color:var(--color-lightred)}.btn--yellow,button.formkit-input--yellow{background-color:var(--color-yellow);color:var(--color-black)}.btn--yellow:hover,button.formkit-input--yellow:hover{background-color:var(--color-lightyellow)}.btn--grey,button.formkit-input--grey{background-color:var(--color-grey);color:var(--color-white)}.btn--grey:hover,button.formkit-input--grey:hover{background-color:var(--color-lightgrey)}.btn--white,.btn-new,button.formkit-input--white{background-color:var(--color-white);color:var(--color-black)}.btn-new{align-items:center;border:1px solid var(--color-black);border-radius:1.6rem;display:flex;font-family:ImpactDirk,Arial,Helvetica,Serif;font-size:1.6rem;font-weight:400;height:3.2rem;justify-content:center;overflow:hidden;padding:0 2.4rem;text-decoration:none;transition:background-color .2s ease-in-out}.btn-new--large{border:.2rem solid var(--color-black);border-radius:2rem;font-size:2rem;height:4rem}.btn-new--primary{background-color:var(--color-yellow)}.btn-new--primary:hover{background-color:var(--color-darkyellow)}.btn-new--secondary{background-color:var(--color-white)}.btn-new--secondary:hover{background-color:var(--color-grey-h)}.btn-new--tertiary{background-color:var(--color-grey-e);border:0}.btn-new--borderless{background-color:var(--color-yellow);border:0}.btn-new--borderless:hover{background-color:var(--color-darkyellow)}.popup-buttons{align-items:center;display:flex;gap:1.6rem;justify-content:flex-end}.loading{pointer-events:none;position:relative}.loading:before{background-color:inherit;content:"";inset:0;position:absolute;width:100%}.loading:after{background:url(https://web-fileserver.dirk.nl/static-images/dirk/web/loader_black.gif) no-repeat;background-position:50%;background-size:contain;content:"";height:100%;left:50%;max-height:4rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:10rem}@media (min-width:960px){.hideOnDesktop{display:none!important}}@media (max-width:959px){.hideOnMobile{display:none!important}}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-grey-b);border-radius:0;clear:both;display:flex;font-family:inherit;font-size:1.6rem;height:4rem;padding:0 1.6rem;transition:all .1s ease-in-out;width:100%}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus{border:1px solid var(--color-black);color:var(--color-black);transition:all .1s ease-in-out}input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder{color:var(--color-grey)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder{color:var(--color-grey)}input[type=date]:-moz-placeholder,input[type=date]:-ms-input-placeholder,input[type=date]::-moz-placeholder,input[type=date]::-webkit-input-placeholder,input[type=datetime-local]:-moz-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=email]:-moz-placeholder,input[type=email]:-ms-input-placeholder,input[type=email]::-moz-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]:-moz-placeholder,input[type=number]:-ms-input-placeholder,input[type=number]::-moz-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]:-moz-placeholder,input[type=password]:-ms-input-placeholder,input[type=password]::-moz-placeholder,input[type=password]::-webkit-input-placeholder,input[type=tel]:-moz-placeholder,input[type=tel]:-ms-input-placeholder,input[type=tel]::-moz-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]:-moz-placeholder,input[type=text]:-ms-input-placeholder,input[type=text]::-moz-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]:-moz-placeholder,input[type=time]:-ms-input-placeholder,input[type=time]::-moz-placeholder,input[type=time]::-webkit-input-placeholder{color:var(--color-grey)}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--color-lightgrey);border-radius:.4rem;cursor:pointer;height:2.4rem;outline:none;position:relative;transition:all .1s ease-in-out;width:2.4rem}input[type=checkbox]:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='9.993 19.421 3.286 12.58 4.714 11.18 10.007 16.579 19.293 7.293 20.707 8.707 9.993 19.421' style='fill:%23FFFFFF;'/%3E%3C/svg%3E");background-size:cover;content:"";inset:0;opacity:0;position:absolute;transition:all .1s ease-in-out}input[type=checkbox]:checked:before{opacity:1}input[type=checkbox]:checked{background-color:var(--color-red);border-color:var(--color-red)}input[type=radio]{position:absolute;top:-.3rem;visibility:hidden}input[type=radio]:checked+label:after{background-color:var(--color-red);transition:all .1s ease-in-out}input[type=radio]:checked+label:before{border:1px solid var(--color-red);transition:all .1s ease-in-out}fieldset{border:0;margin:0;padding:0}li.formkit-option>label{background-color:var(--color-white);cursor:pointer;margin:.5rem 0;padding-left:2.5rem;position:relative;transition:all .1s ease-in-out}li.formkit-option>label:after{align-items:center;background-color:var(--color-white);border-radius:.7rem;content:"";display:flex;font-size:1.8rem;height:.7rem;justify-content:center;left:.4rem;position:absolute;top:.6rem;transition:all .1s ease-in-out;width:.7rem}li.formkit-option>label:before{border:1px solid var(--color-black);border-radius:1.5rem;content:"";height:1.5rem;left:0;margin:.2rem 1rem 0 0;position:absolute;top:0;transition:all .1s ease-in-out;width:1.5rem}li.formkit-option>label[data-checked=true]:after{background-color:var(--color-red)}li.formkit-option>label[data-checked=true]:before{border:1px solid var(--color-red)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><path d="M0 2l4 4 4-4z"/></svg>') no-repeat 100%/.8rem .8rem;background-position:right 1rem center;background-repeat:no-repeat;border:1px solid var(--color-grey-b);border-radius:0;color:var(--color-black);font-family:Metropolis-Standard,Arial,Helvetica,Serif;font-size:1.6rem;font-weight:300;height:4rem;padding:0 1rem;width:100%}option{padding:1rem}textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #bcbec3;font-family:inherit;font-size:1.6rem;min-height:20rem;padding:1.6rem;transition:all .1s ease-in-out;width:100%}textarea:active,textarea:focus{border:1px solid var(--color-black);color:var(--color-black);transition:all .1s ease-in-out}textarea::-webkit-input-placeholder{color:var(--color-grey-a)}textarea:-moz-placeholder,textarea::-moz-placeholder{color:var(--color-grey-a)}textarea:-ms-input-placeholder{color:var(--color-grey-a)}.formkit-form{display:flex;flex-direction:column;gap:1.6rem;width:100%}.formkit-form input[type=date],.formkit-form input[type=datetime-local],.formkit-form input[type=email],.formkit-form input[type=number],.formkit-form input[type=password],.formkit-form input[type=tel],.formkit-form input[type=text],.formkit-form input[type=time],.formkit-form select{max-width:40rem}.formkit-form input[type=date].invalid-field,.formkit-form input[type=datetime-local].invalid-field,.formkit-form input[type=email].invalid-field,.formkit-form input[type=number].invalid-field,.formkit-form input[type=password].invalid-field,.formkit-form input[type=tel].invalid-field,.formkit-form input[type=text].invalid-field,.formkit-form input[type=time].invalid-field,.formkit-form select.invalid-field{border-color:var(--color-red)}.formkit-form label{display:block}.formkit-form .field-error-message{color:var(--color-red);display:block;font-size:1.4rem}button.formkit-input{background-color:var(--color-red);color:var(--color-white);margin-top:1.2rem}button.formkit-input:hover{background-color:var(--color-lightred);transition:all .2s ease-in-out}.formkit-label.required:after{content:" *"}.formkit-message{color:var(--color-red);font-size:1.4rem}.formkit-outer[data-invalid=true] .formkit-input{border-color:var(--color-red)}:root{--color-white:#fff;--color-black:#221e1f;--color-grey:#9b9b9b;--color-grey-a:#aeb0b7;--color-grey-b:#bcbec3;--color-grey-c:#777;--color-grey-d:#f1efef;--color-grey-e:#e3e3e3;--color-grey-f:#d9d9d9;--color-grey-g:#ccc;--color-grey-h:#f2f2f2;--color-grey-i:#555;--color-darkgrey:#646464;--color-darkgrey-rgb:100,100,100;--color-mediumgrey:#878787;--color-lightgrey:#c8c7c7;--color-red:#e30613;--color-darkred:#ad141a;--color-lightred:red;--color-yellow:#ffed00;--color-darkyellow:#eddc00;--color-lightyellow:#feff00;--color-yellowshadow:#d1c201;--color-green:#199e63;--container-max-width:142rem;--desktop-spacing:0;--mobile-spacing:1.2rem;--header-height:12rem;--header-height-collapsed:6.4rem;--more-menu-margin-top:6.4rem;--bottom-bar-height: calc(5.6rem + env(safe-area-inset-bottom)) ;--search-bar-height:5.6rem}@media (min-width:960px){:root{--desktop-spacing:3rem;--mobile-spacing:0;--bottom-bar-height:0;--header-height-collapsed:8.2rem}}.color-red{color:var(--color-red)}.fade-slow-enter-active{animation:fade-in .5s}.fade-slow-leave-active{animation:fade-out .5s}.fade-enter-active,.fade-in-enter-active{animation:fade-in .2s}.fade-leave-active{animation:fade-out .2s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.slide-up-full-enter-active{animation:slide-up-full .2s}.slide-up-full-leave-active{animation:slide-back-down-full .2s}@keyframes slide-up-full{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-back-down-full{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.slide-down-full-enter-active{animation:slide-down-full .2s}.slide-down-full-leave-active{animation:slide-back-up-full .2s}@keyframes slide-down-full{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-back-up-full{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.slide-right-full-enter-active{animation:slide-right-full .2s}.slide-right-full-leave-active{animation:slide-back-left-full .2s}@keyframes slide-right-full{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-back-left-full{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.slide-left-full-enter-active{animation:slide-left-full .2s}.slide-left-full-leave-active{animation:slide-back-right-full .2s}@keyframes slide-left-full{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-back-right-full{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.slide-down-fade-enter-active{animation:slide-down-fade .2s}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes highlight{0%{background-color:var(--color-white)}25%{background-color:var(--color-grey-e)}to{background-color:var(--color-white)}}
