/*@use "variables" as *;
@use "media-query" as *;*/

.Creators_item_main_new { border-bottom: 1px solid #060709;
    .Creators_item_inner_new{
        .Creators_item_maintitle_new{
            .Creators_item_innertitle_new{text-align:center; }
        }
        .Creators_item_mainloop_new{ padding-top:56px;
            .Creators_item_innerloop_new{display:flex; flex-wrap: wrap; grid-gap:66px 16px; 
                .Creators_item_innerloop_mainblock_new{
                    width:calc(33.33% - 11px); height:auto; position: relative;
                    .Creators_item_innerloop_innerblock_new{ border: 1px solid #060709; background:#fff; height: 100%; position: relative; display: flex; flex-direction: column;
                        .Creators_item_innerloop_innerblock_mainmedia_new{
                            border-bottom: 1px solid #060709;
                            .Creators_item_innerloop_innerblock_innermedia_new{position: relative; padding-bottom:86.125%;
                                img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
                                video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
                            }
                        }
                        .Creators_item_innerloop_innerblock_maindetail_new{
                            padding: 16px 16px 0 16px;
                            min-height:102px;
                            .Creators_item_innerloop_innerblock_innerdetail_new{
                                .Creators_item_innerloop_innerblock_innerdetail_title_new{ font-family: var(--font-gopher--family); text-align:center; font-size: 24px; font-weight: 500; line-height: 128%; text-transform: uppercase;}
                                .Creators_item_innerloop_innerblock_innerdetail_infos_new{ 
                                    text-align: center; font-size: 18px;  font-weight: 500; line-height: 120%;  font-family: var(--font-gopher--family);
                                    min-height: 55px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    p{margin: 0px 0px 16px 0px;
                                        &:last-child{margin: 0px;}
                                    }
                                }
                                .Creators_item_innerloop_innerblock_innerdetail_lists_new{ padding-top: 16px;
                                    .Creators_item_innerloop_innerblock_innerdetail_lists_title_new{
                                        font-size: 18px;  font-weight: 500; line-height: 120%; font-family: var(--font-gopher--family); text-decoration: underline;
                                        text-decoration-thickness: 1px;
                                        text-align: center;
                                        span{ cursor: pointer; }
                                    }
                                    .Creators_popup_close_new{
                                        position: absolute; right:24px; top:24px; width:24px;
                                        svg{ width:100%; height: auto; display: flex; cursor: pointer; }
                                    }
                                    .Creators_item_innerloop_innerblock_innerdetail_lists_infos_title_new{
                                        font-family: var(--font-gopher--family);
                                        font-size: 24px;
                                        font-weight: 500;
                                        line-height: 128%;
                                        text-transform: uppercase;
                                        padding-bottom:10px;
                                    }
                                    .Creators_item_innerloop_innerblock_innerdetail_lists_infos_new{ 
                                        position: fixed;
                                        border: 1px solid #060709;
                                        background: #FFF;
                                        width: 560px;
                                        padding: 32px 40px;
                                        font-size: 18px;
                                        line-height: 128%;
                                        top: 50%;
                                        left: 50%;
                                        z-index: 9;
                                        transform: translate(-50%, -50%);
                                        display: none;
                                        ul{list-style: none; margin: 0px; padding: 0px;
                                            li{ padding-left: 26px; position: relative;
                                                &:after{content: ''; position:absolute; top: 10px; left: 12px; width: 3px; height: 3px; border-radius: 100%; background-color: #000;}
                                            }
                                        }
                                    }
                                }
                            }
                        }
                                
                        .Creators_item_innerloop_innerblock_mainbutton_new{
                            margin-top: auto;
                            .Creators_item_innerloop_innerblock_innerbutton_new{ padding:0 16px 16px 16px; 
                                a{ min-width:100% !important; margin: 0px !important;}
                            }
                        }  
                    }

                    .Creators_popup_overlay {
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background: rgba(0, 0, 0, 0.4);
                        animation: backdropFilter var(--animation-speed) var(--animation-easing) forwards;
                        position: fixed;
                        z-index: 9;
                        opacity: 0;
                        visibility: hidden;
                        pointer-events: none;
                        transition: opacity 0.2s ease, visibility 0.2s ease;
                    }

                    &.open{
                        .Creators_popup_overlay {
                            opacity: 1;
                            visibility: visible;
                            pointer-events: auto;
                        }
                        .Creators_item_innerloop_innerblock_innerdetail_lists_infos_new {
                            display: block !important;
                        }

                        /*.Creators_item_innerloop_innerblock_new{
                            position: absolute;
                            z-index: 1;
                            width: 100%;
                            height: auto;
                        }
                        .Creators_item_innerloop_innerblock_innerdetail_lists_title_new{
                            svg .vertical {
                                transform: rotate(90deg) !important;
                                opacity: 0 !important;
                            }

                            svg .horizontal {
                                transform: rotate(90deg) !important;
                            }
                        }*/
                    }
                    /*&.open .Creators_item_innerloop_innerblock_innerdetail_lists_infos_new {
                        display: block;
                    }*/
                }
            }
        }
    }
}

@media(min-width:0px) and (max-width:749px){

    .Creators_item_main_new { 
        .Creators_item_inner_new{
            .Creators_item_maintitle_new{
                max-width: 270px;
                margin: auto;
            }
            .Creators_item_mainloop_new{ padding-top:24px;
                .Creators_item_innerloop_new{ grid-gap:24px; 
                    .Creators_item_innerloop_mainblock_new{
                        width:100%;
                        .Creators_item_innerloop_innerblock_new{ 
                            .Creators_item_innerloop_innerblock_mainmedia_new{
                                .Creators_item_innerloop_innerblock_innermedia_new{ padding-bottom:84.085%; }
                            }
                            .Creators_item_innerloop_innerblock_maindetail_new{
                                min-height:inherit;
                                .Creators_item_innerloop_innerblock_innerdetail_new{
                                    .Creators_item_innerloop_innerblock_innerdetail_infos_new{ 
                                        min-height: inherit;
                                        padding: 12px 0 0px 0;
                                    }
                                    .Creators_item_innerloop_innerblock_innerdetail_lists_new{ 
                                        .Creators_item_innerloop_innerblock_innerdetail_lists_infos_new{ 
                                            width: 335px;
                                            padding: 20px 20px;
                                            font-size: 14px;line-height: 136%; font-weight: 400;
                                            .Creators_item_innerloop_innerblock_innerdetail_lists_infos_title_new{ padding-right:30px; font-size: 18px; }
                                            .Creators_popup_close_new { right: 12px; top: 12px; width: 20px; }
                                            ul{
                                                li{ padding-left: 22px; 
                                                    &:after{ top: 8px; left: 9px; }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                                    
                            .Creators_item_innerloop_innerblock_mainbutton_new{
                                .Creators_item_innerloop_innerblock_innerbutton_new{ padding:16px; }
                            }  
                        }
                        &.open{
                            .Creators_item_innerloop_innerblock_new{
                                position: relative;
                                
                            }   
                        }
                    }
                }
            }
        }
    }

    .Creators_item_half_width_on_mobile_new{
        .Creators_item_inner_new{
            .Creators_item_mainloop_new{
                .Creators_item_innerloop_new{grid-gap:24px 16px; 
                    .Creators_item_innerloop_mainblock_new{width: calc(50% - 8px); margin: 0px; height:auto;
                        .Creators_item_innerloop_innerblock_new{height: 100%;
                            .Creators_item_innerloop_innerblock_mainmedia_new{
                                .Creators_item_innerloop_innerblock_innermedia_new{padding-bottom:86.35%; }
                            }
                            .Creators_item_innerloop_innerblock_maindetail_new{
                                padding: 12px 8px;
                                min-height:inherit;
                                .Creators_item_innerloop_innerblock_innerdetail_new{
                                    .Creators_item_innerloop_innerblock_innerdetail_title_new{ font-size: 16px; line-height: 120%; }
                                    .Creators_item_innerloop_innerblock_innerdetail_infos_new{ 
                                        font-size: 14px;  font-weight: 400; line-height: 136%;
                                        min-height: inherit;
                                        padding:8px 0 0 0;
                                        p{margin: 0px 0px 16px 0px;
                                            &:last-child{margin: 0px;}
                                        }
                                    }
                                    .Creators_item_innerloop_innerblock_innerdetail_lists_new{ padding-top: 8px;
                                        .Creators_item_innerloop_innerblock_innerdetail_lists_title_new{
                                            span{ font-size: 14px;  font-weight: 400; line-height: 136%; }
                                        }
                                    }
                                }
                            }
                                    
                            .Creators_item_innerloop_innerblock_mainbutton_new{ 
                                .Creators_item_innerloop_innerblock_innerbutton_new{ 
                                    padding:0; margin: -1px; 
                                    a{ padding-left: 5px !important; padding-right: 5px !important; }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media(min-width:750px) and (max-width:989px){
    .Creators_item_main_new {
        .Creators_item_inner_new{
            .Creators_item_mainloop_new{ padding-top:32px;
                .Creators_item_innerloop_new{ grid-gap:32px 16px; 
                    .Creators_item_innerloop_mainblock_new{
                        .Creators_item_innerloop_innerblock_new{ 
                            .Creators_item_innerloop_innerblock_maindetail_new{
                                padding: 12px 12px 0 12px;
                                min-height:inherit;
                                .Creators_item_innerloop_innerblock_innerdetail_new{
                                    .Creators_item_innerloop_innerblock_innerdetail_title_new{ font-size: 18px; }
                                    .Creators_item_innerloop_innerblock_innerdetail_infos_new{ 
                                        font-size: 14px; 
                                        min-height: inherit;
                                        padding: 12px 0 0 0;
                                    }
                                    .Creators_item_innerloop_innerblock_innerdetail_lists_new{ padding-top: 12px;
                                        .Creators_item_innerloop_innerblock_innerdetail_lists_title_new{
                                            span{ font-size: 14px; }
                                        }
                                        .Creators_item_innerloop_innerblock_innerdetail_lists_infos_new{ 
                                            font-size: 14px;
                                            .metafield-rich_text_field{ padding: 12px 0; }
                                            ul{
                                                li{ padding-left: 22px; 
                                                    &:after{top: 8px; left: 8px; }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                                    
                            .Creators_item_innerloop_innerblock_mainbutton_new{
                                .Creators_item_innerloop_innerblock_innerbutton_new{ 
                                    padding:12px; 
                                    a{ padding-left:5px !important; padding-right:5px !important; }
                                }
                            }  
                        }
                    }
                }
            }
        }
    }
}

@media(min-width:990px) and (max-width:1439px){
    .Creators_item_main_new { 
        .Creators_item_inner_new{
            .Creators_item_mainloop_new{ 
                .Creators_item_innerloop_new{grid-gap:46px 16px; 
                    .Creators_item_innerloop_mainblock_new{
                        .Creators_item_innerloop_innerblock_new{ 
                            .Creators_item_innerloop_innerblock_maindetail_new{
                                padding: 16px 16px 0 16px;
                                min-height:102px;
                                .Creators_item_innerloop_innerblock_innerdetail_new{
                                    .Creators_item_innerloop_innerblock_innerdetail_title_new{ font-size: 20px; }
                                    .Creators_item_innerloop_innerblock_innerdetail_infos_new{ 
                                        font-size: 16px;
                                    }
                                    .Creators_item_innerloop_innerblock_innerdetail_lists_new{ 
                                        .Creators_item_innerloop_innerblock_innerdetail_lists_title_new{
                                            span{ font-size: 16px; }
                                        }
                                        .Creators_item_innerloop_innerblock_innerdetail_lists_infos_new{ 
                                            font-size: 16px;
                                            ul{
                                                li{ padding-left: 22px; 
                                                    &:after{ top: 8px; left: 10px; }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}