:root {
    --ad-width: 1920px; /* Wartość domyślna, zostanie nadpisana przez JavaScript */
    --ad-height: 500px; /* Wartość domyślna, zostanie nadpisana przez JavaScript */


    --color-orange: #FF6200;
    
    --color-violet: #7724FF;

    --color-sky: #89D6FD;

    --color-maroon: #4D0020;

    --color-raspberry: #D40199;

    --color-blush: #F689FD;

    --color-sun: #FFE100;

    --color-white: #FFFFFF;

    --color-black: #111010;

    --color-gray: #A69F98;



}


@font-face {
    font-family: 'INGme_Regular';
    font-weight: normal;
    font-display: swap;
    src: url("INGMe-Regular.woff") format("woff")
}


.arrow_down, .arrow_up {
    display: inline;
    vertical-align: middle;
    width: 5px;
    height: 5px;
}

.arrow_up {
    transform: rotate(180deg);
}

.font_regular {
    font-family: 'INGme_Regular', sans-serif;
    font-weight: normal;
    line-height: 1.1;
}

body {
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
}

img {
    display: block;
}

.absolute {
    position: absolute;
}

#container {
    position: relative;
    width: var(--ad-width);
    height: var(--ad-height);
    overflow: hidden;
    visibility: hidden;
    background-color: var(--color-orange);

    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

#disclaimer {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background-color: var(--color-white);
    color: var(--color-black);
    font-size: 20px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    width: var(--ad-width);
    height: var(--ad-height);
    cursor: pointer;
}

#dsc-content {
    width: var(--ad-width);
    height: calc(var(--ad-height) - 30px); /* Przykład użycia obliczeń */
    overflow: auto;
}

#disclaimer p {
    padding: 0 10px;
}

.disc_bt {
    cursor: pointer;
    z-index: 555;
    bottom: 0;
    left: 1000px;
    width: auto;
    height: 12pt;
    margin: 0;
    padding: 10px;
    position: absolute;
    font-size: 14pt;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid var(--color-black);
}

.disc_bt_white {
    border: 1px solid var(--color-white);
    color: var(--color-white);
}

.disc_bt_gray {
    color: var(--color-black);
}

#button_disc_open {
    visibility: visible;
}

#button_disc_close {
    visibility: hidden;
}



#frame {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    border: 1px solid var(--color-gray);
    z-index: 50;
    pointer-events: none;
}