.navbar{padding:0 24px;min-height:55px;z-index:99}.navbar .nav-btn{height:32px;border-radius:999px;border:1px solid rgb(224,234,255);background-color:#f5f8ff;color:#0057ff}.navbar .nav-btn:hover{background-color:#dce7ff}main{margin-top:55px}.hero{margin-top:55px;min-height:70vh}.tools-list .card{cursor:pointer}.tools-list .card figure{border-radius:4px;position:relative}.tools-list .card figure:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:#000;transition:opacity .3s}.tools-list .card .card-body{padding:8px 0 0}.tools-list .card:hover figure:after{opacity:.2}.vendor-page .vendor-content{min-height:calc(100vh - 55px)}.container{max-width:1200px}#logo-sidebar .active{--tw-translate-x: 0px;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))}.web-list-item .item{flex:25%}@media (max-width: 767px){.web-list-item .item{flex:100%}}.custom-spin{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-full-height{height:calc(100vh - 87px);overflow:auto}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.opacity-25{opacity:.25}.opacity-75{opacity:.75}