.modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:#000c;z-index:100000}.modal--open{display:block}.modal__close{overflow:hidden;text-indent:100%;white-space:nowrap;position:absolute;top:2.4rem;right:2.4rem;padding:0;cursor:pointer;background-color:#fff;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.12238%2020.5L0%2019.3776L8.87761%2010.5L0%201.62238L1.12238%200.5L10%209.37761L18.8776%200.5L20%201.62238L11.1224%2010.5L20%2019.3776L18.8776%2020.5L10%2011.6224L1.12238%2020.5Z'%20fill='currentColor'/%3e%3c/svg%3e");mask:url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.12238%2020.5L0%2019.3776L8.87761%2010.5L0%201.62238L1.12238%200.5L10%209.37761L18.8776%200.5L20%201.62238L11.1224%2010.5L20%2019.3776L18.8776%2020.5L10%2011.6224L1.12238%2020.5Z'%20fill='currentColor'/%3e%3c/svg%3e");border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2rem;height:2rem}.modal__content{margin:10rem 0;height:calc(100% - 20rem);display:flex;overflow:hidden}