*,*::after,*::before{padding:0;border:0;outline:0;font-size:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:not(dialog){margin:0}:focus{outline:none}:focus-visible{outline:var(--n-body-focus-border) solid contrast-color(var(--bg-body));outline-offset:var(--n-body-focus-offset);border-radius:var(--n-body-focus-radius)}body{font-family:var(--font-family);font-weight:var(--font-normal);font-style:normal;line-height:1;font-display:fallback;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;color:var(--body-normal);background:var(--bg-body);margin:var(--n-body-pad)}body.focused{background:var(--bg-body-box)}button{cursor:pointer}canvas,img,picture,svg,video{display:block}svg:where(.icon){width:var(--n-icon-default, var(--ns-24));height:var(--n-icon-default, var(--ns-24))}a.log-out:any-link,a.skip:any-link{color:var(--text-link-primary);font-weight:var(--fw-bold);text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.1rem;text-decoration-color:var(--text-link-underline);text-decoration-skip-ink:auto}a.log-out:hover,a.skip:hover{color:var(--text-link-primary-hover)}.skip{position:absolute;top:-100%;left:var(--n-body-pad)}.skip:focus-visible{top:var(--ns-8)}main a:any-link{color:var(--text-link-primary);font-weight:var(--fw-bold);text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.1rem;text-decoration-color:var(--text-link-underline);text-decoration-skip-ink:auto}main a:hover{color:var(--text-link-primary-hover)}main a.secondary:any-link{color:var(--text-link-secondary);font-weight:var(--fw-bold);text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.1rem;text-decoration-color:var(--text-link-underline);text-decoration-skip-ink:auto}main a.secondary:hover{color:var(--text-link-secondary-hover)}code{font-family:var(--font-mono);font-size:1rem;line-height:1.4;font-weight:var(--fw-semi-bold);color:var(--doc-color-text-code);background:var(--bn25-neutral-200);border-radius:.25rem;padding:0 .2rem .2rem .2rem}dd,li,p,td{font-size:var(--fs-body-lg);line-height:var(--flh-body);color:var(--body-normal)}dl,dt,h2,h3,ol,p,ul{margin-bottom:var(--n-body-box-gap-sm)}dd,li{margin-bottom:var(--n-body-box-list-gap)}em{font-style:italic;font-variation-settings:var(--fst-italic)}.fraction{font-variant-numeric:var(--font-feature-fraction)}h1,h2,h3,h4,dt{font-weight:var(--fw-header);line-height:var(--flh-header);color:var(--header-subhead)}h1{font-size:var(--fs-header-h1)}h2,.h2{font-size:var(--fs-header-h2)}h3,.h3,dt{font-size:var(--fs-header-h3)}h4,.h4{font-size:var(--fs-header-h4)}ol,ul{list-style-position:outside;padding-left:var(--n-body-box-list-inset)}strong{font-weight:var(--fw-body-bold);color:var(--body-strong)}sup{font-variant-position:var(--font-feature-superscript)}.tab-panel{display:none}.tab-panel.is-active{display:block;opacity:1;transition:opacity 0.4s ease-out}@starting-style{.tab-panel.is-active{opacity:0}}.tabs{display:inline-flex;align-items:center;padding:var(--n-tabs-enclosed-pad-box);border:var(--n-tabs-default-border) solid var(--tab-box-border);border-radius:var(--n-tabs-enclosed-radius-box)}.tabs button{font-size:var(--fs-tab-label);font-weight:var(--fw-tab-label);color:var(--tab-label);background:none;padding:var(--n-tabs-enclosed-pad-v) var(--n-tabs-enclosed-pad-h);border-radius:var(--n-tabs-enclosed-radius)}.tabs button[aria-selected="true"]{background:var(--tab-bg)}.hide{position:absolute;clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;white-space:nowrap}.hide-animated{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease}.show{position:static;clip-path:none;width:auto;height:auto;margin:0;overflow:visible;white-space:inherit}.show-animated{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease}@media (prefers-reduced-motion: reduce){*,*::after,*::before{animation-duration:0ms !important;transition-duration:0ms !important}}a:any-link{color:var(--text-link-primary);font-weight:var(--fw-bold);text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.1rem;text-decoration-color:var(--text-link-underline);text-decoration-skip-ink:auto}a:hover{color:var(--text-link-primary-hover)}section{border:var(--ns-2) solid var(--bn25-neutral-200);border-radius:12px;padding:var(--n-gutter-form);min-width:0;max-width:100%;margin-bottom:2rem}section .button-box{margin-bottom:var(--n-body-box-gap-sm)}section .details{border-radius:12px;padding:var(--n-gutter-form);background:var(--bn25-neutral-50)}section>*:last-child{margin-bottom:0}.pill{font-size:var(--fs-pill);font-weight:var(--fw-pill);line-height:1;display:inline-block;color:var(--pill-label);background:var(--pill-bg-default);padding:var(--n-pill-pad-v) var(--n-pill-pad-h);border-radius:var(--n-pill-radius)}button.classroom,button.compact,button.default,button.micro,button.robust{font-weight:var(--fw-button);line-height:1;display:inline-flex;align-items:center;gap:.5rem;transition:scale .1s ease-out}button.classroom:active:not(:disabled),button.compact:active:not(:disabled),button.default:active:not(:disabled),button.micro:active:not(:disabled),button.robust:active:not(:disabled){scale:var(--ns-button-scale)}button.classroom:hover:not(:disabled),button.compact:hover:not(:disabled),button.default:hover:not(:disabled),button.micro:hover:not(:disabled),button.robust:hover:not(:disabled){cursor:pointer}button.classroom:focus-visible,button.compact:focus-visible,button.default:focus-visible,button.micro:focus-visible,button.robust:focus-visible{outline-offset:0;border-radius:.75rem}button.classroom:disabled,button.compact:disabled,button.default:disabled,button.micro:disabled,button.robust:disabled{cursor:auto;pointer-events:none}button.classroom.classroom,button.compact.classroom,button.default.classroom,button.micro.classroom,button.robust.classroom{font-size:var(--fs-button-classroom);padding:var(--n-button-classroom-pad-v) var(--n-button-classroom-pad-h);border-radius:var(--n-button-classroom-radius)}button.classroom.classroom svg,button.compact.classroom svg,button.default.classroom svg,button.micro.classroom svg,button.robust.classroom svg{width:var(--n-button-classroom-icon);height:var(--n-button-classroom-icon)}button.classroom.classroom.icon-only,button.compact.classroom.icon-only,button.default.classroom.icon-only,button.micro.classroom.icon-only,button.robust.classroom.icon-only{padding:calc(var(--n-button-classroom-pad-v) + .0625rem)}button.classroom.compact,button.compact.compact,button.default.compact,button.micro.compact,button.robust.compact{font-size:var(--fs-button-compact);padding:var(--n-button-compact-pad-v) var(--n-button-compact-pad-h);border-radius:var(--n-button-compact-radius)}button.classroom.compact svg,button.compact.compact svg,button.default.compact svg,button.micro.compact svg,button.robust.compact svg{width:var(--n-button-compact-icon);height:var(--n-button-compact-icon)}button.classroom.compact.icon-only,button.compact.compact.icon-only,button.default.compact.icon-only,button.micro.compact.icon-only,button.robust.compact.icon-only{padding:calc(var(--n-button-compact-pad-v) + .0625rem)}button.classroom.default,button.compact.default,button.default.default,button.micro.default,button.robust.default{font-size:var(--fs-button-default);padding:var(--n-button-default-pad-v) var(--n-button-default-pad-h);border-radius:var(--n-button-default-radius)}button.classroom.default svg,button.compact.default svg,button.default.default svg,button.micro.default svg,button.robust.default svg{width:var(--n-button-default-icon);height:var(--n-button-default-icon)}button.classroom.default.icon-only,button.compact.default.icon-only,button.default.default.icon-only,button.micro.default.icon-only,button.robust.default.icon-only{padding:calc(var(--n-button-default-pad-v) + .0625rem)}button.classroom.micro,button.compact.micro,button.default.micro,button.micro.micro,button.robust.micro{font-size:var(--fs-button-micro);padding:var(--n-button-micro-pad-v) var(--n-button-micro-pad-h);border-radius:var(--n-button-micro-radius)}button.classroom.micro svg,button.compact.micro svg,button.default.micro svg,button.micro.micro svg,button.robust.micro svg{width:var(--n-button-micro-icon);height:var(--n-button-micro-icon)}button.classroom.micro.icon-only,button.compact.micro.icon-only,button.default.micro.icon-only,button.micro.micro.icon-only,button.robust.micro.icon-only{padding:calc(var(--n-button-micro-pad-v) + .0625rem)}button.classroom.robust,button.compact.robust,button.default.robust,button.micro.robust,button.robust.robust{font-size:var(--fs-button-robust);padding:var(--n-button-robust-pad-v) var(--n-button-robust-pad-h);border-radius:var(--n-button-robust-radius)}button.classroom.robust svg,button.compact.robust svg,button.default.robust svg,button.micro.robust svg,button.robust.robust svg{width:var(--n-button-robust-icon);height:var(--n-button-robust-icon)}button.classroom.robust.icon-only,button.compact.robust.icon-only,button.default.robust.icon-only,button.micro.robust.icon-only,button.robust.robust.icon-only{padding:calc(var(--n-button-robust-pad-v) + .0625rem)}button.classroom.attention,button.compact.attention,button.default.attention,button.micro.attention,button.robust.attention{color:var(--button-attention-label);background:var(--button-attention-bg-default)}button.classroom.attention svg path,button.compact.attention svg path,button.default.attention svg path,button.micro.attention svg path,button.robust.attention svg path{fill:var(--button-attention-icon)}button.classroom.attention:hover,button.compact.attention:hover,button.default.attention:hover,button.micro.attention:hover,button.robust.attention:hover{color:var(--button-attention-label);background:var(--button-attention-bg-hover)}button.classroom.attention:active,button.compact.attention:active,button.default.attention:active,button.micro.attention:active,button.robust.attention:active{scale:var(--ns-button-scale)}button.classroom.attention:focus-visible,button.compact.attention:focus-visible,button.default.attention:focus-visible,button.micro.attention:focus-visible,button.robust.attention:focus-visible{color:var(--button-attention-label);background:var(--button-attention-bg-focus);outline:var(--n-button-focus) solid var(--button-attention-focus-shadow)}button.classroom.attention:disabled,button.compact.attention:disabled,button.default.attention:disabled,button.micro.attention:disabled,button.robust.attention:disabled{color:var(--button-attention-label-disabled);background:var(--button-attention-bg-disabled)}button.classroom.attention:disabled svg path,button.compact.attention:disabled svg path,button.default.attention:disabled svg path,button.micro.attention:disabled svg path,button.robust.attention:disabled svg path{fill:var(--button-attention-icon-disabled)}button.classroom.link,button.compact.link,button.default.link,button.micro.link,button.robust.link{color:var(--button-link-label);background:var(--button-link-bg-default)}button.classroom.link svg path,button.compact.link svg path,button.default.link svg path,button.micro.link svg path,button.robust.link svg path{fill:var(--button-link-icon)}button.classroom.link:hover,button.compact.link:hover,button.default.link:hover,button.micro.link:hover,button.robust.link:hover{color:var(--button-link-label);background:var(--button-link-bg-hover)}button.classroom.link:active,button.compact.link:active,button.default.link:active,button.micro.link:active,button.robust.link:active{scale:var(--ns-button-scale)}button.classroom.link:focus-visible,button.compact.link:focus-visible,button.default.link:focus-visible,button.micro.link:focus-visible,button.robust.link:focus-visible{color:var(--button-link-label);background:var(--button-link-bg-focus);outline:var(--n-button-focus) solid var(--button-link-focus-shadow)}button.classroom.link:disabled,button.compact.link:disabled,button.default.link:disabled,button.micro.link:disabled,button.robust.link:disabled{color:var(--button-link-label-disabled);background:var(--button-link-bg-disabled)}button.classroom.link:disabled svg path,button.compact.link:disabled svg path,button.default.link:disabled svg path,button.micro.link:disabled svg path,button.robust.link:disabled svg path{fill:var(--button-link-icon-disabled)}button.classroom.primary,button.compact.primary,button.default.primary,button.micro.primary,button.robust.primary{color:var(--button-primary-label);background:var(--button-primary-bg-default)}button.classroom.primary svg path,button.compact.primary svg path,button.default.primary svg path,button.micro.primary svg path,button.robust.primary svg path{fill:var(--button-primary-icon)}button.classroom.primary:hover,button.compact.primary:hover,button.default.primary:hover,button.micro.primary:hover,button.robust.primary:hover{color:var(--button-primary-label);background:var(--button-primary-bg-hover)}button.classroom.primary:active,button.compact.primary:active,button.default.primary:active,button.micro.primary:active,button.robust.primary:active{scale:var(--ns-button-scale)}button.classroom.primary:focus-visible,button.compact.primary:focus-visible,button.default.primary:focus-visible,button.micro.primary:focus-visible,button.robust.primary:focus-visible{color:var(--button-primary-label);background:var(--button-primary-bg-focus);outline:var(--n-button-focus) solid var(--button-primary-focus-shadow)}button.classroom.primary:disabled,button.compact.primary:disabled,button.default.primary:disabled,button.micro.primary:disabled,button.robust.primary:disabled{color:var(--button-primary-label-disabled);background:var(--button-primary-bg-disabled)}button.classroom.primary:disabled svg path,button.compact.primary:disabled svg path,button.default.primary:disabled svg path,button.micro.primary:disabled svg path,button.robust.primary:disabled svg path{fill:var(--button-primary-icon-disabled)}button.classroom.secondary,button.compact.secondary,button.default.secondary,button.micro.secondary,button.robust.secondary{color:var(--button-secondary-label);background:var(--button-secondary-bg-default)}button.classroom.secondary svg path,button.compact.secondary svg path,button.default.secondary svg path,button.micro.secondary svg path,button.robust.secondary svg path{fill:var(--button-secondary-icon)}button.classroom.secondary:hover,button.compact.secondary:hover,button.default.secondary:hover,button.micro.secondary:hover,button.robust.secondary:hover{color:var(--button-secondary-label);background:var(--button-secondary-bg-hover)}button.classroom.secondary:active,button.compact.secondary:active,button.default.secondary:active,button.micro.secondary:active,button.robust.secondary:active{scale:var(--ns-button-scale)}button.classroom.secondary:focus-visible,button.compact.secondary:focus-visible,button.default.secondary:focus-visible,button.micro.secondary:focus-visible,button.robust.secondary:focus-visible{color:var(--button-secondary-label);background:var(--button-secondary-bg-focus);outline:var(--n-button-focus) solid var(--button-secondary-focus-shadow)}button.classroom.secondary:disabled,button.compact.secondary:disabled,button.default.secondary:disabled,button.micro.secondary:disabled,button.robust.secondary:disabled{color:var(--button-secondary-label-disabled);background:var(--button-secondary-bg-disabled)}button.classroom.secondary:disabled svg path,button.compact.secondary:disabled svg path,button.default.secondary:disabled svg path,button.micro.secondary:disabled svg path,button.robust.secondary:disabled svg path{fill:var(--button-secondary-icon-disabled)}button.classroom.student,button.compact.student,button.default.student,button.micro.student,button.robust.student{color:var(--button-student-label);background:var(--button-student-bg-default)}button.classroom.student svg path,button.compact.student svg path,button.default.student svg path,button.micro.student svg path,button.robust.student svg path{fill:var(--button-student-icon)}button.classroom.student:hover,button.compact.student:hover,button.default.student:hover,button.micro.student:hover,button.robust.student:hover{color:var(--button-student-label);background:var(--button-student-bg-hover)}button.classroom.student:active,button.compact.student:active,button.default.student:active,button.micro.student:active,button.robust.student:active{scale:var(--ns-button-scale)}button.classroom.student:focus-visible,button.compact.student:focus-visible,button.default.student:focus-visible,button.micro.student:focus-visible,button.robust.student:focus-visible{color:var(--button-student-label);background:var(--button-student-bg-focus);outline:var(--n-button-focus) solid var(--button-student-focus-shadow)}button.classroom.student:disabled,button.compact.student:disabled,button.default.student:disabled,button.micro.student:disabled,button.robust.student:disabled{color:var(--button-student-label-disabled);background:var(--button-student-bg-disabled)}button.classroom.student:disabled svg path,button.compact.student:disabled svg path,button.default.student:disabled svg path,button.micro.student:disabled svg path,button.robust.student:disabled svg path{fill:var(--button-student-icon-disabled)}button.classroom.alternate,button.compact.alternate,button.default.alternate,button.micro.alternate,button.robust.alternate{color:var(--button-alternate-label);background:var(--button-alternate-bg-default)}button.classroom.alternate svg path,button.compact.alternate svg path,button.default.alternate svg path,button.micro.alternate svg path,button.robust.alternate svg path{fill:var(--button-alternate-icon)}button.classroom.alternate:hover,button.compact.alternate:hover,button.default.alternate:hover,button.micro.alternate:hover,button.robust.alternate:hover{color:var(--button-alternate-label);background:var(--button-alternate-bg-hover)}button.classroom.alternate:active,button.compact.alternate:active,button.default.alternate:active,button.micro.alternate:active,button.robust.alternate:active{scale:var(--ns-button-scale)}button.classroom.alternate:focus-visible,button.compact.alternate:focus-visible,button.default.alternate:focus-visible,button.micro.alternate:focus-visible,button.robust.alternate:focus-visible{color:var(--button-alternate-label);background:var(--button-alternate-bg-focus);outline:var(--n-button-focus) solid var(--button-alternate-focus-shadow)}button.classroom.alternate:disabled,button.compact.alternate:disabled,button.default.alternate:disabled,button.micro.alternate:disabled,button.robust.alternate:disabled{color:var(--button-alternate-label-disabled);background:var(--button-alternate-bg-disabled)}button.classroom.alternate:disabled svg path,button.compact.alternate:disabled svg path,button.default.alternate:disabled svg path,button.micro.alternate:disabled svg path,button.robust.alternate:disabled svg path{fill:var(--button-alternate-icon-disabled)}.button-set{display:flex;align-items:center;gap:var(--n-button-set-gap);font-size:var(--fs-nav-pagination);color:var(--pagination-text)}.button-set.steps{justify-content:space-between}.button-set.steps-with-count{justify-content:space-between;background:var(--button-set-steps-bg);padding:var(--n-button-set-pad-steps);border-radius:var(--n-button-set-radius-steps-default)}button.icon-button{display:flex;align-items:center;justify-content:center;background:none;transition:scale .1s ease-out}button.icon-button svg path{fill:var(--icon-btn-link)}button.icon-button:active:not(:disabled){scale:var(--ns-button-scale)}button.icon-button:active:not(:disabled) svg path{fill:var(--icon-btn-focus)}button.icon-button:hover:not(:disabled){cursor:pointer}button.icon-button:hover:not(:disabled) svg path{fill:var(--icon-btn-hover)}button.icon-button:focus-visible{border-radius:var(--n-body-focus-radius)}button.icon-button:disabled{cursor:auto;pointer-events:none}button.icon-button:disabled svg path{fill:var(--icon-btn-disabled)}button.icon-button.sm svg{width:var(--n-icon-button-sm);height:var(--n-icon-button-sm);aspect-ratio:1 / 1}button.icon-button.md svg{width:var(--n-icon-button-md);height:var(--n-icon-button-md);aspect-ratio:1 / 1}button.icon-button.lg svg{width:var(--n-icon-button-lg);height:var(--n-icon-button-lg);aspect-ratio:1 / 1}button.icon-button.xl svg{width:var(--n-icon-button-xl);height:var(--n-icon-button-xl);aspect-ratio:1 / 1}.button-box{margin-bottom:3rem;list-style:none;display:flex;flex-wrap:wrap;align-items:top;gap:1rem}.button-box li{line-height:1}form.emoji{--n-emoji-size: 4.5rem;--n-emoji-gap: 1rem;position:relative}form.emoji .animated-emoji{display:none;position:absolute;top:var(--n-body-box-gap-lg);left:0;z-index:2}form.emoji .animated-emoji svg{width:var(--n-emoji-size);height:var(--n-emoji-size)}form.emoji ul{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:var(--n-body-box-gap-lg);padding:var(--n-body-box-gap-lg) 0}form.emoji ul li{line-height:1;background-repeat:no-repeat;background-position:center top;background-size:var(--n-emoji-size) var(--n-emoji-size);position:relative}form.emoji ul li label{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:var(--n-emoji-size);height:calc(var(--n-emoji-size) + var(--fs-body-lg) + var(--n-emoji-gap))}form.emoji ul li label input[type="radio"]{position:absolute;clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;white-space:nowrap}form.emoji ul li label:has(input[type="radio"]:focus-visible){background-color:wheat}form.emoji ul li::after{display:block;content:"";position:absolute;top:0;left:0;width:calc(var(--n-emoji-size) * .9);height:calc(var(--n-emoji-size) * .9);background-repeat:no-repeat;background-position:center top;background-size:var(--n-emoji-size) var(--n-emoji-size);opacity:0}form.emoji ul li:has(input[id="great"]){background-image:url("/images/emoji/emoji-great-base.svg")}form.emoji ul li:has(input[id="great"])::after{background-image:url("/images/emoji/emoji-great.svg");animation-delay:100ms}form.emoji ul li:has(input[id="good"]){background-image:url("/images/emoji/emoji-good-base.svg")}form.emoji ul li:has(input[id="good"])::after{background-image:url("/images/emoji/emoji-good.svg");animation-delay:200ms}form.emoji ul li:has(input[id="okay"]){background-image:url("/images/emoji/emoji-okay-base.svg")}form.emoji ul li:has(input[id="okay"])::after{background-image:url("/images/emoji/emoji-okay.svg");animation-delay:300ms}form.emoji ul li:has(input[id="not-good"]){background-image:url("/images/emoji/emoji-not-good-base.svg")}form.emoji ul li:has(input[id="not-good"])::after{background-image:url("/images/emoji/emoji-not-good.svg");animation-delay:400ms}form.emoji ul li:has(input[id="bad"]){background-image:url("/images/emoji/emoji-bad-base.svg")}form.emoji ul li:has(input[id="bad"])::after{background-image:url("/images/emoji/emoji-bad.svg");animation-delay:500ms}form.emoji.lets-go ul li::after{animation:emoji-hello 1s ease forwards;width:calc(var(--n-emoji-size) * 1.1);height:calc(var(--n-emoji-size) * 1.1)}@keyframes emoji-hello{0%{opacity:0}40%{opacity:1}100%{opacity:0}}body.classroom{margin:var(--n-classroom-grid-gap-sm);display:flex;flex-direction:column;gap:var(--n-classroom-grid-gap-sm);height:calc(100vh - var(--n-classroom-grid-gap-sm) * 2)}body.classroom .canvas,body.classroom header{background:var(--classroom-bg-box);padding:var(--n-classroom-grid-gap-lg);border-radius:var(--n-classroom-box-radius)}body.classroom .canvas p,body.classroom header p{margin:0}body.classroom header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--n-classroom-hd-gap)}body.classroom header .greeting,body.classroom header .utility{display:flex;align-items:center;gap:var(--n-classroom-hd-gap)}body.classroom header .greeting{flex-wrap:wrap}body.classroom header .greeting img{width:auto;height:1.625rem}body.classroom header p{font-size:var(--fs-body-md)}body.classroom header .utility .timer{display:flex;align-items:center;gap:calc(var(--n-classroom-hd-gap) / 2)}body.classroom header .utility .timer svg{width:var(--fs-body-sm);height:var(--fs-body-sm)}body.classroom header .utility .timer svg path{fill:var(--icon-subtle)}body.classroom main{display:flex;align-items:stretch;gap:var(--n-classroom-grid-gap-sm);flex:1;min-height:0;position:relative;container-type:inline-size;--panel-anim-duration: 0.2s;--panel-anim-ease: ease-in-out;--panel-anim-scale: 0.9;--panel-content-shift: 1rem;--panel-content-stagger: 0.03s;--panel-phase-offset: 0.3s}body.classroom main .canvas{flex:1}body.classroom main .panel-main,body.classroom main .tools,body.classroom main .video video,body.classroom main .video .static-thumbnail,body.classroom main .video .fpo{box-shadow:0px 4px 6px -1px rgba(0,0,0,0.1)}body.classroom main .panel-main{position:absolute;top:var(--n-classroom-grid-gap-lg);right:var(--n-classroom-grid-gap-lg);bottom:var(--n-classroom-grid-gap-lg);z-index:1;transform-origin:top right;transform:scale(1);opacity:1;transition:transform var(--panel-anim-duration) var(--panel-anim-ease),opacity var(--panel-anim-duration) var(--panel-anim-ease);width:18.75rem;max-width:calc(100% - var(--n-classroom-grid-gap-lg) * 2);display:flex;flex-direction:column;gap:var(--n-body-box-gap-lg);background:var(--bg-modal-box);padding:calc(var(--n-classroom-grid-gap-lg) + .25rem) var(--n-classroom-grid-gap-lg) var(--n-classroom-grid-gap-lg) var(--n-classroom-grid-gap-lg);border-radius:var(--n-body-box-radius)}body.classroom main .panel-main .actions{display:flex;align-items:flex-end;justify-content:space-between}body.classroom main .panel-main .actions p{margin:0}body.classroom main .panel-main .actions .tabs-default,body.classroom main .panel-main .tab-panel{transition:transform var(--panel-anim-duration) var(--panel-anim-ease),opacity var(--panel-anim-duration) var(--panel-anim-ease)}body.classroom main .panel-main .tab-panel{transition-delay:0s}body.classroom main .panel-main .tab-panel.chat{position:relative;flex:1;min-height:0}body.classroom main .panel-main .tab-panel.chat.is-active{display:flex;flex-direction:column}body.classroom main .panel-main .tab-panel.chat .messages{flex:1;overflow-y:auto;min-height:0}body.classroom main .panel-main .tab-panel.chat dl dd,body.classroom main .panel-main .tab-panel.chat dl dt{font-size:var(--fs-chat);line-height:var(--flh-loose);margin:0}body.classroom main .panel-main .tab-panel.chat dl dd{color:var(--classroom-chat);background:var(--classroom-bg-chat);margin:var(--n-classroom-chat-spacing-xs) var(--n-classroom-chat-spacing-md) 0 0;padding:var(--n-classroom-chat-spacing-xs) var(--n-classroom-chat-spacing-sm);border-radius:var(--n-classroom-chat-radius)}body.classroom main .panel-main .tab-panel.chat dl dt time{font-weight:var(--fw-body);color:var(--classroom-chat-time)}body.classroom main .panel-main .tab-panel.chat dl.self dd{margin:var(--n-classroom-chat-spacing-xs) 0 0 var(--n-classroom-chat-spacing-md);background:var(--classroom-bg-chat-self)}body.classroom main .panel-main .tab-panel.chat dl.self dt{text-align:right}body.classroom main .panel-main .tab-panel.chat form{position:relative;margin:0;padding-top:var(--n-classroom-grid-gap-lg)}body.classroom main .panel-main .tab-panel.chat form span,body.classroom main .panel-main .tab-panel.chat form input[type="text"]{width:100%}body.classroom main .panel-main .tab-panel.chat form span{--field-icon: var(--icon-comment)}body.classroom main .panel-main .tab-panel.chat form input[type="text"]{padding-right:3rem}body.classroom main .panel-main .tab-panel.chat form .send{position:absolute;right:var(--n-input-pad);top:var(--n-classroom-grid-gap-lg);bottom:0;display:flex;align-items:center;margin:0;opacity:0;visibility:hidden;transition:opacity var(--panel-anim-duration) var(--panel-anim-ease),visibility var(--panel-anim-duration) var(--panel-anim-ease)}body.classroom main .panel-main .tab-panel.chat form:has(input:not(:placeholder-shown)) .send{opacity:1;visibility:visible}body.classroom main .panel-main .tab-panel.chat *+dl{margin-top:var(--n-body-box-gap-sm)}body.classroom main .panel-main .actions .tabs-default{transition-delay:calc(var(--panel-phase-offset) + var(--panel-content-stagger))}body.classroom main .panel-main-open{position:absolute;top:var(--n-classroom-grid-gap-lg);right:var(--n-classroom-grid-gap-lg);z-index:2;background:var(--bg-modal-box);padding:var(--n-classroom-grid-gap-lg);border-radius:var(--n-classroom-box-radius);pointer-events:none}body.classroom main .panel-main-close{position:absolute;top:calc(var(--n-classroom-grid-gap-lg) * 2);right:calc(var(--n-classroom-grid-gap-lg) * 2);z-index:3;transition:opacity var(--panel-anim-duration) var(--panel-anim-ease)}body.classroom main.panel-opening .tab-panel.is-active{transition-delay:var(--panel-phase-offset)}body.classroom main.panel-collapsed .panel-main{transform:scale(var(--panel-anim-scale));opacity:0;pointer-events:none;transition-delay:var(--panel-phase-offset)}body.classroom main.panel-collapsed .panel-main .actions .tabs-default{transition-delay:0s}body.classroom main.panel-collapsed .panel-main .actions .tabs-default,body.classroom main.panel-collapsed .panel-main .tab-panel.is-active{transform:translateY(calc(var(--panel-content-shift) * -1));opacity:0}body.classroom main.panel-collapsed .panel-main .tab-panel.is-active{transition-delay:var(--panel-content-stagger)}body.classroom main.panel-collapsed .panel-main-close{opacity:0;pointer-events:none}body.classroom main.panel-collapsed .panel-main-open{pointer-events:auto}body.classroom main .tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--n-classroom-tools-gap);position:absolute;bottom:var(--n-classroom-grid-gap-lg);left:var(--n-classroom-grid-gap-lg);background:var(--bg-modal-box);padding:var(--n-classroom-grid-gap-sm);border-radius:var(--n-body-box-radius)}body.classroom main .tools button{display:grid;place-content:center;padding:var(--n-classroom-tools-button-padding);border-radius:var(--n-classroom-tools-button-radius);line-height:1;background:var(--classroom-tools-bg-button)}body.classroom main .tools button img{width:var(--n-classroom-tools-icon);height:var(--n-classroom-tools-icon)}body.classroom main .tools button:hover{background:var(--classroom-tools-bg-button-hover)}body.classroom main .tools button.selected{background:var(--classroom-tools-bg-button-selected)}body.classroom main .tools .handle{cursor:move;touch-action:none;background:var(--classroom-tools-bg-button);margin-right:var(--n-classroom-tools-gap);padding:var(--n-classroom-tools-button-padding) var(--n-classroom-tools-button-padding-sm);border-radius:var(--n-classroom-tools-button-radius)}body.classroom main .tools .handle svg{height:var(--n-classroom-tools-icon);width:auto}body.classroom main .tools .handle svg path{fill:var(--icon-subtle)}body.classroom main .tools .handle:hover svg path{fill:var(--icon-strong)}body.classroom main .tools hr{width:1px;height:var(--n-classroom-tools-icon);background:var(--classroom-tools-divider);margin:0 var(--n-classroom-tools-gap)}body.classroom main .video{position:absolute;top:var(--n-classroom-grid-gap-lg);left:var(--n-classroom-grid-gap-lg);display:flex;flex-direction:column;gap:var(--n-classroom-video-gap)}body.classroom main .video .participant{position:relative;padding-right:var(--n-classroom-video-gap)}body.classroom main .video .participant dl{position:absolute;left:100%;top:0;bottom:0;align-self:center;width:max-content;max-width:calc(100cqw - var(--n-classroom-grid-gap-lg) * 2 - var(--n-classroom-video-thumb) - var(--n-classroom-video-gap));display:flex;align-items:center;gap:var(--n-classroom-video-gap);margin:0;padding:var(--n-classroom-video-controls-pad-v) var(--n-classroom-video-controls-pad-h);border-radius:var(--n-classroom-video-radius);background:var(--classroom-video-bg);opacity:0;transform:scale(0.96);pointer-events:none;transition:opacity var(--panel-anim-duration) var(--panel-anim-ease),transform var(--panel-anim-duration) var(--panel-anim-ease)}body.classroom main .video .participant dl dd,body.classroom main .video .participant dl dt{margin:0}body.classroom main .video .participant dl dd button[aria-disabled="true"]{opacity:.4;cursor:not-allowed}body.classroom main .video .participant dl dt{font-size:var(--fs-classroom-video-name);font-weight:var(--fw-classroom-video-name);line-height:1;color:var(--classroom-video-name);margin-right:var(--n-classroom-video-gap);overflow-wrap:anywhere}body.classroom main .video .participant dl::after{display:block;content:"";position:absolute;right:calc(100% - 1px);width:calc(var(--n-tooltip-pointer-width) / 2);height:var(--n-tooltip-pointer-width);background:var(--classroom-video-bg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 5 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath transform='translate(5 0) rotate(90)' d='M8.97559 0.5C8.60784 0.961343 8.11283 1.56618 7.58301 2.16992C7.03945 2.78931 6.46837 3.3971 5.96484 3.8457C5.71251 4.07049 5.48874 4.24497 5.30273 4.36035C5.21025 4.41772 5.13555 4.45537 5.07812 4.47754C5.01852 4.50054 4.99503 4.5 5 4.5C5.00497 4.5 4.98148 4.50054 4.92188 4.47754C4.86445 4.45537 4.78975 4.41772 4.69727 4.36035C4.51126 4.24497 4.28749 4.07049 4.03516 3.8457C3.53163 3.3971 2.96055 2.78931 2.41699 2.16992C1.88717 1.56618 1.39216 0.961343 1.02441 0.5H8.97559Z' fill='%23000' stroke='%23000' stroke-linejoin='round'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}body.classroom main .video .participant video,body.classroom main .video .participant .static-thumbnail,body.classroom main .video .participant .fpo{display:block;height:var(--n-classroom-video-thumb);aspect-ratio:1;border-radius:var(--n-classroom-video-radius);background:var(--classroom-video-bg)}body.classroom main .video .participant video,body.classroom main .video .participant .fpo{object-fit:cover}body.classroom main .video .participant .static-thumbnail{display:grid;place-content:center}body.classroom main .video .participant .static-thumbnail p{display:grid;place-content:center;font-size:var(--fs-video-initials);line-height:1;font-weight:var(--fw-video-initials);text-align:center;color:var(--classroom-video-initials);background:var(--classroom-video-initials-bg);margin:0;border-radius:50%;height:var(--n-classroom-video-initials);aspect-ratio:1}body.classroom main .video .participant .static-thumbnail.blocked p{color:var(--classroom-video-initials-blocked);background:var(--classroom-video-initials-blocked-bg);border:var(--n-classroom-video-blocked-symbol) solid var(--classroom-video-blocked-symbol);position:relative;overflow:hidden}body.classroom main .video .participant .static-thumbnail.blocked p::after{content:"";position:absolute;top:50%;left:50%;width:calc(100% + var(--n-classroom-video-blocked-symbol) * 2);height:var(--n-classroom-video-blocked-symbol);background:var(--classroom-video-blocked-symbol);transform:translate(-50%, -50%) rotate(-45deg)}body.classroom main .video .participant:hover{cursor:default}body.classroom main .video .participant:hover dl,body.classroom main .video .participant:focus-within dl{opacity:1;transform:scale(1);pointer-events:auto}form{--min-input-width: min(100%, var(--n-input-min-width))}form button,form input,form textarea,form select{font-family:inherit;font-variant-numeric:inherit}form p{margin:0}form .error strong{font-size:var(--fs-form-error-inline);font-weight:var(--fw-form-error-inline);color:var(--form-error-text)}form ::placeholder{color:var(--form-input-text-placeholder)}form .input-common input,form .input-common label,form .input-common select,form .input-common textarea{display:block}form .input-common details,form .input-common .range-separator,form .input-common input[type="email"],form .input-common input[type="number"],form .input-common input[type="password"],form .input-common input[type="search"],form .input-common input[type="tel"],form .input-common input[type="text"],form .input-common input[type="time"],form .input-common input[type="url"],form .input-common select,form .input-common textarea{font-size:var(--fs-form-populated);font-weight:var(--fw-form-populated);line-height:1;border:var(--n-input-border) solid var(--form-input-border);padding:var(--n-input-pad) calc(var(--n-input-pad) + var(--n-input-icon) + var(--n-input-gap-icon)) var(--n-input-pad) var(--n-input-pad);border-radius:var(--n-input-radius);color:var(--form-input-text-populated)}form .input-common details:focus,form .input-common details:focus-visible,form .input-common .range-separator:focus,form .input-common .range-separator:focus-visible,form .input-common input[type="email"]:focus,form .input-common input[type="email"]:focus-visible,form .input-common input[type="number"]:focus,form .input-common input[type="number"]:focus-visible,form .input-common input[type="password"]:focus,form .input-common input[type="password"]:focus-visible,form .input-common input[type="search"]:focus,form .input-common input[type="search"]:focus-visible,form .input-common input[type="tel"]:focus,form .input-common input[type="tel"]:focus-visible,form .input-common input[type="text"]:focus,form .input-common input[type="text"]:focus-visible,form .input-common input[type="time"]:focus,form .input-common input[type="time"]:focus-visible,form .input-common input[type="url"]:focus,form .input-common input[type="url"]:focus-visible,form .input-common select:focus,form .input-common select:focus-visible,form .input-common textarea:focus,form .input-common textarea:focus-visible{outline:none}form .input-common details:open,form .input-common .range-separator:open,form .input-common input[type="email"]:open,form .input-common input[type="number"]:open,form .input-common input[type="password"]:open,form .input-common input[type="search"]:open,form .input-common input[type="tel"]:open,form .input-common input[type="text"]:open,form .input-common input[type="time"]:open,form .input-common input[type="url"]:open,form .input-common select:open,form .input-common textarea:open{border-color:var(--form-input-border-focus-inner)}form .input-common details[disabled],form .input-common .range-separator[disabled],form .input-common input[type="email"][disabled],form .input-common input[type="number"][disabled],form .input-common input[type="password"][disabled],form .input-common input[type="search"][disabled],form .input-common input[type="tel"][disabled],form .input-common input[type="text"][disabled],form .input-common input[type="time"][disabled],form .input-common input[type="url"][disabled],form .input-common select[disabled],form .input-common textarea[disabled]{color:var(--form-input-text-disabled);background:none;border-color:var(--form-input-border-disabled)}form .input-common details[disabled]::placeholder,form .input-common .range-separator[disabled]::placeholder,form .input-common input[type="email"][disabled]::placeholder,form .input-common input[type="number"][disabled]::placeholder,form .input-common input[type="password"][disabled]::placeholder,form .input-common input[type="search"][disabled]::placeholder,form .input-common input[type="tel"][disabled]::placeholder,form .input-common input[type="text"][disabled]::placeholder,form .input-common input[type="time"][disabled]::placeholder,form .input-common input[type="url"][disabled]::placeholder,form .input-common select[disabled]::placeholder,form .input-common textarea[disabled]::placeholder{color:var(--form-input-text-disabled)}form .input-common input[type="number"],form .input-common input[type="search"],form .input-common input.date[type="text"],form .input-common select,form .input-common :is(::picker(select)){padding:var(--n-input-pad)}form .input-common label{display:flex;align-items:center;gap:var(--n-input-gap-label-icon);font-weight:var(--fw-form-label);font-size:var(--fs-form-label);line-height:1;color:var(--form-label)}form .input-common label em{font-size:var(--fs-form-label-optional);font-variation-settings:normal;color:var(--form-label-secondary)}form .input-common label:has(+span input[disabled]){color:var(--form-label-disabled)}form .input-common summary,form .input-common select{-webkit-appearance:none;-moz-appearance:base-select;appearance:base-select;line-height:normal;background:white}form .input-common summary:has(option[value=""]:checked),form .input-common select:has(option[value=""]:checked){color:var(--form-input-text-placeholder)}form .input-common summary:hover,form .input-common select:hover{background:inherit}form .input-common summary::picker-icon,form .input-common select::picker-icon{display:none}form .input-common>span{display:inline-block;position:relative;border-radius:var(--n-input-radius)}form .input-common>span:focus-within{outline:var(--n-input-focus-outline) solid var(--form-input-border-focus-outer);outline-offset:0}form .input-common>span:focus-within .range-separator,form .input-common>span:focus-within input,form .input-common>span:focus-within select,form .input-common>span:focus-within textarea{border-color:var(--form-input-border-focus-inner)}form .input-common>span:focus-within button{border-color:var(--form-input-border-focus-inner);box-shadow:0 0 0 var(--n-input-focus-outline) var(--form-input-border-focus-outer);clip-path:inset(calc(-1 * var(--n-input-focus-outline)) 0% calc(-1 * var(--n-input-focus-outline)) 0%);outline:none}form .input-common>span:focus-within button:first-of-type:not(:only-of-type){border-radius:0}form .input-common>span:focus-within button:last-of-type{clip-path:inset(calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) 0%)}form .input-common>span::after{content:"";display:block;position:absolute;top:50%;right:var(--n-input-pad);width:var(--n-input-icon);height:var(--n-input-icon);margin-top:calc(-0.5 * var(--n-input-icon));mask:var(--field-icon, var(--icon-user-float)) center/contain no-repeat;background-color:var(--form-input-icon)}form .input-common>span:has(input[disabled])::after{background-color:var(--form-input-icon-disabled)}form .input-common>span:has(input[type="email"]){--field-icon: var(--icon-mail-closed)}form .input-common>span:has(input[type="password"]){--field-icon: var(--icon-secure)}form .input-common>span:has(input[type="tel"]){--field-icon: var(--icon-telephone)}form .input-common>span:has(input.time-meridiem){--field-icon: var(--icon-clock)}form .input-common>span:has(input[type="url"]){--field-icon: var(--icon-link)}form .input-common>span:has(select){--field-icon: var(--icon-input-select)}form .input-common>span:has(select)::after{pointer-events:none}form .input-common>span:has(textarea){--field-icon: var(--icon-comment)}form .input-common>span:has(textarea)::after{top:var(--n-input-pad);margin-top:.3125rem}form .input-common details{display:block;position:relative;border-radius:var(--n-input-radius);padding:0}form .input-common details:has(summary:focus),form .input-common details[open]{outline:var(--n-input-focus-outline) solid var(--form-input-border-focus-outer);outline-offset:0;border-color:var(--form-input-border-focus-inner)}form .input-common details summary{position:relative;padding:var(--n-input-pad) calc(var(--n-input-pad) + var(--n-input-icon) + var(--n-input-gap-icon)) var(--n-input-pad) var(--n-input-pad);border-radius:var(--n-input-radius);list-style:none;color:var(--form-input-text-placeholder)}form .input-common details summary.populated{color:var(--form-input-text-populated)}form .input-common details summary:focus,form .input-common details summary:focus-visible{outline:none}form .input-common details summary::-webkit-details-marker{display:none}form .input-common details summary::after{content:"";display:block;position:absolute;top:50%;right:var(--n-input-pad);width:var(--n-input-icon);height:var(--n-input-icon);margin-top:calc(-0.5 * var(--n-input-icon));mask:var(--icon-input-select) center/contain no-repeat;background-color:var(--form-input-icon);pointer-events:none}form .input-common details .select-panel{position:absolute;top:calc(100% + var(--n-input-focus-outline));z-index:2;background:var(--form-input-bg);border:var(--n-input-border) solid var(--form-input-border);border-radius:var(--n-input-radius);padding:var(--n-input-pad);left:calc(-1 * var(--n-input-border));width:calc(100% + var(--n-input-border) * 2)}form .input-common details .select-panel .choices{flex-direction:column;align-items:stretch;gap:var(--n-select-option-gap)}form .input-common textarea{line-height:1.4}form .input-common.error details,form .input-common.error .range-separator,form .input-common.error input,form .input-common.error select,form .input-common.error textarea,form .input-common.error button{border-color:var(--form-input-border-error);background-color:var(--form-input-bg-error)}form .input-common.error button svg path{fill:var(--form-input-icon-error)}form .input-common.error button:focus,form .input-common.error button:focus-visible{background-color:var(--form-button-bg-error-focus)}form .input-common.error button:focus svg path,form .input-common.error button:focus-visible svg path{fill:var(--bn25-attention-400)}form .input-common.error input::placeholder,form .input-common.error textarea::placeholder{color:var(--form-input-text-placeholder-error)}form .input-common.error>span::after{background-color:var(--form-input-icon-error)}form .input-common.error>span:focus-within{outline:var(--n-input-focus-outline) solid var(--form-input-border-error-focus-outer);outline-offset:0}form .input-common.error>span:focus-within .range-separator,form .input-common.error>span:focus-within input,form .input-common.error>span:focus-within select,form .input-common.error>span:focus-within textarea{border-color:var(--form-input-border-error-focus-inner)}form .input-common.error>span:focus-within button{border-color:var(--form-input-border-error-focus-inner);box-shadow:0 0 0 var(--n-input-focus-outline) var(--form-input-border-error-focus-outer);clip-path:inset(calc(-1 * var(--n-input-focus-outline)) 0% calc(-1 * var(--n-input-focus-outline)) 0%);outline:none}form .input-common.error>span:focus-within button:first-of-type:not(:only-of-type){border-radius:0}form .input-common.error>span:focus-within button:last-of-type{clip-path:inset(calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) 0%)}form .input-common.error details:has(summary:focus),form .input-common.error details[open]{outline-color:var(--form-input-border-error-focus-outer);border-color:var(--form-input-border-error-focus-inner)}form .input-column{display:flex;flex-direction:column;gap:var(--n-gutter-form)}form .input-column p{display:flex;flex-direction:column;gap:var(--n-input-gap-label)}form .input-column p input[type="email"],form .input-column p input[type="number"],form .input-column p input[type="password"],form .input-column p input[type="search"],form .input-column p input[type="tel"],form .input-column p input[type="text"],form .input-column p input[type="time"],form .input-column p input[type="url"],form .input-column p select,form .input-column p textarea{width:100%}form .input-column p:has(>.tooltip){flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--n-input-gap-label-icon)}form .input-column p:has(>.tooltip)>span{flex-basis:100%}form .input-column:not(:last-of-type){margin-bottom:var(--n-gutter-form)}form .input-column:has(>.input-group){gap:var(--n-gutter-form-grouped)}form .input-column:has(>.input-group):not(:last-of-type){margin-bottom:var(--n-gutter-form-grouped)}form .input-column:not(:has(>.input-group)) .input-common{width:32rem;max-width:100%}form .input-column:not(:has(>.input-group)) .input-common>.choice-title{line-height:1;margin-bottom:var(--n-input-gap-label)}form .input-column .small{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--min-input-width), 1fr));gap:var(--n-gutter-form-sm);align-items:center;width:32rem;max-width:100%}form fieldset{border:var(--ns-2) solid var(--bn25-neutral-200);border-radius:12px;padding:var(--n-gutter-form);min-width:0;max-width:100%;margin-bottom:2rem}form fieldset legend{font-size:1.5rem;font-weight:var(--fw-bold);margin-left:-.5rem;padding:0 .5rem}form .file-upload .input-common>span{display:flex;align-items:center;border:var(--n-input-border) dashed var(--form-input-border);padding:calc(var(--n-input-pad) * 2) var(--n-input-pad);background:var(--form-input-file-bg);gap:var(--n-control-gap)}form .file-upload .input-common>span .decoration{display:none}form .file-upload .input-common>span::after{display:none}form .file-upload .input-common>span:focus-within{border:var(--n-input-border) solid var(--form-input-border-focus-inner)}@media (hover: hover){form .file-upload .input-common>span .decoration{display:inline-block;flex:1}form .file-upload .input-common>span .decoration svg{margin:0 auto}form .file-upload .input-common>span .decoration svg path{fill:var(--form-input-icon-disabled)}form .file-upload .input-common>span.drag-over{background:var(--form-input-file-bg-hover)}form .file-upload .input-common>span.drag-over .decoration svg path{fill:var(--form-input-icon)}}form .file-upload .input-common>span:has(.has-file) .decoration{display:none}form .file-upload .input-common.error .file-button{border-color:var(--form-input-border-error-focus-outer)}form .file-upload .input-common.error p:last-of-type{margin-top:var(--n-input-gap-label)}form .file-upload .input-common.error>span{background-color:var(--form-input-bg-error);border-color:var(--form-input-border-error)}form .file-upload .input-common.error>span [data-role="file-name"]{color:var(--form-input-text-placeholder-error)}form .file-upload .input-common.error>span .has-file[data-role="file-name"]{color:var(--form-input-text-populated)}@media (hover: hover){form .file-upload .input-common.error>span .decoration svg path{fill:var(--form-input-icon-error)}form .file-upload .input-common.error>span.drag-over{background:var(--form-input-bg-error-hover)}}form .file-upload .file-button{display:inline-flex;align-items:center;gap:var(--n-control-gap);flex:none;padding:var(--n-input-pad);border:var(--n-input-border) solid var(--form-input-border);border-radius:var(--n-input-radius);font-size:var(--fs-form-placeholder);line-height:1;color:var(--form-input-text-placeholder);background:var(--form-input-bg);cursor:pointer}form .file-upload .file-button::after{content:"";flex:none;width:var(--n-input-icon);height:var(--n-input-icon);mask:var(--icon-file-empty) center/contain no-repeat;background-color:var(--form-input-icon)}form .file-upload .file-button:hover{color:var(--form-input-text-populated)}form .file-upload [data-role="file-name"]{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap;color:var(--form-input-text-placeholder);line-height:normal}form .file-upload .has-file[data-role="file-name"]{color:var(--form-input-text-populated)}form .picker-footer{display:flex;align-items:center;gap:var(--n-select-actions-gap);padding-top:var(--n-select-actions-pad);border-top:var(--n-input-border) solid var(--form-divider)}form .search-suggest{position:relative}form .search-suggest .search-suggestions{position:absolute;top:calc(100% + var(--n-input-focus-outline));z-index:2;background:var(--form-input-bg);border:var(--n-input-border) solid var(--form-input-border);border-radius:var(--n-input-radius);padding:var(--n-input-pad);width:100%;max-width:32rem}form .search-suggest .search-suggestions li{list-style:none;font-size:var(--fs-form-select-option);font-weight:var(--fw-form-select-option);color:var(--form-select-option-secondary);margin:0;cursor:pointer}form .search-suggest .search-suggestions li strong{font-weight:var(--fw-form-select-option);color:var(--form-select-option)}form .search-suggest:focus-within .search-suggestions{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease}form .date-input,form .time-input{position:relative}form .date-input .date-picker,form .time-input .date-picker{position:absolute;top:calc(100% + var(--n-input-focus-outline));z-index:2;background:var(--form-input-bg);border:var(--n-input-border) solid var(--form-input-border);border-radius:var(--n-input-radius);padding:var(--n-input-pad);transition:opacity .3s ease, visibility .3s ease;left:0;max-width:100%}form .date-input .date-picker .calendar,form .time-input .date-picker .calendar{display:flex;flex-direction:column;gap:var(--n-cal-gap)}form .date-input .date-picker .calendar .cal-grid,form .time-input .date-picker .calendar .cal-grid{width:100%;border-collapse:separate;border-spacing:0 var(--n-cal-gap)}form .date-input .date-picker .calendar .cal-grid td,form .date-input .date-picker .calendar .cal-grid th,form .time-input .date-picker .calendar .cal-grid td,form .time-input .date-picker .calendar .cal-grid th{text-align:center;padding:var(--n-cal-date-pad)}form .date-input .date-picker .calendar .cal-grid td,form .time-input .date-picker .calendar .cal-grid td{font-size:var(--fs-date-picker-date);font-weight:var(--fw-date-picker-date);color:var(--date-picker-date);border-radius:var(--n-cal-date-radius)}form .date-input .date-picker .calendar .cal-grid td:focus,form .date-input .date-picker .calendar .cal-grid td:focus-visible,form .time-input .date-picker .calendar .cal-grid td:focus,form .time-input .date-picker .calendar .cal-grid td:focus-visible{outline-offset:0;border-radius:var(--n-cal-date-radius)}form .date-input .date-picker .calendar .cal-grid td.range,form .time-input .date-picker .calendar .cal-grid td.range{border-radius:0}form .date-input .date-picker .calendar .cal-grid td.selected,form .date-input .date-picker .calendar .cal-grid td.selected-begin,form .date-input .date-picker .calendar .cal-grid td.selected-end,form .time-input .date-picker .calendar .cal-grid td.selected,form .time-input .date-picker .calendar .cal-grid td.selected-begin,form .time-input .date-picker .calendar .cal-grid td.selected-end{font-weight:var(--fw-date-picker-selected);background:var(--date-picker-bg-single-selected)}form .date-input .date-picker .calendar .cal-grid td.selected-begin,form .time-input .date-picker .calendar .cal-grid td.selected-begin{border-radius:var(--n-cal-date-radius) 0 0 var(--n-cal-date-radius)}form .date-input .date-picker .calendar .cal-grid td.selected-end,form .time-input .date-picker .calendar .cal-grid td.selected-end{border-radius:0 var(--n-cal-date-radius) var(--n-cal-date-radius) 0}form .date-input .date-picker .calendar .cal-grid td.today,form .time-input .date-picker .calendar .cal-grid td.today{font-weight:var(--fw-date-picker-today);background:var(--date-picker-bg-today)}form .date-input .date-picker .calendar .cal-grid td.range,form .date-input .date-picker .calendar .cal-grid td:hover,form .time-input .date-picker .calendar .cal-grid td.range,form .time-input .date-picker .calendar .cal-grid td:hover{cursor:pointer;background:var(--date-picker-bg-range)}form .date-input .date-picker .calendar .cal-grid th,form .time-input .date-picker .calendar .cal-grid th{font-size:var(--fs-date-picker-day);font-weight:var(--fw-date-picker-day);color:var(--date-picker-day)}form .date-input .date-picker .calendar .cal-header,form .time-input .date-picker .calendar .cal-header{display:flex;align-items:center;justify-content:space-between;margin:var(--n-cal-title-pad) 0}form .date-input .date-picker .calendar .cal-header .cal-selects,form .time-input .date-picker .calendar .cal-header .cal-selects{margin:0;padding:0;list-style:none;display:flex;align-items:center}form .date-input .date-picker .calendar .cal-header .cal-selects li,form .time-input .date-picker .calendar .cal-header .cal-selects li{margin:0;padding:0}form .date-input .date-picker .calendar .cal-header .cal-selects li label,form .time-input .date-picker .calendar .cal-header .cal-selects li label{display:flex;align-items:center;position:relative}form .date-input .date-picker .calendar .cal-header .cal-selects li label select,form .time-input .date-picker .calendar .cal-header .cal-selects li label select{-webkit-appearance:none;-moz-appearance:base-select;appearance:base-select;font-size:var(--fs-date-picker-title);font-weight:var(--fw-date-picker-title);color:var(--date-picker-title);background:white;align-items:center;padding-right:calc(var(--n-cal-icon-select) * 2 + var(--n-input-gap-label-icon));padding-left:var(--n-cal-date-pad)}form .date-input .date-picker .calendar .cal-header .cal-selects li label select:has(option[value=""]:checked),form .time-input .date-picker .calendar .cal-header .cal-selects li label select:has(option[value=""]:checked){color:var(--form-input-text-placeholder)}form .date-input .date-picker .calendar .cal-header .cal-selects li label select:hover,form .time-input .date-picker .calendar .cal-header .cal-selects li label select:hover{cursor:pointer;background:var(--form-select-option-bg-hover)}form .date-input .date-picker .calendar .cal-header .cal-selects li label select:focus-visible,form .time-input .date-picker .calendar .cal-header .cal-selects li label select:focus-visible{outline-offset:0}form .date-input .date-picker .calendar .cal-header .cal-selects li label select::picker-icon,form .time-input .date-picker .calendar .cal-header .cal-selects li label select::picker-icon{display:none}form .date-input .date-picker .calendar .cal-header .cal-selects li label svg,form .time-input .date-picker .calendar .cal-header .cal-selects li label svg{width:var(--n-cal-icon-select);height:var(--n-cal-icon-select);position:absolute;right:var(--n-cal-date-pad);inset-block:0;margin-block:auto;pointer-events:none}form .date-input .date-picker .calendar .cal-header .cal-selects li label svg path,form .time-input .date-picker .calendar .cal-header .cal-selects li label svg path{fill:var(--form-input-icon)}form .date-input .date-picker .calendar .cal-nav button,form .time-input .date-picker .calendar .cal-nav button{background:none}form .date-input .date-picker .calendar .cal-nav button svg,form .time-input .date-picker .calendar .cal-nav button svg{width:var(--n-cal-icon-nav);height:var(--n-cal-icon-nav)}form .date-input .date-picker .calendar .cal-nav button svg path,form .time-input .date-picker .calendar .cal-nav button svg path{fill:var(--form-input-icon)}form .date-input .date-picker .calendar .cal-nav button:hover svg path,form .time-input .date-picker .calendar .cal-nav button:hover svg path{fill:var(--icon-strong)}form .date-input .date-picker.range,form .time-input .date-picker.range{display:flex;flex-direction:column;gap:var(--n-cal-range-gap);max-width:100%}form .date-input .date-picker.range .options,form .time-input .date-picker.range .options{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--n-cal-range-gap)}form .date-input .date-picker.range .options .presets,form .time-input .date-picker.range .options .presets{display:flex;align-items:flex-start;flex-direction:column;gap:var(--n-select-option-gap);margin-top:var(--n-cal-title-pad)}form .date-input .date-picker.range .options .presets button,form .time-input .date-picker.range .options .presets button{font-size:var(--fs-form-select-option);line-height:1;color:var(--form-select-option);background:none;padding:var(--n-select-option-pad);border-radius:var(--n-select-option-radius)}form .date-input .date-picker.range .options .presets button .dates,form .time-input .date-picker.range .options .presets button .dates{color:var(--form-select-option-secondary)}form .date-input .date-picker.range .options .presets button:hover,form .time-input .date-picker.range .options .presets button:hover{background:var(--form-select-option-bg-hover)}form .date-input .date-picker.single,form .time-input .date-picker.single{width:20rem;max-width:100%}form .date-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator),form .time-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator){outline:var(--n-input-focus-outline) solid var(--form-input-border-focus-outer);outline-offset:0}form .date-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) .range-separator,form .date-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) input,form .date-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) select,form .date-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) textarea,form .time-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) .range-separator,form .time-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) input,form .time-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) select,form .time-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) textarea{border-color:var(--form-input-border-focus-inner)}form .date-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) button,form .time-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) button{border-color:var(--form-input-border-focus-inner);box-shadow:0 0 0 var(--n-input-focus-outline) var(--form-input-border-focus-outer);clip-path:inset(calc(-1 * var(--n-input-focus-outline)) 0% calc(-1 * var(--n-input-focus-outline)) 0%);outline:none}form .date-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) button:first-of-type:not(:only-of-type),form .time-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) button:first-of-type:not(:only-of-type){border-radius:0}form .date-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) button:last-of-type,form .time-input:has(.date-picker:not(.hide-animated)) .input-common span:not(.range-separator) button:last-of-type{clip-path:inset(calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) 0%)}form .date-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator),form .time-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator){outline:var(--n-input-focus-outline) solid var(--form-input-border-error-focus-outer);outline-offset:0}form .date-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) .range-separator,form .date-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) input,form .date-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) select,form .date-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) textarea,form .time-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) .range-separator,form .time-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) input,form .time-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) select,form .time-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) textarea{border-color:var(--form-input-border-error-focus-inner)}form .date-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) button,form .time-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) button{border-color:var(--form-input-border-error-focus-inner);box-shadow:0 0 0 var(--n-input-focus-outline) var(--form-input-border-error-focus-outer);clip-path:inset(calc(-1 * var(--n-input-focus-outline)) 0% calc(-1 * var(--n-input-focus-outline)) 0%);outline:none}form .date-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) button:first-of-type:not(:only-of-type),form .time-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) button:first-of-type:not(:only-of-type){border-radius:0}form .date-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) button:last-of-type,form .time-input:has(.date-picker:not(.hide-animated)) .input-common.error span:not(.range-separator) button:last-of-type{clip-path:inset(calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) 0%)}form .number span,form .date span,form .search span,form .time span{display:flex;align-items:stretch;border-radius:var(--n-input-radius)}form .number span button,form .date span button,form .search span button,form .time span button{display:flex;align-items:center;justify-content:center;background:none;aspect-ratio:1 / 1;width:calc(2 * var(--n-input-pad) + var(--fs-form-placeholder) + 2 * var(--n-input-border));padding:0;border:var(--n-input-border) solid var(--form-input-border);border-left:0;cursor:pointer}form .number span button svg path,form .date span button svg path,form .search span button svg path,form .time span button svg path{fill:var(--form-input-icon)}form .number span button svg.icon,form .date span button svg.icon,form .search span button svg.icon,form .time span button svg.icon{width:var(--n-input-icon);height:var(--n-input-icon)}form .number span button:focus,form .number span button:focus-visible,form .date span button:focus,form .date span button:focus-visible,form .search span button:focus,form .search span button:focus-visible,form .time span button:focus,form .time span button:focus-visible{border-color:var(--form-input-border-focus-inner);box-shadow:0 0 0 var(--n-input-focus-outline) var(--form-input-border-focus-outer);clip-path:inset(calc(-1 * var(--n-input-focus-outline)) 0% calc(-1 * var(--n-input-focus-outline)) 0%);outline:none;background:var(--bn25-brand-blue-100)}form .number span button:focus:first-of-type:not(:only-of-type),form .number span button:focus-visible:first-of-type:not(:only-of-type),form .date span button:focus:first-of-type:not(:only-of-type),form .date span button:focus-visible:first-of-type:not(:only-of-type),form .search span button:focus:first-of-type:not(:only-of-type),form .search span button:focus-visible:first-of-type:not(:only-of-type),form .time span button:focus:first-of-type:not(:only-of-type),form .time span button:focus-visible:first-of-type:not(:only-of-type){border-radius:0}form .number span button:focus:last-of-type,form .number span button:focus-visible:last-of-type,form .date span button:focus:last-of-type,form .date span button:focus-visible:last-of-type,form .search span button:focus:last-of-type,form .search span button:focus-visible:last-of-type,form .time span button:focus:last-of-type,form .time span button:focus-visible:last-of-type{clip-path:inset(calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) 0%)}form .number span button:hover svg path,form .date span button:hover svg path,form .search span button:hover svg path,form .time span button:hover svg path{fill:var(--icon-strong)}form .number span button[disabled],form .date span button[disabled],form .search span button[disabled],form .time span button[disabled]{cursor:default;border-color:var(--form-input-border-disabled)}form .number span button[disabled] svg path,form .date span button[disabled] svg path,form .search span button[disabled] svg path,form .time span button[disabled] svg path{fill:var(--form-input-icon-disabled)}form .number span button:last-of-type,form .date span button:last-of-type,form .search span button:last-of-type,form .time span button:last-of-type{border-radius:0 var(--n-input-radius) var(--n-input-radius) 0}form .number span input[type="number"],form .number span input[type="search"],form .number span input[type="text"],form .date span input[type="number"],form .date span input[type="search"],form .date span input[type="text"],form .search span input[type="number"],form .search span input[type="search"],form .search span input[type="text"],form .time span input[type="number"],form .time span input[type="search"],form .time span input[type="text"]{appearance:textfield;border-top-right-radius:0;border-bottom-right-radius:0;flex:1}form .number span input[type="number"]::-webkit-outer-spin-button,form .number span input[type="number"]::-webkit-inner-spin-button,form .number span input[type="search"]::-webkit-outer-spin-button,form .number span input[type="search"]::-webkit-inner-spin-button,form .number span input[type="text"]::-webkit-outer-spin-button,form .number span input[type="text"]::-webkit-inner-spin-button,form .date span input[type="number"]::-webkit-outer-spin-button,form .date span input[type="number"]::-webkit-inner-spin-button,form .date span input[type="search"]::-webkit-outer-spin-button,form .date span input[type="search"]::-webkit-inner-spin-button,form .date span input[type="text"]::-webkit-outer-spin-button,form .date span input[type="text"]::-webkit-inner-spin-button,form .search span input[type="number"]::-webkit-outer-spin-button,form .search span input[type="number"]::-webkit-inner-spin-button,form .search span input[type="search"]::-webkit-outer-spin-button,form .search span input[type="search"]::-webkit-inner-spin-button,form .search span input[type="text"]::-webkit-outer-spin-button,form .search span input[type="text"]::-webkit-inner-spin-button,form .time span input[type="number"]::-webkit-outer-spin-button,form .time span input[type="number"]::-webkit-inner-spin-button,form .time span input[type="search"]::-webkit-outer-spin-button,form .time span input[type="search"]::-webkit-inner-spin-button,form .time span input[type="text"]::-webkit-outer-spin-button,form .time span input[type="text"]::-webkit-inner-spin-button{appearance:none}form .number span::after,form .date span::after,form .search span::after,form .time span::after{display:none}form .number span:focus-within button,form .date span:focus-within button,form .search span:focus-within button,form .time span:focus-within button{border-color:var(--form-input-border-focus-inner);box-shadow:0 0 0 var(--n-input-focus-outline) var(--form-input-border-focus-outer);clip-path:inset(calc(-1 * var(--n-input-focus-outline)) 0% calc(-1 * var(--n-input-focus-outline)) 0%);outline:none}form .number span:focus-within button:first-of-type:not(:only-of-type),form .date span:focus-within button:first-of-type:not(:only-of-type),form .search span:focus-within button:first-of-type:not(:only-of-type),form .time span:focus-within button:first-of-type:not(:only-of-type){border-radius:0}form .number span:focus-within button:last-of-type,form .date span:focus-within button:last-of-type,form .search span:focus-within button:last-of-type,form .time span:focus-within button:last-of-type{clip-path:inset(calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) 0%)}form .number span:has(button:focus-visible) button,form .date span:has(button:focus-visible) button,form .search span:has(button:focus-visible) button,form .time span:has(button:focus-visible) button{border-color:var(--form-input-border-focus-inner);box-shadow:0 0 0 var(--n-input-focus-outline) var(--form-input-border-focus-outer);clip-path:inset(calc(-1 * var(--n-input-focus-outline)) 0% calc(-1 * var(--n-input-focus-outline)) 0%);outline:none}form .number span:has(button:focus-visible) button:first-of-type:not(:only-of-type),form .date span:has(button:focus-visible) button:first-of-type:not(:only-of-type),form .search span:has(button:focus-visible) button:first-of-type:not(:only-of-type),form .time span:has(button:focus-visible) button:first-of-type:not(:only-of-type){border-radius:0}form .number span:has(button:focus-visible) button:last-of-type,form .date span:has(button:focus-visible) button:last-of-type,form .search span:has(button:focus-visible) button:last-of-type,form .time span:has(button:focus-visible) button:last-of-type{clip-path:inset(calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) calc(-1 * var(--n-input-focus-outline)) 0%)}form .number.range span .range-separator,form .date.range span .range-separator,form .search.range span .range-separator,form .time.range span .range-separator{display:inline-flex;align-items:center;justify-content:center;border-radius:0;padding-left:0;padding-right:0;border-left:0;border-right:0;color:var(--form-input-text-placeholder)}form .number.range span input[type="text"]:first-of-type,form .date.range span input[type="text"]:first-of-type,form .search.range span input[type="text"]:first-of-type,form .time.range span input[type="text"]:first-of-type{border-right:0;flex:none;width:auto;field-sizing:content;padding-right:var(--n-input-gap-date-range)}form .number.range span input[type="text"]:last-of-type,form .date.range span input[type="text"]:last-of-type,form .search.range span input[type="text"]:last-of-type,form .time.range span input[type="text"]:last-of-type{border-left:0;border-radius:0;padding-left:var(--n-input-gap-date-range)}form .number span button svg.icon{width:var(--n-button-compact-icon-only);height:var(--n-button-compact-icon-only)}form .number span button:focus:not(:focus-visible):not(:active),form .search span button:focus:not(:focus-visible):not(:active){background:none}form .number.error span button:focus:not(:focus-visible):not(:active),form .search.error span button:focus:not(:focus-visible):not(:active){background-color:var(--form-input-bg-error)}form .number.error span button:focus:not(:focus-visible):not(:active) svg path,form .search.error span button:focus:not(:focus-visible):not(:active) svg path{fill:var(--form-input-icon-error)}form .time span input.time-hours[type="text"],form .time span input.time-minutes[type="text"]{border-right:0;flex:none;width:auto;field-sizing:content;padding-right:.1em}form .time span input.time-meridiem[type="text"],form .time span input.time-minutes[type="text"]{border-left:0;border-radius:0;padding-left:.1em}form .time span input.time-meridiem[type="text"]{border-radius:0 var(--n-input-radius) var(--n-input-radius) 0}form .time span .range-separator{display:inline-flex;align-items:center;justify-content:center;border-radius:0;padding-left:0;padding-right:0;border-left:0;border-right:0}form .time span:not(.range-separator)::after{display:block}form .choice-title{font-size:var(--fs-form-control-title);font-weight:var(--fw-form-label);color:var(--form-label)}form .choices{display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:var(--n-gutter-form);row-gap:var(--n-input-gap-label-grouped)}form .choices p label{display:flex;align-items:center;gap:var(--n-control-gap);font-size:var(--fs-form-control-label);font-weight:var(--fw-control-label);color:var(--form-label)}form .choices p label .checkbox,form .choices p label .radio{display:inline-block;width:var(--n-control-size-outer);height:var(--n-control-size-outer);position:relative;border:var(--n-input-border) solid var(--form-input-border);border-radius:var(--n-control-radius-check)}form .choices p label input[type="checkbox"],form .choices p label input[type="radio"]{position:absolute;clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;white-space:nowrap}form .choices p label input[type="checkbox"]:checked+.checkbox,form .choices p label input[type="checkbox"]:checked+.radio,form .choices p label input[type="radio"]:checked+.checkbox,form .choices p label input[type="radio"]:checked+.radio{border-color:var(--form-control-border-selected);background:var(--form-control-bg-selected)}form .choices p label input[type="checkbox"]:checked+.checkbox::after,form .choices p label input[type="checkbox"]:checked+.radio::after,form .choices p label input[type="radio"]:checked+.checkbox::after,form .choices p label input[type="radio"]:checked+.radio::after{content:"";position:absolute;left:calc(var(--n-control-pad) - var(--n-input-border));top:calc(var(--n-control-pad) - var(--n-input-border));width:var(--n-control-size-inner);height:var(--n-control-size-inner)}form .choices p label input[type="checkbox"]:checked+.checkbox::after,form .choices p label input[type="radio"]:checked+.checkbox::after{background:var(--form-control-foreground-selected);mask-image:var(--icon-input-check);mask-size:contain}form .choices p label input[type="checkbox"]:checked+.radio::after,form .choices p label input[type="radio"]:checked+.radio::after{background:var(--form-control-foreground-selected);border-radius:var(--n-control-radius-radio)}form .choices p label:has(input[type="checkbox"]:focus-visible),form .choices p label:has(input[type="radio"]:is(:focus-visible)){outline:var(--n-body-focus-border) solid contrast-color(var(--bg-body));outline-offset:var(--n-body-focus-offset);border-radius:var(--n-body-focus-radius)}form .choices p label .radio{border-radius:var(--n-control-radius-radio)}form .choices p label:has(:disabled){color:var(--form-label-disabled)}form .choices p label:has(:disabled) .checkbox,form .choices p label:has(:disabled) .radio{border:var(--n-input-border) solid var(--form-input-border);border-color:var(--form-input-border-disabled)}form .choices p label:has(:disabled) input[type="checkbox"]:checked+.checkbox,form .choices p label:has(:disabled) input[type="checkbox"]:checked+.radio,form .choices p label:has(:disabled) input[type="radio"]:checked+.checkbox,form .choices p label:has(:disabled) input[type="radio"]:checked+.radio{border-color:var(--form-input-border-disabled);background:var(--form-input-bg)}form .choices p label:has(:disabled) input[type="checkbox"]:checked+.checkbox::after,form .choices p label:has(:disabled) input[type="radio"]:checked+.checkbox::after{background:var(--form-input-icon-disabled)}form .choices p label:has(:disabled) input[type="checkbox"]:checked+.radio::after,form .choices p label:has(:disabled) input[type="radio"]:checked+.radio::after{background:var(--form-input-icon-disabled)}form .input-group{display:flex;flex-direction:column;gap:var(--n-input-gap-label-grouped)}form .input-group .choice-title{flex-basis:100%}form .input-group.error .choices p label .checkbox,form .input-group.error .choices p label .radio{background-color:var(--form-input-bg-error);border-color:var(--form-input-border-error)}form .input-group.error .choices p label input:checked+.checkbox,form .input-group.error .choices p label input:checked+.radio{background-color:var(--form-input-bg-error);border-color:var(--form-input-border-error)}.grid-icons{padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr));gap:1rem}.grid-icons button{display:flex;flex-direction:column;align-items:center;gap:.5em;margin:0;padding:1rem;border:1px solid var(--bn25-neutral-300);border-radius:var(--n-radius-xl);min-width:0;position:relative;background:var(--bn25-neutral-00)}.grid-icons button::before{content:"";position:absolute;top:1rem;left:50%;transform:translateX(-50%);width:2rem;height:2rem;background:url("/images/icons/icon-check.svg") no-repeat center;background-size:contain;opacity:0;transition:opacity 0.3s ease;pointer-events:none;filter:brightness(0) saturate(100%) invert(51%) sepia(74%) saturate(3337%) hue-rotate(69deg) brightness(96%) contrast(101%)}.grid-icons button svg{width:2rem;height:2rem;flex-shrink:0}.grid-icons button span{display:block;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body-sm);transition:opacity 0.3s ease}.grid-icons button:hover{border-color:var(--bn25-brand-blue-500);background:var(--bn25-neutral-50);cursor:pointer;outline:0.2rem solid var(--bn25-brand-blue-500);transition:box-shadow 1s ease-out;transition-delay:.3s}.grid-icons button:hover:active{box-shadow:0 0 0 0.6rem var(--bn25-brand-blue-300);transition:box-shadow 0s ease-in}.grid-icons button.copy-success svg,.grid-icons button.copy-resetting svg{opacity:0}.grid-icons button.copy-success{background-color:var(--bn25-brand-green-100);animation:copy-success-bg 0.6s ease-out 0.3s forwards}.grid-icons button.copy-success::before{opacity:1}.grid-icons button.copy-success span{color:var(--bn25-brand-green-600)}.grid-icons button.copy-resetting span{opacity:0}.grid-icons button.copy-resetting::before{opacity:0}@keyframes copy-success-bg{from{background-color:var(--bn25-brand-green-100)}to{background-color:transparent}}.body-box{background:var(--bg-modal-box);border-radius:var(--n-modal-radius);padding:var(--n-modal-pad-v) var(--n-modal-pad-h)}.alert{display:flex;align-items:center;gap:var(--n-alert-gap);margin-bottom:var(--n-body-box-gap-sm);padding:var(--n-alert-pad-v) var(--n-alert-pad-h);border-radius:var(--n-alert-radius)}.alert .content{flex:1}.alert .content h2,.alert .content li,.alert .content p{font-size:var(--fs-alert);line-height:var(--flh-body);color:var(--alert-text);margin:0}.alert .content ul{margin:0;padding-left:1rem}.alert.error{background:var(--alert-bg-error)}.alert.error button svg path{fill:var(--alert-icon-error)}.alert.error button:hover svg{opacity:.5}.alert.error button:hover svg path{fill:var(--alert-icon-error)}.alert.info{background:var(--alert-bg-info)}.alert.info button svg path{fill:var(--alert-icon-info)}.alert.info button:hover svg{opacity:.5}.alert.info button:hover svg path{fill:var(--alert-icon-info)}.alert.success{background:var(--alert-bg-success)}.alert.success button svg path{fill:var(--alert-icon-success)}.alert.success button:hover svg{opacity:.5}.alert.success button:hover svg path{fill:var(--alert-icon-success)}.alert.warning{background:var(--alert-bg-warning)}.alert.warning button svg path{fill:var(--alert-icon-warning)}.alert.warning button:hover svg{opacity:.5}.alert.warning button:hover svg path{fill:var(--alert-icon-warning)}.alert.actions{flex-wrap:wrap}.alert.actions .content{flex-basis:20rem}.alert.dismissing{opacity:0;pointer-events:none;transition:opacity 300ms ease-out}form .alert.error{padding:var(--n-alert-pad-h)}button.tooltip{position:relative;background:none;height:var(--n-input-icon-label);display:inline-flex;align-items:center;padding:0}button.tooltip i{display:block;position:absolute;bottom:calc(100% + 8px);font-family:var(--font-family);font-size:var(--fs-tooltip);font-style:normal;line-height:1;color:var(--tooltip-text);background:var(--tooltip-bg);padding:var(--n-tooltip-pad-v) var(--n-tooltip-pad-h);border-radius:var(--n-tooltip-radius);width:max-content;max-width:12rem;overflow-wrap:break-word;visibility:hidden;z-index:3}button.tooltip i::after{position:absolute;display:block;content:"";top:calc(100% - 1px);width:var(--n-tooltip-pointer-width);height:calc(var(--n-tooltip-pointer-width) / 2);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.97559 0.5C8.60784 0.961343 8.11283 1.56618 7.58301 2.16992C7.03945 2.78931 6.46837 3.3971 5.96484 3.8457C5.71251 4.07049 5.48874 4.24497 5.30273 4.36035C5.21025 4.41772 5.13555 4.45537 5.07812 4.47754C5.01852 4.50054 4.99503 4.5 5 4.5C5.00497 4.5 4.98148 4.50054 4.92188 4.47754C4.86445 4.45537 4.78975 4.41772 4.69727 4.36035C4.51126 4.24497 4.28749 4.07049 4.03516 3.8457C3.53163 3.3971 2.96055 2.78931 2.41699 2.16992C1.88717 1.56618 1.39216 0.961343 1.02441 0.5H8.97559Z' fill='%23101828' stroke='%23101828' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}button.tooltip.top-left i{left:calc(-1 * var(--n-tooltip-position))}button.tooltip.top-left i::after{left:var(--n-tooltip-position)}button.tooltip.top-center i{left:50%;transform:translateX(-50%)}button.tooltip.top-center i::after{left:50%;transform:translateX(-50%)}button.tooltip.top-right i{right:calc(-1 * var(--n-tooltip-position))}button.tooltip.top-right i::after{right:var(--n-tooltip-position)}button.tooltip:focus,button.tooltip:focus-visible{outline:2px solid var(--focus-visible);outline:2px solid contrast-color(var(--bg-body));outline-offset:unset;border-radius:10rem}button.tooltip:hover i,button.tooltip:focus i{visibility:visible}button.tooltip svg{height:var(--n-input-icon-label);width:var(--n-input-icon-label)}.tabs-default{display:flex;align-items:flex-end;gap:var(--n-tabs-default-gap-box)}.tabs-default button{display:flex;align-items:center;gap:var(--n-tabs-default-gap);font-family:var(--font-family);font-size:var(--fs-tab-label);font-weight:var(--fw-tab-label);line-height:1;color:var(--tab-label);background:none;padding-bottom:var(--n-tabs-default-pad);border-bottom:var(--n-tabs-default-border) solid rgba(0,0,0,0)}.tabs-default button[aria-selected="true"]{border-color:var(--tab-border-selected)}