.best-seller-item{cursor:pointer;justify-content:space-between;align-items:center;height:70px;padding:0 10px;display:flex;position:relative}.best-seller-item .bg-image{content:"";z-index:1;background-image:var(--url-bg-image);filter:blur(2px)brightness(.5);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.best-seller-item .image-best-seller{border-radius:5px;width:35px;height:35px;overflow:hidden}.best-seller-item .image-best-seller img{object-fit:cover;width:100%;height:100%}.best-seller-item .info-best-seller{flex-direction:column;flex:1;margin-left:10px;display:flex}.category-item{cursor:pointer;width:100%;display:flex;position:relative}.category-item .image-category{border-radius:15px;width:100%;height:100%;overflow:hidden}.category-item .image-category img{object-fit:cover;border-radius:15px;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s}.category-item .image-category img:hover{filter:brightness(1.05);transform:scale(1.06)}.category-item .category-info{opacity:0;background-color:#0000;flex-direction:column;width:100%;padding:10px;transition:transform .5s,opacity .5s,background-color .5s,box-shadow .5s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%);box-shadow:0 0 #0000}.category-item:hover .category-info{opacity:1;background-color:#00000059;transform:translateY(0);box-shadow:0 -10px 20px #00000080}.menu-category-container{flex-flow:column wrap;gap:20px;width:100%;display:flex}.menu-category-container .category-area{flex-wrap:nowrap;align-items:center;gap:10px;width:100%;height:100%;display:flex;overflow-x:scroll}.menu-category-container .category-area .btn{white-space:nowrap}.menu-category-container .category-area .btn:not(.active){border:solid 1px var(--border-global-color)!important}.menu-category-container .category-area .btn.active,.menu-category-container .category-area .btn:hover{background-color:var(--btn-bg-menu-active)!important;color:var(--btn-color-menu-active)!important}.menu-category-container .search-game .input-group-text{border-top-right-radius:20px;border-bottom-right-radius:20px;border-left:unset!important}.menu-category-container .search-game input{border-top-left-radius:20px;border-bottom-left-radius:20px;border-right:unset!important}#order-content .section .title-section{align-items:center;display:flex}#order-content .section .kotak-section{border-radius:10px;align-items:center;display:flex;transform:rotate(45deg)}#order-content .section .kotak-section span{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;top:0;right:0;transform:rotate(-45deg)}
.no-scroll{-ms-overflow-style:none;scrollbar-width:none}.no-scroll::-webkit-scrollbar{display:none}.toast-region{z-index:53!important}html{min-height:100vh;background-color:var(--bg-body)!important;color:#fff!important}.card{background-color:var(--bg-card)!important;color:var(--color-card)!important;border:1px solid #7e7c7c2d!important}.card .card-header{background-color:#0000;color:var(--color-card)!important}.card .card-header *{color:var(--color-card)!important}.header{background-color:var(--bg-header);z-index:52;border-bottom:1px solid #94767617;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 100px;display:flex;position:sticky;top:0}.header .img-logo{object-fit:cover;height:30px}.header .country-btn{white-space:nowrap;color:#fff;align-items:center;gap:5px;padding:8px 10px;display:flex}.menu-bar{background-color:var(--bg-menu);z-index:51;width:100%;height:60px;transition:all .3s;display:flex;position:relative;overflow:hidden}.amr-content{background-color:#0000;width:100%;height:100%;min-height:calc(100vh - 120px);position:relative}.amr-content .pad{padding:20px 100px}.input-nobg{color:#fff!important;background-color:#0000!important;border:1px solid #adb4af28!important}.input-nobg::placeholder{color:#ffffff8c!important}.menu-parent{align-items:center;gap:20px;width:100%;height:100%;padding:0 100px;display:flex;position:relative;overflow:hidden}.menu-parent .menu-link{cursor:pointer;white-space:nowrap;align-items:center;gap:10px;display:flex;position:relative}.menu-parent .menu-link i{font-size:17px}.menu-parent .menu-link.active i,.menu-parent .menu-link:hover i{color:var(--color-link-ico-active-hover)}.menu-parent .menu-link.active span,.menu-parent .menu-link:hover span{color:var(--color-link-active-hover)}.menu-parent .menu-link:after{content:"";background-color:var(--color-link-border);width:0;height:1.5px;transition:width .3s;position:absolute;bottom:-10px;left:0}.menu-parent .menu-link:hover:after,.menu-parent .menu-link.active:after{width:100%}.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nowrap:hover{white-space:normal;text-overflow:unset}.nowrap.no-hover:hover{white-space:nowrap;text-overflow:ellipsis}.nowrap-multiline{-webkit-line-clamp:var(--line);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nowrap-multiline:hover{-webkit-line-clamp:unset;display:block}.border-unset{border:unset!important}.amr-border{border:solid 1px var(--border-global-color)!important}.scroll-container{background:#f0f0f0;width:100%;overflow:hidden}.scroll-wrapper{width:max-content;animation:20s linear infinite scroll-infinite;display:flex}@keyframes scroll-infinite{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroll-wrapper:hover{animation-play-state:paused}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#btn-menu{display:none}@media (max-width:768px){#btn-menu{display:block}.header{padding:0 20px}.amr-content .pad{padding:10px}.menu-bar{width:100%;height:100vh;position:fixed;top:60px;left:-100%}.menu-bar.active{width:60%;height:100vh;left:0}.menu-parent{flex-direction:column;align-items:flex-start;gap:25px;margin-top:15px;padding:0 20px}.menu-parent .menu-link.active{padding-right:15px}}@media (min-width:768px) and (max-width:1200px){.header{padding:0 20px}.amr-content .pad{padding:20px 50px}}@keyframes slideIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.animate-slideIn{animation:.5s forwards slideIn}
