1 line
2.7 KiB
CSS
1 line
2.7 KiB
CSS
|
.alphaPicker{text-align:center;display:flex;flex-direction:column;align-self:center;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;justify-content:center}.alphaPicker-fixed.alphaPicker-tv{bottom:1.5em;bottom:calc(1.5em + env(safe-area-inset-bottom,0))}.alphaPickerRow{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-grow:1}.alphaPickerRow-vertical{column-count:1;flex-shrink:0;flex-direction:column;font-size:82%;font-size:clamp(80%, 1rem, 82%);contain:layout style paint}@media all and (pointer:fine){.alphaPickerRow-vertical{font-size:clamp(80%, 1rem, 88%)}}.alphaPickerRow-vertical-tv{font-size:clamp(80%, 1rem, 88%)}.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;flex-shrink:0;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:flex;justify-content:center;padding-inline-start:.5em;text-align:center;break-inside:avoid;max-height:1.4em;contain:layout style;font-weight:600}@media all and (pointer:fine){.alphaPickerButton-vertical{padding:0}}.alphaPickerButton-vertical-tv{padding:0}.alphaPickerButtonIcon{font-size:140%!important}.alphaPicker-fixed-left{left:0;inset-inline-start:0;inset-inline-end:initial}.alphaPicker-fixed-right{right:0;inset-inline-start:initial;inset-inline-end:0}@media all and (min-width:50em){.alphaPicker-fixed-right{right:.5ch;inset-inline-start:initial;inset-inline-end:.5ch}}@media all and (pointer:fine){.alphaPicker-fixed-right{right:1.8ch;inset-inline-start:initial;inset-inline-end:1.8ch}}@media all and (min-width:62.5em){.alphaPickerButton-vertical{width:3.8ch}}@media all and (min-width:80em){.alphaPicker-fixed-right{right:1.8ch;inset-inline-start:initial;inset-inline-end:1.8ch}}@media all and (min-height:40em){.alphaPickerButton-vertical{max-height:1.6em}}@media all and (min-height:60em){.alphaPickerButton-vertical{max-height:1.8em}}@media all and (min-height:80em){.alphaPickerButton-vertical{max-height:2em}}.alphaPickerButton-vertical.alphaPickerButton-tv{width:3.2ch;min-height:initial;max-height:initial}.alphaPicker-fixed-left.alphaPicker-tv{left:1.2ch;inset-inline-start:1.2ch;inset-inline-end:initial}.alphaPicker-fixed-right.alphaPicker-tv{right:1.2ch;inset-inline-start:initial;inset-inline-end:1.2ch}@media not all and (min-height:29em){.alphaPicker-fixed{display:none!important}}
|