@media screen and (max-width:1200px){.header{interpolate-size:allow-keywords;transition:height .25s linear}}.header{background-color:#101010}.header.homepage{background-color:transparent}.header .sub-header{display:none;left:0;position:absolute;top:0;background-color:hsla(0,0%,100%,.3)}.header .container-list-product-mobile,.header .sub-header{width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header .container-list-product-mobile{flex-direction:column;align-items:center;background-color:hsla(0,0%,100%,.15);background-color:hsla(0,0%,100%,.3)}.header .list-product{display:flex;margin:1em 0;background:hsla(0,0%,79%,.5);background-color:hsla(0,0%,100%,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.3);position:relative;background:linear-gradient(180deg,#7f8081,hsla(0,0%,81%,.5)),linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,60%,0));border:2px solid transparent;border-radius:12px;padding:4px;background-clip:padding-box,border-box;background-origin:padding-box,border-box}.header .list-product.box:before{content:url(/assets/icons/Polygon\ 1.svg);position:absolute;top:-20px;left:0;width:100%;height:auto;text-align:center;display:block}.header .list-product-mobile{display:none;position:relative;background:linear-gradient(180deg,#7a7a7a,rgba(80,80,80,.267));border-radius:3px;width:100%}.header.collapse-header .sub-header{display:flex;animation:wipe-in-left .3s linear}.header.un-collapse-header .sub-header{animation:wipe-out-right-none .3s linear}.header.collapse-header .sub-header:before{display:block;animation:wipe-in-left .3s linear}.header.un-collapse-header .sub-header:before{animation:wipe-out-right-none .3s linear}@media screen and (max-width:1200px){.header .container-list-product{display:none}.header .container-list-product-mobile,.header .list-product-mobile{display:block}.header .list-product{display:none}}@media screen and (min-width:1200px){.header .container-list-product{display:flex}.header .container-list-product-mobile,.header .list-product-mobile{display:none}.header .list-product{display:flex}}@keyframes wipe-in-left{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-out-right{0%{clip-path:inset(0 0 0 0);background-color:hsla(0,0%,100%,.3)}to{clip-path:inset(0 0 100% 0);background-color:transparent}}@keyframes wipe-out-right-none{0%{clip-path:inset(0 0 0 0);opacity:1;display:flex}to{clip-path:inset(0 0 100% 0);opacity:0;display:none}}