<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.leaflets-search {display: flex;margin: 20px 10px 10px;}
.leaflets-search .searchterm {width: 100%;border: none;border-right: none !important;padding: 5px 10px;outline: none;color: #6E6D6D;margin: 0;box-shadow: none;font-size: 16px;background-color: white;border-radius: 5px 0 0 5px;}
.leaflets-search .searchbutton {width: 40px;border: none;text-align: center;color: #fff;cursor: pointer;font-size: 20px;border-left: 0px;border-radius: 0 5px 5px 0;background-color: white;}
.leaflets-search .searchbutton svg {margin-top: 3px;}

.leaflets-letters{display: flex;flex-wrap: wrap;/* justify-content: space-between; *//* gap: 2%; */margin: 10px;}
.leaflets-letters a.letter{width: 47px;height: 47px;border: 1px solid #015BBB;display: flex;align-items: center;justify-content: center;padding: 5px 10px;font-size: 21px;font-weight: bold;margin: 4px;border-radius: 4px;}
.leaflets-letters a.letter:nth-child(4n + 1){/* margin-left: 0; */}
.leaflets-letters a.letter:hover,
.leaflets-letters a.letter.active{background: #015BBB;color: white;}
.leaflets-letters:after{content: "";flex: auto;}</pre></body></html>