.div_categories{display:flex;flex-direction:row;border-top:1px solid #cacddc;border-bottom:1px solid #cacddc;min-height:400px;position:relative}.div_categories>div[rel="button_for_sm"]{display:none;text-align:center;padding:10px}.div_categories>div[rel="categories"]{width:290px;min-width:290px;padding:13px;background-color:#fff;border-left:1px solid #cacddc}.div_categories>div[rel="categories"]>ul{padding:0;margin:0;list-style-type:none;position:sticky;top:82px}.div_categories>div[rel="categories"]>ul>li{margin-bottom:7px}.div_categories>div[rel="categories"]>ul>li:last-child{margin-bottom:0}.div_categories>div[rel="categories"]>ul>li>a{display:flex;align-items:center;padding:9px 12px;color:#363f6f;border-radius:7px}.div_categories>div[rel="categories"]>ul>li>a>div[rel="icon"]{width:24px;min-width:24px;height:24px;margin-left:7px;display:flex;align-items:center;justify-content:center}.div_categories>div[rel="categories"]>ul>li>a>div[rel="icon"]>span.bita-icon{font-size:1.25rem}.div_categories>div[rel="categories"]>ul>li>a>div[rel="icon"]>img{max-width:90%}.div_categories>div[rel="categories"]>ul>li>a>div[rel="title"]{flex:1;font-size:13.5px}.div_categories>div[rel="categories"]>ul>li>a>div[rel="arrow"]{width:24px;min-width:24px;height:24px;text-align:center;padding-top:6px;opacity:0;transform:translate(5px,0);transition:opacity .3s,transform .3s}.div_categories>div[rel="categories"]>ul>li>a:hover{background-color:#eef5ff}.div_categories>div[rel="categories"]>ul>li>a:hover>div[rel="arrow"]{opacity:1;transform:translate(0,0)}.div_categories>div[rel="categories"]>ul>li>a.active{background-color:#eaf2ff}.div_categories>div[rel="categories"]>ul>li>a.active>div[rel="arrow"]{opacity:1;transform:translate(0,0)}.div_categories>div[rel="categories"]>ul>li[rel="line"]{position:relative;height:3px}.div_categories>div[rel="categories"]>ul>li[rel="line"]:after{content:'';position:absolute;left:5%;top:calc(50% - 1px);right:5%;height:1px;background-color:#ddd}.div_categories>div[rel="categories"]>div[rel="close_for_sm"]{position:absolute;z-index:1;left:10px;top:-46px;cursor:pointer;border:1px solid #cacddc;border-bottom:0 none;border-radius:10px 10px 0 0;width:50px;height:46px;display:none;font-size:1.25rem;background-color:#fff;transition:background-color .2s}.div_categories>div[rel="categories"]>div[rel="close_for_sm"]:hover{background-color:#eef5ff}.div_categories>div[rel="categories"]>div[rel="close_for_sm"]:active{background-color:#eaf2ff}.div_categories>div[rel="body"]{flex:1;padding:10px 15px;background-color:rgba(255,255,255,.5)}.div_categories>div[rel="body"]>div[rel="header"]{display:flex;align-items:center;color:#252e48;padding:15px 15px 0 0}.div_categories>div[rel="body"]>div[rel="header"]>div[rel="count"]{margin-right:5px;padding:2px 12px;border-radius:15px;background-color:#edeff6}.div_categories>div[rel="body"]>div[rel="search"]>div{width:90%;max-width:450px;position:relative;margin:0 auto}.div_categories>div[rel="body"]>div[rel="search"]>div>input{font-size:14px;padding:9px 15px 9px 30px;border-radius:7px}.div_categories>div[rel="body"]>div[rel="search"]>div>input:hover{box-shadow:0 0 15px var(--rail-bg-color)}.div_categories>div[rel="body"]>div[rel="search"]>div>a.btn{position:absolute;left:1px;top:1px;width:38px;height:calc(100% - 2px);border-radius:7px 0 0 7px;background-color:#fefefe;border-right:1px solid #cacddc;padding:9.5px 0 0 0}.div_categories>div[rel="body"]>div[rel="search"]>div>a.btn>span.bita-icon{font-size:1rem}.div_categories>div[rel="body"]>div[rel="search"]>div>a.btn:hover{box-shadow:0 0 15px var(--rail-bg-color)}.div_categories>div[rel="body"]>div[rel="search"]>div>a.btn:active,.div_categories>div[rel="body"]>div[rel="search"]>div>a.btn:focus{box-shadow:0 0 0 .2rem var(--rail-bg-color)}.div_categories>div[rel="body"]>div[rel="search"]>div>input:focus~a.btn{border-right-color:var(--color-primary)}.div_categories>div[rel="body"]>div[rel="items"]{margin-top:10px}.div_dark_for_sm{position:fixed;z-index:200;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.15);opacity:0;visibility:hidden;backdrop-filter:blur(0);transition:opacity .5s}.div_dark_for_sm.shown{opacity:1;visibility:visible;backdrop-filter:blur(3px)}@media(max-width:768px){.div_categories{flex-direction:column}.div_categories>div[rel="button_for_sm"]{display:block}.div_categories>div[rel="categories"]{position:fixed;z-index:201;bottom:0;width:calc(100% - 20px);left:10px;border-radius:15px 15px 0 0;border:1px solid #cacddc;box-shadow:0 2px 12px #a9b4eb;transform:translate(0,calc(100% + 46px));transition:transform .5s}.div_categories>div[rel="categories"]>ul{position:unset;top:unset}.div_categories>div[rel="categories"]>div[rel="close_for_sm"]{display:flex;align-items:center;justify-content:center}.div_categories>div[rel="categories"].shown{transform:translate(0,0)}}.div_products{display:flex;flex-wrap:wrap}.div_products>div{flex:1;flex-basis:33.33333%;max-width:33.33333%;padding:15px}.div_products>div>a{display:block;border-radius:15px;background:#d0cbfc;padding:2px}.div_products>div>a>div{border-radius:13px;background-color:#fff;padding:10px}.div_products>div>a>div>div[rel="thumb"]{background-color:#ddd;aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative}.div_products>div>a>div>div[rel="thumb"]>div[rel="image"]{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:#fff}.div_products>div>a>div>div[rel="thumb"]>div[rel="image"]>img{background-size:contain}.div_products>div>a>div>div[rel="thumb"]>video{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}.div_products>div>a>div>div[rel="title"]{text-align:center;font-size:15.5px;color:#252e48;margin-top:10px}.div_products>div>a>div>div[rel="desc"]{text-align:center;font-size:13px;color:#445072;margin-top:4px}.div_products>div>a:hover{background:linear-gradient(90deg,#655be2 0%,#fe39a7 100%);box-shadow:0 2px 15px #a9b4eb}@media(max-width:1100px){.div_products>div{padding:5px}}@media(max-width:1000px){.div_products>div{flex-basis:50%;max-width:50%}}@media(max-width:768px){.div_products>div{flex-basis:33.33333%;max-width:33.33333%;padding:10px}}@media(max-width:650px){.div_products>div{flex-basis:50%;max-width:50%;padding:5px}}@media(max-width:450px){.div_products>div>a>div{padding:7.5px}}.div_articles{display:flex;flex-wrap:wrap}.div_articles>div{flex:1;flex-basis:33.33333%;max-width:33.33333%;padding:15px}.div_articles>div>a{display:block;border:1px solid #c1c9e0;background-color:#fff;border-radius:18px;box-shadow:0 2px 7px #c2cae1;padding:15px;text-align:center;transition:all .35s;position:relative}.div_articles>div>a>div[rel="thumb"]{aspect-ratio:5/3;border-radius:13px;background-color:#fff;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;box-shadow:0 0 3px #bbb;position:relative}.div_articles>div>a>div[rel="thumb"]>div[rel="duration"]{position:absolute;left:7px;bottom:7px;background-color:rgba(0,0,0,.75);box-shadow:0 1px 3px #8b8fa1;color:#fff;font-size:13px;padding:1px 5px 0 5px;border-radius:5px}.div_articles>div>a>div[rel="thumb"]>div[rel="duration"]>span.highlight{color:#000}.div_articles>div>a>div[rel="title"]{margin-top:15px;font-size:16px;line-height:18px;color:#252e60}.div_articles>div>a>div[rel="desc"]{margin-top:15px;font-size:14px;line-height:17px;color:#322e48}.div_articles>div>a>div[rel="icon"]{position:absolute;z-index:1;left:calc(50% - 35px);top:calc(50% - 35px);width:70px;height:70px;background-color:#dcdaff;border-radius:50%;font-size:1.5rem;padding-top:22px;opacity:0;transform:scale(.5);box-shadow:0 1px 7px var(--grid-hover-bg-color);transition:all .2s}.div_articles>div>a:hover{transform:scale(1.05)}.div_articles>div>a:hover>div[rel="icon"]{opacity:1;transform:scale(1)}.div_articles>div>a:active{transform:scale(.975)}@media(max-width:1100px){.div_articles>div{padding:5px}}@media(max-width:1000px){.div_articles>div{flex-basis:50%;max-width:50%}}@media(max-width:768px){.div_articles>div{flex-basis:33.33333%;max-width:33.33333%;padding:10px}.div_categories>div[rel="body"]>div[rel="header"]{padding:12px 15px 0 0}}@media(max-width:650px){.div_articles>div{flex-basis:50%;max-width:50%;padding:5px}.div_categories>div[rel="body"]>div[rel="header"]{padding:6px 15px 0 0}}@media(max-width:450px){.div_articles>div>a>div{padding:7.5px}}