/* Real local clocks. Positions vary across ten models without changing the saved selection. */
#login-screen .boot-clock,#admin-center-dialog .boot-mini-clock{position:relative!important;min-width:0!important;max-width:100%!important;line-height:1.3!important;padding:7px 10px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important;text-shadow:0 1px 1px #071425,0 0 5px currentColor!important;}
html[data-boot-layout="1"] #login-screen .boot-clock{justify-self:start!important;text-align:left!important}
html[data-boot-layout="2"] #login-screen .boot-clock{justify-self:center!important;text-align:center!important;width:auto!important;min-height:0!important;border-radius:22px!important}
html[data-boot-layout="3"] #login-screen .boot-clock{justify-self:center!important;text-align:center!important;transform:none!important}
html[data-boot-layout="4"] #login-screen .boot-clock{justify-self:center!important;text-align:center!important;border-radius:5px!important}
html[data-boot-layout="5"] #login-screen .boot-clock{justify-self:start!important;text-align:left!important}
html[data-boot-layout="6"] #login-screen .boot-clock{justify-self:center!important;text-align:center!important;transform:none!important}
html[data-boot-layout="7"] #login-screen .boot-clock{justify-self:center!important;text-align:center!important}
html[data-boot-layout="8"] #login-screen .boot-clock{justify-self:center!important;text-align:center!important}
html[data-boot-layout="9"] #login-screen .boot-clock{justify-self:end!important;text-align:right!important}
html[data-boot-layout="10"] #login-screen .boot-clock{grid-row:4!important;justify-self:center!important;text-align:center!important;margin-top:0!important}
/* Each miniature follows its actual model. */
#admin-center-dialog .boot-mini[data-boot-mini="1"] .boot-mini-clock,#admin-center-dialog .boot-mini[data-boot-mini="5"] .boot-mini-clock{justify-self:start!important;text-align:left!important}
#admin-center-dialog .boot-mini[data-boot-mini="9"] .boot-mini-clock{justify-self:end!important;text-align:right!important}
#admin-center-dialog .boot-mini[data-boot-mini="2"] .boot-mini-clock,#admin-center-dialog .boot-mini[data-boot-mini="3"] .boot-mini-clock,#admin-center-dialog .boot-mini[data-boot-mini="4"] .boot-mini-clock,#admin-center-dialog .boot-mini[data-boot-mini="6"] .boot-mini-clock,#admin-center-dialog .boot-mini[data-boot-mini="7"] .boot-mini-clock,#admin-center-dialog .boot-mini[data-boot-mini="8"] .boot-mini-clock,#admin-center-dialog .boot-mini[data-boot-mini="10"] .boot-mini-clock{justify-self:center!important;text-align:center!important;transform:none!important}
#admin-center-dialog .boot-mini[data-boot-mini="10"] .boot-mini-clock{order:3!important}
/* Model 7 shows physical hands as well as readable digital time. */
#login-screen .boot-clock[data-clock-kind="analog"],#admin-center-dialog .boot-mini-clock[data-clock-kind="analog"]{display:inline-flex!important;align-items:center!important;min-height:49px!important;padding-left:49px!important;background:radial-gradient(circle at 22px center,#f6fffd 0 2px,transparent 3px),repeating-conic-gradient(from -90deg at 22px center,#ffffffc7 0deg 2deg,transparent 3deg 30deg),linear-gradient(145deg,#ffffff76,#144361d9 43%,#071b32e9)!important;background-size:44px 44px,44px 44px,100% 100%!important;background-position:left center,left center,center!important;background-repeat:no-repeat!important}
#login-screen .boot-clock[data-clock-kind="analog"]::before,#admin-center-dialog .boot-mini-clock[data-clock-kind="analog"]::before,#login-screen .boot-clock[data-clock-kind="analog"]::after,#admin-center-dialog .boot-mini-clock[data-clock-kind="analog"]::after{content:""!important;position:absolute!important;left:21px!important;top:50%!important;transform-origin:center bottom!important;border-radius:99px!important;box-shadow:0 0 5px #8eeaff!important;pointer-events:none!important;}
#login-screen .boot-clock[data-clock-kind="analog"]::before,#admin-center-dialog .boot-mini-clock[data-clock-kind="analog"]::before{width:3px!important;height:12px!important;background:#fff!important;transform:translate(-50%,-100%) rotate(var(--hour-angle,0deg))!important}
#login-screen .boot-clock[data-clock-kind="analog"]::after,#admin-center-dialog .boot-mini-clock[data-clock-kind="analog"]::after{width:2px!important;height:17px!important;background:#89f7ff!important;transform:translate(-50%,-100%) rotate(var(--minute-angle,0deg))!important}
/* Intense and distinct focus halo on all three illustrated screens. */
#admin-access-screen .access-page-grid button:focus-visible,#admin-center-dialog #center-nav button:focus-visible,#admin-center-dialog .boot-independent-choice:focus-visible,#login-screen :is(input,button):focus-visible{filter:brightness(1.48) saturate(1.25)!important;outline:2px solid #fff!important;outline-offset:4px!important;box-shadow:inset 0 2px #fff,inset 0 -15px 25px #06172b,0 8px 0 color-mix(in srgb,var(--tile,var(--nav,var(--boot-led,#86d8ff))) 60%,#1b455f),0 20px 29px #000b,0 0 0 4px color-mix(in srgb,var(--tile,var(--nav,var(--boot-led,#86d8ff))) 70%,transparent),0 0 26px var(--tile,var(--nav,var(--boot-led,#86d8ff))),0 0 58px var(--tile,var(--nav,var(--boot-led,#86d8ff)))!important}
@media(max-width:599px){#login-screen .boot-clock{font-size:clamp(.7rem,2.8vw,.88rem)!important}#admin-center-dialog .boot-mini-clock{font-size:clamp(.64rem,2.8vw,.83rem)!important}}