/** Shopify CDN: Minification failed

Line 266:121 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:hy_presale_bar (INDEX:79) */
.shopify-section.section-presale-bar {
        position: sticky;
        top: 80px;
        z-index: 15;
    }
    .hy-presale-bar {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .hy-presale-bar-wrapper { 
        font-weight: 600;
        padding: 8px 20px;
        position:relative;
        font-size: 16px;
        letter-spacing: 0;
        display: grid;
        grid-template-columns: auto 1fr;
        justify-content: space-between;
        align-items: center;
        background-color: var(--bg);
        color: var(--text);
        gap: 5px;
    }
    .hy-presale-bar-wrapper.alignment-center .hy-presale-bar {
        margin-right: 140px;
    }
    .hy-presale-bar-wrapper .button {
        padding: 4px 10px;
        height: auto;
        display: flex;
        gap: 10px;
        border-radius: 5px;
        font-size: 13px;
        color: var(--bg);
        background-color: var(--text);
        line-height: normal;
        width: fit-content;
        justify-self: center;
    }
    .hy-presale-bar-wrapper .hy-presale-bar-counter {
        height: auto;
        display: flex;
        gap:4px;
        padding: 4px 17px;
        border-radius: 5px;
        font-size: 13px;
        color: var(--bg);
        background-color: var(--text);
    }
    .hy-presale-bar {
        gap: 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: var(--align);
        text-align: center;
        line-height: normal;
        align-items: center;
    }
    .hy-presale-progress-bar-wrapper {
        font-weight: 400;
        padding: 8px 20px;
        position:relative;
        font-size: 16px;
        letter-spacing: 0;
        align-items: center;
        background-color: var(--bg);
        color: var(--text-darker);
        gap: 5px;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: wrap;
        padding-top: 0;
        line-height: normal;
    }
    .hy-presale-progress-bar-wrapper .first-text {
        color: var(--text-progress);
        display: flex;
        flex-direction: row;
        gap: 3px;
        align-items: center;
        font-size: 15px;
    }
    .hy-presale-progress-bar-wrapper .last-text {
        color: var(--text-darker);
        font-size: 15px;
    }
    .hy-presale-progress-bar-wrapper .last-text .rabatt-value-next {
        color: var(--text);
        font-size: 15px;
    }
    .hy-presale-progress-bar-wrapper .progress-area {
        display: grid;
        grid-template-columns: repeat(var(--steps), 1fr);
        gap: 5px;
    }
    .hy-presale-progress-bar-wrapper .progress-area .progress-bar {
        --progress: 0%;
        border:1px solid var(--text-darker);
        border-radius: 5px;
        height: 9px;
        position: relative;
        background: transparent;
    }
    .hy-presale-progress-bar-wrapper .progress-area .progress-bar::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: var(--progress);
        background: var(--text-progress);
        border-radius: 5px;
        box-shadow: 0 0 10px 0px #FFFFFF;
    }
    .hy-presale-progress-bar-wrapper .progress-area .progress-bar-wrapper {
        display: grid;
        grid-template-columns: 150px 1fr;
        align-items: center;
        gap: 6px;
        font-size: 12px;
    }
    .hy-presale-progress-bar-wrapper .progress-area .progress-bar-wrapper.complete {
        color: var(--text-progress);
    }
    .shopify-section.section-presale-bar .flex {
        display: flex;
    }
    @media only screen and (min-width:200px) and (max-width:767px){
        .shopify-section.section-presale-bar {
            top: 66px;
        }
        .hy-presale-bar-wrapper {
            grid-template-columns: 1fr;
        }
        .hy-presale-progress-bar-wrapper,
        .hy-presale-bar-wrapper {
            padding-right: 5px;
            padding-left: 5px;
        }
        .hy-presale-bar {
            justify-content: center;
            text-align: center;
        }
        .hy-presale-bar-wrapper.alignment-center .hy-presale-bar{
            margin-right: 0px;
        }
        .hy-presale-progress-bar-wrapper .progress-area .progress-bar-wrapper {
            display: grid;
            grid-template-columns: 40px 1fr;
            align-items: center;
            gap: 6px;
        }
    }
/* END_SECTION:hy_presale_bar */

/* START_SECTION:hy_presale_section_1 (INDEX:80) */
.section-presale-section-1  {margin:0;}
    .section-presale-section-1 .hy-presale-section_note_final {
        text-align: left;
        font-size: 10px;
        color: var(--text-darker);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .section-presale-section-1 .hy-presale-section_note_final svg{
        vertical-align:middle;
    }
    
    .section-presale-section-1 .hy-presale-section_counter_wrapper {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0;
        align-items: center;
        background-color: var(--bg);
        color: var(--text-darker);
        line-height: normal;
        padding: 25px 15px;
    }
    .section-presale-section-1 .hy-presale-section_counters {
        gap: 15px;
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        flex-direction: column;
    }
    .section-presale-section-1 .hy-presale-section_counters .first-text {
        color: var(--text-progress);
        display: flex;
        flex-direction: row;
        gap: 3px;
        align-items: center;
        font-size: 15px;
    }
    .section-presale-section-1 .hy-presale-section_counters .last-text {
        color: var(--text-darker);
        font-size: 15px;
    }
    .section-presale-section-1 .hy-presale-section_counters .last-text .rabatt-value-next {
        color: var(--text);
        font-size: 15px;
    }
    .section-presale-section-1 .hy-presale-section_counters .progress-area {
        display: grid;
        grid-template-columns: repeat(var(--steps), 1fr);
        gap: 5px;
    }
    .section-presale-section-1 .hy-presale-section_counters .progress-area .progress-bar-wrapper {
        display: grid;
        grid-template-columns: 150px 1fr;
        align-items: center;
        gap: 6px;
        font-size: 12px;
    }
    .section-presale-section-1 .hy-presale-section_counters .progress-area .progress-bar-wrapper.complete {
        color: var(--text-progress);
    }
    .section-presale-section-1 .hy-presale-section_counters .progress-area .progress-bar {
        --progress: 0%;
        border:1px solid var(--text-darker);
        border-radius: 8px;
        height: 12px;
        position: relative;
        background: transparent;
    }
    .section-presale-section-1 .hy-presale-section_counters .progress-area .progress-bar::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: var(--progress);
        background: var(--text-progress);
        border-radius: 8px;
        box-shadow: 0px 0px 10px 0px #FFFFFF;
    }
    @media only screen and (min-width:200px) and (max-width:767px){
        .section-presale-section-1 .hy-presale-section_counters .progress-area .progress-bar-wrapper {
            display: grid;
            grid-template-columns: 40px 1fr;
            align-items: center;
            gap: 6px;
        }
    }
/* END_SECTION:hy_presale_section_1 */

/* START_SECTION:hy_presale_section_2 (INDEX:81) */
.section-presale-section-2  {margin-bottom:30px;margin-top:30px;}
    .section-presale-section-2 .hy-presale-section_header{text-align:center;margin-bottom:20px;}
    .section-presale-section-2 .hy-presale-section_header p.h3{font-size:32px;letter-spacing:0;color:rgba(36, 36, 36, 1);line-height:1.2;margin:0;}
    .section-presale-section-2 .hy-presale-section_grid{display:flex;flex-wrap:wrap;margin:0 -10px;align-items: flex-start;justify-content: center;}
    .section-presale-section-2 .hy-presale-section_girditem{width:25%;padding:0 10px;}
    .section-presale-section-2 .hy-presale-section_box{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);background: rgba(244, 244, 244, 0.3);border-radius:15px;padding:20px 10px;overflow:hidden;height: 100%;}
    .section-presale-section-2 .hy-presale-section_box h3{font-size:22px;letter-spacing:0;margin:0 0 5px;text-align:center;line-height:1.2;background: linear-gradient(90deg, #2A2F3D 0%, #707EA3 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .section-presale-section-2 .hy-presale-section_box p{font-size:12px;letter-spacing:0;margin:0;text-align:center;color rgba(42, 47, 61, 1);}
    .section-presale-section-2 .hy-presale-section_box p b{font-weight:700;}
    .section-presale-section-2 .hy-presale-section_content {max-width: fit-content;margin: 0 auto;}
    .section-presale-section-2 .hy-presale-section_content p{text-align:center;font-size:10px;color:rgba(98, 98, 98, 1);margin:15px 0 0;display: flex;align-items: center;justify-content: center;gap: 5px;line-height: 1.2;}
    .section-presale-section-2 .hy-presale-section_content p svg{vertical-align:middle;}
    @media only screen and (min-width:200px) and (max-width:767px){
        .section-presale-section-2 .hy-presale-section_grid { row-gap: 20px;}
        .section-presale-section-2 .hy-presale-section_girditem { width: 50%;}
        .section-presale-section-2 .hy-presale-section_box p { max-width: 100px; margin: 0 auto;}
        .section-presale-section-2 .hy-presale-section_content p{text-align:left;}
    }
/* END_SECTION:hy_presale_section_2 */