/* Finite, tactile details formed from the existing silver and cobalt surfaces. */
.service-instruction.pf-index-label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:29px;margin-bottom:7px}
.pf-service-index{position:relative;flex:0 0 46px;display:flex;align-items:center;justify-content:center;gap:1px;height:29px;padding:4px 12px 4px 7px;border:1px solid #70767d;border-radius:3px;background:linear-gradient(#4a525e 0%,#151e31 18%,#172643 58%,#0d172b 85%,#59616e 100%);box-shadow:inset 0 2px 3px #0009,0 1px 0 #ffffffc9;color:#e9f0ff;font-size:17px;font-weight:400;letter-spacing:0;line-height:1;text-shadow:0 1px 3px #000;overflow:hidden;user-select:none}
.pf-service-index:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:1px;background:#02091a66;box-shadow:0 1px #b5c9ff24;pointer-events:none}
.pf-counter-window{height:1em;width:.64em;overflow:hidden;position:relative}
.pf-counter-reel{display:flex;flex-direction:column;transform:translateY(calc(var(--pf-index,0)*-1em));transition:transform .63s cubic-bezier(.2,1.14,.35,1);will-change:transform}
.pf-counter-reel i{display:block;flex:0 0 1em;height:1em;line-height:1;font:inherit;font-style:normal}
.pf-counter-zero{line-height:1}
.pf-counter-notch{position:absolute;right:4px;top:10px;width:3px;height:7px;background:#4b82ff;border-radius:1px;box-shadow:0 0 4px #1352fb}
.pf-service-index.pf-still .pf-counter-reel{transition:none}

.button-blue.pf-key:hover,.button-blue.pf-key:active{transform:skewX(-15deg)}
.button-blue.pf-key{--pf-slide:0px}
.pf-button-arrow{position:relative;display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;isolation:isolate}
.pf-button-arrow svg{display:block;translate:calc(var(--pf-slide) + var(--pf-pull-x,0px)) var(--pf-pull-y,0px);transition:translate .42s cubic-bezier(.2,1.4,.4,1)}
.pf-button-arrow:before{content:"";position:absolute;left:-13px;right:-6px;top:8px;height:3px;background:linear-gradient(90deg,#03267500,#00194bcc 60%,#03236e);border-bottom:1px solid #a5c1ff66;border-radius:2px;opacity:0;transform:scaleX(.55);transform-origin:right;transition:opacity .22s,transform .45s cubic-bezier(.2,.8,.3,1);z-index:-1}
.pf-key:focus-visible{--pf-slide:6px}
.pf-key:focus-visible .pf-button-arrow:before{opacity:1;transform:scaleX(1)}
.pf-key:active{--pf-slide:-2px}
.pf-key:active>span:first-child{translate:0 1px}
@media(hover:hover) and (pointer:fine){.pf-key:hover{--pf-slide:6px}.pf-key:hover .pf-button-arrow:before{opacity:1;transform:scaleX(1)}.pf-key:active{--pf-slide:-2px}}
.pf-key.pf-still{--pf-slide:0px!important}
.pf-key.pf-still .pf-button-arrow svg{translate:0 0;transition:none}
.pf-key.pf-still .pf-button-arrow:before{transition:none}

.pf-reading-vernier{position:absolute;inset:auto 0 -5px;height:7px;pointer-events:none;background:repeating-linear-gradient(90deg,#474d575c 0 1px,transparent 1px 24px);border-top:1px solid #fcfcff5c;opacity:.9}
.pf-reading-vernier>span{position:absolute;top:-2px;left:clamp(8px,calc(var(--scroll,0)*100%),calc(100% - 8px));width:15px;height:7px;border:1px solid #b5cafa;border-radius:1px;background:linear-gradient(#397aff,#0638db 45%,#0b1e65);box-shadow:0 1px 2px #141b3c66;translate:-50% 0}
@media(max-width:620px){.service-instruction.pf-index-label{min-height:27px;margin-bottom:13px}.pf-service-index{height:27px;flex-basis:43px;font-size:16px}.pf-reading-vernier{background-size:auto;opacity:.7}.pf-button-arrow{flex-basis:17px;width:17px;height:17px}.ready .pf-button-arrow{flex-basis:15px;width:15px}.header-cta .pf-button-arrow{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-override) .pf-counter-reel,html:not(.motion-override) .pf-button-arrow svg,html:not(.motion-override) .pf-button-arrow:before{transition:none}html:not(.motion-override) .pf-button-arrow svg{translate:0 0}}
.reduce-motion .pf-counter-reel,.reduce-motion .pf-button-arrow svg,.reduce-motion .pf-button-arrow:before{transition:none}
.reduce-motion .pf-button-arrow svg{translate:0 0}
@media(forced-colors:active){.pf-service-index{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;text-shadow:none}.pf-counter-notch,.pf-reading-vernier>span{background:Highlight}.pf-reading-vernier{display:none}.pf-counter-notch{box-shadow:none}.pf-service-index:after,.pf-button-arrow:before{display:none}}
@media print{.pf-service-index,.pf-reading-vernier{display:none}}