.modal-backdrop[data-v-57ae9c8b]{z-index:10;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-57ae9c8b]{width:var(--c5731ad4);height:var(--v1c8e3352);box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;padding:2rem;display:flex}header[data-v-57ae9c8b]{justify-content:space-between;align-items:start;gap:.5rem;width:100%;display:flex}header button[data-v-57ae9c8b]{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#fff;border-radius:4px;width:30px;height:30px}header button[data-v-57ae9c8b]:hover{color:#fff;background-color:var(--primary-color);cursor:pointer;border:1px solid #fff;border-radius:4px;transition:all .2s ease-in-out}@media screen and (width<=1200px){.modal[data-v-57ae9c8b]{width:80%}}@media screen and (width<=600px){.modal[data-v-57ae9c8b]{width:85%;padding:1rem}}@media screen and (width<=400px){.modal[data-v-57ae9c8b]{justify-content:center;width:100%;height:100%;padding:1rem;position:relative}header button[data-v-57ae9c8b]{position:absolute;top:10px;right:10px}}