@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.switch{display:inline-flex;flex-shrink:0;height:24px;overflow:hidden;position:relative;vertical-align:middle;width:44px}.switch__input{cursor:pointer;left:0;margin:0;opacity:0;padding:0;top:0;z-index:1}.switch__input,.switch__track{height:100%;position:absolute;width:100%}.switch__track{background-color:#170d19;border-radius:4px;border:1px solid #271c2b;display:block;transition-duration:.15s;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(0,0,.2,1)}.switch__input:not(:checked):hover~.switch__track{background-color:#271c2b;border-color:#3e3144}.switch__input:checked~.switch__track{border-color:rgba(0,0,0,0);background-color:#e90083;background-image:#e6007a}.switch__thumb{background-color:#271c2b;border-radius:3px;display:block;height:16px;left:4px;position:absolute;top:4px;width:16px;transition-duration:.15s;transition-property:background-color,transform;transition-timing-function:cubic-bezier(0,0,.2,1)}.switch__input:not(:checked)~.switch__thumb{background-color:#56455f}.switch__input:checked~.switch__thumb{background-color:#fff;transform:translateX(20px)}