.header-notification{position:relative;margin-right:21px}@media(max-width:1024px){.header-notification{margin-right:10px}}.header-notification .header-notification-trigger{cursor:pointer}.header-notification .header-notification-trigger .header-notification-icon{display:flex}@media(max-width:1024px){.header-notification .header-notification-trigger .header-notification-icon svg{width:16px;height:21px}}.header-notification .header-notification-trigger .header-notification-number{position:absolute;top:5px;left:10px;color:#fff;font-family:Codec Warm;font-size:16.1px;font-style:normal;font-weight:450;line-height:0;background-color:#c63637;border-radius:50%;display:flex;align-items:center;justify-content:center;width:23px;height:23px;max-width:23px;max-height:23px}@media(max-width:1024px){.header-notification .header-notification-trigger .header-notification-number{width:17px;height:17px;max-width:17px;max-height:17px;font-size:12.106px}}.header-notification .header-notification-container.hide{display:none}.header-notification .header-notification-container{position:absolute;width:295px;box-shadow:8px 16px 40px 0 rgba(0,0,0,.06);border-radius:6px;right:0;top:35px}@media(max-width:1024px){.header-notification .header-notification-container{position:fixed;right:50%;top:46px;transform:translateX(50%);max-width:295px;width:calc(100% - 20px)}}.header-notification .header-notification-container .title{display:flex;justify-content:space-between;padding:10px 20px;background-color:#3a334f;align-items:center;border-radius:6px 6px 0 0}.header-notification .header-notification-container .title .title-text{color:#fff;font-family:Codec Warm;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.header-notification .header-notification-container .title .title-number{color:#3a334f;font-family:Codec Warm;font-size:14px;font-style:normal;font-weight:700;line-height:normal;background-color:#fed832;padding:0 10px;border-radius:10px;height:15px;display:flex;align-items:center;justify-content:center}.header-notification .header-notification-container .content{padding:16px 20px 20px;background:#fff;border-radius:0 0 20px 20px}.header-notification .header-notification-container .content .content-item{border-bottom:1px solid #3a334f;padding-bottom:8px;margin-bottom:8px}.header-notification .header-notification-container .content .content-item:last-child{border:none;padding-bottom:0;margin-bottom:0}.header-notification .header-notification-container .content .content-item .content-item-title{color:#000;font-family:Codec Warm;font-size:14px;font-style:normal;font-weight:700;margin-bottom:8px}.header-notification .header-notification-container .content .content-item .content-item-description{color:#000;font-family:Codec Warm;font-size:12px;font-style:normal;font-weight:300;margin-bottom:8px}.header-notification .header-notification-container .content .content-item .content-item-link{color:#751cec;font-family:Codec Warm;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}