@keyframes notice-hide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + var(--viewport-padding)))}}@keyframes notice-slideIn{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes notice-swipeOut{0%{transform:translate(var(--radix-toast-swipe-end-x))}to{transform:translate(calc(100% + var(--viewport-padding)))}}.notice-viewport{--viewport-padding: 2rem 1.5rem;bottom:0;display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;max-width:100vw;outline:none;padding:var(--viewport-padding);position:fixed;right:0;width:25rem;z-index:9}.notice-root{align-items:start;background-color:var(--colors-mono-02);border:.0625rem solid var(--colors-mono-06);border-radius:.375rem;box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;color:var(--colors-mono-11);column-gap:1rem;display:grid;grid-template-areas:"type title" "type description" "actions actions";grid-template-columns:max-content;padding:1rem;position:relative}.notice-root[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}.notice-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.notice-root[data-swipe=end]{animation:notice-swipeOut .1s ease-out}.notice-root .notice-icon{--size: 2.5rem;align-items:center;display:flex;font-size:var(--size);justify-content:center;grid-area:type}.notice-root .notice-title{color:var(--colors-mono-11);font-size:1.1rem;font-weight:600;grid-area:title;margin-bottom:.5rem}.notice-root .notice-description{color:var(--colors-mono-11);font-size:.9rem;grid-area:description;line-height:1.3;margin:0}.notice-root .notice-actions{display:flex;gap:1rem;grid-area:actions;justify-content:end}.notice-root .notice-action{grid-area:action}.notice-root .notice-close-button{--size: 1.5rem;align-items:center;background-color:var(--colors-mono-02);border:0;border-radius:50%;cursor:pointer;display:flex;height:var(--size);justify-content:center;padding:0;position:absolute;right:calc((var(--size) / 2) * -1);top:calc((var(--size) / 2) * -1);width:var(--size)}.notice-root .notice-close-button:hover{box-shadow:0 0 0 .0625rem var(--colors-mono-06)}.notice-root .notice-close-button:hover .notice-close-button-icon{color:var(--colors-mono-10)}.notice-root .notice-close-button-icon{color:var(--colors-mono-06);font-size:1.25rem;transition:all .25s ease-in-out}