.showcase-editor .title-colour-bar{background:#202124;gap:10px;padding:12px;border-radius:10px;flex-wrap:wrap}.title-colour-bar button{width:34px;height:34px;border:1px solid #ffffff40!important;box-shadow:none}.title-colour-bar button[aria-pressed=true]{outline:2px solid white;outline-offset:2px}.title-colour-bar .custom-colour-ring{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.custom-colour-ring:before{content:'+';display:grid;place-items:center;position:absolute;inset:6px;border-radius:50%;background:#202124;color:white;font:26px Arial}.showcase-editor .custom-colour-ring input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-colour-ring:focus-within{outline:2px solid white;outline-offset:2px}.title-colour-bar .colour-eyedropper{background:#202124;color:#fff;font-size:20px}
.hiring-top-tools{position:fixed;top:18px;right:22px;z-index:100;display:grid;grid-template-columns:44px auto;gap:10px;align-items:center}.hiring-top-tools .notification-bell,.hiring-calendar-toggle{display:grid;place-items:center;width:44px;height:44px;padding:8px;border:1px solid #dce4f0;border-radius:50%;background:white;color:#2855da;box-shadow:0 3px 12px #15284815;cursor:pointer}.hiring-calendar-toggle{grid-column:2;justify-self:center}.hiring-top-tools .candidate-notifications{position:relative}.hiring-top-tools .notification-popover{position:absolute;top:54px;right:-85px;width:min(360px,90vw);z-index:200}.notification-bell{position:relative}.notification-bell [data-notification-count]{position:absolute!important;top:2px!important;right:2px!important;width:9px!important;height:9px!important;min-width:0!important;padding:0!important;border:2px solid white;border-radius:50%;background:#e84150!important;font-size:0!important}.notification-bell [data-notification-count][hidden]{display:none!important}
.notification-bell:is(:hover,:focus-visible) .animated-bell{animation:ring-bell .5s ease-in-out;transform-origin:50% 15%}.hiring-calendar-toggle:is(:hover,:focus-visible) circle{animation:calendar-dot .4s calc(var(--dot)*.1s)}
@keyframes ring-bell{0%,100%{transform:rotate(0)}25%,75%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes calendar-dot{0%,100%{opacity:1}50%{opacity:.3}}
[data-hiring-home] #candidate-calendar{position:fixed;inset:100px 32px 24px;z-index:150;overflow:auto;box-shadow:0 0 0 100vmax #12213b55}.hiring-top-tools .notification-popover[hidden],[data-hiring-home] #candidate-calendar[hidden]{display:none!important}.hiring-top-tools .notification-popover header{gap:10px}[data-hiring-home] .candidate-event-dialog{z-index:200}
@media(max-width:700px){.hiring-top-tools{top:10px;right:12px;gap:8px}[data-hiring-home] #candidate-calendar{inset:105px 10px 10px;padding:14px}.hiring-top-tools .notification-popover{right:-78px}}
@media(prefers-reduced-motion:reduce){.animated-bell,.hiring-calendar-toggle circle{animation:none!important}}
.hiring-top-tools .notification-popover{position:fixed;top:122px;right:22px}
@media(max-width:700px){.hiring-top-tools .notification-popover{top:114px;right:12px}}