@layer bk.components{.popover__positioner{z-index:var(--bk-layer-dropdown)}.popover{font:var(--bk-type-body);--popover-slide-x:0;--popover-slide-y:0;box-sizing:border-box;max-width:min(22em, var(--available-width,22em));max-height:var(--available-height,none);padding:var(--space-sm) var(--space-md) var(--space-md);border:1px solid var(--border-bright);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text);box-shadow:var(--shadow-floating);animation:popover-enter var(--motion-medium-duration) var(--motion-enter-easing);flex-direction:column;display:flex}.popover:focus{outline:none}.popover[data-ending-style]{animation:popover-exit var(--motion-fast-duration) var(--motion-exit-easing) forwards}.popover[data-side=top]{--popover-slide-y:var(--motion-rise-distance)}.popover[data-side=bottom]{--popover-slide-y:calc(var(--motion-rise-distance) * -1)}.popover[data-side=left]{--popover-slide-x:var(--motion-rise-distance)}.popover[data-side=right]{--popover-slide-x:calc(var(--motion-rise-distance) * -1)}.popover[data-motion=none],.popover[data-motion=none][data-ending-style]{animation:none}.popover__header{align-items:flex-start;gap:var(--space-sm);flex:none;display:flex}.popover__title{font:var(--bk-type-heading-component);flex:1;margin:0;padding-block-start:var(--space-sm)}.popover__close{min-width:var(--target-touch-size);min-height:var(--target-touch-size);margin-inline:auto calc(var(--space-sm) * -1);border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.popover__close:hover{background:var(--surface2);color:var(--text)}.popover__close:focus-visible,.popover__info:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.popover__body{min-height:0;margin-inline:calc(var(--space-md) * -1);padding:var(--space-xs) var(--space-md) var(--space-md);margin-block-end:calc(var(--space-md) * -1);overflow-y:auto}.popover__body a{color:inherit;text-decoration:underline}.popover__arrow{background:0 0;block-size:6px;inline-size:12px;overflow:clip}.popover__arrow:before{content:"";box-sizing:border-box;background:var(--surface-elevated);border:1px solid var(--border-bright);block-size:8.48528px;inline-size:8.48528px;position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,50%)rotate(45deg)}.popover__arrow[data-side=top]{inset-block-end:-6px;rotate:180deg}.popover__arrow[data-side=bottom]{inset-block-start:-6px}.popover__arrow[data-side=left]{inset-inline-end:-9px;rotate:90deg}.popover__arrow[data-side=right]{inset-inline-start:-9px;rotate:-90deg}.popover__info{min-width:var(--target-touch-size);min-height:var(--target-touch-size);border-radius:var(--radius-md);color:var(--text-dim);vertical-align:middle;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.popover__info:hover,.popover__info[data-popup-open]{color:var(--text)}.popover__info--compact{border-radius:var(--radius-sm);min-width:1.4em;min-height:1.4em}@container bk-screen (width<=68.75em){.popover__info--compact{position:relative}.popover__info--compact:before{content:"";inset-block:min(0px,50% - .5lh);inset-inline:calc(50% - var(--target-touch-size) / 2);position:absolute}}@media (pointer:coarse){.popover__info--compact{position:relative}.popover__info--compact:before{content:"";inset-block:min(0px,50% - .5lh);inset-inline:calc(50% - var(--target-touch-size) / 2);position:absolute}}@keyframes popover-enter{0%{opacity:0;transform:translate(var(--popover-slide-x), var(--popover-slide-y))}}@keyframes popover-exit{to{opacity:0;transform:translate(var(--popover-slide-x), var(--popover-slide-y))}}@keyframes popover-fade-enter{0%{opacity:0}}@keyframes popover-fade-exit{to{opacity:0}}@media (prefers-reduced-motion:reduce){:where(:root:not([data-prefers-reduced-motion=no-preference])) .popover{animation-name:popover-fade-enter}:where(:root:not([data-prefers-reduced-motion=no-preference])) .popover[data-ending-style]{animation-name:popover-fade-exit}}:where(:root[data-prefers-reduced-motion=reduce]) .popover{animation-name:popover-fade-enter}:where(:root[data-prefers-reduced-motion=reduce]) .popover[data-ending-style]{animation-name:popover-fade-exit}}