/*! ranobes.net - (c) all rights reserved. Copying is prohibited. */
.toasts{position:fixed;top:20px;right:10px;display:grid;justify-items:end;gap:12px;width:max-content;max-width:calc(100vw - 20px);pointer-events:none;grid-template-columns:minmax(0, 1fr)}.toast{--accent: var(--toast-accent, #95ac7c);position:relative;overflow:hidden;box-sizing:border-box;pointer-events:auto;display:grid;grid-template-columns:auto minmax(0, 1fr) 32px;column-gap:8px;align-items:start;width:max-content;min-width:260px;max-width:min(380px, 100%);padding:10px 8px 14px 16px;border-radius:15px 0 15px 15px;background:var(--toast-ground, #313131);color:var(--toast-ink, #ccc);box-shadow:var(--toast-shadow, 0 2px 24px 0 rgba(0, 0, 0, .2));font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;cursor:default;animation:showToast .5s ease forwards}.toast--success{--accent: var(--toast-success, #95ac7c)}.toast--warning{--accent: var(--toast-warning, #f4bd00)}.toast--error{--accent: var(--toast-error, #ff7856)}.toast:has(.toast__text :is(img, video, figure)){width:420px;max-width:100%}.toast__icon{grid-row:1;align-self:center;font-size:16px;line-height:28px;color:var(--accent)}.toast__descr{display:contents}.toast__title{grid-column:2;grid-row:1;align-self:center;min-height:28px;display:flex;align-items:center;font-weight:700}.toast__title:empty{display:none}.toast__text{grid-column:1 / 4;grid-row:2;margin-top:2px;padding-right:8px;font-size:14px}.toast__title:empty + .toast__text{grid-column:2;grid-row:1;align-self:center;margin-top:0}.toast__text :is(img, video){display:block;max-width:100%;height:auto;margin:10px 0 2px;border-radius:8px}.toast__text a{color:var(--accent)}.toast__close{grid-column:3;grid-row:1;display:grid;place-items:center;width:32px;height:28px;margin:0;padding:0;border:0;background:none;color:inherit;font-size:16px;opacity:.6;cursor:pointer}.toast__close:hover{opacity:1}.toast::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:var(--accent);animation:progressToast var(--toast-timer) linear forwards}.toast.toast--held::after{animation-play-state:paused}.toast.toast--sticky::after{content:none}.toast--is-hiding{animation:hideToast .5s ease forwards}@keyframes progressToast{100%{width:0}}@keyframes showToast{0%{transform:translateX(calc(100% + 20px))}40%{transform:translateX(-5%)}80%{transform:translateX(0%)}100%{transform:translateX(-10px)}}@keyframes hideToast{0%{transform:translateX(-10px)}40%{transform:translateX(0%)}80%{transform:translateX(-5%)}100%{transform:translateX(calc(100% + 20px))}}@media (max-width:499px){.toasts{top:12px;left:12px;right:12px;width:auto;max-width:none;justify-items:stretch}.toast, .toast:has(.toast__text :is(img, video, figure)){width:auto;min-width:0;max-width:none;animation:none}.toast--is-hiding{animation:hideToast .5s ease forwards}}@media (prefers-reduced-motion:reduce){.toast, .toast--is-hiding{animation:none}}.toast__text .rd-panic{--panic-pad: 14px;--panic-step: 16px;margin:10px 0 2px;padding:16px var(--panic-pad) 12px 26px;border-radius:8px;background:var(--panic-plate, #3c3c3c);box-shadow:var(--panic-edge, none);font-size:12.5px;line-height:1.4;overflow:hidden;overflow-wrap:normal}.rd-panic__c{position:relative}.rd-panic__c + .rd-panic__c{margin-top:7px;padding-left:var(--panic-step)}.rd-panic__c::before{content:'';position:absolute;top:15px;left:-16px;width:6px;height:6px;border-radius:50%;background:#e75820}.rd-panic__c--online::before{background:#95c00e}.rd-panic__c + .rd-panic__c::after{content:'';position:absolute;top:16.5px;left:2px;width:3px;height:3px;border-radius:50%;background:var(--panic-muted, #999)}.rd-panic__head{display:flex;align-items:center;gap:12px;box-sizing:border-box;height:36px;margin-right:calc(0px - var(--panic-pad));border:1px solid var(--panic-line, #4a4a4a);border-right:0;border-radius:18px 0 0 18px}.toast__text .rd-panic__ava{flex:none;box-sizing:border-box;width:36px;height:36px;margin:-1px 0 -1px -1px;border-radius:50%;border:3px solid var(--panic-ring, #555);object-fit:cover;background:var(--panic-ring, #555)}.rd-panic__name{flex:none;font-size:14px;font-weight:700}.rd-panic__date{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--panic-muted, #999)}.rd-panic__text{display:flex;align-items:center;gap:10px;margin:12px 0 0}.rd-panic__said{white-space:nowrap}.rd-panic__c + .rd-panic__c .rd-panic__text{margin-top:11px}.rd-panic__cmd{color:var(--panic-link, #6d8ee8);white-space:nowrap}.rd-panic__arrow{flex:1 1 auto;min-width:28px;margin-right:12px;height:22px;background:var(--panic-arrow, #fff);clip-path:polygon(0 50%, 13px 0, 9.5px calc(50% - 3px), 100% calc(50% - 1.25px), 100% calc(50% + 1.25px), 9.5px calc(50% + 3px), 13px 100%)}.rd-panic__sig{margin-top:8px;color:var(--panic-muted, #999);line-height:1.25}.rd-panic__rule{display:block;font-size:9px;letter-spacing:.5px;line-height:1.2}@media (max-width:359px){.toast__text .rd-panic{--panic-pad: 10px;--panic-step: 14px;padding-left:14px}.rd-panic__c::before{left:-10px}.rd-panic__head{gap:9px}.rd-panic__arrow{margin-right:8px}.rd-panic__text{gap:6px}}