:root {
    --ad-width: 300px;
    --ad-height: 600px;
}

body{
    position: absolute !important;
    padding: 0 !important;
    width: var(--ad-width) !important;
    height: var(--ad-height) !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    z-index: 9999 !important;
}


.wrapper{
    position: absolute;
    width: var(--ad-width);
    height: var(--ad-height);
    top: 0;
    left: 0;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    opacity: 0;
}

@font-face {
    font-family: 'digfnt';
    src: url('../assets/subset.woff') format('woff');
}

.obcnv, .bg, .walls, .tiltcn, .tint, .plcta, .logo, .outprod, .outel, .cta, .pancn, .dragger, .incp, .inprod, .outcp{
    position: absolute;
    width: var(--ad-width);
    height: var(--ad-height);
    top: 0;
    left: 0;

    pointer-events: none;
}

.plcta{
    transform-origin: 50% 542px;
}

.incp{
    transform-origin: 50% 448px;
}

.dragger{
    pointer-events: initial;
}

.tiltcn{

    transform-style: preserve-3d;
    perspective: var(--ad-width);
}

.obcnv, .svgcn{
    pointer-events: none;
}

.ico_dark, .ico_light, .ico_cn{
    position: absolute;
    width: 55px;
    height: 55px;
    bottom: 40px;
    left: 40px;

    background-size: contain;
    pointer-events: none;
}

.ico_dark, .ico_light{
    bottom: 0;
    right: 0;
}

