@font-face{font-family:Oswald;src:url('assets/fonts/oswald-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Oswald;src:url('assets/fonts/oswald-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:'Atkinson Hyperlegible';src:url('assets/fonts/atkinson-hyperlegible-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Atkinson Hyperlegible';src:url('assets/fonts/atkinson-hyperlegible-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
.msm-hondenschool-oefenstart{padding:clamp(4rem,8vw,8rem) max(1rem,7vw);background:var(--m-surface);color:var(--m-bg);font-family:var(--m-font-body,'Atkinson Hyperlegible','Segoe UI',sans-serif);display:grid;grid-template-columns:1fr 1fr;gap:3rem;overflow:hidden}.msm-hondenschool-oefenstart *{box-sizing:border-box}.msm-hondenschool-oefenstart header{grid-column:1/-1}.msm-hondenschool-oefenstart h2{font:800 clamp(3rem,7vw,7rem)/.95 var(--m-font-display,Oswald,'Arial Narrow',sans-serif);margin:.5rem 0}.msm-hondenschool-oefenstart .bubble-open{width:min(360px,85vw);aspect-ratio:1;border-radius:50%;border:0;background:var(--m-primary);color:white;font:800 1.5rem var(--m-font-body,'Atkinson Hyperlegible','Segoe UI',sans-serif);cursor:pointer}.msm-hondenschool-oefenstart .bubble-panel:not([hidden]){display:block}.msm-hondenschool-oefenstart .bubble-panel fieldset{border:0;display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.msm-hondenschool-oefenstart .bubble-panel button{border:1px solid color-mix(in srgb,var(--m-bg) 40%,transparent);color:inherit;background:transparent;border-radius:999px;padding:.8rem 1rem;transform:scale(0) rotate(var(--rot));opacity:0}.msm-hondenschool-oefenstart .start-result{align-self:center;border-left:2px solid var(--m-primary);padding:2rem}.msm-hondenschool-oefenstart .start-result p{font:700 clamp(1.5rem,3vw,2.5rem)/1.2 var(--m-font-display,Oswald,'Arial Narrow',sans-serif)}.msm-hondenschool-oefenstart .start-result a{color:inherit}.msm-hondenschool-oefenstart .bubble-panel button.bubble-enter{animation:bubble-in .5s var(--delay) cubic-bezier(.2,1.55,.4,1) forwards}.msm-hondenschool-oefenstart .bubble-panel button span{display:block;transform:translateY(22px);opacity:0}.msm-hondenschool-oefenstart .bubble-panel button.bubble-enter span{animation:label-rise .45s calc(var(--delay) + 50ms) ease-out forwards}@keyframes bubble-in{to{opacity:1;transform:scale(1) rotate(var(--rot))}}@keyframes label-rise{to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.msm-hondenschool-oefenstart{grid-template-columns:1fr}.msm-hondenschool-oefenstart .bubble-open{width:240px}}@media(prefers-reduced-motion:reduce){.msm-hondenschool-oefenstart .bubble-panel button{animation:none}}