body .options .option.active .shadow{box-shadow:inset 0 -120px 120px -120px black,inset 0 -120px 120px -100px black}body .options .option.active .label{bottom:20px;left:20px}body .options .option.active .label .info>div{left:0;opacity:1}body .options .option:not(.active) .shadow{bottom:-40px;box-shadow:inset 0 -120px 0px -120px black,inset 0 -120px 0px -100px black}body .options .option:not(.active) .label{bottom:10px;left:10px}body .options .option:not(.active) .label .info>div{left:20px;opacity:0}body .options .option .shadow{position:absolute;bottom:0;left:0;right:0;height:120px;transition:.5s cubic-bezier(.05,.61,.41,.95)}body .options .option .label{display:flex;position:absolute;right:0;height:40px;transition:.5s cubic-bezier(.05,.61,.41,.95)}body .options .option .label .icon{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:40px;max-width:40px;height:40px;border-radius:100%;background-color:white;color:var(--defaultBackground)}body .options .option .label .info{display:flex;flex-direction:column;justify-content:center;margin-left:10px;color:white;white-space:pre}body .options .option .label .info>div{position:relative;transition:.5s cubic-bezier(.05,.61,.41,.95),opacity .5s ease-out}body .options .option .label .info .main{font-weight:700;font-size:1.2rem}body .options .option .label .info .sub{transition-delay:.1s}