@property --gradient-stop{syntax:"<percentage>";inherits:false;initial-value:30%}@property --gradient-nieuws-stop{syntax:"<percentage>";inherits:false;initial-value:35%}section.svelte-jg0a82{grid-template-columns:subgrid;background-color:var(--surface);height:calc(var(--half-block) * 13);grid-column:1/span 16;grid-template-rows:auto;display:grid;position:relative}section.svelte-jg0a82 .text:where(.svelte-jg0a82){text-align:center;grid-area:2/1/auto/span 16}section.svelte-jg0a82 .text:where(.svelte-jg0a82) em:where(.svelte-jg0a82){--pt:60}section.svelte-jg0a82 .text:where(.svelte-jg0a82) h1:where(.svelte-jg0a82){margin-top:calc(var(--quarter-block));line-height:100%}section.svelte-jg0a82 .text:where(.svelte-jg0a82) span:where(.svelte-jg0a82){--pt:inherit;display:block}section.svelte-jg0a82 .text:where(.svelte-jg0a82) span:where(.svelte-jg0a82) span:where(.svelte-jg0a82){color:var(--accent);display:inline-block}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button:where(.svelte-jg0a82){cursor:default;width:calc(var(--full-block) * 2.5);position:absolute}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button.creative:where(.svelte-jg0a82){border:2px solid var(--lightblue);color:var(--lightblue);top:calc(var(--half-block) * 5.5);left:calc(var(--full-block) * 2.7);background-color:#0000;transform:rotate(8deg)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button.inspiring:where(.svelte-jg0a82){color:var(--darkblue);transform:rotate(8deg)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button.inspiring:where(.svelte-jg0a82):hover{background-color:var(--yellow)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button.inspiring:where(.svelte-jg0a82){top:calc(var(--half-block) * 6.5);right:calc(var(--full-block) * 2.5)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button.fit:where(.svelte-jg0a82){background-color:var(--white);color:var(--darkblue);bottom:calc(var(--half-block) * 2.2);right:calc(var(--full-block) * 4);transform:rotate(-8deg)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle-pair-decal:where(.svelte-jg0a82){width:calc(var(--default-radius) * 2);height:calc(var(--default-radius) * 2);border-radius:var(--default-radius);background-color:var(--white);transform-origin:50%;position:absolute;transform:rotate(180deg)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle-pair-decal:where(.svelte-jg0a82):after{content:"";width:var(--default-radius);height:var(--default-radius);border-radius:var(--default-radius);background-color:var(--yellow);z-index:3;left:calc(-1.5 * var(--default-radius));top:calc(-.5 * var(--default-radius));position:absolute}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle-pair-decal:where(.svelte-jg0a82){top:calc(var(--half-block) * 1);left:calc(var(--full-block) * 4.5)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle:where(.svelte-jg0a82){position:absolute}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle.blue:where(.svelte-jg0a82){background-color:var(--outline);border-radius:var(--large-radius);width:var(--half-block);height:var(--half-block);bottom:calc(var(--half-block) * 2.7);right:calc(var(--full-block) * 3.1)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle.arrow:where(.svelte-jg0a82){background-color:var(--yellow);border-radius:var(--large-radius);width:var(--full-block);height:var(--full-block);bottom:calc(var(--half-block) * 3);left:calc(var(--full-block) * 3.7);justify-content:center;align-items:center;display:flex}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle.arrow:where(.svelte-jg0a82) svg:where(.svelte-jg0a82){width:var(--half-block);height:var(--half-block);stroke-width:2px}@media (width<=768px){section.svelte-jg0a82{--default-radius:calc(var(--full-block) * 2);height:calc(var(--full-block) * 25);overflow:hidden}section.svelte-jg0a82 .text:where(.svelte-jg0a82){grid-column:2/span 13}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button:where(.svelte-jg0a82){width:calc(var(--full-block) * 6);height:calc(var(--full-block) * 2)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button.creative:where(.svelte-jg0a82){top:calc(var(--half-block) * 26.5);left:calc(var(--full-block) * -1.5)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button.inspiring:where(.svelte-jg0a82){top:calc(var(--half-block) * 26.5);right:calc(var(--full-block) * -1)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .buttons:where(.svelte-jg0a82) button.fit:where(.svelte-jg0a82){bottom:calc(var(--half-block) * 8);right:calc(var(--full-block) * 2)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle-pair-decal:where(.svelte-jg0a82){top:calc(var(--half-block) * 4);left:calc(var(--full-block) * 3);width:calc(var(--full-block) * 3);height:calc(var(--full-block) * 3)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle-pair-decal:where(.svelte-jg0a82):after{content:"";width:calc(var(--full-block) * 1.5);height:calc(var(--full-block) * 1.5)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle.blue:where(.svelte-jg0a82){width:calc(var(--half-block) * 4);height:calc(var(--half-block) * 4);bottom:calc(var(--half-block) * 14);right:calc(var(--full-block) * 1.75)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle.arrow:where(.svelte-jg0a82){width:calc(var(--half-block) * 5);height:calc(var(--half-block) * 5);bottom:calc(var(--half-block) * 8);left:calc(var(--full-block) * 2)}section.svelte-jg0a82 .elements:where(.svelte-jg0a82) .circles:where(.svelte-jg0a82) .circle.arrow:where(.svelte-jg0a82) svg:where(.svelte-jg0a82){width:calc(var(--half-block) * 1.5);height:calc(var(--half-block) * 1.5);stroke-width:3px}}