body.hinata-notifications-page{margin:0;background:#f7f6f2;-webkit-text-size-adjust:100%}#hinata-notifications{--hinata-inbox-css-version: 2;--hn-paper: #f7f6f2;--hn-accent: #56634f;--hn-radius: 12px;--hn-ink: #33372f;--hn-muted: #697061;--hn-line: #e5e5dc;color-scheme:light;color:var(--hn-ink);background:var(--hn-paper);font:15px/1.65 -apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;min-height:100vh;min-height:100dvh;overflow-wrap:anywhere}#hinata-notifications *,#hinata-notifications *:before,#hinata-notifications *:after{box-sizing:border-box}#hinata-notifications [hidden]{display:none!important}#hinata-notifications main,#hinata-notifications .hn-detail{max-width:760px;margin:0 auto;padding:24px 18px 36px}#hinata-notifications h1,#hinata-notifications p{margin:0}#hinata-notifications button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#hinata-notifications button:disabled{opacity:.55;cursor:default}#hinata-notifications button:focus-visible{outline:3px solid var(--hn-accent);outline-offset:3px}#hinata-notifications .hn-heading-row,#hinata-notifications .hn-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}#hinata-notifications .hn-heading-row h1{font-size:25px;font-weight:650;letter-spacing:.06em}#hinata-notifications .hn-summary{flex-wrap:wrap;margin-top:12px}#hinata-notifications .hn-count{color:#a7373e;font-size:12px;font-weight:650;background:#fff;border:1px solid var(--hn-line);border-radius:20px;padding:3px 12px}#hinata-notifications .hn-count.zero{color:var(--hn-accent)}#hinata-notifications .hn-retention,#hinata-notifications .hn-date{color:var(--hn-muted);font-size:12px}#hinata-notifications .hn-quiet{min-height:44px;border:0;background:transparent;color:var(--hn-accent);padding:8px 10px}#hinata-notifications .hn-header{padding-bottom:20px}#hinata-notifications .hn-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}#hinata-notifications .hn-notice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--hn-line);border-radius:var(--hn-radius);padding:18px 14px}#hinata-notifications .hn-notice.unread{background:#fffdf7;border-left:3px solid var(--hn-accent);padding-left:12px}#hinata-notifications .hn-notice:active{background:#efefe7}#hinata-notifications .hn-notice-main{flex:1;min-width:0}#hinata-notifications .hn-meta{display:flex;gap:9px;align-items:center;margin-bottom:6px}#hinata-notifications .hn-unread-label{color:#a7373e;font-size:10px;font-weight:650}#hinata-notifications .hn-title{display:block;font-size:15px;font-weight:650;line-height:1.6}#hinata-notifications .hn-body{color:var(--hn-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;margin-top:5px;white-space:pre-line}#hinata-notifications .hn-image{width:66px;height:66px;object-fit:cover;border-radius:6px;flex-shrink:0}#hinata-notifications .hn-chevron{color:var(--hn-muted);font-size:24px}#hinata-notifications .hn-empty{text-align:center;padding:60px 12px;color:var(--hn-muted)}#hinata-notifications .hn-empty p{font-size:15px;margin-top:16px}#hinata-notifications .hn-empty small{display:block;margin-top:8px;font-size:12px}#hinata-notifications .hn-empty-symbol{font-size:36px}#hinata-notifications .hn-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--hn-line);border-top-color:var(--hn-accent);border-radius:50%;animation:hn-spin .8s linear infinite}#hinata-notifications .hn-message{background:#fff2ef;color:#873b31;padding:14px;margin-bottom:16px;border-radius:var(--hn-radius)}#hinata-notifications .hn-banner,#hinata-notifications .hn-pending{padding:12px 18px;font-size:12px;color:var(--hn-accent);background:#eaf0e5}#hinata-notifications .hn-pending{margin-bottom:12px;border-radius:6px}#hinata-notifications .hn-more{display:block;min-height:48px;width:100%;margin-top:20px;padding:12px;border:1px solid var(--hn-line);border-radius:var(--hn-radius);background:#fff;color:var(--hn-accent)}#hinata-notifications .hn-end{text-align:center;padding-top:24px;color:var(--hn-muted);font-size:12px}#hinata-notifications .hn-back{min-height:44px;border:0;background:transparent;color:var(--hn-accent);padding:0 0 12px}#hinata-notifications .hn-detail-card{background:#fff;padding:24px 20px;border-radius:var(--hn-radius);border:1px solid var(--hn-line)}#hinata-notifications .hn-detail-card h1{font-size:22px;line-height:1.6;margin:12px 0 20px}#hinata-notifications .hn-detail-image{display:block;max-width:100%;height:auto;border-radius:6px;margin-bottom:20px}#hinata-notifications .hn-detail-body{line-height:1.9;white-space:pre-wrap}@keyframes hn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#hinata-notifications .hn-spinner{animation:none}}@media(min-width:600px){#hinata-notifications main,#hinata-notifications .hn-detail{padding:36px 28px}#hinata-notifications .hn-image{width:80px;height:80px}#hinata-notifications .hn-title{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/hinata-notifications.css.map */