:root{--color-primary: hsl(221deg 45% 39.85%);--color-soft: hsl(42, 99%, 61%);--color-secundary: hsl(44, 81%, 77%);--color-ternary: hsl(214deg 4.94% 23%);--color-bg: hsl(0, 0%, 99%);--color-fg: hsl(0, 0%, 4%);--color-error: hsl(0, 70%, 47%);--color-warning: hsl(34, 73%, 42%);--color-success: hsl(106, 66%, 43%)}@media(prefers-color-scheme:dark){:root{--color-primary: hsl(223, 46%, 65%);--color-soft: hsl(42, 86%, 72%);--color-secundary: hsl(44, 58%, 57%);--color-ternary: hsl(210, 4%, 52%);--color-bg: hsl(0, 2%, 9%);--color-fg: hsl(0, 0%, 99%);--color-error: hsl(0, 70%, 47%);--color-warning: hsl(34, 73%, 42%);--color-success: hsl(106, 66%, 43%)}}body>.printable{display:none!important}@media print{body>*:not(.printable){display:none!important}body>.printable{display:block!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}router-outlet{display:none}body{background:var(--color-bg);color:var(--color-fg);font-family:inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto;scrollbar-gutter:stable;font-weight:400;font-size:16px}body button{font-size:16px}.handle{background-color:transparent;border:none;outline:none;aspect-ratio:1;text-align:center;display:flex;align-items:center;justify-content:center;opacity:.8}.handle:hover{opacity:1}.button{--button-bg: var(--color-primary);--button-color: var(--color-bg);color:var(--button-color);padding:12px 24px;border-radius:100vw;background-color:var(--button-bg);font-weight:600;max-width:fit-content;display:flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;font-family:inherit;gap:12px}.button:not(:disabled):hover{box-shadow:0 0 4px 2px oklch(from var(--button-bg) 50% c h)}.button:not(:disabled):focus-visible{box-shadow:0 0 0 3px oklch(from var(--button-bg) 90% calc(c/2) h)}.button:has(.icon:last-child){padding-right:16px}.button:has(.icon:first-child){padding-left:16px}.button.subtle{background-color:transparent;border:1px solid var(--button-bg);color:var(--button-bg)}.button.danger{--button-bg: var(--color-error);--button-color: #ffffff}.button.success{--button-bg: var(--color-success);--button-color: #ffffff}.button:not(:disabled){cursor:pointer}.button:disabled{opacity:.4}main{padding-top:16px;min-height:calc(100dvh - 530px);position:relative}.wave{position:relative;z-index:2}.wave:after{content:"";position:absolute;left:0;top:-1px;right:0;height:48px;background-repeat:no-repeat;background-position:bottom center;background-size:100% 100%;background-image:url(https://static.dogmatchers.be/images/svg/wave-bg.svg);transform-origin:top}.wave.theme:after{background-image:url(https://static.dogmatchers.be/images/svg/wave-theme.svg)}.wave.soft:after{background-image:url(https://static.dogmatchers.be/images/svg/wave-soft.svg)}.wave.upwards:after{top:1px;transform:rotate(180deg)}.wave.left:after{background-position:100%;background-size:200% 100%}.wave.right:after{background-position:0%;background-size:200% 100%}.wave.upwards.left:after{background-position:0%}.wave.upwards.right:after{background-position:100%}@keyframes reveal{0%{opacity:0}to{opacity:1}}[is-loading=true]{--load-angle: 0deg;--progress: 0%;z-index:0;position:absolute}[is-loading=true]:before{content:"";position:absolute}[is-loading=true]:before{inset:0;padding:3px;overflow:hidden;background-image:conic-gradient(from var(--load-angle),transparent calc(0% - var(--progress)),transparent calc(50% - var(--progress)),var(--color-secundary) calc(75% - var(--progress)),var(--color-primary) calc(100% - var(--progress)));animation:dwa-load 2s linear infinite;border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:99}.tile{text-align:center;max-width:250px;min-width:160px;flex:1 1 auto;display:flex;flex-direction:column;color:inherit;justify-content:flex-start;align-items:center;gap:16px;padding:32px;color:var(--color-primary);border-radius:8px;border:1px solid hsl(from var(--color-fg) h s l / 30%);background-color:hsl(from var(--color-fg) h s l / 10%);box-shadow:0 4px 8px hsl(from var(--color-fg) h s l / 10%);transition:box-shadow .2s,background-color .2s,color .2s;overflow:hidden;position:relative;cursor:pointer}.tile .status{padding:4px 8px;border-radius:4px;position:absolute;z-index:2;right:8px;top:8px;font-size:12px;--status-color: var(--color-fg);color:var(--status-color);background-color:hsl(from var(--status-color) h s l / 10%)}.tile .status.in_behandeling{--status-color: var(--color-warning)}.tile .status.goedgekeurd{--status-color: var(--color-success)}.tile .status.geweigerd{--status-color: var(--color-error)}.tile:after{z-index:0;pointer-events:none;content:"";inset:-50%;position:absolute;background:radial-gradient(circle at 50% 50%,hsl(from var(--color-primary) h s l / 60%),hsl(from var(--color-soft) h s l / 30%) 50%,transparent);transform:translateY(25%);opacity:.2;transition-duration:inherit}.tile>*{position:relative}.tile:is(a,button):hover{border:1px solid hsl(from var(--color-fg) h s l / 50%);box-shadow:0 2px 4px hsl(from var(--color-fg) h s l / 10%)}.tile:is(a,button):hover .icon{color:var(--color-soft)}.tile:is(a,button):hover:after{transform:translateY(-10%);opacity:1}.tile:is(a,button).active{border:1px solid hsl(from var(--color-primary) h s l / 50%);color:var(--color-primary)}.tile:is(a,button):not(:disabled):focus-visible{box-shadow:0 0 0 3px oklch(from var(--color-primary) 90% calc(c/2) h)}.tile>.icon{--icon-size: 96px;transition-duration:inherit;position:relative;z-index:1}.tile>img{width:96px;height:96px;border-radius:100%;border:6px solid var(--color-primary);z-index:1;position:relative;object-fit:cover}@keyframes shift{0%{transform:translateY(15vh)}to{transform:translateY(0)}}ul{padding:0;margin:0;list-style:none;display:flex}small,strong,em{color:var(--color-primary)}strong{font-weight:600}h1,h2{font-weight:300;margin:0}h3,h4{font-weight:400;margin:0}html,body{margin:0}a{text-decoration:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}@font-face{font-family:inter;font-style:normal;font-display:swap;src:url(https://static.dogmatchers.be/fonts/inter.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:icons;font-style:normal;font-weight:400;font-display:block;src:url("./media/icon-WGN4M63M.woff2") format("woff2")}.icon{font-family:icons;font-style:normal;--icon-size: 24px;font-size:var(--icon-size);min-width:var(--icon-size);width:var(--icon-size);font-weight:400;max-width:var(--icon-size);overflow:hidden;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;padding:0;-webkit-user-select:none;user-select:none}@property --load-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes dwa-load{0%{--load-angle: 0deg}4%{--load-angle: 45deg}25%{--load-angle: 90deg}46%{--load-angle: 135deg}50%{--load-angle: 180deg}54%{--load-angle: 225deg}75%{--load-angle: 270deg}96%{--load-angle: 315deg}to{--load-angle: 360deg}}[skeleton-loading]:before{inset:0;position:absolute;width:100%;height:100%;content:"";opacity:.6;border-radius:inherit;background-color:currentColor}[skeleton-loading]:after{content:"";position:absolute;left:0;top:0;height:100%;background-color:currentColor;opacity:.8;animation:skeleton-loading 1s linear -.25s infinite}@keyframes skeleton-loading{0%{width:0;left:0}50%{width:100%;left:0}to{width:0;left:100%}}:is([skeleton-block],[skeleton-text]).is-loading{position:relative}:is([skeleton-block],[skeleton-text]).is-loading:after{content:"";position:absolute;inset:0;border-radius:3px;background-color:hsl(from var(--color-fg) h s l / 10%);background-image:linear-gradient(90deg,transparent 0%,hsl(from var(--color-fg),h s l / 60%) 40%,hsl(from var(--color-fg),h s l / 60%) 60%,transparent 100%);background-size:50% 100%;background-repeat:no-repeat;animation:dwa-skeleton-loading 2s linear infinite}[skeleton-text].is-loading:after{inset:calc(.5*(1lh - 1.4cap)) 0}[skeleton-text].is-loading:before{content:attr(skeleton-text);opacity:0}@keyframes dwa-skeleton-loading{0%{background-position:-50% 0}35%{background-position:200% 0}to{background-position:200% 0}}[message-type]{--message-color: var(--color-fg);padding:8px;color:var(--message-color);border-radius:6px;border:1px solid var(--message-color);background-color:hsl(from var(--message-color) h s l / 10%)}[message-type][message-type=success]{--message-color: var(--color-success)}[message-type][message-type=error]{--message-color: var(--color-error)}[message-type][message-type=warning]{--message-color: var(--color-warning)}[message-type].large{border:none;display:flex;flex-direction:column;background-color:transparent;justify-content:center;align-items:center;text-align:center;width:100%;gap:48px;min-height:400px;font-size:24px}[message-type].large:before{content:"";background-image:url(https://static.dogmatchers.be/images/svg/logo.svg);background-size:contain;background-position:center;background-repeat:no-repeat;width:260px;height:260px}::-webkit-scrollbar{width:6px;height:6px;background:transparent}body::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent;border:none}::-webkit-scrollbar-thumb{background:var(--color-fg);border-radius:6px}.notification{position:fixed;z-index:999;background-color:var(--color-bg);color:var(--color-fg);padding:16px 48px 16px 24px;border-radius:6px;width:max-content;min-width:350px;max-width:700px;left:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;overflow:hidden;opacity:0;transform:translateY(15vh);animation:reveal .2s ease-in forwards,shift .2s ease-in forwards;box-shadow:0 4px 8px #0000001f}.notification.error{color:#fff;background-color:var(--color-error)}.notification.warning{color:#fff;background-color:var(--color-warning)}.notification.removed{opacity:1;transform:translateY(0);animation:reveal .2s ease-out reverse backwards,shift .2s ease-out reverse backwards}.notification h4{font-weight:700}.notification>div{white-space:pre-wrap}.notification>a{font-weight:700;border-radius:100vw;background-color:var(--color-primary);color:#fff;padding:8px 16px;font-size:14px;cursor:pointer;display:inline-grid;justify-self:flex-end;align-self:flex-end;opacity:.6}.notification>a:hover{opacity:1}.notification button{position:absolute;top:8px;right:8px;color:inherit}.notification:hover .timer{animation-play-state:paused}.notification .timer,.notification:after{content:"";position:absolute;bottom:0;background-color:currentColor;opacity:.2;height:4px;left:0;width:100%}.notification .timer{opacity:1;border-radius:4px;animation:notification-count-down linear 10s forwards}@media(max-width:800px){.notification{right:5dvw;left:5dvw;max-width:90dvw;width:auto}}