html:root.portaal :is(.wg,.wg-modal) :is(p,h2,h3){max-inline-size:none}html:root.portaal .wg-hero-body{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}@media (width>=640px){html:root.portaal .wg-hero-body{flex-direction:row;align-items:center}}html:root.portaal .wg-bedrijf{color:var(--oud-tekstgrijs);margin-block-start:.25rem;font-size:.875rem;line-height:1.25rem}html:root.portaal .portal-page .wg-hero-body button:not(.iconbutton)>svg:first-child{margin-inline-end:.25rem}html:root.portaal .wg-team{border-block-start:1px solid var(--oud-border);background:#f7f7f980;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;display:flex}html:root.portaal .wg-team-icon{block-size:2rem;inline-size:2rem;color:var(--oud-middenblauw);background:#e5dff640;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;&>svg{block-size:1rem;inline-size:1rem}}html:root.portaal .wg-team-text{color:var(--oud-donkerblauw);flex-wrap:wrap;align-items:center;column-gap:.5rem;display:flex;& a[href^=tel\:]{color:inherit;font-weight:500;&:hover{text-decoration:underline}}}html:root.portaal .wg-grijs{color:var(--oud-tekstgrijs);font-weight:400}html:root.portaal .wg-team-link{color:var(--oud-middenblauw);align-items:center;gap:.25rem;display:inline-flex;&>svg{block-size:.875rem;inline-size:.875rem}&:hover{color:var(--oud-middenblauw);text-decoration:underline}}html:root.portaal .wg-vraag{white-space:nowrap;color:var(--oud-middenblauw);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex;&>svg{block-size:1rem;inline-size:1rem}&:hover{color:var(--oud-donkerblauw)}}html:root.portaal .wg-berichten{border:1px solid var(--oud-middenblauw);box-shadow:var(--oud-shadow-card);color:inherit;background:#e5dff640;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;&:hover{color:inherit;background:#e5dff666}}html:root.portaal .wg-berichten-icon{background:var(--oud-middenblauw);color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;block-size:2.5rem;inline-size:2.5rem;display:flex;position:relative;&>svg{block-size:1.25rem;inline-size:1.25rem}}html:root.portaal .wg-teller{background:var(--oud-fout);color:#fff;border-radius:9999px;justify-content:center;align-items:center;block-size:1.25rem;min-inline-size:1.25rem;padding:0 .25rem;font-size:11px;font-weight:700;display:flex;position:absolute;inset-block-start:-.375rem;inset-inline-end:-.375rem;&.klein{block-size:auto;min-inline-size:0;font-size:10px;line-height:1.6}}html:root.portaal .wg-berichten-tekst{flex:1;min-inline-size:0}html:root.portaal .wg-berichten-kop{color:var(--oud-donkerblauw);font-size:.875rem;font-weight:600;line-height:1.25rem;display:block}html:root.portaal .wg-berichten-sub{color:var(--oud-tekstgrijs);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;display:block;overflow:hidden}html:root.portaal .wg-kaart{border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);border-radius:1rem;padding:1.25rem;&>h2{align-items:center;gap:.5rem;font-size:1rem;font-weight:700;line-height:1.5rem;display:flex;&>svg{block-size:1rem;inline-size:1rem;min-inline-size:0;color:var(--oud-middenblauw);flex-shrink:1}}}html:root.portaal .wg-ziek.open{border-color:#e0a23a}html:root.portaal .wg-ziek>h2>svg{color:#e0a23a}html:root.portaal .wg-inrichting{border-color:#633ccb66}html:root.portaal .wg-uitleg{color:var(--oud-tekstgrijs);margin-block-start:.25rem;font-size:.875rem;line-height:1.25rem}html:root.portaal .wg-ziek-regels{margin-block-start:.5rem}html:root.portaal .wg-regels{&>li{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-block:.75rem;display:flex}&>li+li{border-block-start:1px solid var(--oud-border)}&>li>svg{block-size:1rem;inline-size:1rem;color:var(--oud-middenblauw);flex-shrink:0}&>li>p{min-inline-size:12rem;color:var(--oud-donkerblauw);flex:1;font-size:.875rem;line-height:1.25rem}& strong{font-weight:700}}html:root.portaal .wg-regel-tekst{flex:1;min-inline-size:12rem;&>a{color:var(--oud-donkerblauw);font-size:.875rem;font-weight:500;line-height:1.25rem;&:hover{text-decoration:underline}}&>p{color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem}}html:root.portaal .wg-knoppen{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex;&>form{display:contents}}html:root.portaal .wg-gedaan{color:var(--oud-tekstgrijs);align-items:center;gap:.25rem;font-size:.75rem;line-height:1rem;display:inline-flex;&>svg{block-size:.875rem;inline-size:.875rem;color:var(--oud-succes)}}html:root.portaal .portal-page :is(a,button).wg-knop{border:1px solid var(--oud-middenblauw);background:var(--oud-wit);block-size:2.25rem;color:var(--oud-middenblauw);white-space:nowrap;border-radius:.375rem;align-items:center;gap:.25rem;padding:0 .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex;&>svg{block-size:1rem;inline-size:1rem;margin:0}&:hover{background:var(--oud-offwhite);color:var(--oud-middenblauw)}&.vol{background:var(--oud-middenblauw);color:#fff;border:0;&:hover{background:var(--oud-middenblauw-hover);color:#fff}}&.breed{padding-inline:.875rem}}html:root.portaal .portal-page .wg-regels>li>a.wg-knop:not(.breed)>svg:first-child{margin:0}html:root.portaal .wg-meer{color:var(--oud-middenblauw);margin-block-start:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-block;&:hover{color:var(--oud-middenblauw);text-decoration:underline}}html:root.portaal .wg-snel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=1024px){html:root.portaal .wg-snel{grid-template-columns:repeat(4,minmax(0,1fr))}}html:root.portaal .wg-snel>a{border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);text-align:start;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem;display:flex;&>span:last-child{color:var(--oud-donkerblauw);font-size:.875rem;font-weight:500;line-height:1.25rem}&:hover{border-color:#633ccb66}}html:root.portaal .wg-snel>a.relatief{position:relative}html:root.portaal .wg-snel-icon{block-size:2.25rem;inline-size:2.25rem;min-inline-size:0;color:var(--oud-middenblauw);background:#e5dff640;border-radius:.5rem;flex-shrink:1;justify-content:center;align-items:center;display:flex;position:relative;&.vast{flex-shrink:0}&>svg{block-size:24px;inline-size:24px}}html:root.portaal .wg-lijsten{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=1024px){html:root.portaal .wg-lijsten{grid-template-columns:repeat(2,minmax(0,1fr))}}html:root.portaal .wg-lijst h2{align-items:center;gap:.5rem;font-size:1rem;font-weight:700;line-height:1.5rem;display:flex;&>svg{block-size:1rem;inline-size:1rem;color:var(--oud-middenblauw)}}html:root.portaal .wg-lijst>h2{margin-block-end:.75rem}html:root.portaal .wg-lijst-kop{justify-content:space-between;align-items:center;margin-block-end:.75rem;display:flex;&>a{color:var(--oud-middenblauw);font-size:.75rem;line-height:1rem;&:hover{color:var(--oud-middenblauw);text-decoration:underline}}}html:root.portaal .wg-ziek-pil{color:#e0a23a;background:#fbf2e1;border-radius:9999px;padding:.125rem .5rem;font-size:11px}html:root.portaal .wg-modal{flex-direction:column;max-block-size:85vh;display:flex}html:root.portaal .wg-modal-kop{border-block-end:1px solid var(--oud-border);padding:.75rem 3rem .75rem 1.25rem;&>h2{letter-spacing:normal;font-size:1rem;font-weight:700;line-height:1.6}}html:root.portaal .wg-modal-zoek{border-block-end:1px solid var(--oud-border);padding:.75rem 1.25rem}html:root.portaal .wg-modal-zoek .zoekveld>input{block-size:2.25rem;padding-inline:2rem .5rem}html:root.portaal .wg-modal-zoek .zoekveld>svg{inset-inline-start:.625rem}html:root.portaal .wg-modal-lijst{flex:1;min-block-size:0;padding:1.25rem;overflow:auto;&>*+*{margin-block-start:.75rem}&>section>*+*{margin-block-start:.5rem}& h3{flex-wrap:wrap;align-items:center;column-gap:.5rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}}html:root.portaal .wg-modal-leeg{color:var(--oud-tekstgrijs);font-size:.875rem}html:root.portaal .wg-stip{background:#2f9e6b;border-radius:9999px;block-size:.625rem;inline-size:.625rem;&.ziek{background:#d64b4b}}html:root.portaal .wg-modal-rij{border:1px solid var(--oud-border);border-radius:.5rem;padding:.75rem;&.ziek{background:#fdf3f3;border-color:#d64b4b66}&>input[type=text]{block-size:2.25rem;padding-inline:.5rem}}html:root.portaal .wg-modal-naam{align-items:center;gap:.5rem;margin-block-end:.5rem;display:flex;&>span:first-child{color:var(--oud-donkerblauw);flex:1;font-weight:500}}html:root.portaal .wg-modal-actie{justify-content:flex-end;align-items:center;margin-block-start:.5rem;display:flex}html:root.portaal body.toegang>:is(header,footer){display:none}html:root.portaal main#main.tg-scherm{background:var(--oud-offwhite);justify-content:center;align-items:center;min-block-size:100vh;padding:1rem;display:flex}html:root.portaal main#main.tg-scherm.tg-demo{flex-direction:column;padding:2rem}html:root.portaal .tg-kolom{inline-size:100%;max-inline-size:28rem}html:root.portaal .tg-kop{text-align:center;margin-block-end:2rem;&>img{user-select:none;flex-shrink:0;block-size:auto;inline-size:242px;margin:0 auto 1rem}&>p{color:var(--oud-tekstgrijs);max-inline-size:none;font-size:.875rem;line-height:1.25rem}}html:root.portaal .tg-kaart{border:1px solid var(--oud-border);background:var(--oud-wit);border-radius:.75rem;padding:2rem;box-shadow:0 1px 2px #0000000d}html:root.portaal .tg-titel{margin-block-end:1.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem;&.kort{margin-block-end:.5rem}}html:root.portaal .tg-kaart p{max-inline-size:none}html:root.portaal .tg-lead{color:var(--oud-tekstgrijs);margin-block-end:1.5rem;font-size:.875rem;line-height:1.25rem}html:root.portaal .tg-form{gap:0;display:block}html:root.portaal .tg-form>:not([type=hidden])~:not([type=hidden]){margin-block-start:1rem}html:root.portaal .tg-form label{color:var(--oud-donkerblauw);margin-block-end:.375rem;padding:0;font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}html:root.portaal .tg-form>div{margin-inline:0}html:root.portaal .tg-kaart :is(button,a).tg-knop{background:var(--oud-middenblauw);color:#fff;border:0;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;block-size:2.75rem;inline-size:100%;padding:0 1.25rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;line-height:1.25rem;display:inline-flex;&:hover{background:var(--oud-middenblauw-hover);color:#fff}}html:root.portaal .tg-rand{border-block-start:1px solid var(--oud-border);margin-block-start:1.25rem;padding-block-start:1rem}html:root.portaal .tg-midden{text-align:center}html:root.portaal .tg-klein{color:var(--oud-tekstgrijs);margin-block-end:.5rem;font-size:.75rem;line-height:1rem}html:root.portaal .tg-gelukt{color:var(--oud-succes);text-align:center;font-size:.875rem;line-height:1.25rem}html:root.portaal .tg-kop>.vh{position:absolute}html:root.portaal .tg-kaart button.tg-link{vertical-align:baseline;color:var(--oud-middenblauw);font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline;&:hover{color:var(--oud-donkerblauw)}}html:root.portaal :is(a,button).tg-grijs-link{vertical-align:baseline;color:var(--oud-tekstgrijs);font-size:.875rem;line-height:1.25rem;display:inline;&:hover{color:var(--oud-donkerblauw)}}html:root.portaal button.tg-klein-link{vertical-align:baseline;color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem;display:inline;&:hover{color:var(--oud-donkerblauw);text-decoration:underline}}html:root.portaal .tg-terug{text-align:center;margin-block-start:1rem}html:root.portaal form:is(.tg-terug,.tg-rand){gap:0;display:block}html:root.portaal .tg-form input.tg-code{letter-spacing:.5em;text-align:center;&::placeholder{text-align:center}}html:root.portaal .tg-alert{color:var(--oud-fout);background:#d64b4b1a;border:1px solid #d64b4b66;border-radius:.5rem;gap:.75rem;margin-block-end:1rem;padding:1rem;display:flex;&>svg{flex-shrink:0;block-size:1.25rem;inline-size:1.25rem;margin-block-start:.125rem}&>div{flex:1;min-inline-size:0;font-size:.875rem;line-height:1.25rem}}html:root.portaal .tg-kaart.tg-2fa{box-shadow:var(--oud-shadow-card);border-radius:1rem;padding:1.5rem}html:root.portaal .tg-2fa-kop{align-items:center;gap:.5rem;margin-block-end:.25rem;display:flex;&>svg{block-size:1.25rem;inline-size:1.25rem;color:var(--oud-middenblauw)}&>h1{font-size:1.25rem;font-weight:700;line-height:1.75rem}}html:root.portaal .tg-2fa .tg-lead{margin-block-end:1rem}html:root.portaal .tg-qr{justify-content:center;display:flex;&>svg{block-size:12rem;inline-size:12rem}}html:root.portaal .tg-sleutel{color:var(--oud-tekstgrijs);text-align:center;font-size:.75rem;line-height:1rem;&>code{overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px}}html:root.portaal .tg-2fa .tg-form label{color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem}html:root.portaal .tg-form input.tg-code-instellen{text-align:center;letter-spacing:.1em;&::placeholder{text-align:center}}html:root.portaal .tg-fout{color:var(--oud-fout);font-size:.875rem;line-height:1.25rem}html:root.portaal .tg-demo-titel{letter-spacing:normal;font-size:1.5rem;font-weight:800;line-height:2rem}html:root.portaal .tg-demo-lead{color:var(--oud-tekstgrijs);margin-block-start:.25rem;font-size:.875rem;line-height:1.25rem}html:root.portaal .tg-demo-lijst{gap:0;display:block}html:root.portaal .tg-demo-lijst>:not([type=hidden])~:not([type=hidden]){margin-block-start:.75rem}html:root.portaal .tg-demo-lijst>button{border:1px solid var(--oud-border);background:var(--oud-wit);text-align:start;border-radius:.5rem;justify-content:space-between;align-items:center;inline-size:100%;padding:1rem 1.25rem;display:flex;&:hover{border-color:var(--oud-middenblauw);box-shadow:0 1px 2px #0000000d}&:disabled{opacity:.6;cursor:not-allowed}}html:root.portaal .tg-demo-tekst{min-inline-size:0;&>span{display:block}}html:root.portaal .tg-demo-rol{color:var(--oud-donkerblauw);font-weight:500}html:root.portaal .tg-demo-wie{color:var(--oud-tekstgrijs);text-overflow:ellipsis;white-space:nowrap;margin-block-start:.125rem;font-size:.875rem;line-height:1.25rem;overflow:hidden}html:root.portaal .tg-demo-mail{color:#545060cc;margin-block-start:.125rem;font-size:.75rem;line-height:1rem}html:root.portaal .tg-stip{border-radius:9999px;flex-shrink:0;block-size:.75rem;inline-size:.75rem;margin-inline-start:.75rem;&.oranje{background:#e0a23a}&.paars{background:#633ccb}&.groen{background:#2f9e6b}&.donker{background:#140b2a}}html:root.portaal .tg-demo-terug{text-align:center;margin-block-start:1.5rem}html:root.portaal body.coach>:is(header,footer){display:none}html:root.portaal .coach-scherm{background:var(--oud-offwhite);min-block-size:100vh}html:root.portaal .coach-kop{z-index:20;background:var(--oud-wit);border-block-end:1px solid var(--oud-border);block-size:56px;max-inline-size:none;box-shadow:var(--oud-shadow-header);justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:0 1rem;font-family:Poppins,sans-serif;font-weight:400;display:flex;position:sticky;inset-block-start:0;&>img{user-select:none;flex-shrink:0;block-size:auto;inline-size:81px}}html:root.portaal .coach-kop-rechts{align-items:center;gap:.75rem;display:flex;&>p{color:var(--oud-tekstgrijs);font-size:.75rem;font-weight:500;line-height:1rem}&>form{display:contents}}html:root.portaal button.coach-uit{border:1px solid var(--oud-border);color:var(--oud-donkerblauw);border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex;&>svg{block-size:.875rem;inline-size:.875rem}&:hover{background:var(--oud-offwhite)}}html:root.portaal main#main.coach-main{inline-size:100%;max-inline-size:28rem;margin-inline:auto;padding:0;display:block}html:root.portaal .coach-pagina{padding:1rem}html:root.portaal .coach-pagina p{max-inline-size:none}html:root.portaal .coach-hallo{margin-block-end:1.25rem;&>h1{font-size:1.25rem;font-weight:700;line-height:1.75rem}&>p{color:var(--oud-tekstgrijs);font-size:.875rem;line-height:1.25rem}&>.coach-datum{text-transform:capitalize}&>.coach-intro{margin-block-start:.5rem}}html:root.portaal .coach-uitleg{box-shadow:none;background:#e5dff626;border:1px solid #e5dff680;border-radius:1rem;margin:0 0 1rem;padding:0;&>summary{cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:400;list-style:none;display:flex;&::-webkit-details-marker,&::marker{content:"";display:none}&>svg{block-size:1rem;inline-size:1rem;color:var(--oud-middenblauw);flex-shrink:0}&>svg:is(.dicht,.open){color:var(--oud-tekstgrijs);flex-shrink:1}&>span{color:var(--oud-donkerblauw);flex:1;font-size:.875rem;font-weight:500;line-height:1.25rem}&>.open{display:none}}&[open]>summary>.dicht{display:none}&[open]>summary>.open{display:block}}html:root.portaal .coach-stappen{color:var(--oud-donkerblauw);padding:0 1rem 1rem;font-size:.875rem;line-height:1.25rem;&>*+*{margin-block-start:.75rem}&>div{gap:.625rem;display:flex}&>div>span{background:var(--oud-wit);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;block-size:1.75rem;inline-size:1.75rem;display:flex;&>svg{block-size:1rem;inline-size:1rem;color:var(--oud-middenblauw)}}& .titel{font-weight:500;line-height:1.25}& .titel+p{color:var(--oud-tekstgrijs);margin-block-start:.125rem;font-size:.75rem;line-height:1rem}}html:root.portaal .coach-noot{color:var(--oud-tekstgrijs);padding-block-start:.25rem;font-size:.75rem;line-height:1rem}html:root.portaal .coach-app{margin-block-end:1rem}html:root.portaal .coach-app.tg-app{margin:1rem 0 0}html:root.portaal .coach-app>button,html:root.portaal .coach-app-ios>summary{background:var(--oud-wit);inline-size:100%;color:var(--oud-middenblauw);cursor:pointer;border:1px solid #633ccb66;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;list-style:none;display:flex;&>svg{block-size:1rem;inline-size:1rem}&::marker{content:""}}html:root.portaal .coach-app-ios{box-shadow:none;background:0 0;border:0;margin:0 0 1rem;padding:0}html:root.portaal .coach-app-uitleg{border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);border-radius:.75rem;margin-block-start:.75rem;padding:1rem;font-size:.875rem;line-height:1.25rem;& .titel{font-weight:500}& ol{margin-block-start:.5rem;padding-inline-start:1.25rem;list-style:decimal;&>li+li{margin-block-start:.5rem}}& ol svg{vertical-align:text-bottom;block-size:1rem;inline-size:1rem;color:var(--oud-middenblauw);display:inline}& strong{font-weight:500}& .coach-noot{margin-block-start:.5rem;padding:0}}html:root.portaal .coach-lijst>li+li{margin-block-start:.75rem}html:root.portaal .coach-kaart{border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);color:inherit;border-radius:1rem;padding:1rem;display:block;&:active{background:#e5dff61a}&:hover{color:inherit}}html:root.portaal .coach-rij{align-items:center;gap:.75rem;display:flex}html:root.portaal .coach-avatar{color:#fff;background:linear-gradient(to bottom right,#633ccb,#140b2a);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;block-size:2.75rem;inline-size:2.75rem;font-weight:600;display:flex}html:root.portaal .coach-naam{flex:1;min-inline-size:0;&>span{display:block}&>.naam{color:var(--oud-donkerblauw);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}&>.status{color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem}& .stip{vertical-align:middle;background:var(--oud-waarschuwing);border-radius:9999px;block-size:.5rem;inline-size:.5rem;margin-inline-end:.375rem;display:inline-block;&.ok{background:var(--oud-succes)}}}html:root.portaal .coach-lw{color:var(--oud-middenblauw);background:#633ccb1a;border-radius:9999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex;&>svg{block-size:.875rem;inline-size:.875rem}}html:root.portaal .coach-pijl{block-size:1.25rem;inline-size:1.25rem;color:var(--oud-tekstgrijs);flex-shrink:0}html:root.portaal .coach-taken{flex-wrap:wrap;gap:.375rem;margin-block-start:.75rem;display:flex;&>span{color:var(--oud-donkerblauw);background:#e5dff64d;border-radius:9999px;padding:.125rem .5rem;font-size:11px}&>.meer{background:var(--oud-border);color:var(--oud-tekstgrijs)}}html:root.portaal .coach-leeg{border:1px solid var(--oud-border);background:var(--oud-wit);color:var(--oud-tekstgrijs);border-radius:1rem;padding:1.25rem;font-size:.875rem;line-height:1.25rem}html:root.portaal .coach-chat{flex-direction:column;block-size:calc(100vh - 56px);display:flex}html:root.portaal .coach-chat-kop{border-block-end:1px solid var(--oud-border);background:var(--oud-wit);align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex;&>a{color:var(--oud-tekstgrijs);&>svg{block-size:1.25rem;inline-size:1.25rem}&:hover{color:var(--oud-donkerblauw)}}&>div{min-inline-size:0}& h1{font-size:inherit;letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25;overflow:hidden}& p{color:var(--oud-tekstgrijs);text-overflow:ellipsis;white-space:nowrap;max-inline-size:none;font-size:11px;overflow:hidden}}html:root.portaal .coach-gesprek{flex-direction:column;flex:1;min-block-size:0;display:flex}html:root.portaal .coach-berichten{flex:1;padding:1rem .75rem;overflow-y:auto;&>*+*{margin-block-start:.625rem}}html:root.portaal .coach-bubbel{justify-content:flex-start;display:flex;&.eigen{justify-content:flex-end}&>p{border:1px solid var(--oud-border);background:var(--oud-wit);max-inline-size:82%;color:var(--oud-donkerblauw);white-space:pre-wrap;border-radius:1rem 1rem 1rem .125rem;padding:.5rem .875rem;font-size:.875rem;line-height:1.25rem}&.eigen>p{background:var(--oud-middenblauw);color:#fff;border:0;border-radius:1rem 1rem .125rem}& .van{color:var(--oud-middenblauw);align-items:center;gap:.25rem;margin-block-end:.125rem;font-size:10px;font-weight:600;display:flex;&>svg{block-size:.75rem;inline-size:.75rem}}}html:root.portaal .coach-leeg-chat{text-align:center;color:var(--oud-tekstgrijs);padding:2rem 1.5rem;font-size:.875rem;line-height:1.25rem;&>svg{block-size:2rem;inline-size:2rem;color:var(--oud-middenblauw);margin:0 auto .5rem}}html:root.portaal .coach-invoer{border-block-start:1px solid var(--oud-border);background:var(--oud-wit);gap:0;padding:.625rem;display:block;&>div{align-items:flex-end;gap:.5rem;display:flex}& textarea{resize:none;field-sizing:fixed;border-radius:1rem;flex:1;block-size:auto;max-block-size:8rem;inline-size:auto;min-inline-size:0;padding:.625rem .875rem}& button{background:var(--oud-middenblauw);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;block-size:2.75rem;inline-size:2.75rem;display:flex;&>svg{block-size:1.25rem;inline-size:1.25rem}}&:has(textarea:placeholder-shown) button{opacity:.4}}html:root.portaal .coach-fout{color:var(--oud-fout);padding:0 .25rem .25rem;font-size:.75rem;line-height:1rem}html:root.portaal .wg-modal-fout{color:var(--oud-fout);font-size:.875rem;line-height:1.25rem}html:root.portaal #dialog:has(.wg-modal){background:var(--oud-wit);max-block-size:85vh;inline-size:min(100% - 2rem,36rem);box-shadow:var(--oud-shadow-xl);border:0;border-radius:.5rem;&::backdrop{background:#00000080}}html:root.portaal #dialog:has(.wg-modal) #dialog-body{flex-direction:column;padding:0;display:flex;overflow:hidden;&>.wg-modal:first-child{padding-inline-end:0}}html:root.portaal #dialog:has(.wg-modal) .dialog-close{block-size:1.25rem;inline-size:1.25rem;color:var(--oud-tekstgrijs);background:0 0;border:0;padding:0;inset-block-start:.875rem;inset-inline-end:1.25rem;&>svg{block-size:1.25rem;inline-size:1.25rem;margin:0}&:hover{color:var(--oud-donkerblauw);background:0 0}}html:root.portaal #dialog .wg-modal{flex:1;min-block-size:0;max-block-size:none}html:root.portaal #dialog .wg-modal-rij{gap:0;margin-block-end:0;margin-inline:0;display:block}html:root.portaal #dialog-body .wg-modal-rij>.wg-modal-actie{background:0 0;border:0;flex-direction:row;justify-content:flex-end;margin:.5rem 0 0;padding:0;display:flex;position:static}html:root.portaal .wg-modal-lijst h3{letter-spacing:-.01em;font-family:Commissioner,sans-serif}