.modal{--color:#f4eae7;--background-color:#2d3f22;--background-color-hover:#bac4b4;display:none;max-width:600px !important;background-color:var(--background-color) !important;color:var(--color) !important;}.modal__wrapper{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;min-width:min(300px,calc(100vw - 100px - 2rem));min-height:min(200px,calc(100vh - 100px - 2rem));}.modal__content{margin-bottom:1.5rem;margin-top:.5rem;}.modal__content .button{--background-color:#c2adc6;--background-color-hover:#8d8091;--color:#f4eae7;}.modal__buttons{display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;margin-bottom:-.5rem;}.modal__buttons > div{flex:1 0 auto;padding:0 10px;margin-bottom:.5rem;}.modal__buttons .button{--background-color:#c2adc6;--background-color-hover:#8d8091;--color:#f4eae7;width:100%;white-space:nowrap;}.modal__buttons--mdorder-1{order:1;}@media (min-width: 48rem){.modal__buttons--mdorder-1{order:0;}}.modal__buttons--mdorder-0{order:0;}@media (min-width: 48rem){.modal__buttons--mdorder-0{order:1;}}