/* Base Styles */
/* let .loyl act as our namespace. If we are included as ssi we only have custom css in containers with a parent that has a class="loyl" */

.loyl-body {
    background: var(--bdk-snow-100, #fff);
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-text-size-adjust: 100%;
}

/* Fonts */
.loyl-terms-text {
    &:before {
        content: "*";
    }
}

/* dispaly: x */
.loyl-display-inline {
    display: inline;
}

/* BDK Colors */

.loyl-bdk-color--bdk-error {
    color: var(--bdk-error, #B20C16);
}

.loyl-bdk-color--bdk-error-background {
    color: var(--bdk-error-background, #FFEDF4);
}

.loyl-bdk-color--bdk-ash {
    color: var(--bdk-ash, #6c6765);
}

/* beyond colors */

.loyl-beyond-color-primary-BRONZE, .loyl-beyond-color-primary-bronze {
    color: var(--bdk-beyond-bronze) !important;
}

.loyl-beyond-color-primary-SILVER, .loyl-beyond-color-primary-silver {
    color: var(--bdk-ash) !important;
}

.loyl-beyond-color-primary-GOLD, .loyl-beyond-color-primary-gold {
    color: var(--bdk-beyond-gold) !important;
}

.loyl-beyond-color-primary-PLATIN, .loyl-beyond-color-primary-platin, .loyl-beyond-color-primary-PLATINUM, .loyl-beyond-color-primary-platinum {
    color: var(--bdk-beyond-platin) !important;
}

.loyl-beyond-color-secondary-BRONZE, .loyl-beyond-color-secondary-bronze {
    background-color: #D3A389 !important;
}

.loyl-beyond-color-secondary-SILVER, .loyl-beyond-color-secondary-silver {
    background-color: #CAC8C8 !important;
}

.loyl-beyond-color-secondary-GOLD, .loyl-beyond-color-secondary-gold {
    background-color: #F1CFA6 !important;
}

.loyl-beyond-color-secondary-PLATIN, .loyl-beyond-color-secondary-platin, .loyl-beyond-color-secondary-PLATINUM, .loyl-beyond-color-secondary-platinum {
    background-color: #E2C9D0 !important;
}

.loyl-beyond-gradient-BRONZE, .loyl-beyond-gradient-bronze {
    background: linear-gradient(111deg, #936744 0%, #AE5F43 100%) !important;
}

.loyl-beyond-gradient-SILVER, .loyl-beyond-gradient-silver {
    background: linear-gradient(111deg, #7B6C6B 0%, #816A69 100%) !important;
}

.loyl-beyond-gradient-GOLD, .loyl-beyond-gradient-gold {
    background: linear-gradient(111deg, #B46000 0%, #C15628 100%) !important;
}

.loyl-beyond-gradient-PLATIN, .loyl-beyond-gradient-platin, .loyl-beyond-gradient-PLATINUM, .loyl-beyond-gradient-platinum {
    background: linear-gradient(111deg, #625058 0%, #8D5157 100%) !important;
}

.loyl-beyond-color-checkered-BRONZE, .loyl-beyond-color-checkered-bronze {
    background-image: linear-gradient(45deg, #D3A389 25%, transparent 25%, transparent 75%, #D3A389 75%, #D3A389),
    linear-gradient(45deg, #D3A389 25%, transparent 25%, transparent 75%, #D3A389 75%, #D3A389) !important;
}

.loyl-beyond-color-checkered-SILVER, .loyl-beyond-color-checkered-silver {
    background-image: linear-gradient(45deg, #CAC8C8 25%, transparent 25%, transparent 75%, #CAC8C8 75%, #CAC8C8),
    linear-gradient(45deg, #CAC8C8 25%, transparent 25%, transparent 75%, #CAC8C8 75%, #CAC8C8) !important;
}

.loyl-beyond-color-checkered-GOLD, .loyl-beyond-color-checkered-gold {
    background-image: linear-gradient(45deg, #F1CFA6 25%, transparent 25%, transparent 75%, #F1CFA6 75%, #F1CFA6),
    linear-gradient(45deg, #F1CFA6 25%, transparent 25%, transparent 75%, #F1CFA6 75%, #F1CFA6) !important;
}

.loyl-beyond-color-checkered-PLATIN, .loyl-beyond-color-checkered-platin, .loyl-beyond-color-checkered-PLATINUM, .loyl-beyond-color-checkered-platinum {
    background-image: linear-gradient(45deg, #E2C9D0 25%, transparent 25%, transparent 75%, #E2C9D0 75%, #E2C9D0),
    linear-gradient(45deg, #E2C9D0 25%, transparent 25%, transparent 75%, #E2C9D0 75%, #E2C9D0) !important;
}

/* BDK colors */

.loyl-color--error {
    color: var(--bdk-error, rgba(178,12,22,1));
}

.loyl-color--coal {
    color: var(--bdk-coal-100, rgba(26, 26, 26, 1)) !important;
}

.loyl-color--success {
    color: var(--bdk-success, rgba(19,98,51,1)) !important;
}

.loyl-color--snow {
    color: var(--bdk-snow-100, rgba(255, 255, 255, 1)) !important;
}

.loyl-color--smoke {
    color: var(--bdk-smoke, rgba(146,141,139,1)) !important;
}

/* bg colors */

.loyl-bg-color--success-bg {
    background-color: var(--bdk-success-background, rgba(239,253,229,1)) !important;
}

.loyl-bg-color--error-bg {
    background-color: var(--bdk-error-background, rgba(255,237,244,1));
}

.loyl-bg-color--snow {
    background-color: var(--bdk-snow-100, rgba(255, 255, 255, 1)) !important;
}

.loyl-bg-color--concrete {
    background-color: var(--bdk-concrete, rgba(244,242,242,1)) !important;
}

.loyl-bg-color--alabaster {
    background-color: var(--bdk-alabaster, rgba(250, 248, 247, 1)) !important;
}

/* button styles*/

.loyl {
    a {
        &.loyl-button {
            display: inline-flex;
            min-width: 324px;
        }
    }
}

.loyl-button {
    width: fit-content;
    @media (max-width: 559px) {
        width: 100% !important;
    }
}

/* list styles*/

.loyl-list-disc {
    ul {
        list-style: disc outside;
        margin-left: 5rem;
    }

    ul li {
        margin-bottom: 1.5rem;
    }
}

/* img */

img, svg {
    display: unset;
}

/* mobile wrappers */

.loyl-hub--mobile-wrapper {
    @media (min-width: 760px) {
        overflow: hidden;
    }

    @media (max-width: 759px) {
        margin: 0 -4.5rem;
    }

    @media (max-width: 559px) {
        margin: 0 -3rem;
    }
}

/* Success & Failure Message */

.loyl-success-message-box {
    width: 100%;
    height: auto;
    padding: var(--bdk-space-4, 2.666667rem);
    background-color: var(--bdk-success-background, rgba(239,253,229,1));
}

.loyl-failure-message-box {
    text-align: left;
    padding: 3rem;
    margin-bottom: 4rem;
    display: none;
}

.loyl-error-container {
    display: flex;
    padding: 3rem;
    text-align: left;
    background-color: var(--bdk-error-background, rgba(255,237,244,1));
}

.loyl-error-message {
    display: none;
    color: var(--feedback-error, #D50000);
}

/* Spinner */

.loyl-spinner {
    position: relative;
    width: 7rem
}

.loyl-spinner:before {
    content: "";
    display: block;
    padding-top: 100%
}

.loyl-spinner svg {
    transform-origin: center center;
    position: absolute;
    bottom: 0;
    animation: rotate 2s linear infinite
}

.loyl-spinner svg circle {
    stroke: var(--bdk-coal-100, rgba(26,26,26,1));
    fill: rgba(0, 0, 0, 0);
    stroke-width: 2;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -5.8333333333rem
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -20.6666666667rem
    }
}


/* Level-Card & Progress bar*/

.loyl-level-status-overview {
    grid-area: 2 / 1 / 3 / 3;
    border-radius: 8px;
    padding: var(--bdk-space-7, 4.666667rem) var(--bdk-space-6, 4rem);
    --progress-color-light: var(--bdk-snow-100, #fff);
    --level-status-container-color-light: var(--bdk-snow-100, #fff);
    --level-status-container-color-dark: var(--bdk-snow-100, #fff);
    color: var(--bdk-snow-100, rgba(255, 255, 255, 1)) !important;
    background: linear-gradient(111.11deg, var(--level-status-container-color-light) 0%, var(--level-status-container-color-dark) 100%);
    margin-right: var(--bdk-space-10, 6.666667rem);
    @media (max-width: 559px) {
        grid-area: 2 / 1 / 3 / 4;
        margin-right: 0;
        margin-bottom: var(--bdk-space-6, 4rem);
    }

    .loyl-level-badge {
        background: linear-gradient(111.11deg, var(--level-status-container-color-light) 0%, var(--level-status-container-color-dark) 100%);
        color: var(--bdk-snow-100, rgba(255, 255, 255, 1)) !important;
        display: flex;
        padding: var(--bdk-space-1, 0.666667rem) var(--bdk-space-3, 2rem);
        width: fit-content;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
    }

    & a {
        color: var(--bdk-snow-100, rgba(255, 255, 255, 1)) !important;
        font-weight: 500;
    }

    &.bronze {
        --level-status-container-color-dark: #A26F49;
        --level-status-container-color-light: #B56347;
        --progress-color-light: #D3A389;
    }

    &.silver {
        --level-status-container-color-dark: #7B6C6B;
        --level-status-container-color-light: #816A69;
        --progress-color-light: #CAC8C8;
    }

    &.gold {
        --level-status-container-color-dark: #C8592A;
        --level-status-container-color-light: #C6803D;
        --progress-color-light: #F1CFA6;
    }

    &.platinum {
        --level-status-container-color-dark: #8D5157;
        --level-status-container-color-light: #625058;
        --progress-color-light: #E2C9D0;
    }
}

.loyl-progress-bar {
    width: 100%;
    height: 2rem;
    position: relative;
    background-color: var(--bdk-snow-100, rgba(255, 255, 255, 1));
    border-radius: 20px;

    .loyl-progress-bar-value-accepted-points, .loyl-progress-bar-value-pending-points {
        width: 0;
        height: 100%;
        border-radius: 20px;
        background-size: 4px 4px;
        background-position: 0 0, 22px 22px;
        position: absolute;
    }

    .loyl-progress-bar-value-accepted-points {
        animation: acceptedPointsProgress 1s ease;
        animation-fill-mode: forwards;
        background: var(--progress-color-light);
    }

    .loyl-progress-bar-value-pending-points {
        animation: pendingPointsProgress 1s ease;
        animation-fill-mode: forwards;
        background-image: linear-gradient(45deg, var(--progress-color-light) 25%, transparent 25%, transparent 75%, var(--progress-color-light) 75%, var(--progress-color-light)),
        linear-gradient(45deg, var(--progress-color-light) 25%, transparent 25%, transparent 75%, var(--progress-color-light) 75%, var(--progress-color-light)) !important;
    }
}

.loyl-hub--return-link {
    display: flex;
    justify-content: start;
    align-items: center;
    &.top {
        margin-bottom: var(--bdk-space-6, 4rem);
    }
}

/* ***** Utils ***** */

/* text styles*/
.loyl-text-center {
    text-align: center;
}

.loyl-text-center-desktop {
    @media (min-width: 560px) {
        text-align: center;
    }
}

.loyl-text-align-justify {
    text-align: justify;
}

/* width & height */
.loyl-width-100 {
    width: 100% !important;
}

/* display variants*/

.loyl-block {
    display: block !important;
}

/* postion */
.loyl-position-absolute {
    position: absolute;
}

/* flex */
.loyl-flex {
    display: flex;

    &.align-items {
        &.center {
            align-items: center;
        }

        &.baseline {
            align-items: baseline;
        }
    }

    &.justify-content {
        &.center {
            justify-content: center;
        }
        &.end {
            justify-content: end;
        }
    }

    &.wrap {
        flex-wrap: wrap;
    }

    &.row {
        &.reverse {
            flex-direction: row-reverse;
        }
    }

    &.flex-direction {
        &.column {
            flex-direction: column;
        }
    }
}

.children-inline {
    & > * {
        display: inline;
    }
}

/* A11Y Utils*/

.large-hit-area {
    position: relative;
    display: inline-block;

    &::before {
        width: 100%;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 24px;
        min-height: 24px;
        pointer-events: none; /* wichtig: unsichtbar für Mausinteraktionen */
    }
}

/* Spacing */
/* Margin */

/*2px*/
.loyl-bdk-space-m-0-5 {
    margin: var(--bdk-space-0-5, 0.333333rem);
}

/*4px*/
.loyl-bdk-space-m-1 {
    margin: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-m-2 {
    margin: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-m-3 {
    margin: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-m-4 {
    margin: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-m-5 {
    margin: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-m-6 {
    margin: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-m-7 {
    margin: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-m-8 {
    margin: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-m-9 {
    margin: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-m-10 {
    margin: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-m-11 {
    margin: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-m-12 {
    margin: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-m-13 {
    margin: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-m-14 {
    margin: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-m-15 {
    margin: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-m-16 {
    margin: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-m-17 {
    margin: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-m-18 {
    margin: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-m-20 {
    margin: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-m-21 {
    margin: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-m-22 {
    margin: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-m-23 {
    margin: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-m-24 {
    margin: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-m-25 {
    margin: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-m-26 {
    margin: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-m-27 {
    margin: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-m-28 {
    margin: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-m-29 {
    margin: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-m-30 {
    margin: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-m-31 {
    margin: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-m-32 {
    margin: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-m-33 {
    margin: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-m-34 {
    margin: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-m-35 {
    margin: var(--bdk-space-35, 23.333333rem);
}

/* Margin-Top */

/*2px*/
.loyl-bdk-space-mt-0-5 {
    margin-top: var(--bdk-space-0-5, 0.333333rem);
}

/*4px*/
.loyl-bdk-space-mt-1 {
    margin-top: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-mt-2 {
    margin-top: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-mt-3 {
    margin-top: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-mt-4 {
    margin-top: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-mt-5 {
    margin-top: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-mt-6 {
    margin-top: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-mt-7 {
    margin-top: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-mt-8 {
    margin-top: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-mt-9 {
    margin-top: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-mt-10 {
    margin-top: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-mt-11 {
    margin-top: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-mt-12 {
    margin-top: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-mt-13 {
    margin-top: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-mt-14 {
    margin-top: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-mt-15 {
    margin-top: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-mt-16 {
    margin-top: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-mt-17 {
    margin-top: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-mt-18 {
    margin-top: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-mt-20 {
    margin-top: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-mt-21 {
    margin-top: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-mt-22 {
    margin-top: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-mt-23 {
    margin-top: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-mt-24 {
    margin-top: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-mt-25 {
    margin-top: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-mt-26 {
    margin-top: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-mt-27 {
    margin-top: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-mt-28 {
    margin-top: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-mt-29 {
    margin-top: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-mt-30 {
    margin-top: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-mt-31 {
    margin-top: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-mt-32 {
    margin-top: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-mt-33 {
    margin-top: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-mt-34 {
    margin-top: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-mt-35 {
    margin-top: var(--bdk-space-35, 23.333333rem);
}

/* Margin-bottom */

/*4px*/
.loyl-bdk-space-mb-1 {
    margin-bottom: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-mb-2 {
    margin-bottom: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-mb-3 {
    margin-bottom: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-mb-4 {
    margin-bottom: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-mb-5 {
    margin-bottom: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-mb-6 {
    margin-bottom: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-mb-7 {
    margin-bottom: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-mb-8 {
    margin-bottom: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-mb-9 {
    margin-bottom: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-mb-10 {
    margin-bottom: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-mb-11 {
    margin-bottom: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-mb-12 {
    margin-bottom: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-mb-13 {
    margin-bottom: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-mb-14 {
    margin-bottom: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-mb-15 {
    margin-bottom: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-mb-16 {
    margin-bottom: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-mb-17 {
    margin-bottom: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-mb-18 {
    margin-bottom: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-mb-20 {
    margin-bottom: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-mb-21 {
    margin-bottom: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-mb-22 {
    margin-bottom: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-mb-23 {
    margin-bottom: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-mb-24 {
    margin-bottom: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-mb-25 {
    margin-bottom: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-mb-26 {
    margin-bottom: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-mb-27 {
    margin-bottom: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-mb-28 {
    margin-bottom: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-mb-29 {
    margin-bottom: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-mb-30 {
    margin-bottom: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-mb-31 {
    margin-bottom: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-mb-32 {
    margin-bottom: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-mb-33 {
    margin-bottom: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-mb-34 {
    margin-bottom: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-mb-35 {
    margin-bottom: var(--bdk-space-35, 23.333333rem);
}

/* Margin-right */

/*2px*/
.loyl-bdk-space-mr-0-5 {
    margin-right: var(--bdk-space-0-5, 0.333333rem);
}

/*4px*/
.loyl-bdk-space-mr-1 {
    margin-right: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-mr-2 {
    margin-right: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-mr-3 {
    margin-right: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-mr-4 {
    margin-right: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-mr-5 {
    margin-right: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-mr-6 {
    margin-right: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-mr-7 {
    margin-right: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-mr-8 {
    margin-right: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-mr-9 {
    margin-right: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-mr-10 {
    margin-right: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-mr-11 {
    margin-right: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-mr-12 {
    margin-right: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-mr-13 {
    margin-right: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-mr-14 {
    margin-right: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-mr-15 {
    margin-right: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-mr-16 {
    margin-right: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-mr-17 {
    margin-right: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-mr-18 {
    margin-right: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-mr-20 {
    margin-right: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-mr-21 {
    margin-right: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-mr-22 {
    margin-right: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-mr-23 {
    margin-right: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-mr-24 {
    margin-right: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-mr-25 {
    margin-right: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-mr-26 {
    margin-right: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-mr-27 {
    margin-right: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-mr-28 {
    margin-right: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-mr-29 {
    margin-right: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-mr-30 {
    margin-right: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-mr-31 {
    margin-right: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-mr-32 {
    margin-right: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-mr-33 {
    margin-right: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-mr-34 {
    margin-right: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-mr-35 {
    margin-right: var(--bdk-space-35, 23.333333rem);
}

/* Margin-left */

/*2px*/
.loyl-bdk-space-ml-0-5 {
    margin-left: var(--bdk-space-0-5, 0.333333rem);
}

/*4px*/
.loyl-bdk-space-ml-1 {
    margin-left: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-ml-2 {
    margin-left: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-ml-3 {
    margin-left: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-ml-4 {
    margin-left: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-ml-5 {
    margin-left: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-ml-6 {
    margin-left: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-ml-7 {
    margin-left: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-ml-8 {
    margin-left: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-ml-9 {
    margin-left: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-ml-10 {
    margin-left: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-ml-11 {
    margin-left: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-ml-12 {
    margin-left: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-ml-13 {
    margin-left: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-ml-14 {
    margin-left: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-ml-15 {
    margin-left: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-ml-16 {
    margin-left: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-ml-17 {
    margin-left: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-ml-18 {
    margin-left: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-ml-20 {
    margin-left: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-ml-21 {
    margin-left: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-ml-22 {
    margin-left: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-ml-23 {
    margin-left: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-ml-24 {
    margin-left: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-ml-25 {
    margin-left: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-ml-26 {
    margin-left: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-ml-27 {
    margin-left: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-ml-28 {
    margin-left: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-ml-29 {
    margin-left: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-ml-30 {
    margin-left: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-ml-31 {
    margin-left: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-ml-32 {
    margin-left: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-ml-33 {
    margin-left: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-ml-34 {
    margin-left: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-ml-35 {
    margin-left: var(--bdk-space-35, 23.333333rem);
}

/* padding */

/*2px*/
.loyl-bdk-space-p-0-5 {
    padding: var(--bdk-space-0-5, 0.333333rem);
}

/*4px*/
.loyl-bdk-space-p-1 {
    padding: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-p-2 {
    padding: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-p-3 {
    padding: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-p-4 {
    padding: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-p-5 {
    padding: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-p-6 {
    padding: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-p-7 {
    padding: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-p-8 {
    padding: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-p-9 {
    padding: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-p-10 {
    padding: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-p-11 {
    padding: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-p-12 {
    padding: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-p-13 {
    padding: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-p-14 {
    padding: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-p-15 {
    padding: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-p-16 {
    padding: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-p-17 {
    padding: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-p-18 {
    padding: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-p-20 {
    padding: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-p-21 {
    padding: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-p-22 {
    padding: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-p-23 {
    padding: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-p-24 {
    padding: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-p-25 {
    padding: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-p-26 {
    padding: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-p-27 {
    padding: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-p-28 {
    padding: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-p-29 {
    padding: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-p-30 {
    padding: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-p-31 {
    padding: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-p-32 {
    padding: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-p-33 {
    padding: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-p-34 {
    padding: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-p-35 {
    padding: var(--bdk-space-35, 23.333333rem);
}

/* padding-Top */

/*2px*/
.loyl-bdk-space-pt-0-5 {
    padding-top: var(--bdk-space-0-5, 0.333333rem);
}

/*4px*/
.loyl-bdk-space-pt-1 {
    padding-top: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-pt-2 {
    padding-top: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-pt-3 {
    padding-top: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-pt-4 {
    padding-top: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-pt-5 {
    padding-top: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-pt-6 {
    padding-top: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-pt-7 {
    padding-top: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-pt-8 {
    padding-top: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-pt-9 {
    padding-top: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-pt-10 {
    padding-top: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-pt-11 {
    padding-top: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-pt-12 {
    padding-top: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-pt-13 {
    padding-top: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-pt-14 {
    padding-top: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-pt-15 {
    padding-top: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-pt-16 {
    padding-top: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-pt-17 {
    padding-top: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-pt-18 {
    padding-top: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-pt-20 {
    padding-top: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-pt-21 {
    padding-top: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-pt-22 {
    padding-top: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-pt-23 {
    padding-top: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-pt-24 {
    padding-top: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-pt-25 {
    padding-top: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-pt-26 {
    padding-top: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-pt-27 {
    padding-top: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-pt-28 {
    padding-top: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-pt-29 {
    padding-top: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-pt-30 {
    padding-top: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-pt-31 {
    padding-top: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-pt-32 {
    padding-top: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-pt-33 {
    padding-top: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-pt-34 {
    padding-top: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-pt-35 {
    padding-top: var(--bdk-space-35, 23.333333rem);
}

/* padding-bottom */

/*2px*/
.loyl-bdk-space-pb-0-5 {
    padding-bottom: var(--bdk-space-0-5, 0.333333rem);
}

/*4px*/
.loyl-bdk-space-pb-1 {
    padding-bottom: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-pb-2 {
    padding-bottom: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-pb-3 {
    padding-bottom: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-pb-4 {
    padding-bottom: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-pb-5 {
    padding-bottom: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-pb-6 {
    padding-bottom: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-pb-7 {
    padding-bottom: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-pb-8 {
    padding-bottom: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-pb-9 {
    padding-bottom: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-pb-10 {
    padding-bottom: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-pb-11 {
    padding-bottom: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-pb-12 {
    padding-bottom: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-pb-13 {
    padding-bottom: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-pb-14 {
    padding-bottom: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-pb-15 {
    padding-bottom: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-pb-16 {
    padding-bottom: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-pb-17 {
    padding-bottom: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-pb-18 {
    padding-bottom: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-pb-20 {
    padding-bottom: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-pb-21 {
    padding-bottom: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-pb-22 {
    padding-bottom: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-pb-23 {
    padding-bottom: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-pb-24 {
    padding-bottom: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-pb-25 {
    padding-bottom: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-pb-26 {
    padding-bottom: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-pb-27 {
    padding-bottom: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-pb-28 {
    padding-bottom: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-pb-29 {
    padding-bottom: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-pb-30 {
    padding-bottom: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-pb-31 {
    padding-bottom: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-pb-32 {
    padding-bottom: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-pb-33 {
    padding-bottom: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-pb-34 {
    padding-bottom: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-pb-35 {
    padding-bottom: var(--bdk-space-35, 23.333333rem);
}

/* padding-right */

/*2px*/
.loyl-bdk-space-pr-0-5 {
    padding-right: var(--bdk-space-0-5, 0.333333rem);
}


/*4px*/
.loyl-bdk-space-pr-1 {
    padding-right: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-pr-2 {
    padding-right: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-pr-3 {
    padding-right: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-pr-4 {
    padding-right: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-pr-5 {
    padding-right: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-pr-6 {
    padding-right: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-pr-7 {
    padding-right: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-pr-8 {
    padding-right: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-pr-9 {
    padding-right: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-pr-10 {
    padding-right: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-pr-11 {
    padding-right: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-pr-12 {
    padding-right: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-pr-13 {
    padding-right: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-pr-14 {
    padding-right: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-pr-15 {
    padding-right: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-pr-16 {
    padding-right: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-pr-17 {
    padding-right: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-pr-18 {
    padding-right: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-pr-20 {
    padding-right: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-pr-21 {
    padding-right: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-pr-22 {
    padding-right: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-pr-23 {
    padding-right: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-pr-24 {
    padding-right: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-pr-25 {
    padding-right: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-pr-26 {
    padding-right: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-pr-27 {
    padding-right: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-pr-28 {
    padding-right: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-pr-29 {
    padding-right: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-pr-30 {
    padding-right: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-pr-31 {
    padding-right: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-pr-32 {
    padding-right: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-pr-33 {
    padding-right: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-pr-34 {
    padding-right: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-pr-35 {
    padding-right: var(--bdk-space-35, 23.333333rem);
}

/* padding-left */

/*2px*/
.loyl-bdk-space-pl-0-5 {
    padding-left: var(--bdk-space-0-5, 0.333333rem);
}

/*4px*/
.loyl-bdk-space-pl-1 {
    padding-left: var(--bdk-space-1, 0.666667rem);
}

/*8px*/
.loyl-bdk-space-pl-2 {
    padding-left: var(--bdk-space-2, 1.333333rem);
}

/*12px*/
.loyl-bdk-space-pl-3 {
    padding-left: var(--bdk-space-3, 2rem);
}

/*16px*/
.loyl-bdk-space-pl-4 {
    padding-left: var(--bdk-space-4, 2.666667rem);
}

/*20px*/
.loyl-bdk-space-pl-5 {
    padding-left: var(--bdk-space-5, 3.333333rem);
}

/*24px*/
.loyl-bdk-space-pl-6 {
    padding-left: var(--bdk-space-6, 4rem);
}

/*28px*/
.loyl-bdk-space-pl-7 {
    padding-left: var(--bdk-space-7, 4.666667rem);
}

/*32px*/
.loyl-bdk-space-pl-8 {
    padding-left: var(--bdk-space-8, 5.333333rem);
}

/*36px*/
.loyl-bdk-space-pl-9 {
    padding-left: var(--bdk-space-9, 6rem);
}

/*40px*/
.loyl-bdk-space-pl-10 {
    padding-left: var(--bdk-space-10, 6.666667rem);
}

/*44px*/
.loyl-bdk-space-pl-11 {
    padding-left: var(--bdk-space-11, 7.333333rem);
}

/*48px*/
.loyl-bdk-space-pl-12 {
    padding-left: var(--bdk-space-12, 8rem);
}

/*52px*/
.loyl-bdk-space-pl-13 {
    padding-left: var(--bdk-space-13, 8.666667rem);
}

/*56px*/
.loyl-bdk-space-pl-14 {
    padding-left: var(--bdk-space-14, 9.333333rem);
}

/*60px*/
.loyl-bdk-space-pl-15 {
    padding-left: var(--bdk-space-15, 10rem);
}

/*64px*/
.loyl-bdk-space-pl-16 {
    padding-left: var(--bdk-space-16, 10.666667rem);
}

/*68px*/
.loyl-bdk-space-pl-17 {
    padding-left: var(--bdk-space-17, 11.333333rem);
}

/*72px*/
.loyl-bdk-space-pl-18 {
    padding-left: var(--bdk-space-18, 12rem);
}

/*80px*/
.loyl-bdk-space-pl-20 {
    padding-left: var(--bdk-space-20, 13.333333rem);
}

/*84px*/
.loyl-bdk-space-pl-21 {
    padding-left: var(--bdk-space-21, 14rem);
}

/*88px*/
.loyl-bdk-space-pl-22 {
    padding-left: var(--bdk-space-22, 14.666667rem);
}

/*92px*/
.loyl-bdk-space-pl-23 {
    padding-left: var(--bdk-space-23, 15.333333rem);
}

/*96px*/
.loyl-bdk-space-pl-24 {
    padding-left: var(--bdk-space-24, 16rem);
}

/*100px*/
.loyl-bdk-space-pl-25 {
    padding-left: var(--bdk-space-25, 16.666667rem);
}

/*104px*/
.loyl-bdk-space-pl-26 {
    padding-left: var(--bdk-space-26, 17.333333rem);
}

/*108px*/
.loyl-bdk-space-pl-27 {
    padding-left: var(--bdk-space-27, 18rem);
}

/*112px*/
.loyl-bdk-space-pl-28 {
    padding-left: var(--bdk-space-28, 18.666667rem);
}

/*116px*/
.loyl-bdk-space-pl-29 {
    padding-left: var(--bdk-space-29, 19.333333rem);
}

/*120px*/
.loyl-bdk-space-pl-30 {
    padding-left: var(--bdk-space-30, 20rem);
}

/*124px*/
.loyl-bdk-space-pl-31 {
    padding-left: var(--bdk-space-31, 20.666667rem);
}

/*128px*/
.loyl-bdk-space-pl-32 {
    padding-left: var(--bdk-space-32, 21.333333rem);
}

/*132px*/
.loyl-bdk-space-pl-33 {
    padding-left: var(--bdk-space-33, 22rem);
}

/*136px*/
.loyl-bdk-space-pl-34 {
    padding-left: var(--bdk-space-34, 22.666667rem);
}

/*140px*/
.loyl-bdk-space-pl-35 {
    padding-left: var(--bdk-space-35, 23.333333rem);
}

/*Full List of all bdk lit elements*/
loyl-bdk-alert,
loyl-bdk-checkbox,
loyl-bdk-accordion,
loyl-bdk-tooltip,
loyl-bdk-carousel,
loyl-bdk-carousel-container,
loyl-bdk-carousel-navigation-next,
loyl-bdk-carousel-navigation-prev,
loyl-bdk-modal {
    :not(:defined) {
        visibility: hidden;
    }

    :not(:defined) {
        opacity: 0;
        transition: opacity 0.25s;
    }

    :defined {
        opacity: 1;
    }
}

loyl-bdk-checkbox [slot="hint"] {
    display: inline-block;
    white-space: nowrap;
    margin-right: var(--bdk-space-1, 0.666667rem);
}

.loyl-store-icon {
    width: 5rem;
    height: 5rem;
}