@media screen and (max-width:600px){.options{display:none!important}}.options{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-width:600px;max-width:900px;width:calc(100% - 100px);height:400px;margin:auto;padding:10px}.options .option{position:relative;overflow:hidden;min-width:60px;margin:10px;background:var(--optionBackground,var(--defaultBackground,#e6e9ed));background-size:auto 120%;background-position:50%;cursor:pointer;transition:.5s cubic-bezier(.05,.61,.41,.95)}.option:first-child{--defaultBackground:#ed5565}.option:nth-child(2){--defaultBackground:#fc6e51}.option:nth-child(3){--defaultBackground:#ffce54}.option:nth-child(4){--defaultBackground:#2ecc71}.option:nth-child(5){--defaultBackground:#5d9cec}.option:nth-child(6){--defaultBackground:#ac92ec}.option.active{flex-grow:10000;transform:scale(1);max-width:600px;margin:0;border-radius:40px;background-size:auto 100%}.option.active .label{top:10px;left:20px;background:rgba(0,0,0,.3);padding-left:10px;margin-right:20px;padding-top:10px;width:-moz-fit-content;width:fit-content;border-radius:20px;padding-right:20px}.option.active .label .info>div{left:0;opacity:1}.option:not(.active){flex-grow:1;border-radius:30px}.option:not(.active) .label{bottom:10px;left:10px}.option:not(.active) .label .info>div{left:20px;opacity:0}.label{display:flex;position:absolute;right:0;height:-moz-fit-content;height:fit-content;transition:.5s cubic-bezier(.05,.61,.41,.95)}.icon{flex-direction:row;align-items:center;min-width:40px;max-width:40px;height:40px;border-radius:100%;background-color:#fff;color:var(--defaultBackground)}.icon,.info{display:flex;justify-content:center}.info{flex-direction:column;margin-left:10px;color:#fff;font-weight:700}