@layer components{.stapel{flex-direction:column-reverse;width:100%;max-width:22.375rem;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}.stapel-item{position:relative}.stapel-item+.stapel-item{margin-bottom:calc(-148 * var(--u))}.stapel-item:not([data-voor]) .pas-van{display:none}.stapel-knop{border-radius:calc(26 * var(--u));width:100%;color:inherit;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;text-decoration:none;display:block}.stapel-knop .pasvorm{max-width:none;transition:transform .16s var(--ease-veer)}.stapel .pas{box-shadow:inset 0 1px 0 #ffffff5c, inset 0 0 0 1px #ffffff12, 0 calc(-12 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) #10100e6b, 0 calc(22 * var(--u)) calc(40 * var(--u)) calc(-22 * var(--u)) #10100e4d}.stapel-item[data-voor] .pas{box-shadow:inset 0 1px 0 #ffffff5c, inset 0 0 0 1px #ffffff12, 0 calc(-12 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) #10100e6b, 0 calc(18 * var(--u)) calc(30 * var(--u)) calc(-14 * var(--u)) #10100e73, 0 calc(38 * var(--u)) calc(60 * var(--u)) calc(-30 * var(--u)) #10100e66}@supports (color:color-mix(in srgb, red 50%, blue)){.stapel-item[data-voor] .pas{box-shadow:inset 0 1px 0 #ffffff5c, inset 0 0 0 1px #ffffff12, 0 calc(-12 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) #10100e6b, 0 calc(18 * var(--u)) calc(30 * var(--u)) calc(-14 * var(--u)) color-mix(in srgb, var(--bg) 60%, #10100e80), 0 calc(38 * var(--u)) calc(60 * var(--u)) calc(-30 * var(--u)) #10100e66}}.stapel .pas--neutraal,.stapel-item[data-voor] .pas--neutraal{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 1px #10100e0d, 0 calc(-8 * var(--u)) calc(16 * var(--u)) calc(-12 * var(--u)) #10100e40, 0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) #10100e40}.stapel-knop:active .pasvorm{transition-duration:60ms;transform:scale(.985)}@media (hover:hover) and (pointer:fine){.stapel-knop:hover .pasvorm{transform:translateY(calc(-5 * var(--u)))}.stapel-knop:active .pasvorm{transform:translateY(calc(-2 * var(--u))) scale(.99)}}.stapel-knop:focus-visible{outline:none}.stapel-knop:focus-visible .pas{outline:3px solid var(--fg);outline-offset:-6px}}@media (prefers-reduced-motion:reduce){.stapel-knop .pasvorm{transition:none}.stapel-knop:hover .pasvorm,.stapel-knop:active .pasvorm{transform:none}}@media (forced-colors:active){.stapel-knop:focus-visible .pas{outline:3px solid highlight}}