first commit

modules/alphapicker/alphapicker.css

@@ -0,0 +1 @@
+.alphaPicker{text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-self:center;align-self:center;-webkit-user-select:none;user-select:none}.alphaPicker-fixed{position:fixed;top:9em;top:calc(9em + env(safe-area-inset-top,0));top:var(--header-height);top:calc(1em + var(--header-height));bottom:4.25em;bottom:calc(4.25em + env(safe-area-inset-bottom,0));z-index:1;-webkit-justify-content:center;justify-content:center}.alphaPickerRow{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-grow:1;flex-grow:1}.alphaPickerRow-vertical{-webkit-column-count:1;column-count:1;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-direction:column;flex-direction:column;font-size:82%;font-size:clamp(80%, 1rem, 82%);contain:layout style paint}.alphaPickerButton{border:0!important;cursor:pointer;outline:0!important;vertical-align:middle;font-family:inherit;font-size:inherit;min-width:initial;margin:0;padding:.1em .5em;width:auto;border-radius:.42em;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-grow:1;flex-grow:1}.alphaPickerButton:focus::before{left:-.1em!important;right:-.1em!important}.alphaPicker:not(:focus-within) .alphaPickerButton-current{color:inherit!important}.alphaPickerButton-vertical{width:2.75ch;padding:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-padding-start:.5em;padding-inline-start:.5em;text-align:center;-webkit-column-break-inside:avoid;break-inside:avoid;max-height:1.4em;contain:layout style;font-weight:600}.alphaPickerButtonIcon{font-size:140%!important}