.notice-icon{position:fixed;bottom:26px;right:100px;z-index:10}.red-point{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:-3px;right:-3px;height:20px;width:20px;line-height:20px;text-align:center;color:#fff;background-color:red;border-radius:var(--radius-lg);display:inline-block}.notice-list{-webkit-user-drag:none;position:absolute;right:22px;width:35vh;padding:15px;color:#000;background-color:var(--color-primary);border-radius:var(--radius-sm);display:block;z-index:-1;overflow-y:scroll}.notice-list::-webkit-scrollbar{display:none}.list-visibility{opacity:1;top:-350px;height:360px;-webkit-transition-duration:.3s;transition-duration:.3s}.list-unVisibility{opacity:0;top:0;height:0;-webkit-transition-duration:.3s;transition-duration:.3s}.my-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:5px;padding:10px 8px;border:1px solid black;border-radius:var(--radius-sm);opacity:1}.my-notice .title{width:18rem;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;font-size:var(--fs-md)}.my-notice .message{color:#000;font-size:var(--fs-caption)}.my-notice .content{color:#000;font-size:var(--fs-caption);height:2vh;overflow:hidden}.my-notice .content p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.my-notice .create-date{color:#000;font-size:var(--fs-caption)}.my-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:5px;padding:0}.x-button{cursor:pointer;color:#fff;border:1px solid black;border-radius:var(--radius-sm);padding:3px 6px;background-color:red}.fade-move,.fade-enter-active,.fade-leave-active{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1)}.fade-enter-from,.fade-leave-to{opacity:0;-webkit-transform:scaleY(.01) translate(30px,0);transform:scaleY(.01) translate(30px)}.fade-leave-active{position:absolute}