.select-container{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.15);border-radius:12px;overflow:hidden;position:relative;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.select-container:focus-within{background:rgba(196,30,58,.1);border-color:#c41e3a;box-shadow:0 0 0 4px #c41e3a26}.select-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:16px 45px 16px 20px;width:100%}.select-container select:focus{outline-width:0}@media (min-width:1024px){.select-container select{padding:16px 50px 16px 20px}}.select-container select{background:transparent;color:#ffffff80;font-family:DM Sans,sans-serif;font-size:14px}.select-container select option{background-color:#1a1a1a;color:#fff}.select-container select:not(:invalid){color:#fff}.select-container.has-value select{color:#fff}.select-container img{--tw-translate-y:-50%;pointer-events:none;position:absolute;right:12px;top:50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1024px){.select-container img{right:16px}}.select-container img{filter:brightness(0) invert(1);opacity:.5}.select-secondary{max-width:unset;width:100%}@media (min-width:1024px){.select-secondary{height:unset}}.select-secondary{border-radius:12px}.select-secondary select{height:100%;padding-left:20px}@media (min-width:1024px){.select-secondary select{padding-left:20px}}.select-container select option[value=""]{color:#ffffff80}
