@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;900&display=swap");body,html{padding:0;margin:0;font-family:Inter,sans-serif;font-size:small;line-height:1.4;background:#22272e;color:#afbfd1}h1,h2,h3{font-weight:600;font-size:2rem;margin:0;color:#a1aec3;clear:both}h4{color:#8290a1}svg{margin:5px auto;display:block}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.container{margin:0 auto;position:relative;transition:all .2s}.container.active{padding-left:280px}#header{width:100%;display:flex;justify-content:space-between;top:0;left:0;z-index:9;gap:20px;padding:20px;min-height:100px}#logo{flex-grow:1}#logo img{width:100px}.hamburger .line{width:20px;height:2px;border-radius:3px;background-color:#ecf0f1;display:block;margin:4px auto;transition:all .3s ease-in-out}.hamburger:hover{cursor:pointer}.hamburger .line:first-child{margin-top:20px}#hamburger-1.is-active .line:nth-child(2){opacity:0}#hamburger-1.is-active .line:first-child{transform:translateY(5px) rotate(45deg)}#hamburger-1.is-active .line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#header_menu_container{flex-grow:4;position:relative}.header_menu{position:absolute;background:#2d333b;border-radius:30px;width:100%;height:100%;overflow:hidden;z-index:99}#avatar{position:relative;flex-grow:1;height:100%;display:flex;gap:20px;justify-content:flex-end;padding-right:20px}#avatar img{width:30px}.avatarC{position:relative;display:flex;gap:10px}.avatarC:hover .avatar_name{opacity:1;visibility:visible;transform:translateY(0)}.avatar_name{visibility:hidden;position:absolute;top:120%;right:0;background:#29313a;border-radius:10px;z-index:999;opacity:0;transform:translateY(20px);transition:all .3s ease-in-out}.avatar_name:before{content:"\25B2";position:absolute;top:-12px;left:20px;color:#29313a}.avatar_name ul{padding:20px}.avatar_name li{display:block;margin-bottom:10px}.display{margin:20px 0}.content{position:relative;max-width:1900px;margin:0 auto}#sidebar{position:fixed;padding:20px;top:0;left:-270px;height:100%;background:#2d333b;z-index:999;width:280px;transition:all .4s;overflow:hidden}#sidebar.active{left:0}.menu_picker{margin-bottom:30px}.tags h3{font-size:1.5em;margin-bottom:20px}.tags_container{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:.9rem;color:#6e829e}.tag{padding:10px;border-radius:20px;border:1px solid #88ff8287;transition:all .3s}.tag:hover{transform:scale(1.2);background-color:#88ff82}.main{flex-basis:100%;display:grid;grid-gap:10px;gap:10px;grid-row-gap:20px;row-gap:20px;position:relative;margin-bottom:100px}.main_content h1{font-weight:900;font-size:9rem;margin-bottom:-50px;color:#333942}@media only screen and (max-width:600px){.main{grid-template-columns:1fr}}@media only screen and (min-width:600px){.main{grid-template-columns:1fr 1fr}}@media only screen and (min-width:992px){.main{grid-template-columns:1fr 1fr 1fr 1fr;padding:0 20px}}@media only screen and (min-width:1200px){.main{grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:0 20px}}@media only screen and (min-width:1600px){.main{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"a a b c d e" "a a f g h i";padding:0 20px}.item:first-child{grid-area:a;max-width:100%}.item:first-child .item_desc h3{font-size:20px}}.main_large{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:100px}.item_large{position:relative;border-radius:50px;overflow:hidden;padding:0}.item_large img{width:100%;height:100%;transition:all .2s ease-in}.item_large:hover img{transform:scale(1.05)}.item_large .overlay{position:absolute;color:#fff;background:#22272e99;padding:20px;width:100%;bottom:-100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .2s ease-out}.item_large:hover .overlay{bottom:-1px}.cover{box-sizing:border-box;position:fixed;display:flex;align-items:safe center;justify-content:center;z-index:999;left:0;top:0;height:100%;width:100%;padding:20px 0;overflow:scroll;background-color:#000;background-color:rgba(0,0,0,.4)}.header_items{display:flex;align-items:stretch;margin:20px;gap:10px}.header_items:has(input:checked){margin-top:-20px}.header_item{flex-grow:1;position:relative;opacity:0}.header_items_closed{display:flex;align-items:center;margin:0 15px;height:100%;gap:10px}.header_item_closed{display:flex;-moz-column-gap:10px;column-gap:10px;align-items:center;padding:10px 20px;background:#88ff82;color:#000;border-radius:50px;opacity:0}.header_item input{display:none}.header_item label{display:block;padding:10px;height:100%;background:#40464e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:20px;border:1px solid #40464e;text-align:center}.header_item input:checked+label{background:#29313a;border:1px solid #88ff8261;color:#fff}.header_item label>svg{height:50px;margin-bottom:10px;fill:#22272e}.header_item input:checked+label>svg{fill:#88ff82}.header_item label img{width:30px;display:block;margin:10px auto}#modal{display:block;top:50px;width:80%;max-width:1200px;background:#242c39;border-radius:20px;box-shadow:0 0 50px #060f1e;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar:hover{width:10px}::-webkit-scrollbar-track{background:#222a34}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#394352}.modal_header{display:block;position:absolute;right:-40px}.modal_header img{width:25px;display:block;margin-top:10px}.modal-main{padding:0;border-radius:20px 20px 0 0;position:relative}.modal-info{position:relative;padding:20px}.tab_menu{display:flex;gap:2px;list-style:none;border-bottom:1px solid #13171d;padding:0}.tab{min-height:600px}.tab_item{position:relative;font-size:1rem;color:#78889b;flex-grow:1;padding:10px;cursor:pointer}.tab_main{display:flex;align-items:stretch;width:100%}.modal_product{flex:1 0;background:url(/bg_prod.webp) no-repeat 0 0;background-size:cover}.modal_product_des{flex:1 0}.product_des{display:block;margin-top:20px;font-size:18px}.modal_product img{width:100%}.tab_item.selected{color:#fff}.selected:after{content:"";position:absolute;border-radius:20px;bottom:0;left:0;width:100%;height:0;background:#88ff82;animation:height .3s forwards}@keyframes height{0%{height:0}to{height:3px}}.item{position:relative;overflow:hidden;transition:transform .2s;cursor:pointer}.item:hover{transform:scale(1.03)}.item h3{position:relative;margin:0;font-size:1rem}.item p{margin:0}.item_overlay{width:50px;height:50px;position:absolute;z-index:9999;left:50%;top:10%;opacity:0;transform:translateX(-50%);transition:all .2s}.item:hover .item_overlay{opacity:1;top:20%}.item_desc{padding:10px 0}.item_desc h3{font-size:.9rem;font-weight:700;color:#c1c8d1}.item_img{border-radius:20px}.channel{display:block;font-weight:700;float:left}.channel,.channel1{color:#8290a1;font-size:11px;margin-bottom:10px}.channel1{float:right}.video{height:500px;overflow:hidden}.play{width:60px!important;box-shadow:0 0 30px #000;border-radius:50%}.desc{display:inline-block;padding:20px 0}.eval{position:absolute;top:0;right:0}.infobox{display:inline-block;vertical-align:top;margin-right:10px;margin-top:10px;position:relative;border:1px solid #48596c;border-radius:10px;padding:20px}.icon{background-image:url(/spritesheet/spritesheet.png);background-repeat:no-repeat}.icon,.icon+p{display:inline-block}.icon+p{margin-left:10px;vertical-align:top}.icon-battery{width:32px;height:32px;background-position:-5px -5px}.icon-car{width:32px;height:32px;background-position:-47px -5px}.icon-car-engine{width:32px;height:32px;background-position:-89px -5px}.icon-chip{width:32px;height:32px;background-position:-5px -47px}.icon-display-size{width:32px;height:32px;background-position:-47px -47px}.icon-laptop{width:32px;height:32px;background-position:-89px -47px}.icon-memory{width:32px;height:32px;background-position:-5px -89px}.icon-memory1{width:32px;height:32px;background-position:-47px -89px}.icon-sedan{width:32px;height:32px;background-position:-89px -89px}.icon-shutter{width:32px;height:32px;background-position:-131px -5px}.icon-storage{width:32px;height:32px;background-position:-131px -47px}.comment-section{margin:20px}.comment{display:flex;gap:10px;margin-bottom:20px;padding:10px;border-radius:5px}.author{font-weight:700;margin-bottom:5px}.timestamp{color:gray;font-size:.8em;margin-left:10px;margin-bottom:5px}.content{margin-top:5px}.comment img{max-width:50px;max-height:50px}.left{margin-left:40px}.line-break{flex:0 1 100%;visibility:hidden}.loyalty.patron .progress .progress-container{text-align:center}.loyalty.patron .progress .progress-container a{font-size:12px}.loyalty.patron .progress .progress-container .progress-radial{stroke:#88ff82;stroke-dasharray:10 20;stroke-linecap:round;transition:stroke-dashoffset 2.5s;-webkit-transition:stroke-dashoffset 2.5s;transform:rotate(-90deg);transform-origin:50% 50%}.loyalty.patron .progress .progress-container .txt-points{font-size:1rem;fill:#fff}.loyalty.patron .progress .progress-container .txt-points1{font-size:.5rem;fill:#fff}