.dropdown{background:#131313;border-radius:2px;box-shadow:0 4px 30px #000000e6;left:0;opacity:0;padding:10px 0;pointer-events:none;position:absolute;top:calc(100% + 5px);transform:translate3d(0,50px,0);transition:opacity .15s cubic-bezier(.39,.575,.565,1),transform .3s cubic-bezier(.39,.575,.565,1);z-index:1}body.is-safari .dropdown{pointer-events:all;visibility:hidden}body.is-safari .dropdown.is-active{visibility:visible}.dropdown.is-active{opacity:1;pointer-events:all;transform:none;transition:opacity .3s cubic-bezier(.175,.885,.32,1.15),transform .3s cubic-bezier(.175,.885,.32,1.15)}.dropdown:before{border:1px solid #515151;border-radius:2px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.dropdown label{display:block;font-weight:700;padding:9px 0 16px 18px}.dropdown label,.dropdown__reset{font-size:9px;letter-spacing:.2em;text-transform:uppercase}.dropdown__reset{background:#2d2d2d;border-radius:2px;cursor:pointer;font-style:normal;font-weight:600;opacity:0;padding:5px 6px 4px;pointer-events:none;position:absolute;right:12px;top:12px}.dropdown__reset:hover{color:#fff}body.is-safari .dropdown__reset{pointer-events:all;visibility:hidden}body.is-safari .dropdown__reset.is-active{visibility:visible}.dropdown__reset.is-active{opacity:1;pointer-events:all}.dropdown>a{color:#fff;display:block;font-size:12px;font-weight:500;padding:9px 40px 9px 18px;position:relative;white-space:nowrap}.dropdown>a.is-selected,.dropdown>a:hover{background:#0071e3}.dropdown__radios{display:flex;margin:10px 0 -5px}.dropdown__radios span{align-items:center;cursor:pointer;display:flex;flex-grow:1;font-size:9px;font-weight:700;height:35px;justify-content:center;letter-spacing:.2em;text-transform:uppercase;transition:color .3s cubic-bezier(.785,.135,.15,.86)}.dropdown__radios span:hover{color:#fff}.dropdown__radios span.is-active{color:#0071e3}.dropdown__radios.not-active{pointer-events:none}.dropdown__radios.not-active span{color:#343434}.dropdown--dark{background:#202020;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;box-shadow:0 15px 100px #000000b3;padding:8px}.dropdown--dark .dropdown__reset{font-weight:700;padding:6px}.dropdown--dark label{padding-left:0}.dropdown--dark:before{display:none}.dropdown--dark>a{align-items:center;border-radius:8px;color:silver;display:flex;font-size:13px;font-weight:500;height:40px;padding:8px;white-space:nowrap}.dropdown--dark>a.is-selected,.dropdown--dark>a:hover{background:#333;color:#fff}.dropdown--dark .dropdown__radios{border-top:1px solid hsla(0,0%,100%,.15);justify-content:space-between;margin:8px -8px 0;padding:8px 16px 0}.dropdown--dark .dropdown__radios span{color:silver;flex-grow:0;font-size:13px;font-weight:600;height:24px;letter-spacing:0;line-height:24px;text-transform:capitalize}.dropdown--dark .dropdown__radios span:hover{color:#fff}.dropdown--dark .dropdown__radios span.is-active{color:#0071e3}