.pd-callbar-outer{position:absolute;top:0;left:0;right:0;height:0}.pd-callbar{position:absolute;width:96vw;min-width:320px;max-width:550px;margin:.5rem .25rem;left:calc(50% - .25rem);-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:.5rem;background-color:rgba(44,60,85,.6);color:#fff;border-radius:.5rem;z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pd-callbar--minimize{border-radius:500px}.pd-callbar__caller{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:0 1rem;line-height:1.2;grid-template-columns:auto 1fr;grid-template-areas:"ava name" "ava meta" "ava time"}.pd-callbar__caller-ava{grid-area:ava}.pd-callbar__caller-name{grid-area:name;font-size:.95rem;align-self:end}.pd-callbar__caller-meta,.pd-callbar__caller-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-callbar__caller-meta{align-self:center;color:hsla(0,0%,100%,.7);font-size:.85rem;grid-area:meta}.pd-callbar__caller-time{align-self:start;font-size:.85rem;grid-area:time}.pd-callbar__footer{gap:.5rem}.pd-callbar__action,.pd-callbar__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pd-callbar__action{overflow:hidden;min-width:2rem;height:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:hsla(0,0%,100%,.2);border-radius:500px;padding:0;gap:.25rem;font-size:.9rem;-ms-flex-item-align:flex-eng;align-self:flex-eng}@media(max-width:480px){.pd-callbar__action{min-width:3rem;height:3rem}}.pd-callbar__action--text{padding:0 .75rem}@media(max-width:480px){.pd-callbar__action--text{padding:0}}.pd-callbar__action--danger{background-color:var(--color-danger)}.pd-callbar__action--primary{background-color:var(--color-primary)}.pd-callbar__action--success{background-color:var(--color-success)}.pd-callbar__action--warning{background-color:var(--color-warning);color:#000}.pd-callbar__action-text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.pd-callbar__action-text{display:none}}.pd-callbar__action-icon{-webkit-box-flex:0;-ms-flex:none;flex:none;width:1.2rem;height:1.2rem}@media(max-width:480px){.pd-callbar__action-icon{width:1.5rem;height:1.5rem}}.pd-callbar svg{width:100%;height:100%}.slide-rotate-hor-top-enter-active{animation:slide-rotate-hor-top 1s cubic-bezier(.68,-.55,.265,1.55) reverse backwards}.slide-rotate-hor-top-leave-active{-webkit-animation:slide-rotate-hor-top 1s cubic-bezier(.68,-.55,.265,1.55) backwards;animation:slide-rotate-hor-top 1s cubic-bezier(.68,-.55,.265,1.55) backwards}@-webkit-keyframes slide-rotate-hor-top{0%{-webkit-transform:translateX(-50%) translateY(0) rotateX(0deg);transform:translateX(-50%) translateY(0) rotateX(0deg)}to{-webkit-transform:translateX(-50%) translateY(-150px) rotateX(-90deg);transform:translateX(-50%) translateY(-150px) rotateX(-90deg)}}@keyframes slide-rotate-hor-top{0%{-webkit-transform:translateX(-50%) translateY(0) rotateX(0deg);transform:translateX(-50%) translateY(0) rotateX(0deg)}to{-webkit-transform:translateX(-50%) translateY(-150px) rotateX(-90deg);transform:translateX(-50%) translateY(-150px) rotateX(-90deg)}}