.cu-tip{display:flex;padding:4px 12px;min-height:var(--cu-size-default);font-size:13px;background-color:transparent;border-radius:calc(var(--cu-border-radius) - 1px);transition:all .2s;flex-wrap:nowrap;align-items:center;line-height:initial}.cu-tip.cu-tip--primary{background-color:var(--cu-color-primary);color:#fff}.cu-tip.cu-tip--success{background-color:var(--cu-color-success);color:#fff}.cu-tip.cu-tip--danger{background-color:var(--cu-color-danger);color:#fff}.cu-tip.cu-tip--warning{background-color:var(--cu-color-warning);color:#fff}.cu-tip.cu-tip--info{background-color:var(--cu-color-info);color:#fff}.cu-tip.cu-tip--primary.is-plain{background-color:var(--cu-color-primary-light9);color:var(--cu-color-primary)}.cu-tip.cu-tip--success.is-plain{background-color:var(--cu-color-success-light9);color:var(--cu-color-success)}.cu-tip.cu-tip--danger.is-plain{background-color:var(--cu-color-danger-light9);color:var(--cu-color-danger)}.cu-tip.cu-tip--warning.is-plain{background-color:var(--cu-color-warning-light9);color:var(--cu-color-warning)}.cu-tip.cu-tip--info.is-plain{background-color:var(--cu-color-info-light9);color:var(--cu-color-info)}.cu-tip.small{min-height:var(--cu-size-small);font-size:12px}.cu-tip.large{min-height:var(--cu-size-large)}.cu-tip .cu-tip__icon{margin-right:8px;font-size:15px}.cu-tip .cu-tip__close{margin-left:8px;transition:all .2s;cursor:pointer;font-size:15px}.cu-tip.rolling-mode{height:var(--cu-size-default)}.cu-tip.small.rolling-mode{height:var(--cu-size-small)}.cu-tip.large.rolling-mode{height:var(--cu-size-large)}.cu-tip .cu-tip__content{display:block;width:100%;height:100%;overflow:hidden;position:relative}.cu-tip.rolling-mode .cu-tip__position{position:absolute;left:0;top:0;bottom:0;display:flex;flex-wrap:nowrap;white-space:nowrap}.cu-tip.is-rolling .cu-tip__position{animation:rolling linear infinite}.cu-tip.rolling-mode.hover-pause .cu-tip__content:hover .cu-tip__position{animation-play-state:paused}.cu-tip.rolling-mode .cu-tip__position .cu-tip-message-box{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap}.cu-tip.rolling-mode .cu-tip__content{white-space:nowrap}@keyframes rolling{to{transform:translateX(var(--threshold-x))}}