.cookie-consent {
    position        : fixed;
    top             : 0;
    left            : 0;
    height          : 100%;
    width           : 100%;
    background      : rgba(0, 0, 0, 0.8);
    display         : flex;
    align-items     : center;
    justify-content : center;
    z-index         : 200;
    
    header {
        .logged & {
            display : flex;
        }
        
        grid-area       : unset;
        background      : transparent;
        display         : flex;
        align-items     : center;
        justify-content : space-between;
        padding-top     : 0.5rem;
        height          : auto;
        min-height      : auto;
        
        .langchooser {
            float  : none;
            margin : 0;
        }
        
        .layout_v3 & {
            .cookie-consent-language {
                svg {
                    display : none;
                }
            }
        }
        
        a.logo {
            position  : static;
            max-width : 60%;
        }
    }
    
    .cookie-consent-container {
        width              : 35rem;
        max-width          : 80%;
        background         : var(--box-bg-color);
        max-height         : 80%;
        box-shadow         : var(--box-shadow);
        border-radius      : var(--default-border-radius);
        padding            : calc(var(--default-box-padding) * 1.5);
        display            : grid;
        grid-template-rows : auto minmax(0, 1fr) auto;
        row-gap         : 2rem;
        
        h2 {
            margin-bottom : 2rem;
        }
        
        h3 {
            margin-top      : 0;
            display         : flex;
            justify-content : space-between;
            align-items     : baseline;
        }
        
        .cookie-consent-language {
            display     : flex;
            column-gap  : 0.5rem;
            align-items : center;
            color       : var(--text-color-80);
            
            .fflag {
                --height : 0.9rem;
                width    : calc(var(--height) / 0.75);
                height   : var(--height);
            }
        }
        
        .cookie-consent-close {
            a {
                color : var(--text-color-80);
            }
        }
        
        .cookie-consent-content {
            overflow-y : auto;
            font-size  : 0.9rem;
            
            .layout_v3 & {
                font-size : 1rem;
            }
            
            p {
                margin-block : 1rem;
                line-height  : 1.4rem;
            }
            
            .cookie-consent-switch-box {
                border-radius : var(--default-border-radius);
                border        : 1px solid var(--bg-color-120);
                padding       : 1rem;
                margin-top    : 1rem;
                font-size     : 0.8rem;
                
                .layout_v3 & {
                    font-size : 1rem;
                }
            ;
                
                h2 {
                    font-size : 0.9rem;
                    
                    .layout_v3 & {
                        font-size : 1rem;
                    }
                }
                
                
                .gm-switch {
                    width       : 100%;
                    
                    label {
                        justify-content : space-between;
                        display         : flex;
                        
                        .gm-switch-button {
                            flex-shrink : 0;
                        }
                    }
                    
                    font-weight : 500;
                }
            }
        }
        
        .cookie-policty-footer {
            text-align : center;
            
            .cookie-settings a {
                color : var(--blue-color);
            }
            
            .buttons {
                margin-top            : 1rem;
                padding-top           : 1.5rem;
                border-top            : 1px solid var(--line-color);
                display               : grid;
                grid-template-columns : 1fr 1fr;
                column-gap            : 1rem;
                
                .gm-submit {
                    width          : 100%;
                    font-size      : 0.8rem;
                    text-transform : none;
                    padding-inline : 0.5rem;
                }
            }
        }
        
        .logoContainer {
            margin-top      : 1rem;
            display         : flex;
            justify-content : space-between;
            align-items     : center;
        }
        
        
    }
}

@media only screen and (max-width : 48rem) {
    .cookie-consent {
        .cookie-consent-container {
            .cookie-policty-footer {
                .buttons {
                    grid-template-columns : 1fr;
                    grid-row-gap          : 1rem;
                    
                    
                }
            }
        }
    }
}

@media only screen and (max-width : 30rem) {
    .cookie-consent {
        padding : var(--default-box-padding);
        
        .cookie-consent-container {
            .cookie-policty-footer {
                .buttons {
                    grid-template-columns : 1fr;
                    grid-row-gap          : 1rem;
                    
                    .gm-submit {
                        font-size : 0.7rem;
                    }
                }
            }
        }
    }
}