.select-container:after{border:10px solid transparent;border-top-color:#888;content:"";pointer-events:none;position:absolute;right:10px;top:40%;transform:scaleX(.8);transform-origin:0 50%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eee;border:1px solid #eee;border-radius:3px;padding:.7vw;position:relative;width:100%}select,select+label{font-size:var(--paragraph-medium);transition:.2s ease-out}select+label{align-items:center;display:flex;height:100%;left:0;line-height:1;margin-right:4vw;opacity:.5;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translate(.2vw) translateY(0);transform-origin:0 50%;width:auto}@media(max-width:768px){select+label{transform:translate(1rem) translateY(0)}}select:where(:active,:focus,.filled){background:#fff}select:where(:active,:focus,.filled)+label{align-items:flex-end;height:0;margin-right:0;opacity:1;transform:translate(0) translateY(-.2em) scale(.9);transform-origin:0}@media(max-width:768px){select{padding:2vw}}