.OpenCloseButton_openCloseButton__zLFe9{display:flex;align-items:center;justify-content:center;background-color:#f2f3f7;border-radius:5px;cursor:pointer;width:40px;height:40px;border:none;position:relative;z-index:11;transition:background-color .2s ease;--padding-top:10px;--padding-right:10px;--padding-bottom:10px;--padding-left:10px}.OpenCloseButton_openCloseButton__zLFe9:hover{background-color:hsl(228,23.8095238095%,91.8823529412%)}.OpenCloseButton_openCloseButton__zLFe9 span{position:absolute;left:var(--padding-left);right:var(--padding-right);height:1px;background:#282828;transition:transform .4s ease,opacity .4s ease,top .4s ease,bottom .4s ease}.OpenCloseButton_openCloseButton__zLFe9 span:first-child{top:var(--padding-top)}.OpenCloseButton_openCloseButton__zLFe9 span:nth-child(2){top:calc((100% - var(--padding-top) - var(--padding-bottom))/2 + var(--padding-top));transform:translateY(-50%)}.OpenCloseButton_openCloseButton__zLFe9 span:nth-child(3){bottom:var(--padding-bottom)}.OpenCloseButton_openCloseButton__zLFe9.OpenCloseButton_open___035g span:first-child{top:calc((100% - var(--padding-top) - var(--padding-bottom))/2 + var(--padding-top));transform:translateY(-50%) rotate(45deg);transform-origin:center}.OpenCloseButton_openCloseButton__zLFe9.OpenCloseButton_open___035g span:nth-child(2){opacity:0}.OpenCloseButton_openCloseButton__zLFe9.OpenCloseButton_open___035g span:nth-child(3){bottom:auto;top:calc((100% - var(--padding-top) - var(--padding-bottom))/2 + var(--padding-top));transform:translateY(-50%) rotate(-45deg);transform-origin:center}.OpenCloseButton_hidden__y7Lve{display:none}