.component-circle-progress{transform:rotate(-90deg)}.component-circle-progress .container{fill:none;stroke:var(--border-primary)}.component-circle-progress .progress{fill:none;stroke-linecap:round;stroke:var(--purple);transition:stroke-dashoffset .5s ease-in-out}.new-component-toast-viewport{z-index:100;flex-direction:column-reverse;gap:12px;width:320px;display:flex;position:fixed;bottom:24px;left:24px}.new-component-toast{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-bottom:8px solid var(--purple);cursor:default;opacity:1;transform:translate(var(--toast-swipe-movement-x),var(--toast-swipe-movement-y));border-radius:4px;flex-direction:column;gap:8px;padding:18px;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:flex;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.1)}.new-component-toast[data-starting-style],.new-component-toast[data-ending-style]{opacity:0;transform:translateY(16px)}.new-component-toast p{-webkit-line-clamp:1;color:var(--content-dark-secondary);line-clamp:1;-webkit-box-orient:vertical;font-size:14px;font-weight:400;display:-webkit-box;overflow:hidden}.new-component-toast .header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.new-component-toast .header p{font-weight:700}.new-component-toast p.date{color:var(--content-dark-tertiary)}.new-component-toast .close{color:var(--content-dark-secondary);cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s ease-in-out;position:absolute;top:18px;right:18px}.new-component-toast .close svg{width:20px;height:20px}.new-component-toast .close:hover{color:var(--content-dark-primary)}.new-component-toast.complete{background:linear-gradient(to bottom,var(--light-purple),var(--background-secondary))}.new-component-toast.complete .header p{color:var(--purple)}