.viewport-side-panel[data-v-d18ebaff]{--viewport-side-panel-safe-right:env(safe-area-inset-right,0px);--viewport-side-panel-width:min(17.9375rem, calc(100vw - 3.125rem - env(safe-area-inset-left,0px) - var(--viewport-side-panel-safe-right)));display:none}.viewport-side-panel__backdrop[data-v-d18ebaff]{z-index:240;background:var(--color-bg-viewport-side-panel-backdrop);cursor:pointer;border:0;padding:0;position:fixed;inset:0}.viewport-side-panel__panel[data-v-d18ebaff]{z-index:242;top:50%;right:var(--viewport-side-panel-safe-right);box-sizing:border-box;width:var(--viewport-side-panel-width);max-height:min(33.1875rem,calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem));max-height:min(33.1875rem,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem));background:var(--color-bg-canvas);min-height:0;color:var(--color-text-primary);pointer-events:none;visibility:hidden;border-radius:.5rem 0 0 .5rem;outline:none;flex-direction:column;padding:1rem;transition:transform .4s ease-in-out,visibility 0s linear .4s;display:flex;position:fixed;transform:translate(100%,-50%)}.viewport-side-panel__panel--open[data-v-d18ebaff]{pointer-events:auto;visibility:visible;transition:transform .4s ease-in-out,visibility;transform:translateY(-50%)}.viewport-side-panel__panel--hinting[data-v-d18ebaff]{visibility:visible;transition:none;animation:.8s ease-in-out viewport-side-panel-peek-d18ebaff}.viewport-side-panel__header[data-v-d18ebaff]{flex:none;justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.viewport-side-panel__heading[data-v-d18ebaff]{flex:auto;min-width:0}.viewport-side-panel__title[data-v-d18ebaff],.viewport-side-panel__title[data-v-d18ebaff-s]{color:var(--color-text-title);margin:0;font-size:1rem;font-weight:700;line-height:1.5}.viewport-side-panel__action[data-v-d18ebaff]:disabled{border:1px solid var(--color-border-strong);background:var(--color-bg-content-subtle);color:var(--color-text-supporting);cursor:default}.viewport-side-panel__close[data-v-d18ebaff]{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 2.75rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.viewport-side-panel__close-icon[data-v-d18ebaff]{-o-object-fit:none;object-fit:none;width:1.25rem;height:1.25rem;display:block}.viewport-side-panel__content[data-v-d18ebaff]{overscroll-behavior:contain;flex:0 auto;min-height:0;margin-top:1rem;overflow-y:auto}.viewport-side-panel__footer[data-v-d18ebaff]{flex:none;margin-top:1rem}.viewport-side-panel__action[data-v-d18ebaff]{background:var(--color-brand-interactive);width:100%;min-height:2.75rem;color:var(--color-text-on-dark);cursor:pointer;font:inherit;border:0;border-radius:.5rem;justify-content:center;align-items:center;padding:.4375rem 1rem;font-size:.875rem;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.viewport-side-panel__trigger[data-v-d18ebaff]{z-index:243;top:50%;right:var(--viewport-side-panel-safe-right);cursor:pointer;background:0 0;border:0;width:2.625rem;height:3.75rem;padding:0;transition:right .4s ease-in-out;position:fixed;transform:translateY(-50%)}.viewport-side-panel__trigger--open[data-v-d18ebaff]{right:calc(var(--viewport-side-panel-width) + var(--viewport-side-panel-safe-right))}.viewport-side-panel__trigger--hinting[data-v-d18ebaff]{animation:.8s ease-in-out viewport-side-panel-trigger-peek-d18ebaff}.viewport-side-panel__trigger-surface[data-v-d18ebaff]{background:var(--color-bg-viewport-side-panel-trigger);width:2.625rem;height:3.75rem;color:var(--color-text-on-dark);border-radius:.5rem 0 0 .5rem;justify-content:center;align-items:center;transition:background-color .16s,color .16s;display:flex;position:absolute;top:0;right:0}.viewport-side-panel__trigger--hinting .viewport-side-panel__trigger-surface[data-v-d18ebaff],.viewport-side-panel__trigger--open .viewport-side-panel__trigger-surface[data-v-d18ebaff]{background:var(--color-bg-canvas);width:2.375rem;color:var(--color-text-brand);justify-content:flex-start;padding-left:.25rem;padding-right:.625rem}.viewport-side-panel__chevron[data-v-d18ebaff]{background:currentColor;width:1.5rem;height:1.5rem;transition:transform .2s ease-in-out;transform:rotate(90deg);-webkit-mask:url(../svgs/layout/side-panel-chevron.svg) 50%/contain no-repeat;mask:url(../svgs/layout/side-panel-chevron.svg) 50%/contain no-repeat}.viewport-side-panel__trigger--open .viewport-side-panel__chevron[data-v-d18ebaff]{transform:rotate(-90deg)}.viewport-side-panel__action[data-v-d18ebaff]:focus-visible,.viewport-side-panel__action[data-v-d18ebaff]:hover{background:var(--color-brand-primary)}.viewport-side-panel__action[data-v-d18ebaff]:focus-visible,.viewport-side-panel__close[data-v-d18ebaff]:focus-visible,.viewport-side-panel__trigger[data-v-d18ebaff]:focus-visible{outline:.125rem solid var(--color-brand-highlight);outline-offset:.125rem}.viewport-side-panel-backdrop-enter-active[data-v-d18ebaff],.viewport-side-panel-backdrop-leave-active[data-v-d18ebaff]{transition:opacity .4s ease-in-out}.viewport-side-panel-backdrop-enter-from[data-v-d18ebaff],.viewport-side-panel-backdrop-leave-to[data-v-d18ebaff]{opacity:0}@keyframes viewport-side-panel-peek-d18ebaff{0%,to{transform:translate(100%,-50%)}50%{transform:translate(calc(100% - 4rem),-50%)}}@keyframes viewport-side-panel-trigger-peek-d18ebaff{0%,to{right:var(--viewport-side-panel-safe-right)}50%{right:calc(4rem + var(--viewport-side-panel-safe-right))}}@media (width<=59.999rem){.viewport-side-panel[data-v-d18ebaff]{display:block}}@media (prefers-reduced-motion:reduce){.viewport-side-panel-backdrop-enter-active[data-v-d18ebaff],.viewport-side-panel-backdrop-leave-active[data-v-d18ebaff],.viewport-side-panel__chevron[data-v-d18ebaff],.viewport-side-panel__panel[data-v-d18ebaff],.viewport-side-panel__trigger[data-v-d18ebaff],.viewport-side-panel__trigger-surface[data-v-d18ebaff]{transition:none}.viewport-side-panel__panel--hinting[data-v-d18ebaff],.viewport-side-panel__trigger--hinting[data-v-d18ebaff]{animation:none}}