.breadcrumb{color:#b5b8c5;display:flex;flex-wrap:nowrap;align-items:center;font-weight:500;font-size:12px;padding-inline:12px;overflow:hidden}.breadcrumb li{text-decoration:none;color:#9b7dff;transition:color .3s ease;text-wrap:nowrap;position:relative;padding-right:14px;margin-right:7px}.breadcrumb li:after{content:">";position:absolute;right:0;color:#b5b8c5;font-weight:100}.breadcrumb li:last-child:after{content:""}.breadcrumb li a.disable,.breadcrumb li:last-child{color:#b5b8c5;cursor:default}.breadcrumb li .disable,.breadcrumb li:last-child a:hover{color:#b5b8c5}.breadcrumb li a:hover{color:#8775fa}.content-seo{text-align:justify}.content-seo h1{font-size:16px;font-weight:700}.content-seo h2{font-size:16px;font-weight:500}.content-seo h3{font-size:14px;font-weight:700}.content-seo h4{font-size:14px;font-weight:500}.content-seo h5{font-size:12px;font-weight:700}.content-seo h6{font-size:12px;font-weight:500}.content-seo a{color:rgb(var(--purple));text-decoration:underline}.content-seo ul{list-style-type:disc;padding-left:20px}.content-seo ol{list-style-type:decimal;padding-left:20px}.wrap-nav{z-index:100;background:#7750f8;padding:10px 16px;gap:15px;max-width:480px;min-height:55px;position:fixed;top:0;display:flex;width:100%;align-items:center;justify-content:space-between}.container-input{position:relative;width:100%}.nv-search-wrap{top:10px;left:10px;position:absolute;z-index:10}.nv-delsearch-wrap{top:12px;right:10px;position:absolute;z-index:10}.container-input input{outline:none;padding:8.5px 30px 8.5px 34px;background:#ffffff;border-radius:4px;width:100%;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.container-action{gap:20px;display:flex;align-items:center}.container-action .nav-img-wrap{width:20px;height:20px;display:grid;place-items:center}.container-action img{cursor:pointer;width:100%}.container-action .nav-wish img{width:91.666667%}.nv-chev-img-wrap{min-width:20px;cursor:pointer}.nvsr-wrap-input{position:relative}.nvsr-wrap-input .placeholder{top:9px;left:34px;pointer-events:none;position:absolute;display:flex;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.nvsr-wrap-input .placeholder .box{height:1.5rem;overflow:hidden}.nvsr-wrap-input .placeholder p{color:rgb(var(--shade-gray))}.nvsr-wrap-input .placeholder li{padding:0 4px;color:rgb(var(--purple));font-weight:500}.nvsr-wrap-input .placeholder ul.slide4{animation:slide4 5s linear infinite}.nvsr-wrap-input .placeholder ul.slide3{animation:slide3 4s linear infinite}.nvsr-wrap-input .placeholder ul.slide2{animation:slide2 3s linear infinite}.nvsr-wrap-input .placeholder ul.slide1{animation:slide1 2s linear infinite}.nvsr-wrap-input input:not(:-moz-placeholder-shown)+.placeholder{display:none}.nvsr-wrap-input input:not(:placeholder-shown)+.placeholder{display:none}.nvsr-wrap-input input::-moz-placeholder{opacity:0}.nvsr-wrap-input input::placeholder{opacity:0}.nvsr-wrap-input input:focus::-moz-placeholder,.nvsr-wrap-input.default-placholder input::-moz-placeholder{opacity:1}.nvsr-wrap-input input:focus::placeholder,.nvsr-wrap-input.default-placholder input::placeholder{opacity:1}.nvsr-wrap-input input:focus+.placeholder{display:none}@keyframes slide4{0%{margin-top:20px}5%{margin-top:0}25%{margin-top:0}30%{margin-top:-20px}50%{margin-top:-20px}55%{margin-top:-40px}75%{margin-top:-40px}80%{margin-top:-60px}to{margin-top:-60px}}@keyframes slide3{0%{margin-top:20px}10%{margin-top:0}40%{margin-top:0}50%{margin-top:-20px}60%{margin-top:-20px}70%{margin-top:-40px}to{margin-top:-40px}}@keyframes slide2{0%{margin-top:20px}25%{margin-top:0}50%{margin-top:0}75%{margin-top:-20px}to{margin-top:-20px}}@keyframes slide1{0%{margin-top:20px}50%{margin-top:0}to{margin-top:0}}.nvt-wrap-title{display:flex;align-items:center;gap:1rem}.nvt-wrap-title p{color:rgb(var(--white));overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:1rem;line-height:1.5rem;font-weight:600}.nvt-wrap-title.var-center{position:relative;width:100%}.nvt-wrap-title.var-center .nv-chev-img-wrap{position:absolute}.nvt-wrap-title.var-center p{width:100%;text-align:center}.empty-comp{text-align:center}.empty-comp img{margin:auto}.empty-comp .title-comp{color:rgb(var(--color-shade-200));margin-top:.5rem}.empty-comp .desc-comp,.empty-comp .title-comp{text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.empty-comp .desc-comp{color:rgb(var(--shade-gray));max-width:320px;margin:.5rem auto auto}.filter-category{overflow-x:auto;background:rgb(var(--color-white));margin-bottom:.5rem;display:flex;width:100%;padding-top:.25rem}.filter-fixed{background:var(--shade-50-hex);max-width:480px;z-index:2;position:fixed;width:100%}.filter-fixed,.filter-fixed .filter-category .filter-cat-item{color:rgb(var(--shade-gray));white-space:nowrap;font-size:.75rem;line-height:1rem;font-weight:600}.filter-fixed .filter-category .filter-cat-item{display:flex;align-items:center;padding:.5rem .75rem}.filter-fixed .filter-category .filter-cat-item.active{box-shadow:inset 0 -1px 0 -.5px rgb(var(--purple));color:rgb(var(--purple))}.filter-fixed .filter-category .filter-cat-item img{min-width:20px;width:20px;margin-right:.25rem}.filter-fixed .filter-category .filter-cat-item .icon-table-4:before{font-size:20px;color:rgb(var(--shade-gray));margin-right:.25rem}.filter-fixed .triger-modal-filter{display:flex;padding-right:.5rem}.filter-fixed .triger-modal-filter span{padding:6px 10px;border-radius:10px;background:var(--light-purple-hex);color:rgb(var(--purple));display:flex;align-items:center}.filter-fixed .triger-modal-filter span i:before{font-size:16px;color:rgb(var(--purple));margin-right:.25rem}.filter-fixed .triger-modal-filter strong{color:rgb(var(--color-white));border-radius:50%;background:var(--color-red-hex);padding:0 5px;margin-left:3px}.filter-fixed .filter-select-sort{overflow-x:auto;display:flex;gap:.5rem;padding-left:.25rem;padding-right:.25rem}.filter-fixed .filter-select-sort span{padding:6px 10px;border:1px solid rgb(var(--shade-gray));color:rgb(var(--shade-gray));border-radius:10px}.filter-fixed .filter-select-sort span.active{border:1px solid rgb(var(--purple));color:rgb(var(--purple))}