.floating-element {
    width: 12.5%;
    position: absolute;
    z-index: 2;
    pointer-events: none;
}

.floating-element svg {
    color: inherit;
    width: 100%;
}

.floating-element.orange {
    color: var(--color-secondary);
}

.floating-element.blue {
    color: var(--color-primary);
}

.floating-element.yellow {
    color: #FFE549;
}

.main-slider {
    position: relative;
}

.slider-loopy-line {
    left: 5px;
    bottom: var(--space-40);
}

.slider-pointy-line {
    bottom: -6%;
    left: 23%;
    width: 8%;
}

.page-wrapper {
    position: relative;
    min-height: 600px;
    overflow: hidden;
}

.page-wrapper .floating-element {
    z-index: -1;
}

.page-double-loopy-line {
    width: 20.5%;
    top: calc(var(--space-60) * 2 + var(--space-50));
    left: -7%;
}

.page-pointy-line {
    bottom: calc(var(--space-60) + 10px);
    width: 8%;
    left: 3%;
}

.page-loopy-line {
    top: calc(var(--space-60) * 2 + var(--space-50) + 50%);
    right: -15px;
}

.contact-double-loopy-line {
    bottom: 6%;
    left: 0%;
    width: 20%;
}

.contact-pointy-line {
    width: 8%;
    top: 15%;
    left: 14%;
}

.shop-product-view {
    position: relative;
}

.shop-product-view .floating-element {
    z-index: -1;
}

.product-view-loopy-line {
    top: 6%;
    width: 13%;
    right: -1%;
}

.product-view-double-loop-line {
    top: 19%;
    width: 22%;
    left: -8%;
}


.basket-view-wrapper {
    position: relative;
}

.basket-loopy-line {
    top: 50%;
    transform: translateY(-50%);
    width: 13%;
    left: -2.5%;
}

.basket-double-loopy-line {
    top: calc(var(--space-60) * -3);
    right: -8%;
    width: 24%;
}

.login-page-wrapper {
    position: relative;
}

.login-loopy-line {
    width: 12.5%;
    left: -0.5%;
    bottom: 0;
}

.login-double-loopy-line {
    position: absolute;
    top: 50%;
    width: 27%;
    right: -8%;
    transform: translateY(-50%);
}