@layer components{.alert-layout{--alert-status:var(--border);align-items:start;gap:calc(4*var(--component-unit,.0625rem))calc(12*var(--component-unit,.0625rem));border:1px solid var(--alert-status);border-radius:var(--radius,.625rem);width:100%;padding:calc(16*var(--component-unit,.0625rem));background:var(--card);color:var(--card-foreground);font-size:calc(14*var(--component-unit,.0625rem));line-height:calc(20*var(--component-unit,.0625rem));grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.alert-layout:has(>svg){grid-template-columns:calc(16*var(--component-unit,.0625rem))minmax(0,1fr)auto}.alert-layout>svg{width:calc(16*var(--component-unit,.0625rem));height:calc(20*var(--component-unit,.0625rem));color:var(--muted-foreground);grid-area:1/1/3}.alert-layout:is(.alert-destructive-layout,.alert-info-layout,.alert-success-layout,.alert-warning-layout){border-color:color-mix(in srgb,var(--alert-status)35%,var(--border))}.alert-layout:is(.alert-destructive-layout,.alert-info-layout,.alert-success-layout,.alert-warning-layout)>svg{color:var(--alert-status)}.alert-destructive-layout{--alert-status:var(--destructive)}.alert-info-layout{--alert-status:var(--info)}.alert-success-layout{--alert-status:var(--success)}.alert-warning-layout{--alert-status:var(--warning)}.alert-title-layout,.alert-description-layout{overflow-wrap:anywhere;grid-column:1;min-width:0}.alert-layout:has(>svg)>:is(.alert-title-layout,.alert-description-layout){grid-column:2}.alert-title-layout{font-weight:600}.alert-description-layout{gap:calc(8*var(--component-unit,.0625rem));color:var(--muted-foreground);flex-direction:column;display:flex}.alert-action-layout{gap:calc(8*var(--component-unit,.0625rem));flex-wrap:wrap;grid-area:1/-2/3;align-self:center;display:flex}.toast-viewport-layout{width:min(calc(384*var(--component-unit,.0625rem)),calc(100vw - 32px));max-width:calc(100vw - 32px)}.toast-root-layout{padding:calc(16*var(--component-unit,.0625rem));border-radius:var(--radius,.625rem);box-shadow:0 6px 18px #0000001f}.dark .toast-root-layout{box-shadow:0 6px 18px #0003}.toast-title-layout,.toast-description-layout{font-size:calc(14*var(--component-unit,.0625rem));line-height:calc(20*var(--component-unit,.0625rem));overflow-wrap:anywhere}.toast-title-layout{font-weight:600}.toast-description-layout{color:var(--muted-foreground)}.toast-action-layout,.toast-close-layout{border-radius:max(0px,calc(var(--radius,.625rem) - 4px));outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .1s,color .1s;display:inline-flex}.toast-action-layout{min-height:calc(32*var(--component-unit,.0625rem));padding:calc(4*var(--component-unit,.0625rem))calc(12*var(--component-unit,.0625rem));border:1px solid var(--input);color:var(--foreground);font-size:calc(14*var(--component-unit,.0625rem));line-height:calc(20*var(--component-unit,.0625rem));background:0 0;font-weight:500}.toast-close-layout{width:calc(28*var(--component-unit,.0625rem));height:calc(28*var(--component-unit,.0625rem));color:var(--muted-foreground);position:absolute;inset-block-start:calc(8*var(--component-unit,.0625rem));inset-inline-end:calc(8*var(--component-unit,.0625rem))}.toast-action-layout:focus-visible,.toast-close-layout:focus-visible{outline:2px solid var(--ring);outline-offset:2px;box-shadow:none}.toast-action-layout:disabled,.toast-close-layout:disabled{color:var(--muted-foreground);cursor:not-allowed}.progress-layout{gap:calc(8*var(--component-unit,.0625rem));flex-wrap:wrap;display:flex}.progress-track-layout{width:100%;height:calc(4*var(--component-unit,.0625rem));background:var(--muted);border-radius:999px;align-items:center;display:flex;position:relative;overflow:hidden}.progress-indicator-layout{background:var(--primary);height:100%;transition:width .16s ease-out}.progress-indicator-layout[data-indeterminate]{width:40%;animation:1.4s ease-in-out infinite feedback-progress}.progress-label-layout,.progress-value-layout{font-size:calc(14*var(--component-unit,.0625rem));line-height:calc(20*var(--component-unit,.0625rem))}.progress-label-layout{font-weight:500}.progress-value-layout{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-inline-start:auto}@media (hover:hover){.toast-action-layout:not(:disabled):hover,.toast-close-layout:not(:disabled):hover{background:var(--muted);color:var(--foreground)}}@media (max-width:639px){.alert-action-layout{grid-area:auto/1/auto/-1;margin-block-start:calc(8*var(--component-unit,.0625rem))}.alert-layout:has(>svg)>.alert-action-layout{grid-column:2/-1}}@media (pointer:coarse){.toast-action-layout,.toast-close-layout{min-width:44px;min-height:44px}.toast-root-layout{padding-inline-end:28px}}@media (prefers-reduced-motion:reduce){.toast-root-layout,.toast-action-layout,.toast-close-layout,.progress-indicator-layout{transition:none}.progress-indicator-layout[data-indeterminate]{animation:none}}@media (forced-colors:active){.alert-layout{border-color:canvastext}.toast-action-layout:focus-visible,.toast-close-layout:focus-visible{outline-color:highlight}.progress-track-layout{border:1px solid canvastext}.progress-indicator-layout{background:highlight}}}@keyframes feedback-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}