@media only screen and (min-width:1280px) {
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
    * {
        box-sizing: border-box;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        outline: none;
        font-family: var(--font)
    }
    body {
        margin: 0;
        padding: 0;
        background-color: rgb(var(--main-0))
    }
    .body {
        width: 100%;
        position: relative
    }
    .wrap {
        width: var(--pc);
        margin: 0 auto;
        margin-bottom: 30pt
    }
    .separator {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start
    }
    .cookieBanner {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 80pt;
        padding: 10pt;
        background: rgb(var(--main-3));
        z-index: 99;
    }
    .cookieBlock {
        width: var(--pc);
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start
    }
    .cookieText {
        width: 70%;
        height: 80pt;
        font-size: 10pt;
        color: rgb(var(--white));
        line-height: 12pt
    }
    .cookieBtns {
        width: 30%;
        height: 80pt;
        line-height: 20pt;
        text-align: center
    }
    .cookieLink {
        display: block;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        padding: 4pt 0;
        text-decoration: none;
        font-size: 12pt;
        color: rgb(var(--white))
    }
    .cookieLink:hover {
        cursor: pointer
    }
    .cookieInfo {
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        margin-bottom: 4pt
    }
    .cookieInfo:hover {
        background: rgb(var(--yel-5));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%)
    }
    .cookieInfo:active {
        background: rgb(var(--yel-6));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%)
    }
    .cookieAccept {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%)
    }
    .cookieAccept:hover {
        background: rgb(var(--main-5));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%)
    }
    .cookieAccept:active {
        background: rgb(var(--main-6));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%)
    }
}

@media only screen and (min-width:900px) and (max-width:1279px) {
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
    * {
        box-sizing: border-box;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        outline: none;
        font-family: var(--font)
    }
    body {
        margin: 0;
        padding: 0;
        background-color: rgb(var(--main-0))
    }
    .body {
        width: 100%;
        position: relative
    }
    .wrap {
        width: var(--laptop);
        margin: 0 auto;
        margin-bottom: 30pt
    }
    .separator {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start
    }
    .cookieBanner {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 90pt;
        padding: 10pt;
        background: rgb(var(--main-3));
        z-index: 99;
    }
    .cookieBlock {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start
    }
    .cookieText {
        width: 70%;
        height: 80pt;
        font-size: 10pt;
        color: rgb(var(--white));
        line-height: 12pt
    }
    .cookieBtns {
        width: 30%;
        height: 100pt;
        line-height: 25pt;
        text-align: center
    }
    .cookieLink {
        display: block;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        padding: 4pt 0;
        text-decoration: none;
        font-size: 12pt;
        color: rgb(var(--white))
    }
    .cookieLink:hover {
        cursor: pointer
    }
    .cookieInfo {
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        margin-bottom: 4pt
    }
    .cookieInfo:hover {
        background: rgb(var(--yel-5));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%)
    }
    .cookieInfo:active {
        background: rgb(var(--yel-6));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%)
    }
    .cookieAccept {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%)
    }
    .cookieAccept:hover {
        background: rgb(var(--main-5));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%)
    }
    .cookieAccept:active {
        background: rgb(var(--main-6));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%)
    }
}

@media only screen and (min-width:501px) and (max-width:899px) {
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
    * {
        box-sizing: border-box;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        outline: none;
        font-family: var(--font)
    }
    body {
        margin: 0;
        padding: 0;
        background-color: rgb(var(--main-0))
    }
    .body {
        width: 100%;
        position: relative
    }
    .wrap {
        width: var(--tablet);
        margin: 0 auto;
        margin-bottom: 30pt
    }
    .separator {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start
    }
    .cookieBanner {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 90%;
        padding: 10pt;
        background: rgb(var(--main-3));
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 99;
    }
    .cookieBlock {
        width: 100%
    }
    .cookieText {
        width: 100%;
        font-size: 11pt;
        color: rgb(var(--white))
    }
    .cookieBtns {
        width: 100%;
        text-align: center;
        margin: 15pt 0
    }
    .cookieLink {
        display: block;
        width: 60%;
        margin: 0 auto;
        text-align: center;
        padding: 8pt 0;
        text-decoration: none;
        font-size: 12pt;
        color: rgb(var(--white))
    }
    .cookieLink:hover {
        cursor: pointer
    }
    .cookieInfo {
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        margin-bottom: 4pt
    }
    .cookieInfo:hover {
        background: rgb(var(--yel-5));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%)
    }
    .cookieInfo:active {
        background: rgb(var(--yel-6));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%)
    }
    .cookieAccept {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%)
    }
    .cookieAccept:hover {
        background: rgb(var(--main-5));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%)
    }
    .cookieAccept:active {
        background: rgb(var(--main-6));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%)
    }
}

@media only screen and (max-width:500px) {
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
    * {
        box-sizing: border-box;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        outline: none;
        font-family: var(--font)
    }
    body {
        margin: 0;
        padding: 0;
        background-color: rgb(var(--main-0))
    }
    .body {
        width: 100%;
        position: relative
    }
    .wrap {
        width: var(--mobile);
        margin: 0 auto;
        margin-bottom: 30pt
    }
    .separator {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start
    }
    .cookieBanner {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 90%;
        padding: 10pt;
        background: rgb(var(--main-3));
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 99;
    }
    .cookieBlock {
        width: 100%
    }
    .cookieText {
        width: 100%;
        font-size: 11pt;
        color: rgb(var(--white))
    }
    .cookieBtns {
        width: 100%;
        text-align: center;
        margin: 15pt 0
    }
    .cookieLink {
        display: block;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        padding: 8pt 0;
        text-decoration: none;
        font-size: 12pt;
        color: rgb(var(--white))
    }
    .cookieLink:hover {
        cursor: pointer
    }
    .cookieInfo {
        background: rgb(var(--yel-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-4)) 0%, rgb(var(--yel-5)) 100%);
        margin-bottom: 4pt
    }
    .cookieInfo:hover {
        background: rgb(var(--yel-5));
        background: -webkit-linear-gradient(90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: linear-gradient(0deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%)
    }
    .cookieInfo:active {
        background: rgb(var(--yel-6));
        background: -webkit-linear-gradient(-90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%);
        background: linear-gradient(180deg, rgb(var(--yel-5)) 0%, rgb(var(--yel-6)) 100%)
    }
    .cookieAccept {
        background: rgb(var(--main-4));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-4)) 0%, rgb(var(--main-5)) 100%)
    }
    .cookieAccept:hover {
        background: rgb(var(--main-5));
        background: -webkit-linear-gradient(90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: -moz-linear-gradient(90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: linear-gradient(0deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%)
    }
    .cookieAccept:active {
        background: rgb(var(--main-6));
        background: -webkit-linear-gradient(-90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: -moz-linear-gradient(-90deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%);
        background: linear-gradient(180deg, rgb(var(--main-5)) 0%, rgb(var(--main-6)) 100%)
    }
}