.ASMMobileContainer {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.ASMLayoutRoot {
	flex: 1;
}
.ASMPlayControlBar {
	background-color: lightblue;
	height: 2em;
}
.ASMInvisible {
	display: none;
}

.BMLWrapper {
	border: 0 red solid;
	width: 100%;
	height: 100%;
}
.BMLContainer {
	border: 0 blue solid;
	background-color: transparent;
	width: 100%;
	height: 100%;
}
.BMLLayoutRoot {
	width: 100%;
	height: 100%;
}
.BMLViewPort {
	width: 100%;
	height: 100%;
	background-color: transparent;
	outline: 0 solid gainsboro;
	display: flex;
	flex-direction: row;
}
.BMLView {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: transparent;
	position: relative;
	outline: 0 solid darkcyan;

	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
}
.BMLHiddenView {
	width: 0;
	-webkit-transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
}
.BMLHeader {
	background-color: gold;
	width: 100%;
	display: inline-block;
	height: 38px;
}
.BMLHeaderTable {
	width: 100%;
	height: 100%;
	display: table;
}
.BMLButtonCell {
	width: 36px;
	padding: 0;
}
.BMLButton {}
.BMLButton:active {
	opacity: 0.25;
}
.BMLButtonBack {
	cursor: pointer;
	background-color: transparent;
	float: left;
	width: 36px;
	height: 32px;
}
.BMLButtonForward {
	cursor: pointer;
	background-color: transparent;
	float: right;
	width: 36px;
	height: 32px;
}
.BMLCell {
	/*
	height: calc(100% - 38px);
	*/
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.BMLCellNumber {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	outline: 5px dotted violet;
	padding: 10px;
	font-size: xxx-large;
}
.BMLTitle {
	text-align: center;
	font-size: unset;
	white-space: nowrap;
	color: darkgoldenrod;
}
:root {
    --log-background-color: rgba(0,0,0,0.8);
}

.logWidget {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    backdrop-filter: blur(3px);
    background-color: var(--log-background-color);
    border-bottom-left-radius: 0.8rem!important;
    border-bottom-right-radius: 0.8rem!important;
}
.logRow {
    background-color: transparent;
    color: lawngreen;
    text-align: left;
    padding: 0;
    width: calc(100% - 16px);
    margin: 0 8px;
    user-select: text;
}
.logRow:first-of-type {
    margin-top: 8px;
    border-top: transparent solid 1px;
}
.logRow:last-of-type {
    margin-bottom: 33px;
    border-bottom: transparent solid 1px;
}
.logRow:last-of-type::after {
    content: " _";
    font-weight: bold;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}

.logRow a {
    color: deepskyblue;
    text-decoration: none;
}

@keyframes blink {
    from, to {
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
}

@-moz-keyframes blink {
    from, to {
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blink {
    from, to {
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
}

@-ms-keyframes blink {
    from, to {
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
}

@-o-keyframes blink {
    from, to {
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
}
.WMGLWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
}
.WMGLContainer {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.Genre-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.Genre-list li {
    border-bottom: 0 solid #000;
    color: white;
}
.Genre-list li a {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
    color: inherit;
}
.Genre-list p {
    display: inline;
    margin-right: .5em;
}
.Genre-paragraph {
    margin-right: 1.5em!important;
}

.Genre-list-button-bar-container {
    background-color: transparent;
    height: 2.4em;
}
.Genre-list-container {
    flex: 1;
    position: absolute;
    height: calc(100% - 2.4em);
    width: 100%;
}
.Genre-list-top-row {
    width: 100%;
    background-color: #222222;
    color: white;
    position: absolute;
}
.Genre-list-button-row {
    display: flex;
    justify-content: space-between;
    height: 2.4em;
}
.Genre-list-caption {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}


.WMSLWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
}
.WMSLContainer {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.Stream-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.Stream-list li {
    border-bottom: 0 solid #000;
    color: white;
}
.Stream-list li a {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
    color: inherit;
}
.Stream-list li div {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
    color: inherit;
}

.Stream-list-First-column {
    display: table-cell!important;
    vertical-align: middle;
    padding-right: 1.5em;
}
.Stream-list-Icon-column {
    padding-right: .5em;
}
.Stream-list-Text-column {
    display: table-cell!important;
}

.Stream-list-button-bar-container {
    background-color: transparent;
    height: 2.4em;
}
.Stream-list-container {
    flex: 1;
    position: absolute;
    height: calc(100% - 2.4em);
    width: 100%;
}
.Stream-list-top-row {
    width: 100%;
    background-color: #222222;
    color: white;
    position: absolute;
}
.Stream-list-button-row {
    display: flex;
    justify-content: space-between;
    height: 2.4em;
}
.Stream-list-caption {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.WMSWrapper {
	width: 100%;
	height: 100%;
	background-color: black;
}

.WMSWrapper table {
	width: 100%;
}

.WMSWrapper table, .WMSWrapper td {
	border: 1px solid black;
	border-collapse: collapse;
}
.WMSWrapper td {
	padding: 10px;
	text-align: left;
}


.WMSWrapper input {
	width: calc(100% - 15px);
	height: 1.8em;
}

.WMSWrapper select {
	width: calc(100% - 7px);
	height: 2em;
}


#idSHPWrapper {
	border: 0 red solid;
	width: 100%;
	height: 100%;
}
#idSHPContainer {
	border: 0 blue solid;
	background-color: whitesmoke;
	width: 100%;
	height: 100%;
}
.SHPButtonRow {
	width: 100%;
	background-color: whitesmoke;
}
.SHPButton {
	padding: 8px;
	border: 1px gainsboro solid;
	cursor: pointer;
	display: inline;
}
.SHPTextRow {
	width: 100%;
	height: calc(100% - 2.5em);
	background-color: #111111;
}
.SHPMemo {
	height: 100%;
	overflow: auto;
	outline: 0 solid gainsboro!important;
	outline-offset: 0!important;
	color: black;
	padding: 0 0;
/*	background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);

 */
	background-size: 20px 20px;
	background-position: 0 0, 0 10px, 10px -10px, -10px 0;
	background-repeat: repeat;
	box-shadow: inset 0 0 30px 0 rgb(0 0 0 / 75%);
	border-bottom-left-radius: 0.8rem!important;
	border-bottom-right-radius: 0.8rem!important;
}
.SHPText {}
.SHPText table, .SHPText tr, .SHPText td, .SHPText p, .SHPText pre {
	user-select: text;
}
.SHPText p, .SHPText pre {
	background-color: white;
	width: max-content;
	padding: 0 10px;
	margin: 10px auto;
}

.SHPText td {
	border: 1px solid gainsboro;
	padding: 0 5px;
}
.SHPCanvas {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 auto;
	box-shadow: 0 0 30px 1px rgb(0 0 0 / 75%);
}

.SHPPlayButtonRow {
	display: grid;
	place-items: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #222222;
}
.SHPPlayButtonMiddle {
	display: grid;
}

.SHPCanvasWrapper {
	position: absolute;
	left: 0;
	top: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100vh - 8em);
	width: calc(100% - 0px);
	padding: 20px;
	box-sizing: border-box;
}
.SHPCanvasPanel {
	width: 88vw;
	height: 88vw;
	max-width: 300px;
	max-height: 300px;
	background-color: #222222;
	border-radius: 5vw;
	position: absolute;
}
.SHPResponsiveSvg {
	width: 45%;
	height: 100%;
	color: white;
	fill: white;
}
.SHPProgressBackground {
	width: 100%;
	height: 2em;
	background-color: aqua;
	position: absolute;
	bottom: 1em;
}
.SHPProgressBar {
	height: 100%;
	width: 0;
	background-color: lime;
}
.SHPAvailability {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.SHPFadeOut {
	animation: fadeOut 1.5s ease-in 1.5s forwards;
}

.marquee-container {
	width: calc(100vw - 2em);
	margin: 0 1em;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	bottom: 48px;
}

.marquee {
	display: inline-block;
}

.marquee-text {
	display: inline-block;
	animation: marquee-animation 15s linear infinite;
	color: white;
}

@keyframes marquee-animation {
	0% {
		transform: translateX(0%); /* Start position: text aligned to the right */
	}
	10% {
		transform: translateX(0%); /* Pause at the start */
	}
	30% {
		transform: translateX(0%); /* Pause at the start */
	}
	40% {
		transform: translateX(0%); /* Pause at the start */
	}
	100% {
		transform: translateX(-100%); /* Pause at the end */
	}
}
.row {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}

.left-button {
	float: left;
	padding: 0 32px;
	border: none;
	color: white;
	background-color: gray;
}

.right-buttons {
	float: right;
}
.right-buttons button {
}
.svg-share {
	height: 1em;
	width: 1em;
	padding-top: 5px;
	padding-right: 2px;
}

:root {
    --player-button-color: #0075FF;/*cornflowerblue*/
    --border-shadow-color: transparent;
    --toolbar-background-color: gainsboro;
}

/*
:root {
    --player-button-color: white;
    --player-time-color: white;
    --border-shadow-color: black;
    --toolbar-background-color: black;
}
*/

.CRPCBContainer {
    height: 48px;
    line-height: 48px;
    display: flex;
    font-size: 109%;
    text-align: left;
    direction: ltr;
    /*
    text-shadow: 0 0 2px rgb(0 0 0.5);
    */
    font-family: Roboto,Arial,Helvetica,sans-serif;
    color: #eee;
    /*
    color: #eee;
    background-color: black;
    */
    background-color: var(--toolbar-background-color);
}
.CRPCBControls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    height: 100%;
}
.CRPCBContainer button {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
}
.CRPCBButton {
    width: 48px;
    padding: 0 2px;
    height: 100%;
    transition: opacity .1s cubic-bezier(0.4,0,1,1);
    overflow: hidden;
    background-color: #222222!important;
    border: none;
}
.CRPCBButton:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
    cursor: pointer;
}
.CRPCBButton:hover .CRPCBSvgFill {
    fill: #0053b5;
}
.CRPCBContainer a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .1s cubic-bezier(0,0,0.2,1);
    transition: color .1s cubic-bezier(0,0,0.2,1);
    outline: 0;
}
.CRPCBButtonFirm {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.CRPCBContainer svg {
    pointer-events: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.CRPCBSvgShadow {
    stroke: var(--border-shadow-color);
    /*
    stroke: #000;
    */
    stroke-opacity: .15;
    stroke-width: 2px;
    fill: none;
}
.CRPCBSvgFill {
    fill: var(--player-button-color);
    /*
    fill: #fff;
    */
}
.CRPCBNoWidth {
    width: 0 !important;
}
.CRPCBInvisible {
    display: none;
}

.WDLContainer {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.WDLTopRow {
	flex: 1;
	overflow: auto;
	background-color: lightblue;
	max-height: 72px;
}
.WDLBottomRow {
	flex: 1;
	overflow: auto;
	background-color: lightgreen;
	display: flex;
	height: 100%;
}
.WDLLeftCell {
	flex: 1;
	overflow: auto;
	background-color: lightcoral;
	max-width: 25%;
	position: relative;
}
.WDLRightCell {
	flex: 1;
	overflow: auto;
	background-color: lightseagreen;
	position: relative;
}

.WDTRContainer {
	width: 100%;
	height: 100%;
	background-color: cyan;
	border-collapse: collapse;
	border: none;
	padding: 0;
	margin: 0;
}
.WDTRContainer td {
	padding: 0;
	margin: 0;
}
.WDTRLeft {
	width: 25%;
	background-color: palevioletred;
}
.WDTRMiddle {
	width: 50%;
	background-color: chartreuse;
}
.WDTRRight {
	width: 25%;
	background-color: #222222;
}
.WDCSControlContainer {
	width: 100%;
	height: 100%;
	background-color: springgreen;
	border-collapse: collapse;
	position: relative;
}
.WDCSControlContainer td {
	padding: 0;
	margin: 0;
}
.WDCSControlLeft {
	background-color: #222222;
	position: absolute;
	width: 50%;
	height: 100%;
}
.WDCSControlRight {
	background-color: gold;
	position: relative;
}
.WDPCContainer {
	position: absolute;
	width: 100%;
	height: 100%;
}
.WDPCControls {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 100%;
	justify-content: center;

}

.cbSliderContainer {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.cbSlider {
	position: absolute;
	top: 26px;
	width: 100%;
	left: 0;
	cursor: grab;
}
.WDVTable {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	border-collapse: collapse;
	font-size: 22px;
	color: white;
}
.WDVLeft {
	background-color: #222222;
	width: 42px;
}
.WDVMiddle {
	background-color: #222222;
	position: relative;
}
.WDVRight {
	background-color: #222222;
	width: 42px;
}

.WDGLWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    overflow: hidden;
}
.WDGLContainer {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    color: white;
    font-size: 18px;
}

.WDGLGenre-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}
.WDGLGenre-list th {
    position: sticky;
    top: 0;
    background-color: black;
    z-index: 2;
    height: 60px;
    font-weight: lighter;
    font-size: 22px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    padding: 0;
    margin: 0;
}
.WDGLGenre-list td {
    padding: 0;
    margin: 0;
}
.WDGLGenre-list li {
    border-bottom: 0 solid #000;
}
.WDGLGenre-list li:hover {
    -webkit-box-shadow:inset 0px 0px 0px 3px blue;
    -moz-box-shadow:inset 0px 0px 0px 3px blue;
    box-shadow:inset 0px 0px 0px 3px blue;
}
.WDGLGenre-list tr:hover {
    -webkit-box-shadow:inset 0px 0px 0px 3px blue;
    -moz-box-shadow:inset 0px 0px 0px 3px blue;
    box-shadow:inset 0px 0px 0px 3px blue;
}

.WDGLGenre-list-selected {
    background-color: blue;
}

.WDGLGenre-list li a {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
    color: inherit;
}

.WDGLGenre-list a {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
    color: inherit;
    float: left;
}

.WDGLGenre-list p {
    display: inline;
    margin-right: .5em;
}
.WDGLGenre-paragraph {
    margin-right: 1.5em!important;
}

.WDGLGenre-list-button-bar-container {
    background-color: transparent;
    height: 60px;
}
.WDGLGenre-list-container {
    flex: 1;
    position: absolute;
    height: 100%;
    width: 100%;
}
.WDGLGenre-list-top-row {
    width: 100%;
    background-color: whitesmoke;
    position: absolute;
}
.WDGLGenre-list-button-row {
    display: flex;
    justify-content: space-between;
    height: 60px;
    background-color: black;
}
.WDGLGenre-list-caption {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    color: white;
    font-size: 22px;
}



.WDSLWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
}
.WDSLContainer {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    color: white;
    font-size: 18px;

}
.WDSLStream-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}
.WDSLStream-list li {
    border-bottom: 0 solid #000;
}
.WDSLStream-list li:nth-child(odd) {
}
.WDSLStream-list li:hover {
    -webkit-box-shadow:inset 0px 0px 0px 3px blue;
    -moz-box-shadow:inset 0px 0px 0px 3px blue;
    box-shadow:inset 0px 0px 0px 3px blue;
}
.WDSLStream-list tr:hover {
    -webkit-box-shadow:inset 0px 0px 0px 3px blue;
    -moz-box-shadow:inset 0px 0px 0px 3px blue;
    box-shadow:inset 0px 0px 0px 3px blue;
    cursor: pointer;
}
.WDGLStream-list-selected {
    background-color: blue;
}
.WDSLStream-list li a {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
    color: inherit;
}
.WDSLStream-list-First-column {
    display: table-cell!important;
    vertical-align: middle;
    padding-right: 1.5em;
}
.WDSLStream-list-Icon-column {
    padding-right: .5em;
}
.WDSLStream-list-Text-column {
    display: table-cell!important;
}

.WDSLStream-list-button-bar-container {
    background-color: transparent;
    height: 2.4em;
}
.WDSLStream-list-container {
    flex: 1;
    position: absolute;
    height: 100%;
    width: 100%;
}
.WDSLStream-list-top-row {
    width: 100%;
    background-color: whitesmoke;
    position: absolute;
}
.WDSLStream-list-button-row {
    display: flex;
    justify-content: space-between;
    height: 2.4em;
}
.WDSLStream-list-caption {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
/*-----------------------------------------*/
.WDSLStream-list th {
    position: sticky;
    top: 0;
    background-color: black;
    z-index: 2;
    height: 60px;
    font-weight: lighter;
    font-size: 22px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    padding: 0;
    margin: 0;
}
.WDSLStream-list td {
    padding: 0;
    margin: 0;
}
.WDSLStream-list td div {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
    color: inherit;
    float: left;
}
.WDSLStream-list a {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    padding: 5px 15px;
    text-align: left;
    text-decoration: none;
    color: inherit;
    float: left;
}
.WDSLBitRate {
    width: 100px;
}

.WDSDWrapper {
	width: 100%;
	height: 100%;
	background-color: #222222;
	position: relative;
}
.WDSDContainer {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
.WDSDTopCell h1 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	color: white;
}
.WDSDTopCell p {
	font-size: 14px;
	margin: 0;
	padding: 0 20px;
	color: white;
}
.WDSDMarquee-container {
	width: calc(100% - 2em);
	margin: 0 1em;
	overflow: hidden;
	white-space: nowrap;
}
.WDSDMarquee {
	display: inline-block;
}
.WDSDMarquee-text {
	display: inline-block;
	font-size: xx-small;
	animation: WDSDMarquee-animation 15s linear infinite;
}
@keyframes WDSDMarquee-animation {
	0% {
		transform: translateX(0%); /* Start position: text aligned to the right */
	}
	10% {
		transform: translateX(0%); /* Pause at the start */
	}
	30% {
		transform: translateX(0%); /* Pause at the start */
	}
	40% {
		transform: translateX(0%); /* Pause at the start */
	}
	100% {
		transform: translateX(-100%); /* Pause at the end */
	}
}
.WDSDProgress {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
}
.WDPBProgressBackground {
	left: 0;
	width: 100%;
	height: 5px;
	background-color: transparent;
	position: absolute;
	bottom: 0;
}
.WDPBProgressBar {
	height: 100%;
	width: 0;
	background-color: lime;
}
.WDPBAvailability {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@keyframes WDPB_FadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.WDPBFadeOut {
	animation: WDPB_FadeOut 1.5s ease-in 1.5s forwards;
}