* {box-sizing: border-box; margin: 0}
        html, body {
            height: 100%;
            overflow: hidden;
			font-size: 14px;
        }
        html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            background-color: var(--wms-main-bg-color, #fff);
        }
        body {
            font-family: var(--wm-font-general);
            color: #000;
            margin: 0;
            padding: 0;
        }
        .card {
            display: flex;
			flex-wrap: wrap;
			align-content: flex-start;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
			background-image: var(--wm-img-bg, none);
            background-size: contain;
            background-repeat: no-repeat;
			width: var(--wm-ad-width);
			height: var(--wm-ad-height);
            max-width: var(--wms-intext-maxwidth);
            aspect-ratio: var(--wms-intext-aspectratio);
            margin: auto;
        }

        .card::after {
            content: ""; 
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: var(--wm-img-fg, none);
            background-size: contain;
            background-repeat: no-repeat;
            opacity: var(--wm-img-opacity, 1);
        }

        .container {
            background-color: transparent;
            position: absolute;
            display: flex;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: all;
            cursor: pointer;
        }

		.video-block {
			position: absolute;
			width: var(--wm-video-width);
			height: var(--wm-video-height);			
			top: var(--wm-video-top);
			right: var(--wm-video-right);
			left: var(--wm-video-left);
			bottom: var(--wm-video-bottom);
		}

		#player {
		  width: 100%;
		  height: auto;
		  pointer-events: none;
		}

        #soundBox {
            position: absolute;
            display: block;
            z-index: 2;
            width: var(--wm-btn-size);
            height: var(--wm-btn-size);
            top: var(--wm-btn-top);
			right: var(--wm-btn-right);
			left: var(--wm-btn-left);
			bottom: var(--wm-btn-bottom);
            border-radius: var(--wm-btn-radius);
            cursor: pointer;
			background-size: calc(var(--wm-btn-size) - 5px ) !important;
        }

        #soundBox.muted {
            background: url(./img/btnSoundoff.png) var(--wm-btn-muted-bgcolor) no-repeat center center;
        }

        #soundBox.sound {
            background: url(./img/btnSoundon.png) var(--wm-btn-sound-bgcolor) no-repeat center center;
        }
        #soundBox.muted:hover {
            background-color: var(--wm-btn-muted-hover-bgcolor);
        }
        #soundBox.sound:hover {
            background-color: var(--wm-btn-sound-hover-bgcolor);
        }
        #clickthrough {
            cursor: pointer;
        }