.common-like-button:hover .common-like-icon{transform:scale(1.15);cursor:pointer}.common-like-button .common-like-icon{transition:transform .3s}.client-pagination .page-button{transition:background-color .3s,color .3s;background-color:rgb(var(--button-background-color));border-radius:.25rem}.client-pagination .active-button:hover{color:rgb(var(--text-color-1));background-color:rgb(var(--primary-color))}.search-body{background-color:rgb(var(--backgroundt-color))}.search-body .search-title{padding-left:.5rem;border-left:4px solid rgb(var(--primary-color))}.search-body .search-input{outline:none;padding:.75rem;background:rgb(var(--input-background-color));border-radius:.25rem}.search-body .search-result{max-height:20rem;height:auto;overflow-y:auto}.search-body .search-result>ul>li span{color:rgb(var(--primary-color))}#message-container{position:fixed;top:0;padding-top:4rem;width:20rem;left:50%;height:auto;z-index:999;transform:translateX(-50%)}#message-container .message-list .message-item{background-color:rgba(var(--input-background-color),.7);backdrop-filter:blur(.25rem)}#message-container .message-list .message-item .item-close-button{transition:color .3s,transform .3s}#message-container .message-list .message-item .item-close-button:hover{color:rgb(var(--primary-color));cursor:pointer;transform:rotate(180deg)}#message-container .message-slide-enter{opacity:0;transform:translateY(-100%)}#message-container .message-slide-enter-active{opacity:1;transform:translateY(0);transition:transform .3s ease-out,opacity .3s ease-in-out}#message-container .message-slide-exit{opacity:1}#message-container .message-slide-exit-active{opacity:0;transform:translateY(-100%);transition:transform .2s ease-out,opacity .2s ease-in-out}