.article-notifications{display:inline-flex}.article-notifications__menu-trigger{display:none}@media(max-width:989px){.article-notifications--header-with-menu{display:none}.menu-drawer__utility-links:has(>.article-notifications__menu-trigger){padding:2rem 3rem}.article-notifications__menu-trigger{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0 0;padding:12px 0;border:0;border-top:1px solid rgba(var(--color-foreground),.12);background:transparent;color:rgb(var(--color-foreground));text-align:left;text-decoration:none;font:inherit;font-size:1.4rem;line-height:1.5;cursor:pointer}.article-notifications__menu-trigger>.svg-wrapper{display:inline-flex;width:22px;height:22px;flex:0 0 22px}.article-notifications__menu-trigger svg{width:22px;height:22px}.article-notifications__menu-label{flex:1;min-width:0;overflow-wrap:anywhere}.article-notifications__menu-trigger>.article-notifications__badge{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:20px;height:20px;padding:0 6px;margin:0;border-radius:999px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:11px;line-height:20px;font-weight:600;white-space:nowrap}.article-notifications__menu-trigger>.article-notifications__badge[hidden]{display:none}.article-notifications__menu-arrow{flex:0 0 auto;font-size:20px}}.article-notifications__trigger{position:relative;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.header__icon.article-notifications__trigger>.article-notifications__badge{position:absolute;top:4px;right:2px;bottom:auto;left:auto;width:auto;min-width:16px;max-width:26px;height:16px;min-height:16px;max-height:16px;margin:0;padding:0 4px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body-family, sans-serif);font-size:10px;font-weight:600;line-height:16px;letter-spacing:0;white-space:nowrap;border:0;border-radius:999px;box-shadow:0 0 0 2px rgb(var(--color-background));background:rgb(var(--color-button));color:rgb(var(--color-button-text));pointer-events:none;z-index:1}.header__icon.article-notifications__trigger>.svg-wrapper{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.header__icon.article-notifications__trigger .svg-wrapper>svg{width:22px;height:22px;flex:0 0 22px}.header__icon.article-notifications__trigger>.article-notifications__badge[hidden]{display:none}@media(max-width:749px){.header__icon.article-notifications__trigger>.article-notifications__badge{top:-2px;right:-4px;min-width:15px;height:15px;min-height:15px;max-height:15px;font-size:9px;line-height:15px}.header__icon.article-notifications__trigger .svg-wrapper>svg{width:20px;height:20px;flex-basis:20px}}.article-notifications__badge[hidden]{display:none}.article-notifications__dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:-12px 0 50px #00000026}.article-notifications__dialog[open]{display:flex;flex-direction:column}.article-notifications__dialog:not([open]){display:none}.article-notifications__dialog::backdrop{background:#0006}.article-notifications__dialog *,.article-notifications__dialog *:before,.article-notifications__dialog *:after{box-sizing:border-box}.article-notifications__top{padding:calc(24px + env(safe-area-inset-top)) 24px 18px;display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid rgba(var(--color-foreground),.1)}.article-notifications__top h2{font-size:22px;font-weight:600;margin:0;color:inherit}.article-notifications__close{width:32px;height:32px;border:0;border-radius:50%;background:rgba(var(--color-foreground),.06);color:inherit;font-size:25px;line-height:1;cursor:pointer;flex-shrink:0}.article-notifications__toolbar{padding:12px 24px;text-align:right}.article-notifications__toolbar button{background:transparent;border:0;padding:0;color:inherit;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}.article-notifications__toolbar button:disabled{opacity:.4;cursor:default}.article-notifications__list{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}.article-notifications__article{display:flex;gap:15px;padding:20px 24px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(var(--color-foreground),.08)}.article-notifications__article:hover{background:rgba(var(--color-foreground),.04)}.article-notifications__image{width:96px;height:86px;object-fit:cover;border-radius:5px;flex:0 0 96px}.article-notifications__article-content{min-width:0}.article-notifications__date{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.3}.article-notifications__date time{opacity:.6}.article-notifications__new{padding:3px 6px;border-radius:4px;color:rgb(var(--color-button-text));background:rgb(var(--color-button));font-size:10px}.article-notifications__new[hidden]{display:none}.article-notifications__article h3{margin:7px 0 0;font-size:15px;font-weight:600;line-height:1.45;color:inherit;overflow-wrap:anywhere}.article-notifications__article p{margin:7px 0 0;font-size:12px;line-height:1.6;opacity:.65}.article-notifications__empty{padding:20px 24px;font-size:14px}.article-notifications__view-all{display:flex;justify-content:center;gap:12px;padding:20px 24px calc(20px + env(safe-area-inset-bottom));color:inherit;text-decoration:none;border-top:1px solid rgba(var(--color-foreground),.1);font-size:14px}.article-notifications__dialog button:focus-visible,.article-notifications__dialog a:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:-3px}body.article-notifications-open{overflow:hidden}@media(max-width:749px){.article-notifications__dialog{width:min(420px,100%)}.article-notifications__article{padding:18px;gap:12px}.article-notifications__image{width:82px;flex-basis:82px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/article-notifications.css.map */