.sit-NotificationsDrawer{position:absolute;width:100%;z-index:11;height:100%}@media only screen and (min-width:1280px){.sit-NotificationsDrawer{bottom:0;display:flex}}.sit-NotificationDrawer{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width:1280px){.sit-NotificationDrawer{flex-direction:row;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-inline-end:30px}.sit-NotificationDrawer.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.sit-NotificationDrawer.is-dragging *{cursor:grabbing;-webkit-user-select:none;user-select:none}.sit-NotificationDrawer::-webkit-scrollbar{display:none}}@media only screen and (max-width:1279px){.sit-NotificationDrawer{padding-block-end:16px}}.sit-NotificationsDrawer_Backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:#0006;transition:opacity .5s,visibility .5s}.sit-NotificationsDrawer_Inner{flex-direction:column;display:flex;margin-block-start:auto;position:absolute;z-index:11;height:100%;width:100%}@media only screen and (max-width:1280px){.sit-NotificationsDrawer_Inner{margin-block-start:30px}}@media only screen and (min-width:1280px){.sit-NotificationsDrawer_Inner{justify-content:end;height:auto;position:relative}}.sit-NotificationsDrawer_Header{align-items:center;flex-wrap:wrap;justify-content:space-between;color:var(--color-white);display:flex;margin-block-end:20px}.sit-NotificationsDrawer_Title{color:var(--color-white);font-size:25px;letter-spacing:-.5px}.sit-NotificationsDrawer_Close{background:none;border:0;color:var(--color-white);cursor:pointer}@media only screen and (min-width:1280px){.sit-NotificationsDrawer_Close{margin-inline-end:30px}}.sit-NotificationsDrawer_CloseText{font-size:13px;line-height:120%;text-decoration:underline}.sit-NotificationsDrawer_Text{margin-block-start:10px}@media only screen and (min-width:768px){.sit-NotificationsDrawer_Text{margin-block-start:20px}}.sit-NotificationsDrawer_Item{align-items:center;display:flex;gap:0;position:relative;background-color:var(--color-white);overflow:hidden}@media only screen and (min-width:1280px){.sit-NotificationsDrawer_Item{flex-shrink:0;inline-size:calc(31.25vw - 30px)}}.sit-Notifications_ItemImageWrapper{height:100%;max-width:120px;overflow:hidden}.sit-Notifications_ItemImageWrapper img{height:100%;width:100%}.sit-NotificationsDrawer_ItemContent{align-items:flex-start;flex-direction:column;flex:1 0 0;justify-content:space-between;background-color:var(--color-white);align-self:stretch;display:flex;padding:19px 40px 20px 16px;gap:10px}@media only screen and (min-width:1280px){.sit-NotificationsDrawer_ItemContent{padding:20px}}@media only screen and (min-width:1440px){.sit-NotificationsDrawer_ItemContent{padding:19px 64px 19px 20px}}.sit-NotificationsDrawer_ItemTitle{align-items:center;display:flex;margin-block-end:10px;font-weight:400;font-size:16px;letter-spacing:-.36px;line-height:100%}@media only screen and (min-width:1280px){.sit-NotificationsDrawer_ItemTitle{font-size:18px;margin-block-end:23px}}.sit-NotificationsDrawer_ItemUnread{--dimension: 7px;position:absolute;top:20px;right:16px;width:var(--dimension);height:var(--dimension);background:#f0d688;border-radius:50%}@media only screen and (min-width:1280px){.sit-NotificationsDrawer_ItemUnread{top:21px;right:20px}}.sit-NotificationsDrawer_ItemUnread[aria-hidden=true]{display:none}.sit-NotificationsDrawer_ItemUnread:after{content:"";position:absolute;top:0;left:0;display:block;width:var(--dimension);height:var(--dimension);background:#f0d688;border-radius:50%;animation:pulse 2s ease 0s infinite}.sit-NotificationsDrawer_ItemUnread:before{content:"";position:absolute;top:0;left:0;display:block;width:var(--dimension);height:var(--dimension);background:#f0d688;border-radius:50%;animation:pulse2 2s ease 0s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}80%{opacity:0;transform:scale(2.5)}to{opacity:0;transform:scale(3)}}@keyframes pulse2{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.sit-NotificationsDrawer_ItemLinks{display:flex;gap:20px}.sit-NotificationsDrawer_Link{font-family:P22 Underground;font-weight:400;font-size:13px;line-height:100%;text-decoration:underline}.sit-NotificationsDrawer_ArticleLink{position:absolute;top:0;left:0;height:100%;width:100%}
/*# sourceMappingURL=/cdn/shop/t/610/assets/site-notifications-drawer.css.map */