.with-border {
    border: 0.5px solid #D8D8D8;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.022) 0 3px 6px -2px, rgba(0, 0, 0, 0.044) 0 1px 1px
}

.block {
    display: block;
}

.no-border {
    border: none !important;
    box-shadow: none;
}

.max-width {
    text-align: center;
    margin: 0 auto;
    max-width: 730px;
}

html, body,
.Polaris-Frame,
.Polaris-Frame__Main,
.Polaris-Frame__Content,
.Polaris-Page--fullWidth,
.Polaris-Page__Content {
    height: 100% !important;
    margin: 0;
    padding: 0;
}

.Polaris-Frame__Main,
.Polaris-Frame__Content,
.Polaris-Page__Content {
    padding: 0 !important;
}

.landing-page-card {
    position: fixed !important;
    inset: 20px 20px !important;

    box-sizing: border-box;
    border-radius: 4px !important;
    padding: 20px !important;

    background-image: linear-gradient(145deg, #ede7f6 0%, #e0f7fa 100%) !important;
    overflow: auto;
}

.landing-page-card form .Polaris-Connected {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.landing-page-card form .Polaris-Connected__Item {
    flex: 1 1 200px;
    max-width: 300px;
}

.landing-page-card form button.Polaris-Button {
    flex: 0 1 auto;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .landing-page-card
    .Polaris-Spacer--verticalSpacingExtraLoose {
        margin: 12px 0 !important;
    }

    .landing-page-card
    .Polaris-Spacer--verticalSpacingTight {
        margin: 6px 0 !important;
    }

    .landing-page-card form .Polaris-Connected {
        gap: 8px !important;
        margin-bottom: 0 !important;
    }

    .landing-page-card form {
        margin-bottom: 0 !important;
    }
}