.p-category{width:100%;height:calc(100vh - 160px);display:none;flex-direction:row;flex-wrap:nowrap;align-items:center;}.p-category *{transition:all .5s ease-out;font-size:12px!important;font-weight:300!important;}.p-category .category{height:98%;margin-right:3px;padding:5px;overflow:hidden;overflow-y:scroll;border-radius:8px;}.p-category .category::-webkit-scrollbar{width:0;height:0;}.p-category .category .item{width:95px;height:95px;border-bottom:1px solid #cdcdcd;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;}.p-category .category .item.active{background-color:#fff;}.p-category .category .item.active .icon img{mix-blend-mode:unset;}.p-category .category .item.first{border-radius:6px 6px 0 0;}.p-category .category .item.last{border-radius:0 0 6px 6px;}.p-category .category .item:last-child{border-color:transparent;}.p-category .category .item .icon img{width:25px;height:25px;mix-blend-mode:luminosity;}.p-category .category .item .title{font-size:11px;font-weight:400;margin-top:5px;text-align:center;}.p-category .list{width:calc(100% - 100px);height:98%;padding:10px;overflow:hidden;overflow-y:scroll;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;}.p-category .list .header{width:fit-content;height:fit-content;margin-bottom:30px;color:var(--kk-color-3);font-size:13px;font-weight:400;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;}.p-category .list .header:focus,.p-category .list .header:hover{color:var(--kk-color-3);}.p-category .list .header p{margin:0 0 0 5px;}.p-category .list .menu{width:100%;padding:3px 0;border-bottom:1px solid rgba(205,205,205,.3803921569);}.p-category .list .menu:last-child{border-color:transparent;}.p-category .list .menu.active .header:focus,.p-category .list .menu.active .header:hover{color:unset;}.p-category .list .menu.active .header span{transform:rotate(180deg);}.p-category .list .menu.active .body{display:grid;}.p-category .list .menu .header{width:100%;height:fit-content;margin:0;padding:5px;color:unset;font-size:13px;font-weight:400;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;}.p-category .list .menu .header:focus,.p-category .list .menu .header:hover{color:var(--kk-color-3);}.p-category .list .menu .header p{margin:0 0 0 5px;}.p-category .list .menu .body{display:none;grid-template-columns:repeat(3,1fr);}.p-category .list .menu .body .item{padding:5px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;}.p-category .list .menu .body .item img{width:60px;height:60px;}.p-category .list .menu .body .item p{margin:4px 0 0 0;font-size:12px;font-weight:300;text-align:center;}@media(max-width:768px){.p-category{display:flex;}}@media(max-width:425px){.p-category .category{width:80px;}.p-category .category .item{width:70px;height:70px;}.p-category .category .item .icon img{width:20px;height:20px;}.p-category .category .item .title{font-size:8px!important;font-weight:100!important;}.p-category .list{width:calc(100% - 80px);padding:10px;padding-left:5px;}.p-category .list .header{margin-bottom:15px;}}