@layer theme,base;@layer dvr{.dvr-notification{--dvr-notification-tone:var(--dvr-color-info);font-family:var(--dvr-font-sans);font-size:var(--dvr-type-copy-size);letter-spacing:var(--dvr-type-copy-tracking);line-height:var(--dvr-type-copy-leading);color:var(--dvr-color-text);background:color-mix(in srgb, var(--dvr-notification-tone) 6%, var(--dvr-color-surface));border:1px solid color-mix(in srgb, var(--dvr-notification-tone) 20%, var(--dvr-color-border));border-radius:var(--dvr-radius-md);align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;display:flex}.dvr-notification:has(>.dvr-notification-icon){padding-left:12px}.dvr-notification--success{--dvr-notification-tone:var(--dvr-color-success)}.dvr-notification--warning{--dvr-notification-tone:var(--dvr-color-warning)}.dvr-notification--danger{--dvr-notification-tone:var(--dvr-color-danger)}.dvr-notification--neutral{background:var(--dvr-color-surface);border-color:var(--dvr-color-border)}.dvr-callout.dvr-notification--neutral{background:var(--dvr-color-surface-2)}.dvr-callout:not([data-density=compact]){gap:var(--dvr-ui-callout-gap,10px);padding:var(--dvr-ui-callout-padding,12px 12px 12px 14px)}.dvr-callout:not([data-density=compact]):has(>.dvr-notification-icon){padding:var(--dvr-ui-callout-padding,12px)}.dvr-callout.dvr-notification--accent{--dvr-notification-tone:var(--dvr-color-brand-text);background:var(--dvr-color-accent);border-color:var(--dvr-color-accent);color:var(--dvr-color-brand-text);font-size:var(--dvr-type-label-strong-size);font-weight:var(--dvr-type-label-strong-weight);letter-spacing:var(--dvr-type-label-strong-tracking);line-height:var(--dvr-type-label-strong-leading)}.dvr-notification--accent .dvr-notification-title,.dvr-notification--accent .dvr-notification-subtitle{color:inherit}.dvr-callout[data-fill=muted]{background:var(--dvr-color-surface-2);border-color:var(--dvr-color-border)}.dvr-callout[data-fill=surface]{background:var(--dvr-color-surface);border-color:var(--dvr-color-border)}.dvr-callout[data-edge=none]{border-width:0}.dvr-notification-icon{width:16px;height:16px;color:var(--dvr-notification-tone);flex:none;margin-top:calc(round(1.4em,1px)/2 - 8px)}span.dvr-notification-icon{place-items:center;display:grid}span.dvr-notification-icon>svg{max-width:100%;max-height:100%}.dvr-notification--neutral .dvr-notification-icon{color:var(--dvr-color-text-muted)}.dvr-notification-body{flex:1;gap:2px;min-width:0;display:grid}.dvr-notification-title{font-size:var(--dvr-type-label-strong-size);letter-spacing:var(--dvr-type-label-strong-tracking);line-height:var(--dvr-type-label-strong-leading);font-weight:var(--dvr-type-label-strong-weight);color:var(--dvr-color-text);margin:0}.dvr-notification-subtitle{font-size:var(--dvr-type-label-size);letter-spacing:var(--dvr-type-label-tracking);line-height:var(--dvr-type-label-leading);color:var(--dvr-color-text-secondary);margin:0}.dvr-notification--neutral .dvr-notification-title{font-weight:var(--dvr-ui-weight-rest);color:var(--dvr-color-text-secondary)}.dvr-callout.dvr-notification--danger .dvr-notification-title{color:var(--dvr-ui-callout-danger-title,var(--dvr-color-text))}.dvr-notification-action{align-items:center;gap:var(--dvr-ui-button-set-gap,6px);flex-wrap:wrap;margin-top:8px;display:flex}.dvr-notification-action[data-placement=inline]{flex:none;align-self:center;margin-top:0}.dvr-notification-close{border-radius:var(--dvr-radius-sm);width:24px;height:24px;color:var(--dvr-color-icon-action-text);font:inherit;cursor:pointer;transition:background-color var(--dvr-duration-fast) var(--dvr-easing-standard), color var(--dvr-duration-fast) var(--dvr-easing-standard);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-top:calc(round(1.4em,1px)/2 - 12px);padding:0;display:inline-flex}.dvr-notification-close:hover{background:color-mix(in srgb, var(--dvr-color-text) 6%, transparent);color:var(--dvr-color-text)}.dvr-notification-close:focus-visible{outline:2px solid var(--dvr-color-primary);outline-offset:1px}.dvr-notification-close svg{width:12px;height:12px}.dvr-notification[data-density=compact]{align-items:center;gap:6px;padding:6px 8px 6px 12px}.dvr-notification[data-density=compact] .dvr-notification-icon{width:14px;height:14px;margin-top:0}.dvr-notification[data-density=compact] .dvr-notification-body{flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex}.dvr-notification[data-density=compact] .dvr-notification-title,.dvr-notification[data-density=compact] .dvr-notification-subtitle{font-size:var(--dvr-type-label-secondary-size);letter-spacing:var(--dvr-type-label-secondary-tracking);line-height:var(--dvr-type-label-secondary-leading)}.dvr-notification[data-density=compact] .dvr-notification-action{margin-top:0}.dvr-notification[data-density=compact] .dvr-notification-close{width:20px;height:20px;margin-top:0}.dvr-notification[data-edge=bottom]{border-width:0 0 1px;border-color:var(--dvr-color-border);background:0 0;border-radius:0}.dvr-notification-frame,.dvr-notification-frame-inner{display:contents}@media (prefers-reduced-motion:no-preference){.dvr-notification:not(.dvr-callout){animation:dvr-notification-enter var(--dvr-duration-moderate) var(--dvr-easing-entrance)}.dvr-notification-frame[data-state=closed]{animation:dvr-notification-fold var(--dvr-duration-fast) var(--dvr-easing-exit) forwards;display:grid}.dvr-notification-frame[data-state=closed]>.dvr-notification-frame-inner{min-height:0;display:block;overflow:hidden}.dvr-status-receipt{animation:dvr-status-receipt-in var(--dvr-duration-fast) var(--dvr-easing-entrance)}.dvr-notification-close{transition:background-color var(--dvr-duration-fast) var(--dvr-easing-standard), color var(--dvr-duration-fast) var(--dvr-easing-standard), transform var(--dvr-duration-fast) var(--dvr-easing-standard)}.dvr-notification-close:active{transform:scale(var(--dvr-ui-press-scale-icon))}}@keyframes dvr-notification-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dvr-notification-fold{0%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}.dvr-status-receipt{font-family:var(--dvr-font-sans);font-size:var(--dvr-type-label-size);letter-spacing:var(--dvr-type-label-tracking);line-height:var(--dvr-type-label-leading);color:var(--dvr-color-success);align-items:center;gap:6px;display:inline-flex}.dvr-status-receipt[data-status=rejected],.dvr-status-receipt[data-status=failed]{color:var(--dvr-color-danger)}.dvr-status-receipt-icon{flex:none;width:14px;height:14px}.dvr-status-receipt-label{font-weight:var(--dvr-ui-weight-medium)}.dvr-status-receipt-time{font-family:var(--dvr-font-mono);font-size:var(--dvr-type-mono-size);letter-spacing:var(--dvr-type-mono-tracking);line-height:var(--dvr-type-mono-leading);font-variant-numeric:tabular-nums}@keyframes dvr-status-receipt-in{0%{opacity:0;transform:translateY(4px)}}}@layer components,utilities;
