.CloseButton{box-sizing:border-box;width:32px;height:32px;padding:18px;cursor:pointer;opacity:1;border:0;border-radius:50%;background-color:var(--depot-color-control-secondary);transition:background-color .3s ease-in-out}.CloseButton-Wrapper{position:absolute;z-index:24;top:20px;right:20px;border-radius:50%;background-color:var(--depot-color-bg-secondary)}.CloseButton:hover{background-color:var(--depot-color-control-secondary-hovered)}.CloseButton::before,.CloseButton::after{position:absolute;top:50%;left:50%;display:block;width:18px;height:2px;content:"";border-radius:1px;background-color:var(--depot-color-text-primary);transition:background-color .3s ease-in-out}.CloseButton::before{transform:translate(-50%,-50%) rotate(-45deg)}.CloseButton::after{transform:translate(-50%,-50%) rotate(45deg)}