.icon{border-radius:5px;border-bottom-right-radius:0;border-color:#000;border-top-left-radius:0;border-width:0 0 2px 2px;right:0}.icon,.icon_left{height:50px;position:fixed;top:0;width:50px;z-index:2}.icon_left{border-radius:5px;border-bottom-left-radius:0;border-color:#000;border-top-right-radius:0;border-width:0 2px 2px 0;left:0}.foreground{border-color:#000;border-top-width:2px;bottom:0;height:100px;left:0;opacity:.8;pointer-events:none;width:100vw;z-index:2}.foreground,.item{background-color:#e60b37;position:absolute}.item{-webkit-animation:changeSideReversed 1s forwards;animation:changeSideReversed 1s forwards;border-radius:1rem;bottom:60px;cursor:pointer;transition:all .2s;z-index:1}.item:hover{-webkit-animation:changeSide 1s forwards;animation:changeSide 1s forwards;-webkit-transform:translateY(-3rem);transform:translateY(-3rem);transition:all 1s ease-in-out}@-webkit-keyframes changeSide{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);z-index:3}to{-webkit-transform:translate(0);transform:translate(0);z-index:3}}@keyframes changeSide{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);z-index:3}to{-webkit-transform:translate(0);transform:translate(0);z-index:3}}@-webkit-keyframes changeSideReversed{0%{-webkit-transform:translate(0);transform:translate(0);z-index:3}50%{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);z-index:1}to{-webkit-transform:translate(0);transform:translate(0);z-index:1}}@keyframes changeSideReversed{0%{-webkit-transform:translate(0);transform:translate(0);z-index:3}50%{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);z-index:1}to{-webkit-transform:translate(0);transform:translate(0);z-index:1}}.background{bottom:0;left:0;z-index:1}.background,.div{position:absolute}.div{background-color:#9ae6b3;border-radius:300px 300px 0 0;height:300px;left:50%;top:50%;-webkit-transform:translate(-45%) rotate(270deg);transform:translate(-45%) rotate(270deg);width:620px}.circle-wrapper{height:100%;position:relative;width:100%}.counterRotate{-webkit-transform:translate(95%,8%) rotate(-270deg);transform:translate(95%,8%) rotate(-270deg)}
/*# sourceMappingURL=main.3dcd4b56.css.map*/