.modal-backdrop{animation:fadeIn .2s ease-in-out forwards;background-color:var(--rd-color-common-overlay);inset:0;position:fixed;z-index:40}.tap-to-dismiss{color:var(--rd-color-background-500);display:none;font-size:1rem;font-weight:500;left:50%;pointer-events:none;position:absolute;text-align:center;top:2rem;transform:translateX(-50%)}.modal-wrapper{align-items:center;display:flex;inset:0;justify-content:center;padding:1rem;pointer-events:none;position:fixed;z-index:50}.modal-content{animation:scaleIn .2s ease-in-out forwards;background-color:var(--rd-color-background-500);border-radius:1rem;max-width:38.688rem;pointer-events:auto;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tap-to-dismiss{display:block;font-size:.875rem;top:1rem}.modal-wrapper{align-items:flex-end;overflow-x:hidden;padding:0}.modal-content{animation:slideUp .3s ease-in-out forwards;border-radius:1rem 1rem 0 0;max-width:100%;max-height:90vh;overflow-y:auto}}