:root{--ag-utility-height:48px}
body.has-utility-bar{padding-top:var(--ag-utility-height)}
html:has(.ag-utility){scroll-padding-top:calc(110px + var(--ag-utility-height))}
.has-utility-bar>.header{top:var(--ag-utility-height)}
.ag-utility{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:18px;min-height:48px;padding:0 4%;background:#0e1828;border-bottom:1px solid #2b4164;color:#b9cbe5;font:14px/1.5 Arial,sans-serif}
.ag-paris-clock{display:flex;align-items:center;gap:9px;flex-shrink:0}.ag-paris-clock svg{color:#7aa8f7;flex-shrink:0}.ag-paris-clock time{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#e2edff;min-width:75px}
.ag-workshop-state{display:flex;align-items:center;gap:8px;padding-left:18px;border-left:1px solid #2d4568;flex-shrink:0}.ag-workshop-state>span{width:6px;height:6px;border-radius:50%;background:#8d9aad;flex-shrink:0}.ag-workshop-state[data-state=open]>span{background:#73adff;box-shadow:0 0 8px #478eff80}.ag-workshop-state[data-state=appointment]>span{background:#e4b95e}.ag-workshop-state b{font-weight:500}
.ag-hours-ticker{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 15px,#000 calc(100% - 15px),transparent)}.ag-hours-track{display:flex;width:max-content;animation:ag-hours-scroll 44s linear infinite}.ag-hours-track>div{display:flex;align-items:center;gap:24px;padding-right:24px;white-space:nowrap}.ag-hours-track b{color:#d6e7ff;font-weight:500;margin-left:8px;font-variant-numeric:tabular-nums}.ag-hours-track i{width:3px;height:3px;background:#6086c0;border-radius:50%;flex-shrink:0}.ag-hours-ticker:hover .ag-hours-track,.ag-hours-ticker:focus .ag-hours-track,.ag-utility[data-paused=true] .ag-hours-track{animation-play-state:paused}
.ag-ticker-control{height:44px;min-width:44px;display:grid;place-items:center;border:0;background:transparent;color:#b3cff6;padding:0;font-size:17px}.ag-ticker-control:hover{background:#1d3555}.ag-ticker-control:focus-visible,.ag-hours-ticker:focus-visible{outline:2px solid #a2c3ff;outline-offset:-2px}
@keyframes ag-hours-scroll{to{transform:translateX(-50%)}}
@media(max-width:1600px){.has-utility-bar>.header>#navigation{max-height:calc(100dvh - 88px - var(--ag-utility-height))}}
@media(max-width:700px){:root{--ag-utility-height:84px}.ag-utility{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:0 12px;padding:0 16px;min-height:84px}.ag-paris-clock{grid-column:1;grid-row:1;min-height:40px}.ag-workshop-state{grid-column:2/4;grid-row:1;justify-self:end;border:0;padding-left:0;text-align:right}.ag-paris-clock>span{display:none}.ag-hours-ticker{grid-column:1/3;grid-row:2;width:100%}.ag-ticker-control{grid-column:3;grid-row:2}.ag-hours-track{animation-duration:38s}}
@media(prefers-reduced-motion:reduce){.ag-hours-track{animation:none}.ag-hours-ticker{overflow-x:auto;mask-image:none;scrollbar-width:thin}.ag-hours-track>div+div{display:none}.ag-ticker-control{visibility:hidden}}
