@property --companion-progress{syntax:"<number>";inherits:true;initial-value:1}.companion[data-v-3fe2d968]{--companion-size:70px;--companion-gap:30px;--companion-bottom:calc(20px + env(safe-area-inset-bottom) + var(--companion-keyboard-offset, 0px));--companion-ink:var(--a-theme-context-primary-color,#000);--companion-paper:var(--a-theme-context-secondary-color,#fff);position:relative}.companion__pill[data-v-3fe2d968],.companion__row[data-v-3fe2d968]{display:none}.companion__stick[data-v-3fe2d968]{display:block}.companion__button[data-v-3fe2d968]{align-items:center;border-radius:calc((1 - var(--companion-progress))*var(--companion-size)/2);box-shadow:inset 0 1px rgb(0 0 0/var(--companion-progress));display:flex;gap:var(--companion-gap);isolation:isolate;justify-content:space-between;overflow:clip;padding-block:calc(20px*var(--companion-progress));position:relative;text-align:left;touch-action:manipulation;width:100%}.companion__button[data-v-3fe2d968]:disabled{cursor:not-allowed;opacity:.65}.companion__button[data-v-3fe2d968]:focus-visible{outline:3px solid var(--companion-ink);outline-offset:4px}.companion__fill[data-v-3fe2d968],.companion__hover[data-v-3fe2d968]{background:var(--companion-ink);inset:0;pointer-events:none;position:absolute;z-index:-1}.companion__fill[data-v-3fe2d968]{opacity:calc(1 - var(--companion-progress))}.companion__hover[data-v-3fe2d968]{opacity:0;transition:opacity .2s ease}.companion__label[data-v-3fe2d968]{min-width:0;transition:color .2s ease}.companion__circle[data-v-3fe2d968]{border-radius:9999px;flex:none;height:var(--companion-size);position:relative;width:var(--companion-size)}.companion__ring[data-v-3fe2d968]{color:var(--companion-paper);height:100%;inset:0;opacity:calc(1 - var(--companion-progress));pointer-events:none;position:absolute;width:100%}.companion__ring-value[data-v-3fe2d968]{transition:stroke-dasharray .3s ease}@media(hover:hover){.companion__button:hover:not(:disabled) .companion__hover[data-v-3fe2d968]{opacity:1}.companion__button:hover:not(:disabled) .companion__label[data-v-3fe2d968]{color:var(--companion-paper)}.companion .companion__button:hover:not(:disabled) .companion__circle[data-v-3fe2d968] .button{background-color:color-mix(in srgb,var(--companion-paper) calc(var(--companion-progress)*100%),var(--companion-ink));color:color-mix(in srgb,var(--companion-ink) calc(var(--companion-progress)*100%),var(--companion-paper))}}.companion__circle[data-v-3fe2d968] .button{transition:background-color .2s ease,color .2s ease}@media(prefers-reduced-motion:reduce){.companion__circle[data-v-3fe2d968] .button,.companion__hover[data-v-3fe2d968],.companion__label[data-v-3fe2d968],.companion__ring-value[data-v-3fe2d968]{transition:none}}@supports (animation-timeline:view()) and (position:sticky){.companion[data-v-3fe2d968]{--companion-reach:0px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--companion-reach) auto;margin-top:calc(var(--companion-reach)*-1);pointer-events:none;timeline-scope:--companion-timeline}.companion__row[data-v-3fe2d968]{align-items:center;border-top:1px solid transparent;display:flex;gap:var(--companion-gap);grid-area:2/1;justify-content:space-between;padding-block:20px;view-timeline:--companion-timeline block;view-timeline-inset:0 var(--companion-bottom);visibility:hidden}.companion__row-label[data-v-3fe2d968]{min-width:0}.companion__row-spacer[data-v-3fe2d968]{flex:none;height:var(--companion-size);width:var(--companion-size)}.companion__stick[data-v-3fe2d968]{align-self:end;bottom:var(--companion-bottom);contain:size;display:grid;grid-area:1/1/3/2;grid-template:minmax(0,1fr) /minmax(0,1fr);height:calc(100% - var(--companion-reach));pointer-events:none;position:sticky;z-index:60}.companion__button[data-v-3fe2d968]{align-self:end;animation:companion-settle-3fe2d968 linear both;animation-range:entry 0 entry 100%;animation-timeline:--companion-timeline;gap:0;height:calc(var(--companion-size) + var(--companion-progress)*(100% - var(--companion-size)));justify-content:flex-end;justify-self:end;max-width:100%;min-width:calc(var(--companion-size) + var(--companion-progress)*(100% - var(--companion-size)));padding-block:0;pointer-events:auto;width:-moz-fit-content;width:fit-content}.companion__label[data-v-3fe2d968]{align-items:center;display:flex;inset-block:0;left:0;opacity:clamp(0,calc((var(--companion-progress) - .5)*2),1);overflow:hidden;pointer-events:none;position:absolute;right:calc(var(--companion-size) + var(--companion-gap))}.companion__pill[data-v-3fe2d968]{display:grid;flex:0 1 auto;grid-template-columns:0fr;max-width:calc((1 - var(--companion-progress))*100vw);min-width:0;transition:grid-template-columns .5s cubic-bezier(.22,1,.36,1)}.companion__pill-clip[data-v-3fe2d968]{min-width:0;overflow:hidden}.companion__pill-text[data-v-3fe2d968]{color:var(--companion-paper);display:block;opacity:0;padding-inline:30px var(--companion-gap);transition:opacity .3s ease;white-space:nowrap}.companion__button:focus-visible .companion__pill[data-v-3fe2d968]{grid-template-columns:1fr}.companion__button:focus-visible .companion__pill-text[data-v-3fe2d968]{opacity:1;transition-delay:.15s}@media(hover:hover){.companion__button:hover:not(:disabled) .companion__pill[data-v-3fe2d968]{grid-template-columns:1fr}.companion__button:hover:not(:disabled) .companion__pill-text[data-v-3fe2d968]{opacity:1;transition-delay:.15s}}@media(prefers-reduced-motion:reduce){.companion__button[data-v-3fe2d968]{animation-range:entry 92% entry 100%}.companion__pill[data-v-3fe2d968],.companion__pill-text[data-v-3fe2d968]{transition:none}}@keyframes companion-settle-3fe2d968{0%{--companion-progress:0}to{--companion-progress:1}}}.element-anchor-highlight-overlay[data-v-aa1ee8c1]{bottom:anchor(bottom);left:anchor(left);right:anchor(right);top:anchor(top)}.element-anchor-highlight-overlay[data-v-aa1ee8c1]::backdrop{background:transparent;pointer-events:none}.element-highlight-surface{background-color:color-mix(in srgb,var(--a-theme-context-primary-color,#000) 10%,transparent);outline-color:var(--a-theme-context-primary-color,#000)}@media(forced-colors:active){.element-highlight-surface{background-color:transparent;forced-color-adjust:none;outline-color:Highlight}}
