.scrolled-past-header .header__icon--notification-bell svg{color:#fff;fill:#fff}.alert-dropdown{display:none;position:absolute;top:70px;min-width:350px;max-width:350px;z-index:0;border-radius:4px;background-color:#fff;box-shadow:0 8px 16px #00000014;max-height:250px;overflow:auto;opacity:0;transition:transform .3s ease 0s,opacity .3s ease 0s,visibility .3s ease 0s}.alert-list{list-style:none;padding:0;margin:0}.alert-list-item{text-align:center;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;padding:16px 46px 15px 16px;border-bottom:1px solid #F5F5F5}.alert-list-item *{color:#000}.alert-list-item:hover{background-color:#f0f0f0}.clicked{background-color:#e0e0e0}.dot{width:8px;height:8px;background-color:tomato;border-radius:50%;margin-right:5px;padding:5px}li.alert-list-item.clicked{padding-left:30px}li.alert-list-item.clicked .dot{display:none}.notification-thumb{margin:0 5px;height:64px;width:64px;border-radius:10px;object-fit:cover;position:relative}.ringing{-webkit-animation:ring 4s .7s ease-in-out infinite;-webkit-transform-origin:50% 4px;-moz-animation:ring 4s .7s ease-in-out infinite;-moz-transform-origin:50% 4px;animation:ring 4s .7s ease-in-out infinite;transform-origin:50% 4px}@-webkit-keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}to{-webkit-transform:rotateZ(0)}}@-moz-keyframes ring{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}to{-moz-transform:rotate(0)}}@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}to{transform:rotate(0)}}.alert-dropdown.mobilestyle{opacity:1;top:110px;right:100px;display:block;z-index:102}.header-sticky-added .alert-dropdown.mobilestyle{opacity:1;top:100px;right:100px;display:block;z-index:102}@media(min-width:768px)and (max-width:1199px){.alert-dropdown.mobilestyle{opacity:1;top:100px;left:20px}}@media(min-width:1024px)and (max-width:1366px){.alert-dropdown.mobilestyle{opacity:1;top:100px;left:20px}}@media(max-width:767px){.alert-dropdown.mobilestyle{left:0;right:0;margin:auto;top:110px;z-index:102}.scrolled-past-header .header__icon--notification-bell svg{color:#000;fill:#000}.header-sticky-added .alert-dropdown.mobilestyle{right:0;top:153px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/notifications.css.map */