.custom-select{contain:style}.custom-select__selected{padding:16px 24px;background:#eee;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;gap:12px;border:0px solid #ccc;border-radius:4px;transition:box-shadow .3s ease-in-out}.custom-select__selected:hover{box-shadow:inset 0 0 0 1px #ccc}.custom-select__text,.custom-select__label{font-family:var(--input-font-family);line-height:150%;font-size:16px}.custom-select__options{display:none;position:absolute;top:100%;left:0;width:100%;background:#eee;border:1px solid #ccc;z-index:100;max-height:280px;overflow-y:scroll}.custom-select__options--open{display:block}.custom-select__option{padding:16px 24px;cursor:pointer}.custom-select__option--active{background:#fff}.custom-select__option:hover{background:rgba(255,255,255,.5)}@media screen and (min-width: 1024px){.custom-select{contain:style;overflow:hidden}.custom-select__nav{position:absolute;top:0;width:50px;height:100%;z-index:100;background-color:#eee;cursor:pointer}.custom-select__nav--left{left:0;border-right:1px solid #000}.custom-select__nav--right{right:0;border-left:1px solid #000}.custom-select__selected{display:none}.custom-select__options{position:static;display:grid;grid-template-columns:repeat(3, 1fr);align-items:center;justify-items:center;contain:content;overflow-y:unset;padding:16px;gap:24px;border-radius:4px;border:none}.custom-select__option{white-space:nowrap;padding:8px 16px;cursor:pointer;border-radius:4px;border:1px solid #ccc;width:100%;text-align:center;transition:background .3s ease-in-out,border .3s ease-in-out,box-shadow .3s ease-in-out}.custom-select__option--default{display:none}.custom-select__option--active{background:#fff;box-shadow:1px 1px 8px 0px rgba(0,0,0,.1)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}