@use 'sass:map';
@use 'sass:string';
@use '../base/maps/tokens' as *;

@each $device-key, $device-map in $brandui-device-breakpoints-new {
	$device-value: map.get($device-map, 'value');
	$device-prefix: map.get($device-map, 'prefix');

	@media (max-width: string.unquote('#{$device-value}px')) {
		// Device Breakpoints Start
		.#{$device-prefix}object-fit-fill,
		.#{$device-prefix}object-fit-fill-inner img {
			object-fit: fill;
		}

		.#{$device-prefix}object-fit-contain,
		.#{$device-prefix}object-fit-contain-inner img {
			object-fit: contain;
		}

		.#{$device-prefix}object-fit-cover,
		.#{$device-prefix}object-fit-cover-inner img {
			object-fit: cover;
		}

		.#{$device-prefix}object-fit-none,
		.#{$device-prefix}object-fit-none-inner img {
			object-fit: none;
		}

		.#{$device-prefix}object-fit-scale-down,
		.#{$device-prefix}object-fit-scale-down-inner img {
			object-fit: scale-down;
		}

		.#{$device-prefix}object-fit-initial,
		.#{$device-prefix}object-fit-initial-inner img {
			object-fit: initial;
		}

		.#{$device-prefix}object-position-top,
		.#{$device-prefix}object-position-top-inner img {
			object-position: top;
		}

		.#{$device-prefix}object-position-right,
		.#{$device-prefix}object-position-right-inner img {
			object-position: right;
		}

		.#{$device-prefix}object-position-bottom,
		.#{$device-prefix}object-position-bottom-inner img {
			object-position: bottom;
		}

		.#{$device-prefix}object-position-left,
		.#{$device-prefix}object-position-left-inner img {
			object-position: left;
		}

		.#{$device-prefix}object-position-center,
		.#{$device-prefix}object-position-center-inner img {
			object-position: center;
		}

		.#{$device-prefix}object-position-initial,
		.#{$device-prefix}object-position-initial-inner img {
			object-position: initial;
		}

		.#{$device-prefix}video-wrap {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			height: 0;

			iframe,
			video {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		}

		// Device Breakpoints End
	}
}