.ds-popover{--popover-collision-inline:0%;--popover-collision-block:0%;display:inline-flex;position:relative}.ds-popover__panel{box-sizing:border-box;gap:var(--ds-popover-panel-gap-default);inline-size:max-content;max-inline-size:min(var(--ds-popover-panel-max-width-default), calc(100vw - (var(--ds-popover-panel-padding-x-default) * 2)));max-block-size:calc(100vh - (var(--ds-popover-panel-padding-y-default) * 2));padding:var(--ds-popover-panel-padding-y-default) var(--ds-popover-panel-padding-x-default);background:var(--ds-popover-panel-bg-default);color:var(--ds-popover-body-color-default);border:var(--ds-popover-panel-border-width-default) solid var(--ds-popover-panel-border-color-default);border-radius:var(--ds-popover-panel-radius-default);box-shadow:var(--ds-popover-panel-shadow-default);font-family:var(--ds-body-font-family-sans);font-size:var(--ds-body-font-size-sm);font-weight:var(--ds-body-font-weight-regular);line-height:var(--ds-body-line-height-sm);z-index:var(--ds-z-tooltip);flex-direction:column;display:flex;position:absolute;overflow:auto}.ds-popover__panel[hidden]{display:none}.ds-popover__header{min-inline-size:0;padding-inline-end:var(--ds-popover-close-size-default);position:relative}.ds-popover__title{color:var(--ds-popover-title-color-default);font-size:var(--ds-body-font-size-sm);font-weight:var(--ds-body-font-weight-semibold);line-height:var(--ds-body-line-height-sm);margin:0}.ds-popover__close{box-sizing:border-box;inline-size:var(--ds-popover-close-size-default);block-size:var(--ds-popover-close-size-default);padding:var(--ds-popover-close-padding-default);color:var(--ds-popover-close-color-default);border-radius:var(--ds-radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:calc(var(--ds-popover-panel-padding-y-default) - (var(--ds-popover-close-padding-default) / 2) - var(--ds-popover-panel-border-width-default));inset-inline-end:calc(var(--ds-popover-panel-padding-x-default) - var(--ds-popover-panel-border-width-default))}.ds-popover__close .ds-icon{inline-size:var(--ds-popover-close-icon-size-default);block-size:var(--ds-popover-close-icon-size-default);color:currentColor;stroke-width:var(--ds-popover-close-icon-stroke-width-default)}.ds-popover__close:hover{color:var(--ds-content-strong)}.ds-popover__close:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color-default);outline-offset:var(--ds-focus-ring-width)}.ds-popover__body{gap:var(--ds-popover-body-gap-default);min-inline-size:0;flex-direction:column;margin:0;padding-block-end:var(--ds-popover-body-padding-bottom-default);display:flex}.ds-popover__body>:first-child,.ds-popover__content>:first-child{margin-block-start:0}.ds-popover__body>:last-child,.ds-popover__content>:last-child{margin-block-end:0}.ds-popover__content{gap:var(--ds-popover-content-slot-gap-default);flex-direction:column;min-inline-size:0;display:flex}.ds-popover__actions{justify-content:flex-end;align-items:center;gap:var(--ds-popover-actions-gap-default);padding-block-start:var(--ds-popover-actions-padding-top-default);display:flex}.ds-popover:before,.ds-popover:after{box-sizing:border-box;z-index:calc(var(--ds-z-tooltip) + 1);content:none;pointer-events:none;position:absolute}.ds-popover:before{background:var(--ds-popover-panel-border-color-default);background:color-mix(in srgb, var(--ds-popover-panel-border-color-default), var(--ds-popover-body-color-default) 25%)}.ds-popover:after{background:var(--ds-popover-arrow-fill-default)}.ds-popover:has(>.ds-popover__panel:not([hidden])):before,.ds-popover:has(>.ds-popover__panel:not([hidden])):after{content:""}.ds-popover--bottom .ds-popover__panel{transform:translateX(calc(-50% + var(--popover-collision-inline,0%)));inset-block-start:calc(100% + (var(--ds-popover-arrow-base-default) / 2));inset-inline-start:50%}.ds-popover--bottom:before,.ds-popover--bottom:after{clip-path:polygon(0 100%,50% 0,100% 100%);inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%)}.ds-popover--bottom:before{inline-size:var(--ds-popover-arrow-base-default);block-size:calc((var(--ds-popover-arrow-base-default) / 2) + var(--ds-popover-panel-border-width-default))}.ds-popover--bottom:after{inline-size:calc(var(--ds-popover-arrow-base-default) - (var(--ds-popover-panel-border-width-default) * 2));block-size:calc(var(--ds-popover-arrow-base-default) / 2);inset-block-start:calc(100% + var(--ds-popover-panel-border-width-default))}.ds-popover--top .ds-popover__panel{transform:translateX(calc(-50% + var(--popover-collision-inline,0%)));inset-block-end:calc(100% + (var(--ds-popover-arrow-base-default) / 2));inset-inline-start:50%}.ds-popover--top:before,.ds-popover--top:after{clip-path:polygon(0 0,100% 0,50% 100%);inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%)}.ds-popover--top:before{inline-size:var(--ds-popover-arrow-base-default);block-size:calc((var(--ds-popover-arrow-base-default) / 2) + var(--ds-popover-panel-border-width-default))}.ds-popover--top:after{inline-size:calc(var(--ds-popover-arrow-base-default) - (var(--ds-popover-panel-border-width-default) * 2));block-size:calc(var(--ds-popover-arrow-base-default) / 2);inset-block-end:calc(100% + var(--ds-popover-panel-border-width-default))}.ds-popover--left .ds-popover__panel{transform:translateY(calc(-50% + var(--popover-collision-block,0%)));inset-block-start:50%;inset-inline-end:calc(100% + (var(--ds-popover-arrow-base-default) / 2))}.ds-popover--left:before,.ds-popover--left:after{clip-path:polygon(0 0,100% 50%,0 100%);inset-block-start:50%;inset-inline-end:100%;transform:translateY(-50%)}.ds-popover--left:before{inline-size:calc((var(--ds-popover-arrow-base-default) / 2) + var(--ds-popover-panel-border-width-default));block-size:var(--ds-popover-arrow-base-default)}.ds-popover--left:after{inline-size:calc(var(--ds-popover-arrow-base-default) / 2);block-size:calc(var(--ds-popover-arrow-base-default) - (var(--ds-popover-panel-border-width-default) * 2));inset-inline-end:calc(100% + var(--ds-popover-panel-border-width-default))}.ds-popover--right .ds-popover__panel{transform:translateY(calc(-50% + var(--popover-collision-block,0%)));inset-block-start:50%;inset-inline-start:calc(100% + (var(--ds-popover-arrow-base-default) / 2))}.ds-popover--right:before,.ds-popover--right:after{clip-path:polygon(100% 0,0 50%,100% 100%);inset-block-start:50%;inset-inline-start:100%;transform:translateY(-50%)}.ds-popover--right:before{inline-size:calc((var(--ds-popover-arrow-base-default) / 2) + var(--ds-popover-panel-border-width-default));block-size:var(--ds-popover-arrow-base-default)}.ds-popover--right:after{inline-size:calc(var(--ds-popover-arrow-base-default) / 2);block-size:calc(var(--ds-popover-arrow-base-default) - (var(--ds-popover-panel-border-width-default) * 2));inset-inline-start:calc(100% + var(--ds-popover-panel-border-width-default))}.ds-popover.ds-popover--no-arrow:has(>.ds-popover__panel):before,.ds-popover.ds-popover--no-arrow:has(>.ds-popover__panel):after{content:none}@media (prefers-reduced-motion:reduce){.ds-popover__panel{scroll-behavior:auto}}