.divider-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    background-color: #FF6E2C;
    -webkit-mask-image: url('../img/bottom-devider.svg');
    mask-image: url('../img/bottom-devider.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top;
    mask-position: top;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.divider-top {
    z-index: 3;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    background-color: #FF6E2C;
    -webkit-mask-image: url('../img/top-devider.svg');
    mask-image: url('../img/top-devider.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top;
    mask-position: top;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.divider-bottom-medals {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    background-color: var(--bg-light);
    -webkit-mask-image: url('../img/medals-bottom-devider.svg');
    mask-image: url('../img/medals-bottom-devider.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top;
    mask-position: top;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 1
}

.height {
    height: clamp(50px, calc(50px + (80 - 50) * ((100vw - 360px) / (768 - 360))), 80px);
}

@media (min-width: 768px) {
    .height {
        height: clamp(80px, calc(80px + (110 - 80) * ((100vw - 768px) / (1280 - 768))), 110px);
    }
}

@media (min-width: 1280px) {
    .height {
        height: clamp(110px, calc(110px + (130 - 110) * ((100vw - 1280px) / (1920 - 1280))), 130px);
    }
}

.bg-primary {
    background-color: var(--color-primary);
}

.bg-light {
    background-color: var(--color-light);
}

.bg-dark {
    background-color: var(--bg-dark);
}