@media(max-width:689px){#data-list-list-view .vs-con-table .vs-table--search{max-width:unset;width:100%}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--search{margin-left:0}[dir=rtl] #data-list-list-view .vs-con-table .vs-table--search{margin-right:0}#data-list-list-view .vs-con-table .vs-table--search .vs-table--search-input{width:100%}}@media(max-width:461px){#data-list-list-view .vs-con-table .items-per-page-handler{display:none}}@media(max-width:341px){#data-list-list-view .vs-con-table .data-list-btn-container,#data-list-list-view .vs-con-table .data-list-btn-container .btn-add-new,#data-list-list-view .vs-con-table .data-list-btn-container .dd-actions{width:100%}[dir=ltr] #data-list-list-view .vs-con-table .data-list-btn-container .btn-add-new,[dir=ltr] #data-list-list-view .vs-con-table .data-list-btn-container .dd-actions{margin-right:0!important}[dir=rtl] #data-list-list-view .vs-con-table .data-list-btn-container .btn-add-new,[dir=rtl] #data-list-list-view .vs-con-table .data-list-btn-container .dd-actions{margin-left:0!important}}#data-list-list-view .vs-con-table .product-name{max-width:23rem}#data-list-list-view .vs-con-table .vs-table--header{display:flex;flex-wrap:wrap}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--header,[dir=rtl] #data-list-list-view .vs-con-table .vs-table--header{margin-left:1.5rem;margin-right:1.5rem}#data-list-list-view .vs-con-table .vs-table--header>span{display:flex;flex-grow:1}[dir] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search{padding-top:0}#data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input{font-size:1rem}[dir] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input{padding:.9rem 2.5rem}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input+i{left:1rem}[dir=rtl] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input+i{right:1rem}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input:focus+i{left:1rem}[dir=rtl] #data-list-list-view .vs-con-table .vs-table--header .vs-table--search .vs-table--search-input:focus+i{right:1rem}#data-list-list-view .vs-con-table .vs-table{border-collapse:separate;border-spacing:0 1.3rem}[dir] #data-list-list-view .vs-con-table .vs-table{padding:0 1rem}[dir] #data-list-list-view .vs-con-table .vs-table tr{box-shadow:0 4px 20px 0 rgba(0,0,0,.05)}[dir] #data-list-list-view .vs-con-table .vs-table tr td{padding:20px}[dir=ltr] #data-list-list-view .vs-con-table .vs-table tr td:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[dir=ltr] #data-list-list-view .vs-con-table .vs-table tr td:last-child,[dir=rtl] #data-list-list-view .vs-con-table .vs-table tr td:first-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}[dir=rtl] #data-list-list-view .vs-con-table .vs-table tr td:last-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}[dir] #data-list-list-view .vs-con-table .vs-table tr td.td-check{padding:20px!important}[dir] #data-list-list-view .vs-con-table .vs-table--thead th{padding-top:0;padding-bottom:0}#data-list-list-view .vs-con-table .vs-table--thead th .vs-table-text{text-transform:uppercase;font-weight:600}[dir] #data-list-list-view .vs-con-table .vs-table--thead th.td-check{padding:0 15px!important}[dir] #data-list-list-view .vs-con-table .vs-table--thead tr{background:none;box-shadow:none}#data-list-list-view .vs-con-table .vs-table--pagination{justify-content:center}.card-container{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto}[dir] .card-container{padding:10px 0}.emotion-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;height:110px;transition:transform .2s,box-shadow .2s}[dir] .emotion-card{padding:15px;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);background-color:#fff}[dir] .emotion-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.emotion-name{font-size:16px;font-weight:700;color:#333}[dir] .emotion-name{margin-bottom:10px}.emotion-score{font-size:22px;color:#4a86e8;font-weight:700}.emotion-spinner{width:40px;height:40px}[dir] .emotion-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%}[dir=ltr] .emotion-spinner{border-left-color:#4a86e8;animation:spin-ltr 1s linear infinite}[dir=rtl] .emotion-spinner{border-right-color:#4a86e8;animation:spin-rtl 1s linear infinite}@keyframes spin-ltr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}