.selectbox{position:relative;display:block;width:100%}.selectbox:before{top:0;right:0;width:3.5em;height:100%;border-radius:0 12px 12px 0;background-color:var(--color-primary);z-index:1}.selectbox:after,.selectbox:before{position:absolute;content:"";pointer-events:none}.selectbox:after{top:50%;right:1.3em;transform:translate(50%,-60%) rotate(45deg);width:10px;height:10px;border-bottom:3px solid #fff;border-right:3px solid #fff;z-index:2}.selectbox select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-width:230px;height:4rem;padding:.5em 4em .5em 1.5em;border:2px solid var(--color-primary);border-radius:12px;background-color:#fffbfd;color:#5a5a5a;font-family:var(--font-sans);font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease}.selectbox select option{background-color:#fff;color:#333;font-size:1.1rem;padding:10px}.selectbox select:hover{background-color:#fff;box-shadow:0 2px 8px rgba(255,158,187,.2)}.selectbox select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(162,210,255,.3)}.selectbox select.error{border-color:var(--color-error);background-color:#fff0f0}.indicator{transition-duration:2s;transition-property:width;transition-timing-function:ease-out}.low-rate{background-image:linear-gradient(90deg,rgba(251,213,251,1),rgba(149,233,243,1))}.middle-rate{background-image:linear-gradient(90deg,rgba(240,245,144,1),rgba(4,255,11,1))}.high-rate{background-image:linear-gradient(90deg,rgba(254,220,64,1),rgba(254,164,52,1) 39%,rgba(255,72,33,1))}