:root{--hp-date-inset:12px;--hp-date-radius:12px;--hp-date-blur:8px;--hp-date-opacity:94%;--hp-date-layer:30;--hp-date-shadow:0 4px 18px rgb(0 0 0 / 7%)}.hp-date-anchor{inline-size:max-content;max-inline-size:100%;min-inline-size:0}.hp-date-panel{inline-size:max-content;max-inline-size:100%;box-sizing:border-box}.hp-date-panel.is-floating{position:fixed;z-index:var(--hp-date-layer);padding:var(--pb-s8) var(--pb-s12);max-inline-size:calc(100vw - 2 * var(--hp-date-inset));border:1px solid var(--pb-line);border-radius:var(--hp-date-radius);background:var(--pb-white);background:color-mix(in srgb,var(--pb-white) var(--hp-date-opacity),transparent);box-shadow:var(--hp-date-shadow);backdrop-filter:blur(var(--hp-date-blur));-webkit-backdrop-filter:blur(var(--hp-date-blur))}.hp-date-scroll{max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.hp-date-panel .pb-date-control{display:inline-flex;inline-size:max-content;max-inline-size:none;flex-wrap:nowrap;align-items:center;gap:var(--pb-s12)}.hp-date-panel .pb-date-trigger{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap}.hp-date-panel .pb-date-trigger>span{white-space:nowrap;overflow-wrap:normal;flex-shrink:0}.hp-date-panel .pb-date-shortcuts{flex-shrink:0;flex-wrap:nowrap}.hp-production-controls-area{grid-column:1/-1;min-inline-size:0;max-inline-size:100%}.hp-production-controls{display:flex;flex-direction:column;gap:var(--pb-s8);inline-size:max-content}.hp-production-controls-row{display:flex;align-items:center;gap:var(--pb-s24);flex-wrap:nowrap}.hp-production-controls-row>.pb-view-switch{flex-shrink:0}.hp-production-controls .pb-updated-label{white-space:nowrap;position:sticky;inset-inline-start:0;align-self:flex-start}.hp-surface button,.hp-surface [tabindex="0"]{scroll-margin-block-start:80px}@media(max-width:44rem),(hover:none),(update:slow),(prefers-reduced-transparency:reduce){.hp-date-panel.is-floating{--hp-date-opacity:98%;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(forced-colors:active){.hp-date-panel.is-floating{background:Canvas;border-color:CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none}}
