:root {
    --modal-border-radius: var(--border-radius-24);
    --modal-vertical-padding: var(--gap-40);
    --modal-s-header-paddings: 28px 28px var(--gap-0);
    --modal-s-header-desktop-content-paddings: var(--gap-12);
    --modal-l-header-desktop-content-paddings: var(--gap-6) var(--gap-12) var(--gap-16);
}

.header {
    border-top-left-radius: var(--modal-border-radius);
    border-top-right-radius: var(--modal-border-radius);
}

.size-500 .content,
.size-600 .content {
    padding: var(--modal-s-header-desktop-content-paddings);
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    font-family: var(--font-family-system);
}

.size-800 .content,
.size-1140 .content,
.fullscreen .content {
    padding: var(--modal-l-header-desktop-content-paddings);
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    font-family: var(--font-family-system);
}

.size-500,
.size-600,
.size-800,
.size-1140,
.fullscreen {
    padding: var(--modal-s-header-paddings);
}

.sticky {
    top: calc(var(--modal-vertical-padding) * -1);
}

.sticky.fullscreen {
        top: var(--gap-0);
    }