/*////////////////////////////////////////////////////////////////////////////
// Version 1.5 Signed by Sid @ BENTO on 2025-09-07 T 13:34:46 -06:00
// Authentication (do not edit) $yEAADzBU$
//////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2023-2025 by Sid Paral. All rights reserved
//
// Permission to use, copy, modify, and distribute this software for any
// purpose with or without fee is hereby granted, provided that the above
// copyright notice and this permission notice appear in all copies.
//
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
//
//////////////////////////////////////////////////////////////////////////////
//
// drone-videos.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
								--sid-base-back-color:			black;
								--sid-base-text-color:			silver;
							}

/****************************************************************************/

.variant					{
								display:						flex;
								flex-flow:						row nowrap;
								justify-content:				flex-end;
								align-items:					center;
								gap:							var(--sid-base-padding);
							}
.buttonHD,
.button4K					{
								width:							var(--sid-base-butt-width);
								height:							var(--sid-base-butt-height);
								flex-shrink:					0;
								border-radius:					var(--sid-base-butt-radius);
								background-attachment:			local;
								background-clip:				border-box;
								background-origin:				border-box;
								background-repeat:				no-repeat;
								background-position:			0 0;
								background-size:				cover;
								display:						flex;
								flex-flow:						row wrap;
							}
.buttonHD					{	background-image:				url("HD.svg");		}
.button4K					{	background-image:				url("4K.svg");		}
.buttonHD:hover,
.button4K:hover				{	background-image:				url("play.svg");	}
.pframe						{
								background-attachment:			local;
								background-clip:				border-box;
								background-origin:				border-box;
								background-repeat:				no-repeat;
								background-position:			center;
								background-size:				50%;
								background-image:				url("play.svg");
								display:						flex;
								flex-flow:						row nowrap;
							}
.pix-poster:hover			{	opacity:						0.5;				}
.link-pix					{	font-size:						0;					}