.p3-notification-heading{min-height:var(--cm-hit);padding:0 var(--cm-sp-4);font-family:var(--cm-font)}.p3-notification-heading>:first-child{color:var(--cm-text-primary);font-size:var(--cm-fs-h3);line-height:var(--cm-lh-h3);font-weight:700;letter-spacing:var(--cm-ls-h3)}.p3-notification-heading>button{min-height:var(--cm-hit);color:var(--cm-text-secondary);font-size:var(--cm-fs-label);line-height:var(--cm-lh-label);font-weight:600}.p3-notification-list{font-family:var(--cm-font)}.p3-notification-row{position:relative;height:var(--cm-row-h);min-height:var(--cm-row-h);padding:var(--cm-sp-4);border:0;border-radius:0;box-shadow:none;background:var(--cm-surface-1);animation:cm-notice-rise var(--cm-dur-slow) var(--cm-ease-decelerate) both;animation-delay:calc(var(--cm-notice-index, 0) * var(--cm-stagger));transition:background-color var(--cm-dur-instant)}.p3-notification-row[data-read=false]{background:var(--cm-brand-unread)}.p3-notification-row:active{background:var(--cm-surface-2)}.p3-notification-row[data-read=false]:active{background:var(--cm-brand-tint)}.p3-notification-body{display:grid;grid-template-columns:calc(var(--cm-sp-5) * 2) minmax(0,1fr) auto;grid-template-rows:var(--cm-lh-label) var(--cm-lh-caption);column-gap:var(--cm-sp-3);row-gap:var(--cm-sp-1);align-items:center}.p3-notification-content{display:contents}.p3-notification-icon{display:flex;grid-column:1;grid-row:1/span 2;width:calc(var(--cm-sp-5) * 2);height:calc(var(--cm-sp-5) * 2);align-items:center;justify-content:center;border-radius:var(--cm-r-full);background:var(--cm-brand-tint);color:var(--cm-p-purple-700)}.p3-notification-icon[data-notification-kind=reward]{background:var(--cm-gold-bg);color:var(--cm-gold-text)}.p3-notification-icon[data-notification-kind=like]{background:var(--cm-rose-bg);color:var(--cm-rose)}.p3-notification-icon[data-notification-kind=like]>svg{fill:currentColor}.p3-notification-icon[data-notification-kind=system]{border-radius:var(--cm-sp-3);overflow:hidden}.p3-notification-icon>img{display:block;width:100%;height:100%;object-fit:contain}.p3-notification-unread{position:absolute;left:var(--cm-r-xs);top:50%;width:var(--cm-sp-2);height:var(--cm-sp-2);margin-top:calc(var(--cm-sp-1) * -1);background:var(--cm-brand)}.p3-notification-title{grid-column:2;grid-row:1;min-width:0;color:var(--cm-text-primary);font-size:var(--cm-fs-label);line-height:var(--cm-lh-label);font-weight:500;letter-spacing:var(--cm-ls-label)}.p3-notification-row[data-read=false] .p3-notification-title{font-weight:600}.p3-notification-preview{grid-column:2;grid-row:2;min-width:0;margin:0;color:var(--cm-text-secondary);font-size:var(--cm-fs-caption);line-height:var(--cm-lh-caption)}.p3-notification-content:not(:has(.p3-notification-preview))>.p3-notification-title{grid-row:1/span 2}.p3-notification-time{grid-column:3;grid-row:1/span 2;align-self:start;margin:0;white-space:nowrap;color:var(--cm-text-tertiary);font-size:var(--cm-fs-caption);line-height:var(--cm-lh-caption);font-variant-numeric:tabular-nums}.p3-notification-row[data-read=false] .p3-notification-time{color:var(--cm-brand);font-weight:500}@keyframes cm-notice-rise{0%{opacity:0;transform:translateY(var(--cm-sp-2))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.p3-notification-row{animation:cm-notice-fade var(--cm-dur-fast) linear both;animation-delay:0s}@keyframes cm-notice-fade{0%{opacity:0}to{opacity:1}}}.p3-notification-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p3-notification-state{color:var(--cm-text-secondary)}#p3-notification-panel>.p3-notification-heading{position:sticky;top:0;z-index:1;background:var(--cm-surface-1)}#p3-notification-panel>.p3-notification-heading:before{content:"";position:absolute;inset:-8px 0 0;z-index:-1;background:inherit}@media (min-width:768px){.p3-notification-heading,.p3-notification-list,.p3-notification-state{--cm-hit:44px;--cm-sp-4:16px;--cm-font:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",-apple-system,system-ui,sans-serif;--cm-text-primary:#191F28;--cm-fs-h3:17px;--cm-lh-h3:24px;--cm-ls-h3:-0.02em;--cm-text-secondary:#4E5968;--cm-fs-label:14px;--cm-lh-label:20px;--cm-row-h:72px;--cm-surface-1:#FFFFFF;--cm-dur-slow:320ms;--cm-ease-decelerate:cubic-bezier(0,0,0,1);--cm-stagger:40ms;--cm-dur-instant:80ms;--cm-brand-unread:#FAF6FF;--cm-surface-2:#F2F4F6;--cm-brand-tint:#F3E8FF;--cm-sp-5:20px;--cm-lh-caption:16px;--cm-sp-3:12px;--cm-sp-1:4px;--cm-r-full:999px;--cm-p-purple-700:#63099A;--cm-gold-bg:#FFF4CC;--cm-gold-text:#7A5200;--cm-rose-bg:#FFE9EF;--cm-rose:#C2185B;--cm-r-xs:6px;--cm-sp-2:8px;--cm-brand:#8C00D8;--cm-ls-label:-0.005em;--cm-fs-caption:12px;--cm-text-tertiary:#5F6B78;--cm-dur-fast:120ms}#p3-notification-panel{left:auto;width:min(360px,calc(100vw - 24px))}}