.weatherIconButton {
    font-family: 'Daira by LTV grafika';
    font-size: 30px;
    display:inline-flex;align-items:center;justify-content:center;
    width:50px;height:50px;min-height:50px;
    background:#f4f6f8;border:1px solid #d9e0e8;border-radius:10px;
    padding:0;margin:0;
    cursor: pointer;
}

.weatherIconButton:hover {
    background:#e9eef4;border-color:#aebccc;color:#17212d;
}

.weatherIconInput {
    font-family: 'Daira by LTV grafika';
    font-size: 30px;
}

.weatherIconStub {
    font-family: 'Daira by LTV grafika';
    font-size: 20px;
    color: white;
}
.weatherIconButton.selected{background:#17212d;border-color:#17212d;color:#fff;box-shadow:0 0 0 3px var(--accent-pale)}
.weatherIconButton:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}
.weatherGlyph{display:block;flex:none;color:inherit;pointer-events:none}
.symbolPalette{grid-template-columns:repeat(auto-fill,50px)!important}.selectedPreview{width:46px!important;height:46px!important}.selectedPreview,.currentSymbol{font-family:inherit!important}
