.modal{z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#fff}@media (min-width:1024px){.modal{display:block;background-color:rgba(0,0,0,.25)}}.modal__icon-wrapper{display:flex;justify-content:flex-end;width:100%;height:auto;margin-top:30px}.modal__icon-wrapper .modal__close-icon{height:20px;width:20px;stroke-width:3px;cursor:pointer}.modal__container{outline:none}@media (min-width:1024px){.modal__container{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}}@media (max-width:1023px){.modal__container{height:100%}}.modal__open .modal__content{-webkit-animation-name:showModal;animation-name:showModal;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;will-change:transform,opacity}.modal__close .modal__content{-webkit-animation-name:hideModal;animation-name:hideModal;-webkit-animation-timing-function:cubic-bezier(.4,0,1,1);animation-timing-function:cubic-bezier(.4,0,1,1);opacity:0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;will-change:transform,opacity}.modal__content{position:relative;background-color:#fff;overflow:auto;max-height:100vh}.modal__content .modal__title-wrapper{display:flex;flex-direction:column;justify-content:center;text-align:center;margin-top:20px;margin-bottom:30px}.modal__content .modal__title-wrapper .modal__category-title{font-size:16px}.modal__content .modal__title-wrapper h2{margin-top:24px}.modal__list,.modal__list .modal__list-item{display:flex;flex-direction:column}.modal__list .modal__list-item{justify-content:center;align-items:center;border:1px solid #ededed;border-radius:2px;padding-top:20px;margin-bottom:12px}@media (min-width:1024px){.modal__list .modal__list-item{flex-direction:row;padding:25px 16px;justify-content:space-between}.modal__list .modal__list-item h3{width:200px}.modal__list .modal__list-item div{max-width:500px;flex-grow:1}.modal__list .modal__list-item button{flex-shrink:0}}@media (max-width:1023px){.modal__list .modal__list-item{text-align:center}.modal__list .modal__list-item button,.modal__list .modal__list-item div,.modal__list .modal__list-item h3{margin-bottom:20px;padding:0 8px}}.modal__list .modal__list-item button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal__list .modal__list-item:last-child{margin-bottom:30px}.modal__show-all{display:flex;flex-direction:row;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-bottom:150px}@media (min-width:1024px){.modal__show-all{margin-bottom:50px}}.modal__show-all .arrow__svg{height:12px;transform:rotate(180deg);margin-left:10px;font-size:16px}@-webkit-keyframes showModal{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes showModal{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@-webkit-keyframes hideModal{0%{opacity:1;transform:none}to{opacity:0;transform:scale(0)}}@keyframes hideModal{0%{opacity:1;transform:none}to{opacity:0;transform:scale(0)}}