.container {
    background-color: var(--background-page);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.content {
    width: var(--max-page-content-width-l);
    align-self: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-l);
    padding: var(--templates-margin-l);

    &.m {
        width: var(--max-page-content-width-m);
    }

    &.s {
        width: var(--templates-width-max-2xl);
    }
}

.link-tile-container {
    padding: var(--templates-margin-l);
    border-radius: var(--corner-radius-m);
    background-color: var(--background-block-primary);
    width: 100%;
    max-width: 800px;

    > * {
        border-bottom: 0.0625rem solid var(--border-subtlest);

        &:last-child {
            border-bottom: none;
        }
    }
}

@media screen and (max-width: 75rem) {
    .content {
        width: 100%;
    }
}

@media screen and (max-width: 50rem) {
    .content.m {
        width: 100%;
    }
    .content.s {
        width: 100%;
    }
}

.breadcrumbsContainer {
    width: 100%;
}