.weather-widget-select-floating-div-show{
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 25vw;
    max-width: 50vw;
    background: var(--div-body-background-color);
    border: var(--div-border);
    border-radius: 5px;
    box-shadow: var(--floating-selected-box-shadow);
    z-index: 1000;
    text-align: center;
    box-sizing: border-box;
}

.weather-widget-floating-div-body{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; 
    background-color: var(--div-body-background-color);
    padding: 1px;
    margin: 1px;
    box-sizing: border-box;
}

.weather-widget-select-checklist {
    display: flex;
    flex-direction: column; 
    align-items: flex-start;
    justify-content: flex-start; 
    gap: 6px;               
    padding: 8px;
    font-size: 110%;
    font-family: Arial, sans-serif;
    color: #141414;
    background-color: transparent;
    border-radius: 4px;
}

/* Optional: style individual checklist items */
.weather-widget-select-checklist input[type="checkbox"] {
    transform: scale(1.1); /* Slightly larger checkboxes */
    margin-right: 6px;
}

.weather-widget-select-checklist label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.pill-container,
.pill-container * {
  user-select: none;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* old Edge/IE */
}
.pill-container { 
    cursor: grab; 
    overscroll-behavior: contain; /* stop page from hijacking scroll */
}
.pill-container.grabbing { cursor: grabbing; }
.pill-container.paused { cursor: default; }   /* or change bg, add outline, etc. */