.recycle-order-v2{width:100%;padding:24px;background-color:var(--bg-white-color);border-radius:4px}.om2-header{height:48px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background-color:var(--bg-white-color)}.om2-header .om2-title{color:var(--main-color);font-size:24px;font-style:normal;font-weight:600;line-height:28px}.om2-header .om2-filter{display:flex;align-items:center;justify-content:flex-end;gap:24px}.filter-search .search-container{position:relative;display:flex;align-items:center;width:280px;height:48px;border:1px solid var(--border-color);border-radius:4px;padding:12px 16px;background-color:var(--bg-white-color)}.filter-search svg{margin-right:8px;flex-shrink:0}.filter-search .search-input{flex:1;border:none;outline:none;background:transparent;color:var(--main-color);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.filter-search .search-input::placeholder{color:var(--second-color);opacity:1}.filter-search .search-input:focus-visible{outline:none!important;outline-offset:0px}.filter-select{position:relative;width:240px}.custom-select{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-white-color);color:var(--main-color);font-size:14px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer;transition:all .3s ease}.select-trigger:hover{border-color:var(--main-color)}.select-trigger svg{flex-shrink:0;transition:transform .3s ease}.select-trigger.open svg{transform:rotate(180deg)}.select-options{position:absolute;top:100%;left:0;right:0;margin-top:4px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-white-color);box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:240px;overflow-y:auto;display:none}.select-options.show{display:block}.option{padding:12px 16px;color:var(--main-color);font-size:14px;font-style:normal;font-weight:400;line-height:20px;cursor:pointer;transition:background-color .2s ease}.option:hover{background-color:#f0f0f0}.option.selected{background-color:#f0f0f0;font-weight:500}.om2-empty{display:flex;flex-direction:column;align-items:center;gap:16px;margin:160px 24px}.om2-empty p{color:var(--main-color);text-align:center;font-size:24px;font-style:normal;font-weight:600;line-height:28px}.om2-order-list ul.table-head{display:flex;height:56px;align-items:center;align-self:stretch;border-radius:4px;margin-bottom:16px}.om2-order-list ul.table-head>li{height:100%;flex:1;color:var(--main-color);font-size:12px;font-style:normal;font-weight:600;line-height:16px;margin:0 1px;padding:0 16px;background:#f0f0f0;display:flex;align-items:center;justify-content:flex-start}.table-body{display:flex;flex-direction:column;gap:16px}.table-body .table-item{background-color:var(--bg-white-color)}.table-body .table-item .table-info{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;gap:40px;align-self:stretch;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:16px;border-radius:4px 4px 0 0;border-top:1px solid #80d373;border-right:1px solid #80d373;border-left:1px solid #80d373;background:#80d373}.table-body .table-item .table-info>span:last-child{display:flex;align-items:center;gap:8px}.table-body .table-item .table-info svg{vertical-align:middle;cursor:pointer}.table-body .table-item .table-info svg circle{stroke:#fff}.table-body .table-item .table-info svg path{fill:#fff}.table-body ul.table-cell{display:flex;border:1px solid var(--border-color)}.table-body ul.table-cell>li{flex:1;padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--main-color);font-size:14px;font-style:normal;font-weight:500;line-height:20px;border-right:1px solid var(--border-color)}.table-body ul.table-cell>li:nth-child(2),.table-body ul.table-cell>li:nth-child(3){gap:16px}.table-body ul.table-cell>li:last-child{border-right:none}.table-body ul.table-cell>li img{display:flex;width:72px;height:72px;justify-content:center;align-items:center;aspect-ratio:1/1;margin-bottom:8px}.table-body ul.table-cell>li .m-sub-title{display:none;color:var(--second-color);font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin-bottom:4px}.table-body ul.table-cell>li p{color:var(--second-color);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.table-body ul.table-cell>li span{font-weight:600}.order-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:0 24px}.order-pagination .pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--main-color);border:none;background-color:transparent;cursor:pointer;transition:all .3s ease}.order-pagination .pagination-btn:hover{color:var(--main-color)}.order-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.order-pagination .pagination-info{display:flex;align-items:center;gap:12px;color:var(--second-color);font-size:16px;line-height:20px;font-weight:400}.order-pagination .pagination-info .current-page{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--main-color);border:1px solid var(--border-color);border-radius:4px;background-color:transparent}@media(max-width:1183px){.recycle-order-v2{padding:24px 0;background:var(--bg-color)}.om2-header{padding:0 24px;margin-bottom:8px}.om2-header .om2-filter{display:none}.om2-empty p{font-size:20px;line-height:24px}.om2-order-list ul.table-head{display:none}.table-body .table-item .table-info{flex-direction:column;align-items:flex-start;gap:4px;border:none;border-top:2px solid #80d373;background:#f6fcf5;color:var(--second-color);border-radius:0}.table-body .table-item .table-info>span:last-child{order:-1;color:var(--main-color)}.table-body .table-item .table-info svg circle{stroke:var(--main-color)}.table-body .table-item .table-info svg path{fill:var(--main-color)}.table-body ul.table-cell{flex-direction:column;border:none;border-top:1px solid var(--border-color)}.table-body ul.table-cell>li{border-right:none;padding:16px 0;margin:0 24px;border-bottom:1px solid var(--border-color)}.table-body ul.table-cell>li:nth-child(1){flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.table-body ul.table-cell>li:nth-child(2),.table-body ul.table-cell>li:nth-child(3){gap:8px}.table-body ul.table-cell>li .m-sub-title{display:block}.table-body ul.table-cell>li span{font-weight:500}.table-body ul.table-cell>li:nth-child(2) .info-group,.table-body ul.table-cell>li:nth-child(3) .info-group{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;line-height:20px}.table-body ul.table-cell>li:nth-child(5){justify-content:flex-end;align-items:flex-end;border-bottom:none}.table-body ul.table-cell>li:nth-child(5) .theme-text{padding:6px 16px!important;border:1px solid rgba(22,22,22,.1);text-decoration-line:none}.table-body ul.table-cell>li:nth-child(5) .theme-text:hover{color:#313131;border-color:#6d6d6d}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/recycle-order-v2.css.map */