.dropdown{font-family:Helvetica,sans-serif;font-weight:300;width:100%}@media (min-width:768px){.dropdown{margin:0 auto;max-width:360px}}.dropdown__switch:checked+.dropdown__options-filter .dropdown__select{opacity:1;transform:scaleY(1)}.dropdown__switch:checked+.dropdown__options-filter .dropdown__filter:after{transform:rotate(-135deg)}.dropdown__options-filter{cursor:pointer;list-style:none;width:100%}.dropdown__filter{background:var(--White,#fff);border:1px solid #c0d0de;display:flex;font-size:16px;line-height:1;list-style:none;margin:0;padding:18px;position:relative;transition:.3s}.dropdown__filter:focus{outline:none}.dropdown__filter:after{border-bottom:1px solid #182b43;border-right:1px solid #182b43;content:"";height:10px;position:absolute;right:20px;top:45%;transform:rotate(45deg) translateX(-45%);transition:.3s ease-in-out;width:10px}.dropdown__select{border:1px solid #c0d0de;left:0;opacity:0;overflow:hidden;padding:0;position:absolute;top:100%;transform:scaleY(0);transform-origin:top;transition:.2s ease-in-out;width:100%}.dropdown__select-option{background-color:#fff;border-bottom:1px solid #e9ecef;padding:9px;transition:.3s}.dropdown__select-option:last-of-type{border-bottom:0}.dropdown__select-option:hover{background-color:#e9ecef}