@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;text-rendering:geometricPrecision}*:focus:not(:focus-visible){outline:none}*:focus-visible,*:focus:focus-visible{outline:2px solid var(--color-primary)}svg:not(:root){overflow:visible}[disabled]{cursor:not-allowed}input,textarea,button{font:inherit}ul{margin:0;padding:0;list-style-position:inside}ul>li::marker{color:var(--color-primary)}:root{interpolate-size:allow-keywords;--spacing: 30px;--topbar-height: 75px;--form-element-height: 45px;--input-font-size: 16px;--color-primair-groen: #0A0;--color-hardgroen: #AE7;--color-lichtgroen: #DFD;--color-primair-rood: #F00;--color-hardroze: #FAC;--color-lichtroze: #FDE;--color-wit: #FFF;--color-zwart: #000;--color-primary-100: var(--color-lichtroze);--color-primary-200: var(--color-hardroze);--color-primary: var(--color-primair-rood);--color-primary-dark: color-mix(in oklch, var(--color-primair-rood), var(--color-zwart) 10%);--color-secondary: var(--color-primair-groen);--color-secondary-dark: color-mix(in oklch, var(--color-primair-groen), var(--color-zwart) 10%);--color-tertiary: var(--color-hardroze);--color-tertiary-dark: color-mix(in oklch, var(--color-hardroze), var(--color-zwart) 10%);--color-background: color-mix(in oklch, var(--color-wit), var(--color-lichtroze) 10%);--color-white: var(--color-wit);--color-black: var(--color-zwart);--color-success-300: oklch(93.5% .05065 147deg);--color-success-700: oklch(36% .12933 147deg);--color-info-300: oklch(94.5% .045 249.412deg);--color-info-700: oklch(36% .12954 255.941deg);--color-warn-300: oklch(95.5% .09229 101.332deg);--color-warn-500: oklch(91% .095 98.821deg);--color-warn-700: oklch(43.527% .0785 74.938deg);--color-warn-900: oklch(34.94% .05613 74.756deg);--color-error-300: oklch(92.748% .03696 11.469deg);--color-error-700: oklch(34.339% .16018 19.688deg);--color-link-default: oklch(54.049% .15671 147deg);--color-gray-100: #f9f9f9;--color-gray-200: #f2f2f2;--color-gray-300: #ededed;--color-gray-400: #d6d6d6;--color-gray-500: #a1a1a1;--color-gray-600: #878787;--color-gray-700: #5a5a5a;--color-gray-800: #323232;--color-gray-900: #222;--easing-ease: cubic-bezier(.2, 0, .3, 1);--easing-default: var(--easing-ease);--easing-cubic-1: cubic-bezier(.26, .88, .57, .9);--easing-cubic-2: cubic-bezier(.4, .1, .2, 1);--easing-cubic-3: cubic-bezier(.7, 0, .4, 1);--speed-instant: 75ms;--speed-fast: .15s;--speed-medium: .35s;--button-compact__icon-width: 14px;--button-compact__padding-x: 8px;--button-compact__padding-y: 7px;--button-compact__width-total: calc(var(--button-compact__icon-width) + 2 * var(--button-compact__padding-x));--button-compact-round__icon-width: 18px;--button-compact-round__padding-x: 12px;--button-compact-round__padding-y: 10px;--button-compact-round__width-total: calc(var(--button-compact-round__icon-width) + 2 * var(--button-compact-round__padding-x));--ui-default-body-font-family: "trade-gothic-next", "Helvetica Neue", helvetica, arial, sans-serif;--ui-default-headings-font-family: "trade-gothic-next-condensed", "Helvetica Neue", helvetica, arial, sans-serif;--ui-default-sub-headings-font-family: "tgn-soft-round-con", "Helvetica Neue", helvetica, arial, sans-serif;--ui-default-body-font-family__button-padding-top-extra: 0px;--ui-font-correction-y: round(-.1em, 1px)}:where(:root){--ui-buttons-font-family: var(--ui-default-headings-font-family);--ui-buttons-font-weight: 800;--ui-headings-font-family: var(--ui-default-headings-font-family);--ui-headings-font-weight: 800;--ui-text-transform: uppercase}html,body,#app{height:100%;width:100%;margin:0;padding:0}html{scrollbar-width:auto;scrollbar-color:color-mix(in oklch,transparent,var(--color-gray-800) 20%) var(--color-white);transition:scrollbar-color var(--speed-medium) var(--easing-cubic-1);overflow-y:auto}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html:hover{scrollbar-color:color-mix(in oklch,transparent,var(--color-primary) 70%) var(--color-white)}html{min-height:100%;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:auto}body{display:flex;justify-content:stretch;align-items:stretch;font-family:var(--ui-default-body-font-family);background-color:var(--color-background);color:var(--color-black)}#app{overflow:clip auto}.buttons-x{display:flex;flex-flow:row wrap;gap:8px}.buttons-x>*{flex:1 1 0;min-width:max-content}@media(width>=768px){.mobile-only{display:none}}@media(width<768px){.desktop-only{display:none}}.buttons-y{display:flex;flex-flow:column nowrap;gap:8px}.buttons-y>*{flex:0 0 auto;min-width:max-content}:where(button):not(.select__button){display:flex;justify-content:safe center;align-items:safe center;appearance:none;font-family:var(--ui-buttons-font-family);font-weight:var(--ui-buttons-font-weight);line-height:1.3;text-transform:var(--ui-text-transform);font-size:var(--ui-buttons-font-size, 18px);padding:calc(var(--button__padding-y) + var(--button__padding-top-extra)) var(--button__padding-x) var(--button__padding-y);border:none;transition-property:color,background-color,border-color,box-shadow,scale;transition-duration:var(--speed-fast);transition-timing-function:var(--easing-cubic-1);--button__icon-width: 1.1em;--button__outline-width: var(--button__outline-width-override, 2px);--button__padding-top-extra: var(--ui-font-correction-y, 0px)}:where(button):not(.select__button):focus:not(:focus-visible){outline:none}:where(button):not(.select__button):active{transition-duration:var(--speed-instant)}:where(button):not(.select__button).button--primary,:where(button):not(.select__button):not(.button--secondary,.button--warning){background-color:var(--color-black);color:var(--color-white)}:where(button):not(.select__button).button--primary.button--active,:where(button):not(.select__button).button--primary:hover,:where(button):not(.select__button).button--primary:active,:where(button):not(.select__button).button--primary:focus-visible,:where(button):not(.select__button):not(.button--secondary,.button--warning).button--active,:where(button):not(.select__button):not(.button--secondary,.button--warning):hover,:where(button):not(.select__button):not(.button--secondary,.button--warning):active,:where(button):not(.select__button):not(.button--secondary,.button--warning):focus-visible{background-color:var(--color-gray-700)}:where(button):not(.select__button).button--primary:focus-visible,:where(button):not(.select__button):not(.button--secondary,.button--warning):focus-visible{outline-color:var(--color-tertiary)!important}:where(button):not(.select__button).button--secondary{background-color:var(--color-white);color:var(--color-gray-800);box-shadow:inset 0 0 0 var(--button__outline-width) var(--color-gray-300)}:where(button):not(.select__button).button--secondary.button--active,:where(button):not(.select__button).button--secondary:active,:where(button):not(.select__button).button--secondary:focus-visible{background-color:var(--color-gray-300);color:var(--color-gray-900);box-shadow:inset 0 0 0 var(--button__outline-width) var(--color-gray-500)}:where(button):not(.select__button).button--secondary:hover{background-color:var(--color-gray-300);color:var(--color-gray-900);box-shadow:inset 0 0 0 var(--button__outline-width) var(--color-gray-500)}:where(button):not(.select__button).button--secondary:focus-visible{outline-color:var(--color-primary)!important}:where(button):not(.select__button).button--warning{background-color:var(--color-warn-300);color:var(--color-warn-700);box-shadow:inset 0 0 0 var(--button__outline-width) color-mix(in oklch,transparent,var(--color-warn-700) 7%)}:where(button):not(.select__button).button--warning.button--active,:where(button):not(.select__button).button--warning:hover,:where(button):not(.select__button).button--warning:active,:where(button):not(.select__button).button--warning:focus-visible{background-color:var(--color-warn-500);box-shadow:none}:where(button):not(.select__button).button--longpress{touch-action:pan-y;-webkit-user-select:none;user-select:none}:where(button):not(.select__button):not(.button--compact,.button--compact-round){min-height:var(--form-element-height);--button__padding-x: 20px;--button__padding-y: 14px}:where(button):not(.select__button):not(.button--compact,.button--compact-round)>svg{translate:0 calc(-1 * var(--button__padding-top-extra) / 2)}:where(button):not(.select__button):not(.button--compact,.button--compact-round):active,:where(button):not(.select__button):not(.button--compact,.button--compact-round).button--longpress.button--active{scale:.985}:where(button):not(.select__button).button--compact{--button__outline-width-override: 1px;--button__icon-width: var(--button-compact__icon-width);--button__padding-x: var(--button-compact__padding-x);--button__padding-y: var(--button-compact__padding-y);width:var(--button-compact__width-total);height:var(--button-compact__width-total);aspect-ratio:1}:where(button):not(.select__button).button--compact svg{margin-right:0}:where(button):not(.select__button).button--compact svg+span{margin-left:1ch}:where(button):not(.select__button).button--compact-round{--button__icon-width: var(--button-compact-round__icon-width);--button__padding-x: var(--button-compact-round__padding-x);--button__padding-y: var(--button-compact-round__padding-y);width:var(--button-compact-round__width-total);height:var(--button-compact-round__width-total);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 var(--button__outline-width) var(--color-gray-300)}:where(button):not(.select__button).button--compact-round svg{width:var(--button__icon-width);height:var(--button__icon-width)}:where(button):not(.select__button).button--compact-round svg.icon-minus,:where(button):not(.select__button).button--compact-round svg.icon-plus{scale:.8888888889}:where(button):not(.select__button).button--compact-round svg.icon-position-vertical-center,:where(button):not(.select__button).button--compact-round svg.icon-position-horizontal-center{scale:1.25}:where(button):not(.select__button).button--compact-round svg.icon-move{scale:1.15}:where(button):not(.select__button).button--compact-round svg[class^=icon-position-horizontal-],:where(button):not(.select__button).button--compact-round svg[class*=" icon-position-horizontal-"]{rotate:-.25turn}:where(button):not(.select__button):is(.button--compact,.button--compact-round):active,:where(button):not(.select__button):is(.button--compact,.button--compact-round).button--longpress.button--active{scale:.9}:where(button):not(.select__button):is(.button--compact,.button--compact-round):has(>svg:only-child){--button__padding-top-extra: 0px}:where(button):not(.select__button):disabled{background-color:var(--color-primary-dark)}:where(button):not(.select__button):not(:disabled){cursor:pointer}:where(button):not(.select__button) svg{display:inline-block;height:auto;max-width:var(--button__icon-width);max-height:min(1lh,var(--button__icon-width));margin-right:1ch;line-height:inherit}:where(button):not(.select__button) svg *{fill:currentColor}a.link:is(:link,:active,:visited){--link-alpha: 30%;--link-color: var(--color-link-default);color:var(--link-color);transition-property:color,text-decoration-color;transition-duration:.35s;transition-timing-function:cubic-bezier(.26,.88,.57,.9);text-underline-offset:.35ch;text-decoration-color:color-mix(in oklch,transparent,var(--link-color) var(--link-alpha));text-decoration-thickness:.125em}a.link:hover{--link-alpha: 60%}a.link:focus:not(:focus-visible){outline:none}a.link:focus-visible{outline:2px solid #39a935;outline-offset:2px;border-radius:3px}a:not(.link){text-decoration:none}input[type=radio]{appearance:none;display:inline-block;width:20px;height:20px;padding:8px;vertical-align:middle;line-height:30px;margin:0;position:relative;top:0;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #555;border-radius:50%;background:#fff border-box;transition:border-color var(--speed-fast) var(--easing-default),opacity var(--speed-fast) var(--easing-default),padding .1s var(--easing-cubic-1)}input[type=radio]:not(:disabled):hover,input[type=radio]:focus-visible{border-color:var(--color-primary)}input[type=radio]:not(:disabled):hover:checked,input[type=radio]:focus-visible:checked{background:linear-gradient(to bottom,var(--color-primary),var(--color-primary)) content-box,#fff padding-box}input[type=radio]:not(:disabled):hover:active,input[type=radio]:focus-visible:active{padding:5px;background:linear-gradient(to bottom,#5556,#5556) content-box,#fff padding-box}input[type=radio]:checked{padding:3px;background:linear-gradient(to bottom,#555,#555) content-box,#fff border-box}:where(input[type=text],input[type=number],.select__button){appearance:none;font:inherit;display:inline-block;height:var(--form-element-height);border:none;border-radius:4px;box-shadow:inset 0 0 0 2px transparent;color:var(--color-black);background-color:var(--color-background);overflow:hidden;padding:calc(9px + var(--ui-font-correction-y)) 8px 9px;position:relative;vertical-align:bottom;white-space:nowrap;transition-property:color,box-shadow,background-color;transition-duration:var(--speed-fast);transition-timing-function:var(--easing-default);outline:none!important}:where(input[type=text],input[type=number],.select__button):not(:disabled,:focus):hover{background-color:var(--color-background-dark)}:where(input[type=text],input[type=number],.select__button):not(:disabled):focus{box-shadow:inset 0 0 0 2px var(--color-tertiary)}:where(input[type=text],input[type=number],.select__button).input--invalid,:where(input[type=text],input[type=number],.select__button):user-invalid{box-shadow:inset 0 0 0 2px var(--color-primary)!important}input[type=range]{width:100%;margin:0;background-color:transparent;appearance:none;--range-slider-track-height: 11px;--range-slider-track-border-width: 1px;--range-slider-track-border-color: var(--color-gray-400);--range-slider-track-bg-color: var(--color-gray-100);--range-slider-thumb-width: 19px;--range-slider-thumb-height: 19px;--range-slider-thumb-border-radius: 9999px;--range-slider-thumb-bg-color: var(--color-primary);--range-slider-thumb-border-color: var(--color-primary-dark);--range-slider-thumb-bg-color-active: var(--color-primary-dark);--range-slider-thumb-border-width: 2px}input[type=range]::-webkit-slider-runnable-track{border-radius:50px;background:var(--range-slider-track-bg-color);border:none;box-shadow:inset 0 0 0 var(--range-slider-track-border-width) var(--range-slider-track-border-color);width:100%;height:var(--range-slider-track-height);cursor:pointer}input[type=range]::-moz-range-track{border-radius:50px;background:var(--range-slider-track-bg-color);border:none;box-shadow:inset 0 0 0 var(--range-slider-track-border-width) var(--range-slider-track-border-color);width:100%;height:calc(var(--range-slider-track-height) - 2 * var(--range-slider-track-border-width));cursor:pointer}input[type=range]::-webkit-slider-thumb{margin-top:round(var(--range-slider-track-height) / 2 - var(--range-slider-thumb-height) / 2 - var(--range-slider-track-border-width),1px);width:var(--range-slider-thumb-width);height:var(--range-slider-thumb-height);background:var(--range-slider-thumb-bg-color);border:none;box-shadow:0 0 0 var(--range-slider-thumb-border-width) var(--range-slider-thumb-border-color);border-radius:var(--range-slider-thumb-border-radius);cursor:pointer;appearance:none;transition:background var(--speed-fast) var(--easing-default);anchor-name:--range-slider-thumb}input[type=range]::-moz-range-thumb{width:var(--range-slider-thumb-width);height:var(--range-slider-thumb-height);background:var(--range-slider-thumb-bg-color);border:none;box-shadow:0 0 0 var(--range-slider-thumb-border-width) var(--range-slider-thumb-border-color);border-radius:var(--range-slider-thumb-border-radius);cursor:pointer;transition:background var(--speed-fast) var(--easing-default);anchor-name:--range-slider-thumb}input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb,input[type=range]:focus:focus-visible::-webkit-slider-thumb{background:var(--range-slider-thumb-bg-color-active);box-shadow:0 0 0 2px var(--color-primary)}input[type=range]:focus-visible::-moz-range-thumb,input[type=range]:focus:focus-visible::-moz-range-thumb{background:var(--range-slider-thumb-bg-color-active);box-shadow:0 0 0 2px var(--color-primary)}input[type=range]:active::-webkit-slider-thumb{background:var(--range-slider-thumb-bg-color-active)}input[type=range]:active::-moz-range-thumb{background:var(--range-slider-thumb-bg-color-active)}input[type=range]:disabled{--range-slider-thumb-bg-color: var(--color-gray-500);--range-slider-thumb-bg-color-active: var(--color-gray-500);--range-slider-thumb-border-color: var(--color-gray-600);cursor:default}input[type=range]:disabled::-webkit-slider-runnable-track{cursor:default}input[type=range]:disabled::-moz-range-track{cursor:default}input[type=range]:disabled::-webkit-slider-thumb{cursor:default}input[type=range]:disabled::-moz-range-thumb{cursor:default}label:has(input:disabled){opacity:.5;cursor:not-allowed!important}label:has(input:disabled) *{cursor:inherit}textarea{padding:12px 8px;border-width:2px;border-style:solid;border-color:var(--color-gray-300);border-radius:0;field-sizing:content;transition:border-color var(--speed-fast) var(--easing-default)}textarea:hover{border-color:var(--color-gray-500)}textarea:focus{outline:none!important;border-color:var(--color-primary)}hr{border:none;height:2px;background-color:var(--color-gray-300)}kbd{display:inline-flex;vertical-align:middle;align-items:center;padding:0 6px;height:1lh;margin:0 1px;font-family:var(--ui-default-body-font-family);font-size:.85em;color:var(--color-gray-900);background-color:var(--color-white);border-radius:4px;border:1px solid var(--color-gray-500);box-shadow:inset 0 -2px #0000001a;text-shadow:0 1px 0 rgba(255,255,255,.5);white-space:nowrap}.dragging-over *{pointer-events:none!important}.contains-text{line-height:1.7;text-wrap:pretty}.contains-text h1,.contains-text h2,.contains-text h3,.contains-text h4{font-family:var(--ui-headings-font-family);font-weight:var(--ui-headings-font-weight);font-style:normal;text-transform:var(--ui-text-transform);text-wrap:balance}.contains-text h2{margin:.5em 0;line-height:1.33}@media(width<768px){.contains-text h2{font-size:32px}}@media(width>=768px){.contains-text h2{font-size:40px}}.contains-text h3{font-size:1.25em}.contains-text h3,.contains-text h4{margin:2em 0 .3em}.contains-text h3+p,.contains-text h4+p{margin-top:0}.contains-text h3+ol,.contains-text h4+ol{--ol-extra-margin-top: .5em}.contains-text ol{--ol-li-counter-color: var(--color-tertiary);--ol-li-gap: 1.2em;--ol-counter-bg: color-mix(in oklch, transparent, var(--ol-li-counter-color) 5%);--ol-counter-width: 2.8ch;--ol-counter-margin-right: 1.33em;--ol-counter-padding-y: .25em;list-style:none;padding-left:0;counter-reset:index;margin-top:var(--ol-extra-margin-top)}.contains-text ol>li{counter-increment:index;position:relative;padding-left:calc(var(--ol-counter-width) + var(--ol-counter-margin-right));padding-top:var(--ol-counter-padding-y);padding-bottom:var(--ol-counter-padding-y)}.contains-text ol>li:before{content:counter(index);display:block;position:absolute;top:0;bottom:0;left:0;height:100%;width:var(--ol-counter-width);padding-top:inherit;padding-bottom:inherit;text-align:center;color:var(--ol-li-counter-color);background-color:var(--ol-counter-bg);background-clip:padding-box;font-weight:700}.contains-text ol>li+li{margin-top:var(--ol-li-gap)}.contains-text ol>li ul{--ul-bullet-color: var(--ol-li-counter-color)}.contains-text ul{--ul-li-gap: .6em;--ul-extra-margin-top: .35em;--ul-extra-margin-bottom: .75em;--ul-bullet-color: var(--color-primary);display:table;padding-left:0;border-spacing:0 var(--ul-li-gap);margin-top:calc(-1 * var(--ul-li-gap) + var(--ul-extra-margin-top));margin-bottom:calc(-1 * var(--ul-li-gap) + var(--ul-extra-margin-bottom))}.contains-text ul>li{display:table-row}.contains-text ul>li:before{content:"•";display:table-cell;text-align:right;padding-right:1ch;color:var(--ul-bullet-color);font-weight:700}.contains-text ul>li+li{padding-top:.5em}.contains-text details{margin-top:1.5em}.contains-text details summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;position:relative;transition:color var(--speed-fast) var(--easing-cubic-1)}.contains-text details summary::marker{display:none}.contains-text details summary:before{--arrow-size: .375em;content:"";position:absolute;left:0;top:max(50%,.5lh);translate:0 calc(-50% - .025lh);transform-origin:33% 50%;width:0;height:0;border:var(--arrow-size) solid transparent;border-left:calc(var(--arrow-size) * 1.5) solid currentColor;pointer-events:none;transition-property:rotate,translate;transition-duration:var(--speed-fast);transition-timing-function:var(--easing-default)}.contains-text details summary:hover{color:var(--color-primary)}.contains-text details summary>*{display:inline-block;margin-left:1.75ch}.contains-text details summary>:first-child{margin-top:0}.contains-text details summary>:last-child{margin-bottom:0}.contains-text details::details-content{transition-property:opacity,height,content-visibility,padding-top;transition-duration:var(--speed-fast);transition-timing-function:var(--easing-cubic-2);transition-behavior:allow-discrete;height:0;opacity:0;overflow:clip;padding-top:0}.contains-text details[open]>summary:before{rotate:.25turn;translate:-4% calc(-50% - .025lh)}.contains-text details[open]::details-content{height:auto;opacity:1;padding-top:calc(var(--spacing) / 2)}.contains-text details>p:first-of-type{margin-top:0}.contains-text details>p:last-of-type{margin-bottom:0}.text--big{font-size:200%}.text--smaller{font-size:.875rem}.text--small{font-size:.75rem}.highlight-animation{display:block;position:absolute;pointer-events:none;--highlighter-offset: 8px;inset:calc(var(--highlighter-top) - var(--highlighter-offset)) calc(var(--highlighter-right) - var(--highlighter-offset)) calc(var(--highlighter-bottom) - var(--highlighter-offset)) calc(var(--highlighter-left) - var(--highlighter-offset));width:calc(var(--highlighter-width) + 2 * var(--highlighter-offset));height:calc(var(--highlighter-height) + 2 * var(--highlighter-offset))}.fade-enter-active,.fade-leave-active{transition:opacity var(--speed-fast) var(--easing-default)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-zoom-enter-active,.fade-zoom-leave-active{transition:opacity var(--speed-fast) var(--easing-cubic-1),transform var(--speed-fast) var(--easing-cubic-1)}.fade-zoom-enter-from,.fade-zoom-leave-to{opacity:0;transform:scale(.85)}@keyframes loader-scale{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{opacity:var(--loading-indicator-ring-target-opacity)}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes slide-fade-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1}}@keyframes slide-fade-out{0%{opacity:1}to{opacity:0;transform:translateY(3px)}}.slide-fade-enter-active{animation:slide-fade-in var(--speed-fast) var(--easing-cubic-1)}.slide-fade-leave-active{animation:slide-fade-out var(--speed-fast) var(--easing-cubic-1)}.height-auto-enter-active,.height-auto-leave-active{--height-auto-transition-duration: var(--speed-fast);transition-property:display,margin-top,margin-bottom,height,min-height,padding-top,padding-bottom,border-top-width,border-bottom-width,filter,scale,opacity!important;transition-duration:var(--height-auto-transition-duration)!important;transition-timing-function:var(--easing-cubic-2)!important;transition-behavior:allow-discrete!important;overflow:hidden!important}.height-auto-enter-from,.height-auto-leave-to{height:0!important;margin-top:0!important;margin-bottom:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;border-top-width:0!important;border-bottom-width:0!important;opacity:0!important}.height-auto-enter-to,.height-auto-leave-from{height:auto!important}@keyframes shake{0%{transform:translate(1.5%,1.5%) rotate(0)}10%{transform:translate(-1.5%,-3%) rotate(-2deg)}20%{transform:translate(-4%) rotate(2deg)}30%{transform:translate(4%,3%) rotate(0)}40%{transform:translate(1.5%,-1.5%) rotate(2deg)}50%{transform:translate(-1.5%,3%) rotate(-2deg)}60%{transform:translate(-4%,1.5%) rotate(0)}70%{transform:translate(4%,1.5%) rotate(-2deg)}80%{transform:translate(-1.5%,-1.5%) rotate(2deg)}90%{transform:translate(1.5%,3%) rotate(0)}to{transform:translate(1.5%,-3%) rotate(-2deg)}}.toast,.notification{display:flex;align-items:safe center;padding:20px 30px;gap:15px;border-radius:4px;font-size:16px;text-wrap:pretty}.toast .toast__message,.notification .notification__message{flex:1 1 auto;min-width:0;line-height:1.65}.toast .toast__message>p:not(:first-child),.notification .notification__message>p:not(:first-child){margin-top:.5em}.toast .toast__message>p:not(:last-child),.notification .notification__message>p:not(:last-child){margin-bottom:.5em}.notification--small{font-size:14px;padding:16px 21px 16px 16px}.toast--success,.notification--success{background-color:var(--color-success-300);color:var(--color-success-700);box-shadow:0 4px 35px color-mix(in oklch,transparent,var(--color-success-700) 5%)}.toast--success a,.notification--success a{--link-color: var(--color-success-700)}.toast--info,.notification--info{background-color:var(--color-info-300);color:var(--color-info-700);box-shadow:0 4px 35px color-mix(in oklch,transparent,var(--color-info-700) 5%)}.toast--info a,.notification--info a{--link-color: var(--color-info-700)}.toast--warn,.notification--warn{background-color:var(--color-warn-300);color:var(--color-warn-900);box-shadow:0 4px 35px color-mix(in oklch,transparent,var(--color-warn-700) 5%)}.toast--warn a,.notification--warn a{--link-color: var(--color-warn-900)}.toast--error,.notification--error{background-color:var(--color-error-300);color:var(--color-error-700);box-shadow:0 4px 35px color-mix(in oklch,transparent,var(--color-error-700) 5%)}.toast--error a,.notification--error a{--link-color: var(--color-error-700)}.notification{margin-top:10px;margin-bottom:10px}#toast-container{position:fixed;bottom:0;right:0;z-index:100;padding:10px 10px 20px}.toast{margin:10px 10px 0;max-width:600px;transform-origin:bottom right;--height-auto-transition-duration: var(--speed-medium) !important}.toast.height-auto-enter-from,.toast.height-auto-leave-to{filter:blur(2px)!important;scale:.95!important}.toast .toast__buttons button{flex:0 0 auto;white-space:nowrap;padding:10px 15px;background-color:color-mix(in oklch,transparent,var(--color-white) 50%);font-weight:700;color:var(--color-black);text-transform:none;border-radius:3px}.toast .toast__buttons button:hover,.toast .toast__buttons button:focus{background-color:var(--color-white)}.v-popper__popper.v-popper--theme-tooltip{pointer-events:none}.v-popper__popper.v-popper--theme-tooltip.v-popper__popper--shown{transition:opacity var(--speed-fast) var(--easing-default)}.v-popper__popper.v-popper--theme-tooltip .v-popper__wrapper{filter:drop-shadow(0 0 .6px color-mix(in oklch,transparent,var(--color-gray-300) 70%)) drop-shadow(0 3px 10px color-mix(in oklch,transparent,var(--color-black) 40%))}.v-popper__popper.v-popper--theme-tooltip .v-popper__inner{border-radius:12px;padding:10px 16px;font-size:16px;font-weight:400;color:var(--color-white);background:color-mix(in oklch,transparent,var(--color-gray-900) 92%)}.v-popper__popper.v-popper--theme-tooltip .v-popper__arrow-container{width:14px;height:14px}.v-popper__popper.v-popper--theme-tooltip .v-popper__arrow{border-color:color-mix(in oklch,transparent,var(--color-gray-900) 92%)}.v-popper__popper.v-popper--theme-tooltip .v-popper__arrow-outer{border-width:7px}@supports (anchor-name: --test){.output--tooltip{position:fixed;position-anchor:--range-slider-thumb;position-area:block-start center;margin-bottom:1ch;min-width:3ch;padding:10px 16px;font-family:var(--ui-default-body-font-family);font-size:16px;font-weight:400;text-align:center;color:var(--color-white);background:color-mix(in oklch,transparent,var(--color-gray-900) 92%);border-radius:12px;filter:drop-shadow(0 0 .6px color-mix(in oklch,transparent,var(--color-gray-300) 70%)) drop-shadow(0 3px 10px color-mix(in oklch,transparent,var(--color-black) 40%));transition:opacity var(--speed-fast) var(--easing-default);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.output--tooltip:before{content:"";position:absolute;z-index:-1;clip-path:polygon(0% 0%,50% 50%,100% 0%);background:color-mix(in oklch,transparent,var(--color-gray-900) 92%);top:100%;left:50%;translate:-50% -.2px;width:14px;height:14px}input[type=range]:is(:hover,:focus-visible,:active):not([disabled])+.output--tooltip{opacity:1}}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.canvas-stage{flex:1 1 auto;min-width:0;min-height:0;position:relative;display:flex;align-items:stretch;justify-content:stretch;padding:24px 32px;overflow:hidden}@media(width<768px){.canvas-stage{padding:18px}}.canvas-stage:not(.canvas-stage--has-bg) .canvas-container{display:none}.canvas-stage__inner{flex:1 1 auto;display:flex;align-items:stretch;justify-content:stretch}.canvas-stage__frame{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media(width>=768px){.canvas-stage__frame{aspect-ratio:auto!important}}.canvas-stage .canvas-container{width:100%!important;height:100%!important;position:absolute!important;inset:0}.canvas-stage .lower-canvas{outline:2px dashed var(--color-gray-500)}.canvas-stage .lower-canvas,.canvas-stage .upper-canvas{position:absolute!important;inset:50% auto auto 50%!important;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;translate:-50% -50%}.canvas-stage__empty-state{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:auto;cursor:pointer;text-align:center;width:max-content;max-width:calc(100% - 36px);padding:42px 42px 36px;border-radius:10px;border:2px dashed color-mix(in oklch,transparent,var(--color-black) 16%);color:var(--color-gray-700);-webkit-user-select:none;user-select:none;outline:none!important;contain:paint layout;--empty-state-scale: 1;transform:translate(-50%,-50%) scale(var(--empty-state-scale));transition:transform var(--speed-medium),color var(--speed-medium)}@media(hover:hover){.canvas-stage__empty-state:hover{--empty-state-scale: 1.015;color:var(--color-black)}}.canvas-stage__empty-state:focus-visible{--empty-state-scale: 1.015;color:var(--color-black);border-color:var(--color-primary)}.canvas-stage__empty-state:active{--empty-state-scale: .99;transition-duration:var(--speed-instant)}.canvas-stage__empty-state svg{width:38px;height:38px}.canvas-stage__empty-state p{margin:0;max-width:26ch;line-height:1.45;text-wrap:balance}.canvas-stage__drop-indicator{position:absolute;inset:24px 32px;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none;border:2px dashed var(--color-primary);border-radius:10px;background:color-mix(in oklch,transparent,var(--color-black) 20%);color:var(--color-white);text-align:center;text-shadow:0 0 10px color-mix(in oklch,transparent,var(--color-black) 10%)}@media(width<768px){.canvas-stage__drop-indicator{inset:18px}}.canvas-stage__drop-indicator-text{font-size:clamp(30px,2.6vw,42px);font-weight:700;line-height:1.05}.canvas-stage__drop-indicator-emoji{display:inline-block;margin-left:10px;font-size:220%;vertical-align:middle;animation:shake .3s infinite}.color-schemes{display:flex;flex-flow:row wrap;gap:12px}button.color-schemes__card{flex:1 0 90px;max-width:130px;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;border-radius:14px;background:transparent!important;box-shadow:inset 0 0 0 1px color-mix(in oklch,transparent,var(--color-black) 7%);transition:box-shadow var(--speed-fast) var(--easing-default),transform var(--speed-fast) var(--easing-default);cursor:pointer;color:inherit;outline:none!important;border:none;container-type:size}button.color-schemes__card:hover,button.color-schemes__card:focus,button.color-schemes__card--active{box-shadow:inset 0 0 0 2px var(--color-primary);transform:translateY(-2px)}button.color-schemes__card:active{transform:translateY(0)}.color-schemes__swatches{display:flex;flex-direction:column;gap:6cqh;width:100%;padding:10cqh 16cqw}.color-schemes__swatch{margin:0 auto;height:12cqh;width:auto;aspect-ratio:5;border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in oklch,transparent,var(--color-black) 10%)}.export-actions{display:flex;flex-direction:column;gap:10px}.export-actions .buttons-x>*{min-width:0}.export-actions .buttons-x button{flex:1 1 0}.image-picker{display:flex;flex-direction:column;gap:12px}.image-picker__filename{font-size:13px;line-height:1.4;color:color-mix(in oklch,transparent,var(--color-black) 55%);overflow-wrap:anywhere}.image-picker__background-image-scale-title{font-family:var(--ui-headings-font-family);font-weight:var(--ui-headings-font-weight);font-style:normal;font-family:var(--ui-default-sub-headings-font-family);font-size:18px;line-height:1.2;margin-top:.5em}.image-picker__quality-warning{margin:0;align-items:flex-start}.image-picker__quality-warning svg{flex:0 0 auto;width:18px;height:18px;margin-top:2px}.icon-chevron-down[data-v-34c01cb2]{overflow:visible}.select{position:relative}.select__button-wrapper{width:100%;display:grid;grid-template-areas:"select";align-items:center}.select__button{padding-right:2em;padding-left:12px;align-content:center;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-gray-300);background-image:linear-gradient(to bottom,#fff,#f6f6f6);background-repeat:no-repeat;background-position:0 0;background-size:100%}.select__button:hover{box-shadow:inset 0 0 0 2px var(--color-gray-500)}.select__button:focus{outline:none!important;box-shadow:inset 0 0 0 2px var(--color-primary)}.select__button:has(>*){padding-top:0;padding-bottom:0}.select__button>*{display:block}.select__button.select__button--open{border-color:var(--input-border-color-focus, var(--color-primary))}.select__button,.select__chevron{grid-area:select}.select__chevron{justify-self:end;margin-right:.7em;width:.6875em;color:var(--color-primary);pointer-events:none;translate:0 10%}.select__dropdown{flex-direction:column;color:inherit;background-color:transparent;border:none;overflow:visible;-webkit-user-select:none;user-select:none;position:fixed;padding:0;margin:unset;transition-property:display,overlay;transition-duration:var(--speed-xxs);transition-timing-function:var(--easing-ease);transition-behavior:allow-discrete}.select__dropdown .select__dropdown-inner{transition-property:scale,opacity;transition-duration:inherit;transition-timing-function:inherit;background-color:var(--color-white);border-radius:4px;border:1px solid color-mix(in oklch,transparent,var(--color-black) 8%);box-shadow:inset 0 0 0 1px color-mix(in oklch,transparent,var(--color-black) 4%),0 10px 24px color-mix(in oklch,transparent,var(--color-black) 13%);overflow:hidden}.select__dropdown:not(:popover-open){display:none}.select__dropdown:not(:popover-open) .select__dropdown-inner{opacity:0;scale:.9}@starting-style{.select__dropdown:popover-open .select__dropdown-inner{opacity:0;scale:.9}}.select__filter-wrapper{position:relative;width:calc(100% - 16px);margin:8px}.select__filter-icon{position:absolute;left:.75em;top:50%;translate:0 -45%;width:1em;height:1em;color:var(--color-black);pointer-events:none;z-index:1}.select__filter{width:100%;margin:0;border-radius:4px;box-shadow:inset 0 0 0 1px var(--color-gray-300);background-color:var(--color-white);padding-left:calc(1.75em + 8px);padding-right:1.125em}.select__filter:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--color-gray-500);background-color:var(--color-white)}.select__filter:not(:disabled):focus{box-shadow:inset 0 0 0 2px var(--color-primary);background-color:var(--color-white)}.select__options{max-height:400px;overflow-y:auto;list-style:none;padding:0;margin:0;overscroll-behavior:contain}.select__option,.select__no-results{display:flex;align-items:center;padding:calc(.6875em + var(--ui-font-correction-y)) 1.125em .625em .75em;min-height:calc(1.625em + .6875em + var(--ui-font-correction-y) + .625em)}.select__option{cursor:pointer;transition:background-color var(--speed-fast) var(--easing-cubic-2);outline:none}.select__option:has(>*){padding-top:.65625em;padding-bottom:.65625em}.select__option--disabled{color:var(--color-gray-500)!important;cursor:default!important}.select__options:not(:has(.select__option:not(.select__option--disabled):active)) .select__option:not(.select__option--disabled).select__option--highlighted{background-color:color-mix(in oklch,var(--color-lichtroze),white 65%);transition-duration:0s}.select__option:not(.select__option--disabled):active{background-color:color-mix(in oklch,var(--color-lichtroze),white 40%)!important;transition-duration:0s!important}.select__option:not(.select__option--disabled).select__option--selected{font-weight:700}.select__option:last-child{margin-bottom:8px}.select__dropdown--display-type-anchored{--speed-xxs: var(--speed-instant);min-width:clamp(200px,anchor-size(width),600px);max-width:600px;width:fit-content;height:fit-content;position-visibility:always;position-try-order:most-height;position-try-fallbacks:flip-block;--dropdown-distance: 8px}@supports (container-type: anchored){.select__dropdown--display-type-anchored{container-type:anchored}}.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-top:is(.select__dropdown--align-x-left){position-area:bottom span-right;margin:var(--dropdown-distance) 0 0}@supports (container-type: anchored){.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-top:is(.select__dropdown--align-x-left) .select__dropdown-inner{transform-origin:top left}@container anchored(fallback: flip-block){.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-top:is(.select__dropdown--align-x-left) .select__dropdown-inner{transform-origin:bottom left}}}.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-bottom:is(.select__dropdown--align-x-left){position-area:top span-right;margin:0 0 var(--dropdown-distance)}@supports (container-type: anchored){.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-bottom:is(.select__dropdown--align-x-left) .select__dropdown-inner{transform-origin:bottom left}@container anchored(fallback: flip-block){.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-bottom:is(.select__dropdown--align-x-left) .select__dropdown-inner{transform-origin:top left}}}.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-top:is(.select__dropdown--align-x-right){position-area:bottom span-left;margin:var(--dropdown-distance) 0 0}@supports (container-type: anchored){.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-top:is(.select__dropdown--align-x-right) .select__dropdown-inner{transform-origin:top right}@container anchored(fallback: flip-block){.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-top:is(.select__dropdown--align-x-right) .select__dropdown-inner{transform-origin:bottom right}}}.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-bottom:is(.select__dropdown--align-x-right){position-area:top span-left;margin:0 0 var(--dropdown-distance)}@supports (container-type: anchored){.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-bottom:is(.select__dropdown--align-x-right) .select__dropdown-inner{transform-origin:bottom right}@container anchored(fallback: flip-block){.select__dropdown--display-type-anchored.select__dropdown--prefer-open-to-bottom:is(.select__dropdown--align-x-right) .select__dropdown-inner{transform-origin:top right}}}.select__dropdown--display-type-command-palette{--speed-xxs: var(--speed-fast);position-anchor:none!important;inset:0;width:-webkit-fill-available;width:stretch;height:var(--vvh, stretch);place-items:safe center;transition-duration:var(--speed-xxs)}.select__dropdown--display-type-command-palette::backdrop{opacity:0;pointer-events:none!important;background-color:#00000059;transition-property:display,overlay,opacity;transition-duration:var(--speed-xxs);transition-timing-function:var(--easing-ease);transition-behavior:allow-discrete}.select__dropdown--display-type-command-palette:popover-open{display:grid}.select__dropdown--display-type-command-palette:popover-open::backdrop{opacity:1}@starting-style{.select__dropdown--display-type-command-palette:popover-open::backdrop{opacity:0}}.select__dropdown--display-type-command-palette .select__dropdown-inner{--select-dropdown-inner-margin: 30px;min-width:200px;width:-webkit-fill-available;width:stretch;max-width:600px;max-height:calc(var(--vvh, 100dvh) - 2 * var(--select-dropdown-inner-margin));margin:var(--select-dropdown-inner-margin);display:flex;flex-direction:column}.theme-selectors{display:flex;flex-direction:column;gap:12px}.theme-selectors__field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px;border-radius:8px;background:var(--color-white);box-shadow:inset 0 0 0 1px color-mix(in oklch,transparent,var(--color-black) 7%);cursor:grab;transition:box-shadow var(--speed-medium) var(--easing-default),transform var(--speed-fast) var(--easing-default),opacity var(--speed-fast) var(--easing-default)}.theme-selectors__field--dragging{opacity:.4;box-shadow:inset 0 0 0 1px color-mix(in oklch,transparent,var(--color-black) 7%),0 10px 24px color-mix(in oklch,transparent,var(--color-black) 14%);transform:translateY(-2px)}.theme-selectors__field--drop-target{box-shadow:inset 0 0 0 2px var(--color-primary);transform:translateY(-1px)}.theme-selectors__drag-handle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:24px;margin-left:-2px;color:color-mix(in oklch,transparent,var(--color-black) 48%);pointer-events:none;cursor:inherit}.theme-selectors__drag-handle svg{width:18px;height:18px}.theme-selectors__color-picker{position:relative;justify-self:end;z-index:10000}.theme-selectors__color-trigger{--button__outline-width-override: 1px;width:34px;height:34px;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center}.theme-selectors__color-dot{width:18px;height:18px;border-radius:99999px;box-shadow:inset 0 0 0 1px color-mix(in oklch,transparent,var(--color-black) 16%);flex:0 0 auto;transition:background-color var(--speed-instant) var(--easing-cubic-2)}.theme-selectors__color-option-content{display:inline-flex;align-items:center;gap:10px}.sidebar-form{display:flex;flex-direction:column;gap:0}.sidebar-form__section{padding-block:30px;view-transition-class:sidebar-form__section}.sidebar-form__section:first-child{padding-top:0}.sidebar-form__section:last-child{padding-bottom:0}.sidebar-form__section+.sidebar-form__section{border-top:2px solid color-mix(in oklch,transparent,var(--color-black) 5%)}.sidebar-form__section-head{margin-bottom:18px;text-wrap:pretty}.sidebar-form__section-head h2{margin:0 0 6px;font-size:21px;line-height:1.2;text-transform:var(--ui-text-transform);font-family:var(--ui-headings-font-family);font-weight:var(--ui-headings-font-weight);font-style:normal}.sidebar-form__section-head p{margin:.5em 0;line-height:1.45}#app{background-color:var(--color-background)}@media(width>=768px){#app{display:grid;grid-template-columns:clamp(380px,30%,460px) minmax(0,1fr);align-items:start}}.app-sidebar{position:relative;z-index:2;min-height:100svh;overflow:visible;background:color-mix(in oklch,transparent,var(--color-white) 82%);border-right:1px solid color-mix(in oklch,transparent,var(--color-black) 8%);box-shadow:12px 0 40px color-mix(in oklch,transparent,var(--color-black) 3%)}@media(width<768px){.app-sidebar{min-height:0;border-right:0;border-bottom:1px solid color-mix(in oklch,transparent,var(--color-black) 8%);box-shadow:0 10px 35px color-mix(in oklch,transparent,var(--color-black) 3%)}}.app-sidebar__inner{--padding-top: 42px;--padding-sides: 28px;--padding-bottom: 42px;min-height:100%;padding:var(--padding-top) var(--padding-sides) var(--padding-bottom);display:flex;flex-direction:column;gap:24px}@media(width<768px){.app-sidebar__inner{--padding-top: 32px;--padding-sides: 21px;--padding-bottom: 32px}}.app-sidebar__header{display:flex;flex-direction:column;gap:10px}.app-sidebar__header .app-sidebar__brand{align-self:flex-start;display:grid;grid-template-columns:min-content auto;grid-template-rows:min-content min-content;place-items:center;column-gap:.2em;margin:calc(-1 * var(--padding-top)) calc(-1 * var(--padding-sides)) 0;padding:var(--padding-top) var(--padding-sides);font-family:var(--ui-headings-font-family);font-weight:var(--ui-headings-font-weight);font-size:clamp(36px,4.2vw,42px);color:var(--color-primair-rood);line-height:.85;position:relative}.app-sidebar__header .app-sidebar__brand:before{content:"";position:absolute;top:0;left:0;height:100%;aspect-ratio:1;background-color:var(--color-lichtgroen);clip-path:polygon(0 0,100% 0,0 100%);z-index:-1;pointer-events:none}.app-sidebar__header .app-sidebar__brand-title{font-size:inherit;margin:0;letter-spacing:-.01em;text-transform:uppercase}.app-sidebar__header .app-sidebar__brand-title:is(h2){grid-column:1/-1}.app-sidebar__header .app-sidebar__brand-title:is(h1){font-size:155%}.app-sidebar__header .app-sidebar__brand-logo{display:inline-block;height:1lh;width:auto;scale:1.2;translate:0 .08em;color:var(--color-primair-groen)}.app-sidebar__header p{margin:0;font-size:18px;line-height:1.45;text-wrap:pretty}.app-main{min-width:0;min-height:0;height:100svh;position:sticky;top:0;align-self:start;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}@media(width<768px){.app-main{position:relative;height:auto;align-self:stretch}}