.hold-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:#ea3434;color:#fff;clip-path:inset(0 100% 0 0);transition:clip-path .2s ease-out;gap:8px}.delete-button:active .hold-overlay{clip-path:inset(0 0 0 0);transition:clip-path 1.5s linear}.delete-button--confirmed .hold-overlay{clip-path:inset(0 0 0 0);transition:none}.delete-button--confirmed .delete-button{background-color:#ea3434;color:#fff}.delete-button{transition:transform .16s cubic-bezier(.25,.46,.45,.94);position:relative;display:flex;align-items:center;border-radius:9999px;background-color:#fdebeb;font-weight:600;color:var(--critical);flex-direction:row;font-family:var(--font-sf-pro);letter-spacing:var(--tracking-tight);box-shadow:0 0 0 0 #fdebeb;transition:box-shadow .3s cubic-bezier(.25,.46,.45,.94);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;gap:8px}.delete-button--sm{height:36px;padding-inline:16px;font-size:14px;line-height:17px;font-weight:600;letter-spacing:-.28px}.delete-button--md{height:40px;padding-inline:16px;font-size:16px;line-height:19px;font-weight:600;letter-spacing:var(--tracking-tight)}.delete-button:hover{cursor:pointer;transition:box-shadow .3s cubic-bezier(.25,.46,.45,.94)}.delete-button--md:hover,.delete-button--sm:hover,.delete-button:hover{box-shadow:0 0 0 .125rem #fdebeb}.delete-button:active{box-shadow:0 0 0 0 #fdebeb!important}.message-bubble{position:relative;display:inline-block;margin-left:auto;&:before{z-index:0;right:-8px;width:20px;background:var(--color-gray1);background-attachment:fixed;border-bottom-left-radius:15px}&:after,&:before{content:"";position:absolute;bottom:0;height:20px}&:after{right:-10px;width:10px;background:var(--background);border-bottom-left-radius:10px}}