.picker { font-size: 16px; text-align: left; line-height: 1.2; color: rgb(0, 0, 0); -moz-user-select: none; }
.picker__input { cursor: default; }
.picker__input.picker__input--active { border-color: rgb(0, 137, 236); }
.picker__holder { width: 100%; overflow-y: auto; z-index: 11000; }
.picker__holder, .picker__frame { bottom: 0px; left: 0px; right: 0px; top: 100%; }
.picker__holder { position: fixed; transition: background 0.15s ease-out 0s, top 0s ease 0.15s; }
.picker__frame { position: absolute; margin: 0px auto; min-width: 256px; max-width: 666px; width: 100%; opacity: 0; transition: all 0.15s ease-out 0s; }
@media (min-height: 33.875em) {
  .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; }
}
@media (min-height: 40.125em) {
  .picker__frame { margin-bottom: 7.5%; }
}
.picker__wrap { display: table; width: 100%; height: 100%; }
@media (min-height: 33.875em) {
  .picker__wrap { display: block; }
}
.picker__box { background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: table-cell; vertical-align: middle; }
@media (min-height: 26.5em) {
  .picker__box { font-size: 1.25em; }
}
@media (min-height: 33.875em) {
  .picker__box { display: block; font-size: 1.33em; border-width: 1px 1px 0px; border-style: solid; border-color: rgb(137, 137, 137) rgb(119, 119, 119) rgb(119, 119, 119); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 5px 5px 0px 0px; box-shadow: 0px 12px 36px 16px rgba(0, 0, 0, 0.24); }
}
@media (min-height: 40.125em) {
  .picker__box { font-size: 1.5em; border-bottom-width: 1px; border-radius: 5px; }
}
.picker--opened .picker__holder { top: 0px; background: rgba(0, 0, 0, 0.32) none repeat scroll 0% 0%; transition: background 0.15s ease-out 0s; }
.picker--opened .picker__frame { top: 0px; opacity: 1; }
@media (min-height: 33.875em) {
  .picker--opened .picker__frame { top: auto; bottom: 0px; }
}