.figma-chrome-icon,.figma-chrome-icon__fallback{display:inline-flex;flex:none;align-items:center;justify-content:center}.figma-chrome-icon .figma-chrome-icon__reference{display:none;max-width:none;flex:none}.figma-chrome-icon[data-reference=true] .figma-chrome-icon__fallback{display:none}.figma-chrome-icon[data-reference=true] .figma-chrome-icon__reference{display:block}@font-face{font-family:Notification Roboto;src:url(/assets/account-payments/fonts/Roboto.ttf) format("truetype");font-weight:100 900;font-display:swap}.notification-preview{z-index:10050;display:flex;flex-direction:column;width:368px;height:480px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;background:#fff;color:#1f1f1f;border:1px solid #efefef;border-radius:12px;font-family:var(--font-lato),Lato,sans-serif;font-weight:400;letter-spacing:0;box-shadow:0 4px 4px -1px #0c0c0d0d,0 4px 4px -1px #0c0c0d1a}.notification-preview-header{display:flex;flex:none;align-items:center;gap:8px;min-height:63px;padding:16px 24px;border-bottom:1px solid #efefef}.notification-preview-title{flex:1;min-width:0;margin:0;font-size:20px;line-height:28px;font-weight:400}.notification-preview-header>button{flex:none;min-height:30px;padding:5px 11px;border:1px solid #efefef;border-radius:6px;background:#f5f5f5;font-size:12px;line-height:18px}.notification-preview button:disabled{cursor:default;opacity:.55}.notification-preview a:focus-visible,.notification-preview button:focus-visible{outline:2px solid #155dfb;outline-offset:-2px}.notification-preview-scroll{flex:1;min-height:0;width:100%}.notification-preview-scroll [data-slot=scroll-area-scrollbar]{width:4px;padding:0;border:0;right:6px;top:16px;bottom:16px;height:auto}.notification-preview-scroll [data-slot=scroll-area-thumb]{background:#1f1f1f}.notification-preview-items{padding:16px}.notification-preview-row{display:flex;flex-direction:column;width:100%;min-height:70px;padding:16px;text-align:left;border:0;border-radius:8px;background:#fff}.notification-preview-row[data-unread=false]+.notification-preview-row[data-unread=false]{background-image:url(/assets/notifications/separator.svg);background-repeat:no-repeat;background-position:top;background-size:100% 1px}.notification-preview-row[data-unread=true]{background:#ebf2fc}.notification-preview-row:hover{box-shadow:inset 0 0 0 1px #efefef}.notification-preview-row-heading{display:flex;align-items:center;gap:4px;width:100%}.notification-preview-row-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px}.notification-preview-time{display:flex;flex:none;align-items:center;gap:4px;color:#8e8e8e;font-family:Notification Roboto,sans-serif;font-size:12px;line-height:16px}.notification-preview-time img{flex:none}.notification-preview-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;color:#8e8e8e;font-size:12px;line-height:18px;overflow-wrap:anywhere}.notification-preview-footer{flex:none;padding:16px 24px;border-top:1px solid #efefef}.notification-preview-footer a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 16px;border:1px solid #efefef;border-radius:8px;background:#f5f5f5;font-size:14px;line-height:20px;text-decoration:none}.notification-preview-state{padding:16px;color:#8e8e8e;font-size:14px;line-height:20px}.notification-preview-state button{display:flex;align-items:center;gap:6px;margin-top:8px;color:#155dfb}.notification-preview-overlay[data-slot=drawer-overlay]{z-index:10049!important}@media (max-width:767px){.notification-preview-sheet[data-slot=drawer-content]{z-index:10050;width:100%;max-width:none;height:min(560px,85dvh);max-height:85dvh;margin-top:0;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom)}.notification-preview-handle{width:44px;height:5px;margin-top:12px;background:#1f1f1f}.notification-preview-sheet .notification-preview-header{min-height:64px;padding:16px}.notification-preview-sheet .notification-preview-footer{padding:16px}}