/*
 * Copyright (c) 2021 Nordic Semiconductor ASA
 *
 * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
 */

 @use "sass:color";

 @import "../../../variables";
 
 .core19-device-selector {
     .device-list-container {
         position: fixed;
         width: $side-panel-width;
         height: calc(100vh - #{$nav-bar-height});
         z-index: -1;
         display: flex;
         flex-direction: column;
         justify-content: space-between;

         &.hidden {
             transform: translateY(-100%);
         }

         transition: transform $normal-transition;

         background: $gray-50;
         color: $gray-700;

         .device-list {
             @include scrollbars($gray-50);
             display: flex;
             flex-direction: column;
             overflow-y: overlay;

             .no-devices-connected {
                 padding: 20px;
             }

             > ul {
                 padding: 0;
                 margin-bottom: 0;

                 > li {
                     border-bottom: 1px solid $gray-200;
                 }
             }
         }
     }
 }
 
 .global-auto-reconnect{
     background-color: $gray-200;
     color: $gray-700;
     text-transform: uppercase;
     padding: 8px 27px;
 
     .toggle-label {
         font-size: 10px;
     }
 
     .toggle {
         label {
             display: flex;
             justify-content: flex-start;
         }
     }
 }