.tips{position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:.125rem;--tw-bg-opacity: 1;background-color:rgb(203 70 70 / var(--tw-bg-opacity));padding:0;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tips-title{border-bottom-width:1px;border-color:#fff9;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;color:#ffffffb2}.tips-content{white-space:nowrap;background-color:#ffffff1a;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:400;color:#ffffffe5}.tips-arrow-h{pointer-events:none;position:absolute;bottom:50%;z-index:-2;display:block;height:1rem;width:1rem;--tw-translate-y: .5rem;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(203 70 70 / var(--tw-bg-opacity))}.tips-arrow-h.left{right:-4px}.tips-arrow-h.right{left:-4px}.tips-arrow{pointer-events:none;position:absolute;bottom:-1.25rem;left:50%;z-index:9001;display:block;height:1.25rem;width:1.25rem;overflow:hidden;transform:translate(-.75rem)}.tips-arrow.left{pointer-events:none;position:absolute;bottom:-1.25rem;left:25%;z-index:9001;display:block;height:1.25rem;width:1.25rem;overflow:hidden;transform:translate(-.75rem)}.tips-arrow.right{pointer-events:none;position:absolute;bottom:-1.25rem;left:75%;z-index:9001;display:block;height:1.25rem;width:1.25rem;overflow:hidden;transform:translate(-.75rem)}.tips-arrow.top{pointer-events:none;position:absolute;top:-1.25rem;left:43%;z-index:9001;display:block;height:1.25rem;width:1.25rem;--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;bottom:initial}.tips-arrow.hidden{display:none!important}.tips-arrow:before{pointer-events:none;position:absolute;top:-.375rem;margin-left:5px;display:block;height:.75rem;width:.75rem;background-color:#cb4646dd;content:"";transform:rotate(45deg);box-shadow:0 0 0 1px #14141f0d,0 2px 7px 1px #14141f29}.tips-arrow.top:before{--tw-bg-opacity: 1;background-color:rgb(203 70 70 / var(--tw-bg-opacity));box-shadow:none}