.modal__close{background:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.modal{align-items:center;display:flex;justify-content:center}.modal__title{margin-bottom:1rem}@media only screen and (min-width:768px){.modal__title{margin-bottom:1.5rem;text-align:center}}.modal__content{display:flex;place-items:center}@media only screen and (max-width:767px){.modal__content{height:100%;width:100%}.modal__content--bottom-sheet{height:auto;margin-top:auto}}.modal__inner{background:#fff;border-radius:1.5rem;display:flex;flex-direction:column;padding:2rem;position:relative}@media only screen and (max-width:767px){.modal__inner{border-radius:0;height:100%;padding:2rem 1rem}}.modal__inner--sm{width:100%}@media only screen and (min-width:768px){.modal__inner--sm{max-width:560px}}@media only screen and (max-width:767px){.modal__inner--sm{padding:1rem}.modal__inner--sm .modal__title{text-align:center}}.modal__inner--md{width:100%}@media only screen and (min-width:768px){.modal__inner--md{width:660px}}@media only screen and (min-width:1280px){.modal__inner--md{width:810px}}.modal__inner--xl{width:100%}@media only screen and (min-width:1024px){.modal__inner--xl{padding:4rem 2.25rem 2.25rem;width:964px}}@media only screen and (min-width:1440px){.modal__inner--xl{padding:4.25rem 2.25rem 2.25rem;width:1260px}}@media only screen and (max-width:767px){.modal__inner--bottom-sheet{border-radius:12px 12px 0 0;height:100%;max-height:95dvh;overflow:auto;padding:3rem 1rem calc(env(safe-area-inset-bottom) + 48px);width:100%}.modal__inner--bottom-sheet .modal__close{display:none}}.modal__inner--footer-action{padding-bottom:0}.modal__close{position:absolute;right:1.25rem;top:1.25rem}@media only screen and (max-width:767px){.modal__body{max-height:100%;overflow-y:auto}}.modal__body-pin{display:none}@media only screen and (max-width:767px){.modal__body-pin{display:flex;height:48px;inset:0;justify-content:center;padding:.5rem .75rem .75rem;position:absolute;z-index:1}.modal__body-pin:before{background-color:#ddd;border-radius:100px;content:"";display:inline-block;height:4px;width:60px}}.modal__footer{padding:1.5625rem 0;text-align:center}@media only screen and (min-width:768px){.modal__footer-btn{width:420px}}