body{margin:0}.section{height:100vh;display:flex;justify-content:center;align-items:center}.section_1{background-color:#48aff0}.section_2{background-color:#ff7373}.section_3{background-color:#62d96b}.section_4{background-color:#ffc940}.dialog *{box-sizing:border-box}.dialog_hidden{visibility:hidden}.dialog__wrapper{position:fixed;inset:0;z-index:999;background-color:#29374280;display:flex;justify-content:center;align-items:center;transition:.25s;opacity:1}.dialog_hidden .dialog__wrapper{opacity:0}.dialog__window{width:600px;background-color:#fff;box-shadow:5px 5px 10px #29374280;border-radius:5px;overflow:hidden;transition:.25s;transform:translateY(0)}.dialog_hidden .dialog__window{transform:translateY(60px)}.dialog__header{display:flex;align-items:center;background-color:#e1e8ed;padding:10px 20px}.dialog__header>*:not(:last-child){margin-right:10px}.dialog__title{flex:1}.dialog__icon{width:15px;height:15px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='510px'%20height='510px'%20viewBox='0%200%20510%20510'%20style='enable-background:new%200%200%20510%20510;'%20xml:space='preserve'%3e%3cg%3e%3cg%20id='home'%3e%3cpolygon%20points='204,471.75%20204,318.75%20306,318.75%20306,471.75%20433.5,471.75%20433.5,267.75%20510,267.75%20255,38.25%200,267.75%2076.5,267.75%2076.5,471.75%20'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");background-size:100%}.dialog__content{margin:20px}.dialog__footer{border-top:1px solid #ced9e0;padding:10px 20px;display:flex;justify-content:flex-end}.dialog__control{width:15px;height:15px}.dialog__control_type_close{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='357px'%20height='357px'%20viewBox='0%200%20357%20357'%20style='enable-background:new%200%200%20357%20357;'%20xml:space='preserve'%3e%3cg%3e%3cg%20id='close'%3e%3cpolygon%20points='357,35.7%20321.3,0%20178.5,142.8%2035.7,0%200,35.7%20142.8,178.5%200,321.3%2035.7,357%20178.5,214.2%20321.3,357%20357,321.3%20214.2,178.5%20'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");background-size:100%}