.notifications{height:calc(100vh - 77px);overflow-x:auto}.notifications__content{padding:2rem 0;background-color:#fff}.notifications__item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:8px;border:1px solid rgba(25,120,245,.15);padding:1rem;margin-bottom:1rem}.notifications__item-text{text-decoration:none}.notifications__item--important{background:rgba(235,0,141,.05);border-color:#eb008d}.notifications__close{position:absolute;right:1rem;top:1rem;color:#27344f;width:20px;height:20px}.notifications__icon{margin-right:1rem;color:#eb008d}.notifications__icon--gray{color:#bcc1cd}.notifications__title{font-size:1rem;font-family:"Manrope",sans-serif;font-weight:600;margin-bottom:.5rem;color:#eb008d;padding-right:2rem}.notifications__title--gray{color:#bcc1cd}.notifications__text{color:#3e424c}.notifications__close-icon{display:block}.notifications__close-icon svg{display:block}@media screen and (min-width: 56.3125em){.notifications{height:auto;overflow-x:visible;overflow-x:initial}.notifications__wrap{position:relative}.notifications__content{padding:1.5rem;position:absolute;top:100%;right:0;width:380px;margin-top:1rem;max-height:80vh;overflow-x:auto;-webkit-box-shadow:0 32px 40px 0 rgba(25,120,245,.1);box-shadow:0 32px 40px 0 rgba(25,120,245,.1);border-radius:8px}}