.Toast{z-index:999999;position:fixed;width:35rem;height:min-content;min-height:4.4rem;max-height:8rem;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%);border-radius:var(--h-border-radius-1);padding:1.2rem 3.5rem 1.2rem 1.5rem;display:flex;gap:1.1rem;color:var(--color-text);border:1px solid black}.Toast__danger{background:var(--h-color-danger-lightest);border-color:var(--color-error)}.Toast__danger .Toast__close:hover{color:var(--color-error)}.Toast__danger .Toast__progress{background:var(--color-error)}.Toast__warning{background:var(--h-color-warning-lightest);border-color:var(--h-color-warning-base)}.Toast__warning .Toast__close:hover{color:var(--h-color-warning-base)}.Toast__warning .Toast__progress{background:var(--h-color-warning-base)}.Toast__success{background:var(--h-color-success-lightest);border-color:var(--h-color-success-base)}.Toast__success .Toast__close:hover{color:var(--h-color-success-base)}.Toast__success .Toast__progress{background:var(--h-color-success-base)}.Toast__attention{background:var(--h-color-attention-lightest);border-color:var(--h-color-attention-base)}.Toast__attention .Toast__close{transition:1s ease-in-out}.Toast__attention .Toast__close:hover{color:var(--h-color-attention-base)}.Toast__attention .Toast__progress{background:var(--h-color-attention-base)}.Toast__progress{width:100%;position:absolute;height:4px;display:block;bottom:0;left:0;animation-name:progress-start;animation-duration:2.5s;animation-timing-function:linear;animation-fill-mode:forwards}.Toast__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:50px}.Toast__close{position:absolute;right:1.2rem;top:1rem;cursor:pointer;transition:.2s ease-in-out}.Toast.remove{opacity:0}.toast-wrapper{width:100%;height:2.7rem;position:fixed;bottom:0;display:flex;justify-content:center;align-items:center;gap:2rem;z-index:999999;pointer-events:none}.toast-wrapper__dot{background:yellow;width:1.2rem;height:1.2rem;display:block;border-radius:5rem;-webkit-box-shadow:10px 28px 96px 0px rgb(0,0,0);-moz-box-shadow:10px 28px 96px 0px rgb(0,0,0);box-shadow:10px 28px 96px #000;border:1px solid black}.toast-wrapper__dot.danger{background:var(--h-color-danger-lightest);border-color:var(--h-color-danger-base)}.toast-wrapper__dot.warning{background:var(--h-color-warning-lightest);border-color:var(--h-color-warning-base)}.toast-wrapper__dot.success{background:var(--h-color-success-lightest);border-color:var(--h-color-success-base)}.toast-wrapper__dot.attention{background:var(--h-color-attention-lightest);border-color:var(--h-color-attention-base)}.toast-wrapper__dot:first-of-type{border-width:6px}@-webkit-keyframes progress-start{0%{width:100%}to{width:0}}.progress-paused{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}