html[data-motion=off]{scroll-behavior:auto!important}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after,html[data-motion=off] *::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:is(#era-site-glass,#era-panel-layout,.auth-side) :is(button,a):hover .lucide-plus{transform:rotate(180deg)}
:is(#era-site-glass,#era-panel-layout,.auth-side) .lucide-plus{transform-origin:center;transition:transform .45s cubic-bezier(.22,1,.36,1)}

html[data-motion=off] :is([data-reveal],[data-enter]){opacity:1!important;transform:none!important}

@media(prefers-reduced-motion:no-preference){html[data-motion=off] #era-panel-layout .ea-switch,html[data-motion=off] #era-panel-layout .ea-switch>span{transition:background .3s,transform .35s cubic-bezier(.22,1,.36,1)!important}}

/* The task checkbox is the single checkbox component across Era. */
html body input[type="checkbox"],html body :is(#era-panel-layout,.auth-side) input[type="checkbox"]{
 -webkit-appearance:none;appearance:none;box-sizing:border-box;display:inline-grid;place-content:center;
 position:relative;inset:auto;flex:0 0 19px;width:19px;height:19px;min-width:19px;min-height:19px;
 margin:0;padding:0;vertical-align:-4px;border:1px solid #d8e0eb;border-radius:6px;
 background:#fff;opacity:1;box-shadow:none;cursor:pointer;outline:none;
 transition:background-color .3s,border-color .3s,box-shadow .3s;
}
html body input[type="checkbox"]::after{
 content:"";display:block;width:12px;height:12px;background:#fff;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
 transform:scale(.65);opacity:0;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .2s;
}
html body input[type="checkbox"]:checked{background:#8290a4;border-color:#8290a4}
html body input[type="checkbox"]:checked::after{opacity:1;transform:scale(1)}
html body input[type="checkbox"]:focus-visible{outline:2px solid #aebacb;outline-offset:3px}
html body input[type="checkbox"]:disabled{cursor:default;opacity:.55}
html body .eg-task-check input[type="checkbox"]{margin:0}
@media(prefers-reduced-motion:reduce){html body input[type="checkbox"],html body input[type="checkbox"]::after{transition:none}}
html[data-motion="off"] input[type="checkbox"],html[data-motion="off"] input[type="checkbox"]::after{transition:none}

html body label:has(> input[type="checkbox"]){display:inline-flex;align-items:flex-start;gap:12px;line-height:1.7}
html body label:has(> input[type="checkbox"])>input[type="checkbox"]{margin-top:2px}
html body .eg-task-check:has(>input[type="checkbox"]){display:block;line-height:1}
html body .eg-task-check>input[type="checkbox"]{margin:0}
#era-site-glass .pg-check{display:grid;place-items:center;box-sizing:border-box;width:19px;height:19px;min-width:19px;flex:none;border:1px solid #d8e0eb;border-radius:6px;background:#fff;box-shadow:none;color:#fff}
#era-site-glass .pg-check:has(svg),#era-site-glass .pg-check:has(i){background:#8290a4;border-color:#8290a4}
#era-site-glass .pg-check svg{width:12px;height:12px;stroke-width:2}