.popover-notifications-drawer .profile-picture,.realtime-notifications .profile-picture{display:inline-block;height:55px;position:relative;width:55px}.popover-notifications-drawer .profile-picture:after,.realtime-notifications .profile-picture:after{background-color:#95979d;border:2px solid #fff;border-radius:50%;bottom:0;content:"";display:block;height:10px;position:absolute;right:0;width:10px;z-index:1}.popover-notifications-drawer .profile-picture.online:after,.realtime-notifications .profile-picture.online:after{background-color:#1dbf73}.popover-notifications-drawer .profile-picture .user-image,.popover-notifications-drawer .profile-picture .user-initial,.realtime-notifications .profile-picture .user-image,.realtime-notifications .profile-picture .user-initial{border-radius:50%;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.popover-notifications-drawer .profile-picture .user-initial,.realtime-notifications .profile-picture .user-initial{background-color:#e4e5e7;color:#95979d;font-size:30px;line-height:55px;text-align:center;text-transform:uppercase}.popover-notifications-drawer .profile-picture .user-image,.realtime-notifications .profile-picture .user-image{background-size:cover}
.popover-notifications-drawer .notification-icon,.realtime-notifications .notification-icon{background:transparent url(https://fiverr-res.cloudinary.com/npm-assets/layout-service/sprite-notification-icons.5125a99.svg) no-repeat 0 0;display:inline-block;height:55px;width:55px}.popover-notifications-drawer .notification-icon.read.present,.realtime-notifications .notification-icon.read.present{background-position:0 0}.popover-notifications-drawer .notification-icon.read.ribbon,.realtime-notifications .notification-icon.read.ribbon{background-position:-55px 0}.popover-notifications-drawer .notification-icon.read.pencil,.realtime-notifications .notification-icon.read.pencil{background-position:-110px 0}.popover-notifications-drawer .notification-icon.read.times,.realtime-notifications .notification-icon.read.times{background-position:-165px 0}.popover-notifications-drawer .notification-icon.read.docs,.realtime-notifications .notification-icon.read.docs{background-position:-220px 0}.popover-notifications-drawer .notification-icon.read.bell,.realtime-notifications .notification-icon.read.bell{background-position:-275px 0}.popover-notifications-drawer .notification-icon.read.phone,.realtime-notifications .notification-icon.read.phone{background-position:-330px 0}.popover-notifications-drawer .notification-icon.read.team,.realtime-notifications .notification-icon.read.team{background-position:-385px 0}.popover-notifications-drawer .notification-icon.read.member,.realtime-notifications .notification-icon.read.member{background-position:-440px 0}.popover-notifications-drawer .notification-icon.read.form,.realtime-notifications .notification-icon.read.form{background-position:-495px 0}.popover-notifications-drawer .notification-icon.read.suitcase,.realtime-notifications .notification-icon.read.suitcase{background-position:-550px 0}.popover-notifications-drawer .notification-icon.present,.realtime-notifications .notification-icon.present{background-position:0 -55px}.popover-notifications-drawer .notification-icon.ribbon,.realtime-notifications .notification-icon.ribbon{background-position:-55px -55px}.popover-notifications-drawer .notification-icon.pencil,.realtime-notifications .notification-icon.pencil{background-position:-110px -55px}.popover-notifications-drawer .notification-icon.times,.realtime-notifications .notification-icon.times{background-position:-165px -55px}.popover-notifications-drawer .notification-icon.docs,.realtime-notifications .notification-icon.docs{background-position:-220px -55px}.popover-notifications-drawer .notification-icon.bell,.realtime-notifications .notification-icon.bell{background-position:-275px -55px}.popover-notifications-drawer .notification-icon.phone,.realtime-notifications .notification-icon.phone{background-position:-330px -55px}.popover-notifications-drawer .notification-icon.team,.realtime-notifications .notification-icon.team{background-position:-385px -55px}.popover-notifications-drawer .notification-icon.member,.realtime-notifications .notification-icon.member{background-position:-440px -55px}.popover-notifications-drawer .notification-icon.form,.realtime-notifications .notification-icon.form{background-position:-495px -55px}.popover-notifications-drawer .notification-icon.suitcase,.realtime-notifications .notification-icon.suitcase{background-position:-550px -55px}.popover-notifications-drawer .notification-icon.fiverr-pro,.realtime-notifications .notification-icon.fiverr-pro{background:url(https://fiverr-res.cloudinary.com/npm-assets/layout-service/fiverr-pro.a2b40f8.svg) no-repeat 0 0;background-size:cover}
._ArTnXh{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:10000}._ArTnXh.gYHCGia{display:none!important}.z_09E43{-webkit-animation:EcGyBE6 .1s linear;animation:EcGyBE6 .1s linear}@-webkit-keyframes EcGyBE6{0%{opacity:0}to{opacity:1}}@keyframes EcGyBE6{0%{opacity:0}to{opacity:1}}.uVRvwXo{background-color:#fff;border:1px solid #e4e5e7;border-radius:4px;-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.05);box-shadow:0 0 5px 1px rgba(0,0,0,.05);position:relative}
.UTjO0k8,.UTjO0k8 .hnCuYDU{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.UTjO0k8 .hnCuYDU{-webkit-box-sizing:border-box;box-sizing:border-box}.UTjO0k8.KTcmvp9>.hnCuYDU{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.UTjO0k8._2mddUxg{position:relative}.GRI71DZ{left:0;position:absolute;top:0;width:100%;z-index:1}
.V8VkUD3 .q85HsD7{background:#404145;border:none;-webkit-box-shadow:none;box-shadow:none;color:#fff;font-size:14px;line-height:21px;padding:12px;text-align:left}.V8VkUD3 .kNEjg0I:after{content:"";height:0;position:absolute;width:0;z-index:1003}.V8VkUD3 .kNEjg0I[data-position^=bottom]:after,.V8VkUD3 .kNEjg0I[data-position^=top]:after{border-left:6px solid transparent;border-right:6px solid transparent;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.V8VkUD3 .kNEjg0I[data-position^=top]:after{border-top:6px solid #404145;bottom:2px}.V8VkUD3 .kNEjg0I[data-position^=bottom]:after{border-bottom:6px solid #404145;top:2px}.V8VkUD3 .kNEjg0I[data-position^=left]:after,.V8VkUD3 .kNEjg0I[data-position^=right]:after{border-bottom:6px solid transparent;border-top:6px solid transparent;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.V8VkUD3 .kNEjg0I[data-position^=left]:after{border-left:6px solid #404145;right:2px}.V8VkUD3 .kNEjg0I[data-position^=right]:after{border-right:6px solid #404145;left:2px}.V8VkUD3 .kNEjg0I[data-position$=-right]{right:-15px}.V8VkUD3 .kNEjg0I[data-position$=-left]{left:-15px}.V8VkUD3 .kNEjg0I[data-position$=-top]{top:-15px}.V8VkUD3 .kNEjg0I[data-position$=-bottom]{bottom:-15px}
.popover-notifications-drawer .toggle-read{background:url(https://fiverr-res.cloudinary.com/npm-assets/layout-service/icn-unread.b9e1d06.svg) 0 -57px/17px no-repeat;display:block;height:20px;width:17px}.popover-notifications-drawer .toggle-read:hover{background-position:0 -86px}.popover-notifications-drawer .toggle-read.read{background-position:0 1px}.popover-notifications-drawer .toggle-read.read:hover{background-position:0 -28px}.toggle-read-tooltip-container{z-index:10000000!important}
.popover-notifications-drawer .unread-container{color:#fff;display:inline-block;line-height:26px}.popover-notifications-drawer .unread-container .unread-count{background-color:#1dbf73;border-radius:10px;font-size:11px;margin-right:5px;padding:1px 5px;vertical-align:top}
.g9bDyKZ{fill:#74767e;background:none;border:none;display:inline-block;margin:0;padding:0}.g9bDyKZ svg{float:left;height:100%;width:100%}.g9bDyKZ.hoG_d3S{cursor:pointer}.g9bDyKZ:focus{outline:none}
.GiwLuV_{color:#b5b6ba;font-size:12px;padding:5px 0}.GiwLuV_ .hIAZyHm{display:none;margin-left:5px;margin-right:5px;vertical-align:middle}.GiwLuV_ .hIAZyHm path{fill:currentcolor}.GiwLuV_ .hIAZyHm:not(:last-child){display:inline-block}.GiwLuV_ .crgjWB5{vertical-align:middle}.GiwLuV_ .crgjWB5 path{fill:currentcolor}.GiwLuV_ .crgjWB5:hover path{color:#62646a}.Xs8Nhri{z-index:10000000!important}
.popover-notifications-drawer .content,.realtime-notifications .content{font-size:14px;line-height:15px;max-height:45px;overflow:hidden;position:relative}.popover-notifications-drawer .content-container,.realtime-notifications .content-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.popover-notifications-drawer .content-container .display-name,.popover-notifications-drawer .content-container .username,.realtime-notifications .content-container .display-name,.realtime-notifications .content-container .username{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-notifications-drawer .content-container .username,.realtime-notifications .content-container .username{padding-left:4px}
.popover-notifications-drawer .preview-image,.realtime-notifications .preview-image{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:100%;width:100%}.popover-notifications-drawer.story-container,.realtime-notifications.story-container{height:30px;width:30px}
.popover-notifications-drawer .drawer-item,.realtime-notifications .drawer-item{background:#ebf2f5;position:relative}.popover-notifications-drawer .drawer-item .main-action,.realtime-notifications .drawer-item .main-action{-webkit-box-sizing:border-box;box-sizing:border-box;color:#62646a;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-height:90px;padding:15px;text-decoration:none}.popover-notifications-drawer .drawer-item.toast,.realtime-notifications .drawer-item.toast{border-radius:5px;-webkit-box-shadow:0 5px 10px #888;box-shadow:0 5px 10px #888}.popover-notifications-drawer .drawer-item.toast:hover,.realtime-notifications .drawer-item.toast:hover{background:#daecf2}.popover-notifications-drawer .drawer-item.toast:hover .content:after,.realtime-notifications .drawer-item.toast:hover .content:after{background:-webkit-gradient(linear,right top,left top,from(#daecf2),to(rgba(218,236,242,0)));background:linear-gradient(270deg,#daecf2,rgba(218,236,242,0))}.popover-notifications-drawer .drawer-item.toast .item-gutter,.realtime-notifications .drawer-item.toast .item-gutter{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.popover-notifications-drawer .drawer-item.toast .main-action,.realtime-notifications .drawer-item.toast .main-action{padding-bottom:10px;padding-top:10px}.popover-notifications-drawer .drawer-item:not(.toast):not(:last-child),.realtime-notifications .drawer-item:not(.toast):not(:last-child){border-bottom:1px solid #e4e5e7}.popover-notifications-drawer .drawer-item .item-content-wrapper,.realtime-notifications .drawer-item .item-content-wrapper{-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;max-width:245px}.popover-notifications-drawer .drawer-item .image-wrapper,.realtime-notifications .drawer-item .image-wrapper{padding-right:10px;width:55px}.popover-notifications-drawer .drawer-item.read,.realtime-notifications .drawer-item.read{background:#fff}.popover-notifications-drawer .drawer-item.read .controls,.realtime-notifications .drawer-item.read .controls{opacity:0}.popover-notifications-drawer .drawer-item.read .content:after,.realtime-notifications .drawer-item.read .content:after{background:-webkit-gradient(linear,right top,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}.popover-notifications-drawer .drawer-item .dismiss,.realtime-notifications .drawer-item .dismiss{background:transparent;border:0;color:#a9c1cb;position:absolute;right:8px;top:8px}.popover-notifications-drawer .drawer-item .dismiss path,.realtime-notifications .drawer-item .dismiss path{fill:currentcolor}.popover-notifications-drawer .drawer-item .content:after,.realtime-notifications .drawer-item .content:after{background:-webkit-gradient(linear,right top,left top,from(#ebf2f5),to(rgba(235,242,245,0)));background:linear-gradient(270deg,#ebf2f5,rgba(235,242,245,0));content:"";display:block;height:15px;position:absolute;right:0;top:30px;width:100px}.popover-notifications-drawer .drawer-item:not(.toast):hover .content:after,.realtime-notifications .drawer-item:not(.toast):hover .content:after{background:-webkit-gradient(linear,right top,left top,from(#f5f5f5),to(hsla(0,0%,96%,0)));background:linear-gradient(270deg,#f5f5f5,hsla(0,0%,96%,0))}.popover-notifications-drawer .drawer-item.wide .item-gutter,.realtime-notifications .drawer-item.wide .item-gutter{width:95px}.popover-notifications-drawer .drawer-item.wide .unread-container,.realtime-notifications .drawer-item.wide .unread-container{width:17px}.popover-notifications-drawer .drawer-item.wide .controls,.realtime-notifications .drawer-item.wide .controls{width:auto}.popover-notifications-drawer .drawer-item.wide .preview-image-wrapper,.realtime-notifications .drawer-item.wide .preview-image-wrapper{-webkit-box-ordinal-group:0;-ms-flex-order:-1;height:55px;margin-right:5px;-webkit-order:-1;order:-1;width:55px}.popover-notifications-drawer .drawer-item .item-gutter,.realtime-notifications .drawer-item .item-gutter{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end;width:55px}.popover-notifications-drawer .drawer-item .item-gutter .controls,.realtime-notifications .drawer-item .item-gutter .controls{height:25px;text-align:right;-webkit-transition:opacity .1s;transition:opacity .1s;width:55px}.popover-notifications-drawer .drawer-item .item-gutter .preview-image-wrapper,.realtime-notifications .drawer-item .item-gutter .preview-image-wrapper{height:30px;width:30px}.popover-notifications-drawer .drawer-item .controls,.popover-notifications-drawer .drawer-item.read:hover .controls,.realtime-notifications .drawer-item .controls,.realtime-notifications .drawer-item.read:hover .controls{opacity:1}.popover-notifications-drawer .drawer-item:not(.toast):hover,.realtime-notifications .drawer-item:not(.toast):hover{background-color:#f5f5f5}
.RhPfAWu+.RhPfAWu{margin-top:10px}.RhPfAWu{-webkit-animation:ahhe8SY .4s;animation:ahhe8SY .4s;-webkit-transition:all .4s;transition:all .4s}@-webkit-keyframes ahhe8SY{0%{margin-bottom:-85px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes ahhe8SY{0%{margin-bottom:-85px;opacity:0}to{margin-bottom:0;opacity:1}}.HZMq5sK{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}
.a5bMHEO{width:350px}
.YYQJML5{bottom:15px;position:fixed;right:15px;z-index:11600}.YYQJML5>.OjbL6yr{margin-top:16px}


/*# sourceMappingURL=RealtimeMessages.e09935b3f36816dce249.css.map*/