{"version":1,"theme":{"accent":"#e60016","accentText":"#ffffff","ink":"#0e0f12","muted":"#5a5e63","line":"#e3e4e6","bg":"#ffffff","bg2":"#fff8f8","bg3":"#f1f3f7","ink2":"#4a4b4d","radius":14,"fontHeading":"Sora","fontBody":"Inter"},"blocks":[{"id":"b_icw5cu1tmugv572i","type":"header","props":{"brandText":"Ribbe","logoUrl":"https://www.ribbe.co/images/1/ribbe-wordmark.png","logoHeight":40,"logoFloat":false,"faviconUrl":"https://www.ribbe.co/images/1/favicon.ico","autoPages":true,"links":[{"label":"Inloggen","href":"https://pos.ribbe.app"}],"ctaLabel":"Gratis demo","ctaHref":"/p/contact","showCart":true,"showLocations":true,"rawHtml":"

$\"Ribbe\"$

","rawCss":"@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:\"\";--tw-divide-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}\n@layer theme{:root,:host{--font-sans:\"Inter\", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:\"Inter\", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-mono);--color-primary-foreground:var(--primary-foreground);--color-border:var(--border);--color-charcoal:var(--charcoal);--color-soft-white:var(--soft-white);--font-display:\"Sora\", ui-sans-serif, system-ui, sans-serif}}\n@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}\n::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}\nhtml,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}\nhr{height:0;color:inherit;border-top-width:1px}\nabbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}\nh1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}\na{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}\nb,strong{font-weight:bolder}\ncode,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}\nsmall{font-size:80%}\nsub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}\nsub{bottom:-.25em}\nsup{top:-.5em}\ntable{text-indent:0;border-color:inherit;border-collapse:collapse}\n:-moz-focusring:where(:not(iframe)){outline:auto}\nprogress{vertical-align:baseline}\nsummary{display:list-item}\nol,ul,menu{list-style:none}\nimg,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}\nimg,video{max-width:100%;height:auto}\nbutton,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}\n::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}\n:where(select:is([multiple],[size])) optgroup{font-weight:bolder}\n:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}\n::file-selector-button{margin-inline-end:4px}\n::placeholder{opacity:1}\n@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}\n@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}\ntextarea{resize:vertical}\n::-webkit-search-decoration{-webkit-appearance:none}\n::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}\n::-webkit-datetime-edit{display:inline-flex}\n::-webkit-datetime-edit-fields-wrapper{padding:0}\n::-webkit-datetime-edit{padding-block:0}\n::-webkit-datetime-edit-year-field{padding-block:0}\n::-webkit-datetime-edit-month-field{padding-block:0}\n::-webkit-datetime-edit-day-field{padding-block:0}\n::-webkit-datetime-edit-hour-field{padding-block:0}\n::-webkit-datetime-edit-minute-field{padding-block:0}\n::-webkit-datetime-edit-second-field{padding-block:0}\n::-webkit-datetime-edit-millisecond-field{padding-block:0}\n::-webkit-datetime-edit-meridiem-field{padding-block:0}\n::-webkit-calendar-picker-indicator{line-height:1}\n:-moz-ui-invalid{box-shadow:none}\nbutton,input:where([type=button],[type=reset],[type=submit]){appearance:button}\n::file-selector-button{appearance:button}\n::-webkit-inner-spin-button{height:auto}\n::-webkit-outer-spin-button{height:auto}\n[hidden]:where(:not([hidden=until-found])){display:none!important}\n*{border-color:var(--color-border)}\nhtml{scroll-behavior:smooth}\nbody{background-color:var(--color-soft-white);color:var(--color-charcoal);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}\nh1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}}\n@layer utilities{.invisible{visibility:hidden}\n.absolute{position:absolute}\n.relative{position:relative}\n.sticky{position:sticky}\n.top-0{top:0}\n.top-full{top:100%}\n.left-0{left:0}\n.z-50{z-index:50}\n.mx-auto{margin-inline:auto}\n.-my-4{margin-block:calc(var(--spacing) * -4)}\n.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}\n.flex{display:flex}\n.grid{display:grid}\n.hidden{display:none}\n.inline-flex{display:inline-flex}\n.h-3\\.5{height:calc(var(--spacing) * 3.5)}\n.h-5{height:calc(var(--spacing) * 5)}\n.h-10{height:calc(var(--spacing) * 10)}\n.h-16{height:calc(var(--spacing) * 16)}\n.w-3\\.5{width:calc(var(--spacing) * 3.5)}\n.w-5{width:calc(var(--spacing) * 5)}\n.w-10{width:calc(var(--spacing) * 10)}\n.w-\\[320px\\]{width:320px}\n.w-\\[560px\\]{width:560px}\n.w-auto{width:auto}\n.max-w-7xl{max-width:var(--container-7xl)}\n.max-w-\\[95vw\\]{max-width:95vw}\n.shrink-0{flex-shrink:0}\n.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}\n.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}\n.flex-col{flex-direction:column}\n.items-center{align-items:center}\n.items-start{align-items:flex-start}\n.justify-between{justify-content:space-between}\n.justify-center{justify-content:center}\n.gap-1{gap:var(--spacing)}\n.gap-2{gap:calc(var(--spacing) * 2)}\n.gap-3{gap:calc(var(--spacing) * 3)}\n.gap-4{gap:calc(var(--spacing) * 4)}\n.overflow-hidden{overflow:hidden}\n.rounded-lg{border-radius:var(--radius)}\n.rounded-xl{border-radius:calc(var(--radius) + 4px)}\n.border{border-style:var(--tw-border-style);border-width:1px}\n.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}\n.border-border{border-color:var(--border)}\n.border-border\\/70{border-color:var(--border)}\n@supports (color:color-mix(in lab, red, red)){.border-border\\/70{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}\n.bg-background,.bg-background\\/85{background-color:var(--background)}\n@supports (color:color-mix(in lab, red, red)){.bg-background\\/85{background-color:color-mix(in oklab, var(--background) 85%, transparent)}}\n.bg-primary{background-color:var(--primary)}\n.p-3{padding:calc(var(--spacing) * 3)}\n.px-3{padding-inline:calc(var(--spacing) * 3)}\n.px-4{padding-inline:calc(var(--spacing) * 4)}\n.px-5{padding-inline:calc(var(--spacing) * 5)}\n.py-2{padding-block:calc(var(--spacing) * 2)}\n.py-3\\.5{padding-block:calc(var(--spacing) * 3.5)}\n.pt-2{padding-top:calc(var(--spacing) * 2)}\n.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}\n.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}\n.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}\n.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}\n.text-charcoal{color:var(--charcoal)}\n.text-charcoal\\/80{color:var(--charcoal)}\n@supports (color:color-mix(in lab, red, red)){.text-charcoal\\/80{color:color-mix(in oklab, var(--charcoal) 80%, transparent)}}\n.text-muted-foreground{color:var(--muted-foreground)}\n.text-primary{color:var(--primary)}\n.text-primary-foreground{color:var(--primary-foreground)}\n.opacity-0{opacity:0}\n.opacity-60{opacity:.6}\n.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}\n.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}\n.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}\n.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}\n.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}\n.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}\n.\\[image-rendering\\:auto\\]{image-rendering:auto}\n@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}\n.group-hover\\:rotate-180:is(:where(.group):hover *){rotate:180deg}\n.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}\n.group-hover\\/item\\:border-primary:is(:where(.group\\/item):hover *){border-color:var(--primary)}}\n@media (hover:hover){.hover\\:bg-muted:hover{background-color:var(--muted)}\n.hover\\:bg-primary-hover:hover{background-color:var(--primary-hover)}\n.hover\\:text-charcoal:hover{color:var(--charcoal)}}\n@media (width>=40rem){.sm\\:-my-6{margin-block:calc(var(--spacing) * -6)}\n.sm\\:h-20{height:calc(var(--spacing) * 20)}}\n@media (width>=64rem){.lg\\:flex{display:flex}\n.lg\\:px-8{padding-inline:calc(var(--spacing) * 8)}}}\n:root{--radius:.875rem;--background:oklch(100% 0 0);--foreground:oklch(17% .005 260);--soft-white:oklch(98.5% .008 20);--charcoal:oklch(17% .005 260);--deep-red:oklch(48% .2 27);--action-blue:oklch(66% .14 235);--success-green:oklch(66% .19 145);--highlight-yellow:oklch(85% .16 85);--soft-gray:oklch(92% .003 260);--card:oklch(100% 0 0);--card-foreground:var(--charcoal);--popover:oklch(100% 0 0);--popover-foreground:var(--charcoal);--primary:oklch(58% .24 27);--primary-foreground:oklch(100% 0 0);--primary-hover:var(--deep-red);--secondary:var(--soft-white);--secondary-foreground:var(--charcoal);--muted:oklch(96.5% .005 260);--muted-foreground:oklch(48% .01 260);--accent:var(--soft-white);--accent-foreground:var(--charcoal);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(100% 0 0);--border:var(--soft-gray);--input:var(--soft-gray);--ring:var(--primary)}\n@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n@property --tw-leading{syntax:\"*\";inherits:false}\n@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n@property --tw-shadow-color{syntax:\"*\";inherits:false}\n@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n@property --tw-backdrop-blur{syntax:\"*\";inherits:false}\n@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}\n@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}\n@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}\n@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}\n@property --tw-backdrop-invert{syntax:\"*\";inherits:false}\n@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}\n@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}\n@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}\n@property --tw-duration{syntax:\"*\";inherits:false}\n@property --tw-ease{syntax:\"*\";inherits:false}\n\n@container (min-width: 821px) and (max-width: 1023px) {\n nav, header .lg\\:flex { display: flex !important; }\n header .lg\\:hidden { display: none !important; }\n}\n@container (max-width: 820px) {\n header > div { flex-wrap: wrap !important; }\n nav { width: 100% !important; padding: 8px 0 !important; }\n nav > * { width: 100% !important; }\n nav .group > button { width: 100%; justify-content: space-between; }\n nav .group > div { position: static !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: none !important; padding-top: 0 !important; }\n nav .group > div > div { padding: 0 8px !important; border: 0 !important; box-shadow: none !important; }\n nav .group > div [class*=\"grid-cols-\"] { grid-template-columns: 1fr !important; }\n nav .group > button > svg { display: none !important; }\n}\n","accent":"#DD0402","accentText":"#ffffff"}},{"id":"b_dnldvmyamugv572i","type":"footer","props":{"brandText":"Ribbe","logoUrl":"","tagline":"Een korte zin over je bedrijf.","links":[{"label":"Materiaal huren","href":"reserve"},{"label":"Contact","href":"/p/contact"}],"copyright":"© Jouw bedrijf","rawHtml":"","rawCss":"@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:\"\";--tw-divide-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}\n@layer theme{:root,:host{--font-sans:\"Inter\", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:\"Inter\", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-mono);--color-primary-foreground:var(--primary-foreground);--color-border:var(--border);--color-charcoal:var(--charcoal);--color-soft-white:var(--soft-white);--font-display:\"Sora\", ui-sans-serif, system-ui, sans-serif}}\n@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}\n::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}\nhtml,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}\nhr{height:0;color:inherit;border-top-width:1px}\nabbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}\nh1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}\na{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}\nb,strong{font-weight:bolder}\ncode,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}\nsmall{font-size:80%}\nsub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}\nsub{bottom:-.25em}\nsup{top:-.5em}\ntable{text-indent:0;border-color:inherit;border-collapse:collapse}\n:-moz-focusring:where(:not(iframe)){outline:auto}\nprogress{vertical-align:baseline}\nsummary{display:list-item}\nol,ul,menu{list-style:none}\nimg,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}\nimg,video{max-width:100%;height:auto}\nbutton,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}\n::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}\n:where(select:is([multiple],[size])) optgroup{font-weight:bolder}\n:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}\n::file-selector-button{margin-inline-end:4px}\n::placeholder{opacity:1}\n@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}\n@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}\ntextarea{resize:vertical}\n::-webkit-search-decoration{-webkit-appearance:none}\n::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}\n::-webkit-datetime-edit{display:inline-flex}\n::-webkit-datetime-edit-fields-wrapper{padding:0}\n::-webkit-datetime-edit{padding-block:0}\n::-webkit-datetime-edit-year-field{padding-block:0}\n::-webkit-datetime-edit-month-field{padding-block:0}\n::-webkit-datetime-edit-day-field{padding-block:0}\n::-webkit-datetime-edit-hour-field{padding-block:0}\n::-webkit-datetime-edit-minute-field{padding-block:0}\n::-webkit-datetime-edit-second-field{padding-block:0}\n::-webkit-datetime-edit-millisecond-field{padding-block:0}\n::-webkit-datetime-edit-meridiem-field{padding-block:0}\n::-webkit-calendar-picker-indicator{line-height:1}\n:-moz-ui-invalid{box-shadow:none}\nbutton,input:where([type=button],[type=reset],[type=submit]){appearance:button}\n::file-selector-button{appearance:button}\n::-webkit-inner-spin-button{height:auto}\n::-webkit-outer-spin-button{height:auto}\n[hidden]:where(:not([hidden=until-found])){display:none!important}\n*{border-color:var(--color-border)}\nhtml{scroll-behavior:smooth}\nbody{background-color:var(--color-soft-white);color:var(--color-charcoal);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}\nh1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}}\n@layer utilities{.mx-auto{margin-inline:auto}\n.mt-3{margin-top:calc(var(--spacing) * 3)}\n.mt-6{margin-top:calc(var(--spacing) * 6)}\n.mb-3{margin-bottom:calc(var(--spacing) * 3)}\n.flex{display:flex}\n.grid{display:grid}\n.h-20{height:calc(var(--spacing) * 20)}\n.w-auto{width:auto}\n.max-w-7xl{max-width:var(--container-7xl)}\n.max-w-xs{max-width:var(--container-xs)}\n.flex-col{flex-direction:column}\n.items-start{align-items:flex-start}\n.justify-between{justify-content:space-between}\n.gap-3{gap:calc(var(--spacing) * 3)}\n.gap-5{gap:calc(var(--spacing) * 5)}\n.gap-10{gap:calc(var(--spacing) * 10)}\n:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}\n.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}\n.border-border{border-color:var(--border)}\n.bg-neutral-300{background-color:var(--color-neutral-300)}\n.bg-neutral-800{background-color:var(--color-neutral-800)}\n.px-5{padding-inline:calc(var(--spacing) * 5)}\n.py-6{padding-block:calc(var(--spacing) * 6)}\n.py-16{padding-block:calc(var(--spacing) * 16)}\n.font-display{font-family:Sora,ui-sans-serif,system-ui,sans-serif}\n.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}\n.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}\n.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}\n.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}\n.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}\n.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}\n.whitespace-pre-line{white-space:pre-line}\n.text-charcoal{color:var(--charcoal)}\n.text-muted-foreground{color:var(--muted-foreground)}\n.text-neutral-300{color:var(--color-neutral-300)}\n.text-neutral-700{color:var(--color-neutral-700)}\n.text-primary{color:var(--primary)}\n.uppercase{text-transform:uppercase}\n@media (hover:hover){.hover\\:text-primary:hover{color:var(--primary)}\n.hover\\:text-white:hover{color:var(--color-white)}}\n@media (width>=40rem){.sm\\:flex-row{flex-direction:row}\n.sm\\:items-center{align-items:center}}\n@media (width>=64rem){.lg\\:col-span-2{grid-column:span 2/span 2}\n.lg\\:-ml-8{margin-left:calc(var(--spacing) * -8)}\n.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}\n.lg\\:px-8{padding-inline:calc(var(--spacing) * 8)}}}\n:root{--radius:.875rem;--background:oklch(100% 0 0);--foreground:oklch(17% .005 260);--soft-white:oklch(98.5% .008 20);--charcoal:oklch(17% .005 260);--deep-red:oklch(48% .2 27);--action-blue:oklch(66% .14 235);--success-green:oklch(66% .19 145);--highlight-yellow:oklch(85% .16 85);--soft-gray:oklch(92% .003 260);--card:oklch(100% 0 0);--card-foreground:var(--charcoal);--popover:oklch(100% 0 0);--popover-foreground:var(--charcoal);--primary:oklch(58% .24 27);--primary-foreground:oklch(100% 0 0);--primary-hover:var(--deep-red);--secondary:var(--soft-white);--secondary-foreground:var(--charcoal);--muted:oklch(96.5% .005 260);--muted-foreground:oklch(48% .01 260);--accent:var(--soft-white);--accent-foreground:var(--charcoal);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(100% 0 0);--border:var(--soft-gray);--input:var(--soft-gray);--ring:var(--primary)}\n@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}\n@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n@property --tw-leading{syntax:\"*\";inherits:false}","accent":"#DD0402","accentText":"#ffffff"}}]}

Ideeën die verhuur vooruit helpen.

Ontvang de Ribbe-nieuwsbrief.