:host {
    display: contents;
}

ion-modal {
    --width: fit-content;
    --min-width: 250px;
    --height: fit-content;
    --border-radius: 6px;
    --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
}

ion-modal ion-icon {
    margin-right: 6px;

    width: 48px;
    height: 48px;

    padding: 4px 0;

    color: #aaaaaa;
}

ion-modal .wrapper {
    padding: 10px;

    ion-buttons {
        justify-content: space-around;
    }
}

.si {
    &::part(native) {
        --background: var(--ion-background-content-sangh) !important;
        color: var(--ion-color-sangh) !important;
    }
}
