:host,:root{--xzx-popover-arrow-size:6px;--xzx-popover-radius:var(--xzx-br-base);--xzx-popover-action-width:86px;--xzx-popover-action-height:54px;--xzx-popover-action-font-size:var(--xzx-text-base);--xzx-popover-action-line-height:var(--xzx-text-base);--xzx-popover-action-icon-size:20px;--xzx-popover-horizontal-action-height:34px;--xzx-popover-horizontal-action-icon-size:16px;--xzx-popover-light-text-color:var(--xzx-text-color);--xzx-popover-light-background:var(--xzx-background-2);--xzx-popover-light-action-disabled-text-color:var(--xzx-text-color-3);--xzx-popover-dark-text-color:var(--xzx-white);--xzx-popover-dark-background:#4a4a4a;--xzx-popover-dark-action-disabled-text-color:var(--xzx-text-color-2)}.xzx-popover{background-color:transparent;overflow:visible;position:absolute;transition:opacity .15s,transform .15s}.xzx-popover__wrapper{display:inline-block}.xzx-popover__arrow{border-color:transparent;border-style:solid;border-width:var(--xzx-popover-arrow-size);height:0;position:absolute;width:0}.xzx-popover__content{border-radius:var(--xzx-popover-radius);overflow:hidden}.xzx-popover__content--horizontal{display:flex;width:-moz-max-content;width:max-content}.xzx-popover__content--horizontal .xzx-popover__action{flex:none;height:var(--xzx-popover-horizontal-action-height);padding:0 var(--xzx-padding-sm);width:auto}.xzx-popover__content--horizontal .xzx-popover__action:last-child:after{display:none}.xzx-popover__content--horizontal .xzx-popover__action-icon{font-size:var(--xzx-popover-horizontal-action-icon-size);margin-right:var(--xzx-padding-base)}.xzx-popover__action{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--xzx-popover-action-font-size);height:var(--xzx-popover-action-height);line-height:var(--xzx-popover-action-line-height);min-width:var(--xzx-popover-action-width);padding:0 var(--xzx-padding-md);position:relative}.xzx-popover__action:last-child .xzx-popover__action-text:after{display:none}.xzx-popover__action-text{align-items:center;display:flex;flex:1;height:100%}.xzx-popover__action-icon{font-size:var(--xzx-popover-action-icon-size);margin-right:var(--xzx-padding-base)}.xzx-popover__action--with-icon .xzx-popover__action-text{justify-content:flex-start}.xzx-popover[data-popper-placement^=top] .xzx-popover__arrow{border-bottom-width:0;border-top-color:currentColor;bottom:0;margin-bottom:calc(var(--xzx-popover-arrow-size)*-1)}.xzx-popover[data-popper-placement=top]{transform-origin:50% 100%}.xzx-popover[data-popper-placement=top] .xzx-popover__arrow{left:50%;transform:translateX(-50%)}.xzx-popover[data-popper-placement=top-start]{transform-origin:0 100%}.xzx-popover[data-popper-placement=top-start] .xzx-popover__arrow{left:var(--xzx-padding-md)}.xzx-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.xzx-popover[data-popper-placement=top-end] .xzx-popover__arrow{right:var(--xzx-padding-md)}.xzx-popover[data-popper-placement^=left] .xzx-popover__arrow{border-left-color:currentColor;border-right-width:0;margin-right:calc(var(--xzx-popover-arrow-size)*-1);right:0}.xzx-popover[data-popper-placement=left]{transform-origin:100% 50%}.xzx-popover[data-popper-placement=left] .xzx-popover__arrow{top:50%;transform:translateY(-50%)}.xzx-popover[data-popper-placement=left-start]{transform-origin:100% 0}.xzx-popover[data-popper-placement=left-start] .xzx-popover__arrow{top:var(--xzx-padding-md)}.xzx-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.xzx-popover[data-popper-placement=left-end] .xzx-popover__arrow{bottom:var(--xzx-padding-md)}.xzx-popover[data-popper-placement^=right] .xzx-popover__arrow{border-left-width:0;border-right-color:currentColor;left:0;margin-left:calc(var(--xzx-popover-arrow-size)*-1)}.xzx-popover[data-popper-placement=right]{transform-origin:0 50%}.xzx-popover[data-popper-placement=right] .xzx-popover__arrow{top:50%;transform:translateY(-50%)}.xzx-popover[data-popper-placement=right-start]{transform-origin:0 0}.xzx-popover[data-popper-placement=right-start] .xzx-popover__arrow{top:var(--xzx-padding-md)}.xzx-popover[data-popper-placement=right-end]{transform-origin:0 100%}.xzx-popover[data-popper-placement=right-end] .xzx-popover__arrow{bottom:var(--xzx-padding-md)}.xzx-popover[data-popper-placement^=bottom] .xzx-popover__arrow{border-bottom-color:currentColor;border-top-width:0;margin-top:calc(var(--xzx-popover-arrow-size)*-1);top:0}.xzx-popover[data-popper-placement=bottom]{transform-origin:50% 0}.xzx-popover[data-popper-placement=bottom] .xzx-popover__arrow{left:50%;transform:translateX(-50%)}.xzx-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.xzx-popover[data-popper-placement=bottom-start] .xzx-popover__arrow{left:var(--xzx-padding-md)}.xzx-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.xzx-popover[data-popper-placement=bottom-end] .xzx-popover__arrow{right:var(--xzx-padding-md)}.xzx-popover--light{color:var(--xzx-popover-light-text-color)}.xzx-popover--light .xzx-popover__content{background:var(--xzx-popover-light-background);box-shadow:var(--xzx-shadow-base)}.xzx-popover--light .xzx-popover__arrow{color:var(--xzx-popover-light-background)}.xzx-popover--light .xzx-popover__action:active{background-color:var(--xzx-active-color)}.xzx-popover--light .xzx-popover__action--disabled{color:var(--xzx-popover-light-action-disabled-text-color);cursor:not-allowed}.xzx-popover--light .xzx-popover__action--disabled:active{background-color:transparent}.xzx-popover--dark{color:var(--xzx-popover-dark-text-color)}.xzx-popover--dark .xzx-popover__content{background:var(--xzx-popover-dark-background)}.xzx-popover--dark .xzx-popover__arrow{color:var(--xzx-popover-dark-background)}.xzx-popover--dark .xzx-popover__action:active{background-color:rgba(0,0,0,.2)}.xzx-popover--dark .xzx-popover__action--disabled{color:var(--xzx-popover-dark-action-disabled-text-color)}.xzx-popover--dark .xzx-popover__action--disabled:active{background-color:transparent}.xzx-popover--dark .xzx-popover__action-text:after{border-color:var(--xzx-gray-7)}.xzx-popover-zoom-enter-from,.xzx-popover-zoom-leave-active{opacity:0;transform:scale(.8)}.xzx-popover-zoom-enter-active{transition-timing-function:var(--xzx-ease-out)}.xzx-popover-zoom-leave-active{transition-timing-function:var(--xzx-ease-in)}