@layer app{.notification-device{gap:var(--vr-space-16);min-inline-size:0;max-inline-size:45rem;grid-template-columns:minmax(0,1fr);scroll-margin-block-start:var(--vr-space-24);display:grid}.notification-device__head{gap:var(--vr-space-4);min-inline-size:0;display:grid}.notification-device__title{margin:0;font-size:18px;line-height:1.3}.notification-device__hint,.notification-device__note{font-size:var(--vr-text-sm);color:var(--vr-ink-2);word-break:keep-all;overflow-wrap:anywhere;margin:0}.notification-device__state{gap:var(--vr-space-8);min-inline-size:0;display:grid}.notification-device__state>.notification-device__note{transition:color var(--vr-dur-fast)}.notification-device__guide{gap:var(--vr-space-4);min-inline-size:0;display:grid}.notification-device__guide-title{font-size:var(--vr-text-sm);color:var(--vr-ink);margin:0}.notification-device__steps{gap:var(--vr-space-4);font-size:var(--vr-text-sm);word-break:keep-all;overflow-wrap:anywhere;margin:0;padding-inline-start:var(--vr-space-24);display:grid}.notification-device__actions{align-items:center;gap:var(--vr-space-8) var(--vr-space-12);flex-wrap:wrap;min-inline-size:0;display:flex}.notification-device__locked{font-size:var(--vr-text-sm);color:var(--vr-ink-2);margin:0}.notification-device__block{gap:var(--vr-space-8);min-inline-size:0;box-shadow:var(--vr-ring-line-top);padding-block-start:var(--vr-space-16);display:grid}.notification-device__block-title{font-size:var(--vr-text-body);margin:0;line-height:1.3}}
@layer app{.notification-inbox{gap:var(--vr-space-16);grid-template-columns:minmax(0,1fr);min-inline-size:0;margin-inline:auto;display:grid}.notification-inbox__settings{align-items:center;gap:var(--vr-space-2);border-radius:var(--vr-radius-control);font-size:var(--vr-text-sm);color:var(--vr-ink-2);transition:color var(--vr-dur-fast);text-decoration:none;display:inline-flex}.notification-inbox__settings:hover{color:var(--vr-ink);text-decoration:underline}.notification-inbox__settings-mark{transition:transform var(--vr-dur-fast) var(--vr-ease-soft)}.notification-inbox__settings:hover>.notification-inbox__settings-mark{transform:translate(2px)}.notification-inbox__bar{justify-content:flex-end;align-items:center;gap:var(--vr-space-8) var(--vr-space-16);flex-wrap:wrap;display:flex}.notification-inbox__summary{font-size:var(--vr-text-sm);color:var(--vr-ink-2);font-variant-numeric:tabular-nums;margin:0}.notification-inbox__actions{gap:var(--vr-space-8);flex-wrap:wrap;display:flex}@media (pointer:coarse),not (min-width:680px){.notification-inbox__settings{min-block-size:var(--vr-target-size)}}}
@layer app{.notification-item__text{min-inline-size:0;display:block}.notification-item__time{align-items:center;gap:var(--vr-space-6);white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex}.notification-item__time-text{align-self:baseline}.notification-item__dot{border-radius:var(--vr-radius-round);background:var(--vr-ink);flex:none;block-size:8px;inline-size:8px}}
@layer app{.notification-preferences{gap:var(--vr-space-36);grid-template-columns:minmax(0,1fr);min-inline-size:0;margin-inline:auto;display:grid}.notification-preferences__section{gap:var(--vr-space-16);grid-template-columns:minmax(0,1fr);min-inline-size:0;max-inline-size:45rem;display:grid}.notification-preferences__section-head{gap:var(--vr-space-4);min-inline-size:0;display:grid}.notification-preferences__heading{justify-content:space-between;align-items:baseline;gap:var(--vr-space-4) var(--vr-space-12);flex-wrap:wrap;display:flex}.notification-preferences__section-title{margin:0;font-size:18px;line-height:1.3}.notification-preferences__save{font-size:var(--vr-text-sm);color:var(--vr-ink-2);transition:color var(--vr-dur-fast);margin:0}.notification-preferences__save[data-status=saved]{color:var(--vr-ink)}.notification-preferences__hint,.notification-preferences__span{font-size:var(--vr-text-sm);color:var(--vr-ink-2);word-break:keep-all;overflow-wrap:anywhere;margin:0}.notification-preferences__kinds{box-shadow:var(--vr-ring-line-top);margin:0;padding:0;list-style:none;display:grid}.notification-preferences__kind{min-inline-size:0;padding-block:var(--vr-space-8);box-shadow:var(--vr-ring-line-bottom)}.notification-preferences__toggle{inline-size:100%;padding-block:var(--vr-space-4);align-items:flex-start;display:flex}.notification-preferences__kind-text{gap:var(--vr-space-2);min-inline-size:0;line-height:1.3;display:grid}.notification-preferences__kind-description{font-size:var(--vr-text-sm);color:var(--vr-ink-2);word-break:keep-all;overflow-wrap:anywhere}.notification-preferences__times{gap:var(--vr-space-12);grid-template-columns:repeat(2,minmax(0,12rem));display:grid}.notification-preferences__day{gap:var(--vr-space-6);max-inline-size:36rem;display:grid}.notification-preferences__day-track{border-radius:var(--vr-radius-chip);background:var(--vr-surface-strong);block-size:8px;position:relative;overflow:hidden}.notification-preferences__day-span{inline-size:var(--day-width);background:var(--vr-ink-3);transition:inset-inline-start var(--vr-dur-slow) var(--vr-ease-soft), inline-size var(--vr-dur-slow) var(--vr-ease-soft), background var(--vr-dur-fast);position:absolute;inset-block:0;inset-inline-start:var(--day-from)}.notification-preferences__day[data-enabled] .notification-preferences__day-span{background:var(--vr-ink)}.notification-preferences__day-ticks{block-size:1.4em;font-size:var(--vr-text-sm);color:var(--vr-ink-2);font-variant-numeric:tabular-nums;line-height:1.4;position:relative}.notification-preferences__day-tick{white-space:nowrap;position:absolute;inset-block-start:0;inset-inline-start:var(--tick-at);transform:translate(-50%)}.notification-preferences__day-tick:first-child{transform:none}.notification-preferences__day-tick:last-child{transform:translate(-100%)}@media not (min-width:680px){.notification-preferences__times{grid-template-columns:repeat(2,minmax(0,1fr))}}}