.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(--orange);transition:stroke-dashoffset .5s ease-in-out}.component-toast-viewport{z-index:100;flex-direction:column-reverse;gap:12px;width:320px;display:flex;position:fixed;bottom:24px;left:24px}.component-toast{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-bottom:8px solid var(--orange);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)}.component-toast[data-starting-style],.component-toast[data-ending-style]{opacity:0;transform:translateY(16px)}.component-toast p{-webkit-line-clamp:1;color:var(--content-dark-secondary);line-clamp:1;-webkit-box-orient:vertical;font-size:13px;font-weight:400;display:-webkit-box;overflow:hidden}.component-toast .header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.component-toast .header p{font-weight:700}.component-toast p.date{color:var(--content-dark-tertiary)}.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}.component-toast .close svg{width:20px;height:20px}.component-toast .close:hover{color:var(--content-dark-primary)}.component-toast.complete{background:linear-gradient(to bottom,var(--light-orange),var(--background-secondary))}.component-toast.complete .header p{color:var(--orange)}