.product-notifications-menu>.product-notifications-menu-panel{--flyout-inline-min-width:min(360px, calc(100vw - var(--space-32)));--flyout-inline-max-width:min(360px, calc(100vw - var(--space-32)));max-height:min(520px, calc(100vh - var(--product-toolbar-height,56px) - var(--space-24)))}@media (max-width:600px){.product-notifications-menu{position:static}.product-notifications-menu>.product-notifications-menu-panel{right:var(--space-16)}}.product-notifications-menu>.product-notifications-menu-panel>.flyout-panel-content{gap:0;padding:0}.product-notifications-menu[data-open=true] .product-chrome-chip{background-color:var(--neutral-surface-background);box-shadow:inset 0 0 0 999px var(--support-hover)}.product-notifications-menu-surface>.product-notifications-menu-header{padding:calc(var(--flyout-menu-gutter) + var(--flyout-menu-row-padding));padding-right:calc(var(--flyout-menu-gutter) + var(--flyout-menu-row-padding) - var(--space-6));border-bottom:var(--stroke-components) solid var(--neutral-border-components);background-color:var(--neutral-surface-main);flex-shrink:0}.product-notifications-menu-title{align-items:center;gap:var(--space-8);min-height:var(--line-label);display:inline-flex}.product-notifications-menu-surface .product-notifications-menu-read-all{margin-block:calc(var(--space-4) * -1);padding:var(--space-4) var(--space-6);border-radius:var(--radius-4);color:var(--neutral-content-support);cursor:pointer;transition:background-color var(--speed-medium) var(--ease-linear), color var(--speed-medium) var(--ease-linear);background:0 0;border:none;flex-shrink:0;align-items:center;font-family:inherit;display:inline-flex}.product-notifications-menu-surface .product-notifications-menu-read-all:hover{background-color:var(--neutral-surface-background);color:var(--neutral-content-main-titles)}.product-notifications-menu-surface .product-notifications-menu-read-all:focus-visible{box-shadow:var(--shadow-focus);outline:none}.product-notifications-menu-body{--product-notifications-menu-fade:var(--space-40);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.product-notifications-menu-body>.product-notifications-menu-scroll{scroll-padding-block:var(--product-notifications-menu-fade)}.product-notifications-menu-fade{--product-notifications-menu-fade-direction:to bottom;z-index:1;height:var(--product-notifications-menu-fade);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;left:0;right:0;overflow:clip}.product-notifications-menu-fade-top{top:0}.product-notifications-menu-fade-bottom{--product-notifications-menu-fade-direction:to top;bottom:0}.product-notifications-menu-body[data-overflow-above]>.product-notifications-menu-fade-top,.product-notifications-menu-body[data-overflow-below]>.product-notifications-menu-fade-bottom{opacity:1}.product-notifications-menu-fade-layer{-webkit-backdrop-filter:blur(var(--product-notifications-menu-fade-blur));-webkit-mask-image:linear-gradient(var(--product-notifications-menu-fade-direction), #000 0, #000 calc(var(--product-notifications-menu-fade-depth) * .35), transparent var(--product-notifications-menu-fade-depth));-webkit-mask-image:linear-gradient(var(--product-notifications-menu-fade-direction), #000 0, #000 calc(var(--product-notifications-menu-fade-depth) * .35), transparent var(--product-notifications-menu-fade-depth));mask-image:linear-gradient(var(--product-notifications-menu-fade-direction), #000 0, #000 calc(var(--product-notifications-menu-fade-depth) * .35), transparent var(--product-notifications-menu-fade-depth));position:absolute;inset:0}.product-notifications-menu-fade-layer:first-child{--product-notifications-menu-fade-blur:1px;--product-notifications-menu-fade-depth:100%}.product-notifications-menu-fade-layer:nth-child(2){--product-notifications-menu-fade-blur:2px;--product-notifications-menu-fade-depth:72%}.product-notifications-menu-fade-layer:nth-child(3){--product-notifications-menu-fade-blur:4px;--product-notifications-menu-fade-depth:46%}.product-notifications-menu-fade-layer:nth-child(4){--product-notifications-menu-fade-blur:8px;--product-notifications-menu-fade-depth:24%}.product-notifications-menu-fade:after{content:"";background-image:linear-gradient(var(--product-notifications-menu-fade-direction), var(--neutral-surface-main) 0%, color-mix(in srgb, var(--neutral-surface-main) 92%, transparent) 22%, color-mix(in srgb, var(--neutral-surface-main) 55%, transparent) 46%, color-mix(in srgb, var(--neutral-surface-main) 20%, transparent) 72%, transparent 100%);position:absolute;inset:0}.product-notifications-menu-row .flyout-menu-option-icon{width:var(--space-24);height:var(--space-24);border-radius:var(--radius-6);overflow:hidden}.product-notifications-menu-avatar{border-radius:var(--radius-6)}.product-notifications-menu-avatar img{border-radius:inherit}.product-notifications-menu-glyph{box-sizing:border-box;width:100%;height:100%;padding:var(--space-4);border-radius:var(--radius-6);background-color:var(--neutral-surface-background);color:var(--neutral-content-support);justify-content:center;align-items:center;display:inline-flex}.product-notifications-menu-glyph>svg{stroke:currentColor;width:100%;height:100%}.product-notifications-menu-row .flyout-menu-option-body .label{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.product-notifications-menu-row-title:not([data-unread]){color:var(--neutral-content-body)}.product-notifications-menu-row .flyout-menu-option-body .caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-notifications-menu-status{width:var(--space-8);height:var(--line-label);justify-content:center;align-items:center;display:inline-flex}.product-notifications-menu-dot{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background-color:var(--color-surface-error)}.product-notifications-menu-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-notifications-menu-empty{align-items:center;gap:var(--space-4);padding:var(--space-32) var(--space-24);text-align:center;flex-direction:column;display:flex}.product-notifications-menu-empty .caption{color:var(--neutral-content-support)}.product-notifications-menu-empty-icon{width:var(--space-32);height:var(--space-32);margin-bottom:var(--space-8);padding:var(--space-8)}.product-notifications-menu-footer{padding-block:var(--flyout-menu-gutter);border-top:var(--stroke-components) solid var(--neutral-border-components);flex-shrink:0}