.button__container{border-radius:4px;text-align:center;border:0;color:#fff;cursor:pointer;font-family:'Roboto', -apple-system, sans-serif;font-size:15px;width:100%}.button__container--small{height:32px;padding:0 16px;line-height:32px}.button__container--medium{height:48px;padding:0 24px;line-height:48px}.button__container--large{height:56px;padding:0 32px;line-height:56px}.button__container--green{background-color:#0ec645}.button__container--green:hover{background-color:#10b93d}.button__container--red{background:#ee353e}.button__container--red:hover{opacity:.9}.button__container--gray{background-color:#54545a}.button__container--gray:hover{background-color:#3f3f45}.button__container--light-gray{color:#2e2e33;background-color:#f6f6f6}.button__container--light-gray:hover{background:#e3e4e6}.button__container--disabled{color:rgba(255,255,255,0.5);cursor:default;pointer-events:none}

@keyframes slideInFromBottom{0%{bottom:-100%}100%{bottom:0}}.popup__overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:140;box-sizing:border-box;overflow:scroll}@media (min-width: 640px){.popup__overlay{padding:68px 0;display:flex;flex-direction:column}}.popup__overlay--transparent{background:transparent;display:flex;flex-direction:column}.popup__container{position:fixed;top:0;left:0;width:100%;height:100%;max-height:100%;background:#fff;z-index:140;transition:margin-bottom 0.2s ease-out}.popup__container--moving{transition:none}.popup__container--closing{margin-bottom:-100%}.popup__container--bottomsheet{animation:0.2s ease-out 0s 1 slideInFromBottom;bottom:0;top:unset;height:auto;overflow-y:auto;border-radius:16px 16px 0px 0px}.popup__container--bottomsheet:after{position:absolute;top:12px;left:0;right:0;margin:auto;width:44px;height:4px;background:#e3e4e6;content:'';border-radius:9px}.popup__container--bottomsheet:before{position:absolute;top:0;left:0;right:0;margin:auto;width:100%;height:30px;background:#fff;content:'';border-radius:9px}.popup__container--relative{position:relative}.popup__container--tall{height:100%;margin-top:-25%}@media (min-width: 640px){.popup__container{position:relative;width:560px;height:auto;max-height:unset;margin:auto;border-radius:4px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2)}.popup__container--wide{width:960px}.popup__container--tall{height:100%;width:1128px;box-sizing:border-box}}.popup__header{position:relative;height:48px;border-bottom:1px solid #e3e4e6}.popup__close-button{position:absolute;top:12px;right:12px;z-index:140}@media (min-width: 640px){.popup__close-button{top:16px;right:16px;cursor:pointer}}.popup__body{max-height:100%;padding:32px 16px}.popup__body--bottomsheet{padding:0 0 16px}@media (min-width: 640px){.popup__body{padding:48px 96px}.popup__body--wide{padding:56px}.popup__body--tall{height:100%;box-sizing:border-box}}.popup__content{max-height:100%}@media (min-width: 640px){.popup__content{padding:0;display:flex;justify-content:space-between;align-items:flex-start}.popup__content--tall{height:100%}}.popup__title{font-size:22px;line-height:28px;font-weight:bold;margin-bottom:8px}.popup__title--bottomsheet{margin:32px 24px 0}@media (min-width: 640px){.popup__title{margin-bottom:12px;font-size:30px;line-height:36px}}.popup__text{font-size:15px;line-height:20px}.popup__text--bottomsheet{padding:8px 24px 96px}.popup__buttons{position:fixed;bottom:0;left:0;right:0;box-sizing:border-box;padding:16px;background:rgba(255,255,255,0.8);display:flex;justify-content:space-between}@media (min-width: 640px){.popup__buttons{position:relative;padding:0;margin:32px 0 0;width:100%}}.popup__button:not(:last-child){margin-right:16px}