.devices{padding:1rem 1.5rem;box-shadow:0 2px 6px #0000001a;border-radius:8px;margin:0 auto;width:100%;max-width:100%;background-color:#fff;transition:all .2s ease;animation:fadeIn .4s ease forwards}.devices:hover{background:linear-gradient(145deg,#fff,#f4faff);box-shadow:0 4px 10px #28bbe980}.fade-in{opacity:0;transform:translateY(10px);animation:fadeInUp .3s ease forwards}.fade-out{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.device-list-scroll{display:flex;flex-direction:column;gap:1rem;width:100%;max-height:44vh;overflow-y:auto;padding:8px;align-items:center}.device-list-scroll::-webkit-scrollbar{width:8px}.device-list-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:10px}.device-list-scroll:hover::-webkit-scrollbar-thumb{background-color:#8b8b8b}.device-list-scroll::-webkit-scrollbar-track{background:transparent;margin-top:2rem;margin-bottom:2rem}@keyframes fadeIn{to{opacity:1}}@keyframes starFlash{0%{transform:scale(1);color:#ccc}50%{transform:scale(1.4);color:#fcd34d;text-shadow:0 0 8px rgba(252,211,77,.6)}to{transform:scale(1);color:#facc15;text-shadow:none}}.favorite-icon.clicked i{animation:starFlash .4s ease}.circular-chart image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:transform .2s ease}.circular-chart image:hover{transform:scale(1.1)}.device-card.active .favorite-icon:before{display:block}.favorite-icon{flex-shrink:0;cursor:pointer}.favorite-icon .fa-star{font-size:2rem;color:#d1d5db}.device-card.active .favorite-icon .fa-star{color:#28bde2}.device-list-label-wrapper,.device-list-serial-wrapper{min-width:120px;max-width:200px;flex-shrink:0}.customer .device-title{font-size:.8rem;color:#6b7280;margin:0}.customer .device-label,.customer .device-serial{font-size:1.8rem;color:#111827;margin:0}.device-btn-container,.device-actions{display:flex;gap:2.5rem;flex-shrink:0;align-items:center;margin-top:0}.device-btn-container a{white-space:nowrap}.device-btn-container a.custom-btn{padding:.5rem 1rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;max-width:fit-content;min-width:110px;text-align:center}.device-actions i{padding:6px;border-radius:50%;transition:all .25s ease}.edit-icon,.delete-icon{font-size:18px;color:#6b7280a6;cursor:pointer;transition:all .25s ease;box-shadow:none}.edit-icon:hover{color:#219ec7;transform:translateY(-1px);box-shadow:0 3px 6px #219ec74d}.delete-icon:hover{color:#dc3545;transform:translateY(-1px);box-shadow:0 3px 6px #dc35454d}@media(min-width:768px){.device-list-label-wrapper,.device-list-serial-wrapper{display:flex;flex-direction:column}.devices{flex-direction:column;align-items:flex-start}.device-actions{width:100%;justify-content:space-between;flex-wrap:wrap;align-self:center}.device-btn-container{justify-content:flex-start;width:100%}.device-btn-container,.device-actions{width:auto;flex-wrap:nowrap;align-items:center;align-self:center}}@media screen and (min-width:768px){.device-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.device-card>.device-list-label-wrapper,.device-card>.device-list-serial-wrapper,.device-card>.device-actions{align-self:center}.device-header{display:none}.device-actions{display:flex;gap:2.5rem;align-items:center;justify-content:flex-end}.device-actions i{padding:6px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .25s ease}.edit-icon:hover{color:#219ec7;transform:translateY(-1px);box-shadow:0 3px 6px #219ec74d}.delete-icon:hover{color:#dc3545;transform:translateY(-1px);box-shadow:0 3px 6px #dc35454d}.device-footer{display:none}}@media screen and (max-width:767px){.device-list-scroll{max-height:100%!important}.device-card{width:100%;display:grid!important;grid-template-areas:"header" "label" "serial" "footer";gap:.75rem;padding:1rem}.device-header{grid-area:header;display:flex!important;justify-content:flex-end;align-items:center;margin-bottom:.5rem}.device-header .device-actions{margin-top:0!important;gap:.5rem!important}.device-list-label-wrapper{grid-area:label;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;width:100%!important;min-width:0!important;max-width:none!important;padding:0}.device-list-serial-wrapper{grid-area:serial;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;width:100%!important;min-width:0!important;max-width:none!important;padding:0}.device-footer{grid-area:footer;display:flex!important;gap:.5rem!important;margin-top:0}.device-footer .custom-btn{flex:1;text-align:center;margin:0}.desktop-only{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/customer-device-list.css.map */