.no-toast{font-family:var(--font-primary);inset-block-end:7.5rem;inset-inline-start:1.25rem;opacity:0;pointer-events:none;position:fixed;transform:translateX(-110%);transition:none;z-index:var(--z-top,5000)}.no-toast,.no-toast *{box-sizing:border-box}.no-toast.no-toast-enter{opacity:1;pointer-events:auto;transform:translateX(0);transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.no-toast.no-toast-exit{opacity:0;pointer-events:none;transform:translateX(-110%);transition:opacity .35s ease,transform .4s cubic-bezier(.6,0,.7,.2)}.no-toast-inner{align-items:center;background:oklch(100% 0 0);border:1px solid var(--no-border,var(--no-gray-200));border-radius:var(--radius-lg,.75rem);box-shadow:inset 0 .0625rem .0625rem oklch(100% 0 0/80%),var(--no-shadow-md);display:flex;gap:var(--space-sm,.5rem);justify-content:space-between;max-width:27rem;min-width:16rem;overflow:hidden;padding-block:.375rem;padding-inline:.5rem .375rem;position:relative;transform:translateZ(0);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease;will-change:transform}.no-toast-inner:hover{border-color:var(--no-primary);box-shadow:inset 0 .0625rem .0625rem oklch(100% 0 0/90%),0 .5rem 1.5rem oklch(46.5% .205 258.5/16%),var(--no-shadow-md);transform:translateY(-.125rem)}.no-toast-content{align-items:center;border-radius:var(--radius-md,.5rem);cursor:pointer;display:flex;flex:1;gap:.625rem;min-width:0;outline:none;padding-block:.25rem;padding-inline:.375rem .25rem;transition:background-color var(--transition-fast,.15s ease);user-select:none}.no-toast-content:hover{background-color:oklch(0 0 0/2.5%)}.no-toast-content:focus-visible{outline:.125rem solid var(--no-primary);outline-offset:.125rem}.no-toast-avatar{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:2.25rem;justify-content:center;min-height:2.25rem;min-width:2.25rem;position:relative;width:2.25rem}.no-toast-initial{font-size:.875rem;font-weight:var(--fw-bold,700);text-shadow:0 .0625rem .125rem oklch(0 0 0/15%);z-index:2}.no-toast-badge,.no-toast-initial{color:var(--no-white,oklch(100% 0 0))}.no-toast-badge{align-items:center;background:var(--no-success,oklch(65% .19 150));border:1.5px solid var(--no-white,oklch(100% 0 0));border-radius:var(--radius-full);box-shadow:0 .0625rem .125rem oklch(0 0 0/15%);display:flex;height:.875rem;inset-block-end:-.125rem;inset-inline-end:-.125rem;justify-content:center;position:absolute;width:.875rem;z-index:3}.bg-grad-ocean{background:linear-gradient(135deg,oklch(60% .2 255),oklch(40% .18 258))}.bg-grad-flame{background:linear-gradient(135deg,oklch(78% .16 70),oklch(71% .175 51))}.bg-grad-emerald{background:linear-gradient(135deg,oklch(70% .17 155),oklch(55% .16 155))}.bg-grad-violet{background:linear-gradient(135deg,oklch(70% .16 300),oklch(50% .22 300))}.bg-grad-rose{background:linear-gradient(135deg,oklch(70% .19 15),oklch(55% .22 15))}.no-toast-body{display:flex;flex:1;flex-direction:column;gap:.25rem;line-height:1.35;min-width:0}.no-toast-name{align-items:center;display:flex;gap:.375rem;justify-content:flex-start;width:100%}.no-toast-name .toast-name-text{color:var(--no-gray-900);font-size:.84375rem;font-weight:var(--fw-semibold,600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-toast-name .toast-time-text{color:var(--no-text-muted);flex-shrink:0;font-size:.6875rem;font-weight:var(--fw-regular,400)}.no-toast-action{color:var(--no-text-muted);font-size:.78125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-toast-action strong{color:var(--no-primary);font-weight:var(--fw-semibold,600)}.no-toast .no-toast-close{align-items:center;background-color:oklch(0 0 0/4%);border:none;border-radius:var(--radius-full);box-shadow:none;color:var(--no-gray-400);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;line-height:1;margin-inline-start:.125rem;min-height:2rem;min-width:2rem;outline:none;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--transition-fast,.15s ease),color var(--transition-fast,.15s ease),transform var(--transition-fast,.15s ease);width:2rem;z-index:5}.no-toast .no-toast-close:before{border-radius:var(--radius-full);content:"";inset:-.375rem;min-height:2.75rem;min-width:2.75rem;position:absolute}.no-toast .no-toast-close svg{fill:none;height:.875rem;stroke:currentColor;width:.875rem}.no-toast .no-toast-close:hover{background-color:oklch(0 0 0/8%);color:var(--no-gray-800);transform:scale(1.05)}.no-toast .no-toast-close:focus-visible{outline:.125rem solid var(--no-primary);outline-offset:.125rem}.no-toast-progress{background:var(--no-gray-100);border-radius:0;height:.1875rem;inset-block-end:0;inset-inline:0;position:absolute;width:100%}.no-toast-progress-bar{background:linear-gradient(90deg,var(--no-success),oklch(55% .16 155));border-radius:var(--radius-sm);height:100%;transform:scaleX(1) translateZ(0);transform-origin:left;width:100%;will-change:transform}.no-toast-progress-bar.is-animating{transform:scaleX(0) translateZ(0);transition:transform 6s linear}.no-toast-progress-bar.is-paused{transition-property:none}@media (max-width:767px){.no-toast{height:auto;inset-block-end:auto;inset-block-start:clamp(.5rem,2vw,.75rem);inset-inline-end:auto;inset-inline-start:50%;max-width:calc(100vw - 1.25rem);min-width:min(18rem,calc(100vw - 1.5rem));transform:translate3d(-50%,-140%,0);width:min(24.5rem,calc(100vw - 1.25rem));z-index:var(--z-top,9999)}.no-toast.no-toast-enter{opacity:1;transform:translate3d(-50%,0,0);transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}.no-toast.no-toast-exit{opacity:0;transform:translate3d(-50%,-140%,0);transition:opacity .2s ease,transform .3s cubic-bezier(.6,0,.7,.2)}.no-toast-inner{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:oklch(100% 0 0/95%);border:1px solid oklch(100% 0 0/85%);border-radius:var(--radius-lg,.875rem);gap:.375rem;height:auto;max-width:100%;min-width:100%;padding-block:.4375rem;padding-inline:.5rem .375rem;width:100%}.no-toast-inner,.no-toast-inner:hover{box-shadow:0 .5rem 1.5rem oklch(21% .035 260/12%),0 .125rem .375rem oklch(21% .035 260/6%),inset 0 1px 0 0 oklch(100% 0 0)}.no-toast-inner:hover{transform:translateY(-.0625rem)}.no-toast-content{gap:.625rem;padding-block:.1875rem;padding-inline:.25rem .125rem}.no-toast-avatar{height:2.125rem;min-height:2.125rem;min-width:2.125rem;width:2.125rem}.no-toast-initial{font-size:.8125rem}.no-toast-badge{border-width:1px;height:.75rem;inset-block-end:-.0625rem;inset-inline-end:-.0625rem;width:.75rem}.no-toast-badge svg{height:.375rem;width:.375rem}.no-toast-body{gap:.21875rem;line-height:1.35}.no-toast-name{gap:.375rem;line-height:1.35}.no-toast-name .toast-name-text{font-size:.8125rem;font-weight:var(--fw-bold,700);line-height:1.35;max-width:12.5rem}.no-toast-name .toast-time-text{font-size:.6875rem;line-height:1.35}.no-toast-action{font-size:.75rem;line-height:1.35}.no-toast .no-toast-close{background-color:oklch(0 0 0/5%);height:2rem;min-height:2rem;min-width:2rem;width:2rem}.no-toast .no-toast-close svg{height:.8125rem;width:.8125rem}.no-toast .no-toast-close:before{inset:-.375rem;min-height:2.75rem;min-width:2.75rem}.no-toast-progress{display:none}}