modal-card,.modal-card-component{z-index:1001;position:relative}:is(modal-card,.modal-card-component) .modal-card-backdrop{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}:is(modal-card,.modal-card-component) .modal-card-backdrop .modal-card-card{max-width:80%;max-height:80%;display:flex;box-shadow:0 0 40px #0000004d}@media (width>=768px) and (orientation:portrait),(width>=900px) and (orientation:landscape){:is(modal-card,.modal-card-component) .modal-card-backdrop .modal-card-card{min-width:400px}}:is(modal-card,.modal-card-component) .modal-card-backdrop .modal-card-card.modal-card-card-fill{width:80%;height:80%}@media (width<=767px) and (orientation:portrait),(width<=899px) and (orientation:landscape){:is(modal-card,.modal-card-component).placement-on-mobile-bottom .modal-card-backdrop .modal-card-card{width:100%;max-width:100%;max-height:inherit;border-radius:5px 5px 0 0;align-self:flex-end;overflow:hidden}:is(modal-card,.modal-card-component).placement-on-mobile-fullscreen .modal-card-backdrop .modal-card-card{border-radius:5px 5px 0 0;width:100%;max-width:100%;height:100%;max-height:100%}:is(modal-card,.modal-card-component).placement-on-mobile-fullscreen .modal-card-backdrop .modal-card-card .component-card-content{overflow:auto}}:is(modal-card,.modal-card-component) .overflow-auto{overflow:auto}