#cookie-banner {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(255, 255, 255, 0.75);
    padding: 1rem;
    z-index: 9999;
    overflow: auto;

    .cookie-box {
        background-color: white;
        color: black;
        box-shadow: 0rem 0.5rem 1rem hsla(0, 0%, 0%, 0.5);
        width: 100%;
        max-width: min(720px, 100%);
        padding: 1rem;

        .cookie-group {
            padding: 1rem;

            label {
                display: flex;
                flex-wrap: wrap;
                gap: 0.5rem;

                input {
                    width: 1rem;
                    height: 1rem;
                }
            }
        }

        .actions {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-between;

            .cookies-button {
                padding: 1rem;
                cursor: pointer;
                width: auto;
            }
        }
    }

    &:not([settings="true"]) {
        .cookies-settings {
            display: none;
        }
    }

    &[settings="true"] {
        .cookies-no-settings {
            display: none;
        }
    }
}