.wes-root{--radius:.5rem}.tip{position:relative}.tip[data-tip]:after{content:attr(data-tip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#111;border-radius:6px;padding:4px 9px;font-family:inherit;font-size:11px;font-weight:600;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)translateY(2px)}.tip[data-tip]:before{content:"";opacity:0;pointer-events:none;z-index:20;border:5px solid #0000;border-top-color:#111;border-bottom:none;transition:opacity .12s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.tip[data-tip]:hover:after,.tip[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.tip[data-tip]:hover:before,.tip[data-tip]:focus-visible:before{opacity:1}.tip-end[data-tip]:after{left:auto;right:-6px;transform:translateY(2px)}.tip-end[data-tip]:hover:after,.tip-end[data-tip]:focus-visible:after{transform:translateY(0)}.tip-end[data-tip]:before{left:auto;right:4px;transform:none}.wes-select{appearance:base-select}.wes-select::picker(select){appearance:base-select}.wes-select::picker(select){background:#fff;border:1px solid #00000024;border-radius:8px;margin-top:4px;padding:4px;box-shadow:0 8px 24px -12px #00000040}.wes-select option{color:#111;cursor:pointer;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12.5px}.wes-select option:hover,.wes-select option:focus{color:#fff;background:#2e75b6}.wes-select option:checked{color:#111;background:#e8f1fa;font-weight:600}.wes-select option:checked:hover{color:#fff;background:#2e75b6}