.notification-box{position:absolute;width:350px;top:40px;right:-111px;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both;transform:translateY(100%);background-color:var(--iq-white);padding:0;border-radius:8px;box-shadow:0 2px 8px rgba(40,41,61,.04),0 16px 24px rgba(96,97,112,.16);transition:all .3s ease-out 0s}.sub-list-card{max-height:400px;overflow:hidden;overflow-y:auto;font-size:inherit;padding:15px;line-height:normal;color:inherit;border-bottom:1px solid var(--iq-secondary-dark);display:inline-block;width:100%}.sub-list-card li:hover{background-color:#f8f8f8;transition:background-color .3s ease-in-out}.switch{position:relative;display:inline-block;width:48px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;left:0;transition:.4s}.slider:before{content:"";height:20px;width:22px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.w-90{width:90%!important}.top-profile-info{width:400px}.font-size-27{font-size:27px!important}.text-check{border-radius:10px;padding:3px;background:#fff;color:red}.profile-btn-active-icon{width:12px!important;height:12px!important}.user-cover img{width:100%;height:100%;background-size:cover}.profile-list-options svg path{fill:var(--iq-secondary-dark)}.profile-list-options:hover{cursor:pointer;background-color:rgba(211,157,69,.11372549019607843);color:#d39d45!important;transition:all .4s ease-in-out}.profile-list-options:hover svg,.profile-list-options:hover svg path{fill:#d39d45!important}.profile-list .router-link-active,.profile-list .router-link-active svg path,.profile-list .router-link-exact-active,.router-link-exact-active svg{cursor:pointer;background-color:rgba(211,157,69,.11372549019607843);color:#d39d45!important;transition:all .4s ease-in-out}.profile-list .router-link-active,.profile-list .router-link-active svg path{fill:#d39d45!important;font-weight:700}.width-animation-open{transition:all .7s ease-in-out;width:385px}.width-animation-close{transition:all .7s ease-in-out;width:109px}.over-hidden{overflow:hidden}