.yustream-uskoro-image {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}

.yustream-uskoro-badge {
	position: absolute;
	z-index: 2;
	top: .625rem;
	left: .625rem;
	padding: .35em .65em;
	border-radius: .3em;
	background: #b91c1c;
	color: #fff;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.2;
	pointer-events: none;
	translate: var(--yusb-offset-x, 0px) var(--yusb-offset-y, 0px);
}

.img-box.yustream-uskoro-poster {
	position: relative;
}

.yustream-uskoro-poster > .yustream-uskoro-badge {
	z-index: 5;
}

.yustream-uskoro-badge {
	max-width: calc(100% - 1.25rem);
	overflow-wrap: anywhere;
}

.yustream-uskoro-badge.yusb-top-right {
	left: auto;
	right: .625rem;
}

.yustream-uskoro-badge.yusb-bottom-left,
.yustream-uskoro-badge.yusb-bottom-right {
	top: auto;
	bottom: .625rem;
}

.yustream-uskoro-badge.yusb-bottom-right {
	left: auto;
	right: .625rem;
}

.yustream-uskoro-badge.yusb-pill {
	border-radius: 999px;
}

.yustream-uskoro-badge.yusb-gold {
	background: linear-gradient(135deg, #f8d874, #c69232);
	color: #221503;
}

.yustream-uskoro-badge.yusb-outline {
	background: #18181b;
	color: #fff;
	border: 1px solid #fff;
}

.yse-card.yustream-uskoro-poster > .yustream-uskoro-badge {
	z-index: 10;
}

.yse-card.yustream-uskoro-poster > .yse-new {
	display: none;
}

.yusb-preview {
	position: relative;
	width: min(360px, 100%);
	aspect-ratio: 16 / 9;
	border-radius: .75rem;
	background: radial-gradient(ellipse at 70% 35%, #56505f, transparent 62%), linear-gradient(145deg, #252b3e, #0a0a12);
	box-shadow: inset 0 0 0 1px #ffffff20;
}

.yustream-uskoro-badge:is(.yusb-marquee, .yusb-velvet, .yusb-aurora, .yusb-ice, .yusb-neon, .yusb-editorial) {
	box-sizing: border-box;
	padding: .45em .8em;
	font-family: system-ui, sans-serif;
}

.yustream-uskoro-badge.yusb-marquee {
	background: linear-gradient(155deg, #382715, #171009);
	border: 3px double #e7b958;
	border-radius: .4em;
	color: #ffe5a2;
	box-shadow: 0 2px 10px #0009;
}

.yustream-uskoro-badge.yusb-velvet {
	background: linear-gradient(160deg, #ae2448, #500c23);
	border: 1px solid #ff9cae;
	border-radius: .3em;
	color: #fff5f7;
	box-shadow: inset 0 1px #ffffff30, 0 3px 10px #0008;
}

.yustream-uskoro-badge.yusb-aurora {
	background: linear-gradient(110deg, #99f6e4, #a5b4fc 62%, #f0abfc);
	border-radius: 999px;
	color: #171034;
	box-shadow: 0 3px 12px #a5b4fc55;
}

.yustream-uskoro-badge.yusb-ice {
	background: #102c43e6;
	border: 1px solid #a4def6;
	border-radius: .5em;
	color: #e1f8ff;
	backdrop-filter: blur(8px);
	box-shadow: inset 0 1px #ffffff33, 0 3px 12px #0008;
}

.yustream-uskoro-badge.yusb-neon {
	background: #241136;
	border: 1px solid #f1a9ff;
	border-radius: .45em;
	color: #fff0ff;
	box-shadow: 0 0 9px #d766ff99, inset 0 0 8px #c34dff55;
}

.yustream-uskoro-badge.yusb-editorial {
	background: #fff1d7;
	border-inline-start: .25em solid #9c3d20;
	border-radius: .1em;
	color: #322018;
	font-family: Georgia, serif;
	font-style: italic;
	box-shadow: 0 3px 10px #0008;
}

.yustream-uskoro-badge.yusb-ribbon {
	--yusb-angle: -45deg;
	--yusb-x: 37%;
	--yusb-y: 37%;
	--yusb-fold-x: 1;
	--yusb-fold-y: 1;
	display: block;
	width: min(calc(45% * var(--yusb-ribbon-size, 1)), calc(10rem * var(--yusb-ribbon-size, 1)));
	max-width: none;
	aspect-ratio: 1;
	padding: 0;
	border-radius: 0;
	background: none;
	overflow: hidden;
	font-size: clamp(.65rem, 2vw, 1.15rem);
	font-family: system-ui, sans-serif;
}

.yusb-ribbon.yusb-top-right,
.yusb-ribbon.yusb-bottom-right {
	--yusb-x: 63%;
	--yusb-fold-x: -1;
}

.yusb-ribbon.yusb-bottom-left,
.yusb-ribbon.yusb-bottom-right {
	--yusb-y: 63%;
	--yusb-fold-y: -1;
}

.yusb-ribbon.yusb-top-right,
.yusb-ribbon.yusb-bottom-left {
	--yusb-angle: 45deg;
}

.yusb-ribbon::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, var(--yusb-shadow, #220006) 6%, var(--yusb-mid, #c00013) 33%, var(--yusb-deep, #52000a) 55%);
	clip-path: polygon(22% 0, 41% 0, 24% 14%, 12% 14%, 0 41%, 0 22%);
	transform: scale(var(--yusb-fold-x), var(--yusb-fold-y));
}

.yusb-ribbon-band {
	position: absolute;
	top: var(--yusb-y);
	left: var(--yusb-x);
	width: 132%;
	min-height: 30%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: .16em 0;
	transform: translate(-50%, -50%) rotate(var(--yusb-angle));
	background: linear-gradient(180deg, var(--yusb-light, #ff8790) 0%, var(--yusb-edge, #ff2837) 9%, var(--yusb-mid, #d50012) 26%, var(--yusb-deep, #9b0010) 68%, var(--yusb-mid, #e40013) 100%);
	border-block: 1px solid var(--yusb-edge, #ff4551);
	box-shadow: 0 .14em .32em #280006b0, inset 0 .13em .2em #ffffff42;
	color: var(--yusb-ink, #fff);
	line-height: 1.03;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 2px var(--yusb-text-shadow, #440009);
}

.yusb-ribbon-title,
.yusb-ribbon-subtitle {
	max-width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yusb-ribbon-title { font-weight: 900; }
.yusb-ribbon-subtitle { font-size: .65em; font-weight: 800; }
.yusb-ribbon-subtitle:empty { display: none; }


.yusb-ribbon-gold {
	--yusb-light: #fff9db;
	--yusb-edge: #ffde87;
	--yusb-mid: #e9b754;
	--yusb-deep: #bd842c;
	--yusb-shadow: #4f2b09;
	--yusb-ink: #271604;
	--yusb-text-shadow: #fff5c966;
}

.yusb-ribbon-blue {
	--yusb-light: #b1e7ff;
	--yusb-edge: #53b4ff;
	--yusb-mid: #125fd1;
	--yusb-deep: #092e82;
	--yusb-shadow: #061638;
	--yusb-text-shadow: #061638;
}

.yusb-ribbon-green {
	--yusb-light: #a0ffe2;
	--yusb-edge: #44e7b7;
	--yusb-mid: #087955;
	--yusb-deep: #064b38;
	--yusb-shadow: #032419;
	--yusb-text-shadow: #032419;
}

.yusb-ribbon-violet {
	--yusb-light: #f1c5ff;
	--yusb-edge: #c781fb;
	--yusb-mid: #7932bb;
	--yusb-deep: #481675;
	--yusb-shadow: #220733;
	--yusb-text-shadow: #220733;
}

.yusb-ribbon-silver {
	--yusb-light: #fff;
	--yusb-edge: #eef4ff;
	--yusb-mid: #c6d3e4;
	--yusb-deep: #8c9eb6;
	--yusb-shadow: #323f54;
	--yusb-ink: #151e2b;
	--yusb-text-shadow: #ffffff80;
}

/* Keep poster crops while allowing badges to cross card edges. */
.yse-card.yustream-uskoro-poster,
.block-images:has(.yustream-uskoro-badge),
.block-images .img-box:has(.yustream-uskoro-badge),
.yustream-uskoro-image,
.yusb-preview {
	overflow: visible !important;
}

.yse-card.yustream-uskoro-poster,
.block-images:has(.yustream-uskoro-badge) {
	z-index: 2;
}

.yse-card.yustream-uskoro-poster > .yse-poster,
.block-images:has(.yustream-uskoro-badge) .img-box > img {
	border-radius: inherit;
}

.yse-card.yustream-uskoro-poster > .yse-poster {
	overflow: hidden;
}

.yusb-ribbon {
	--yusb-satin: linear-gradient(180deg, var(--yusb-light, #ff8790), var(--yusb-edge, #ff2837) 12%, var(--yusb-mid, #d50012) 36%, var(--yusb-deep, #9b0010) 85%, var(--yusb-edge, #ff2837));
}

.yusb-ribbon-band {
	background: var(--yusb-satin);
}

.yusb-ribbon[style*="--yusb-color-base"] {
	--yusb-light: color-mix(in srgb, var(--yusb-color-base), white 62%);
	--yusb-edge: color-mix(in srgb, var(--yusb-color-base), white 26%);
	--yusb-mid: var(--yusb-color-base);
	--yusb-deep: color-mix(in srgb, var(--yusb-color-base), black 37%);
	--yusb-shadow: color-mix(in srgb, var(--yusb-color-base), black 68%);
}

.yusb-ribbon-title { color: var(--yusb-color-title, inherit); }
.yusb-ribbon-subtitle { color: var(--yusb-color-subtitle, inherit); }

.yusb-preview {
	margin-block: 1.5rem;
	margin-inline: min(4rem, 8%);
}

[data-yusb-palette] input[type="color"] {
	width: 2.5rem;
	height: 1.75rem;
	padding: .125rem;
	vertical-align: middle;
}


/* Size each line independently, relative to its original size. */
.yusb-ribbon-title { font-size: var(--yusb-title-scale, 100%); }
.yusb-ribbon-subtitle { font-size: var(--yusb-subtitle-scale, 65%); }
.yustream-uskoro-badge:not(.yusb-ribbon) .yusb-badge-label { font-size: var(--yusb-title-scale, 100%); }

.yusb-ribbon {
    --yusb-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M10%205%20H44%20Q50%205%2055%2010%20L95%2050%20Q99%2054%2099%2061%20V91%20L10%205Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-fold: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M2%2020%20V12%20Q2%205%2012%205%20L27%2020Z%20M87%2080%20L99%2090%20V97%20Q89%2095%2087%2088Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-text-x: 64%;
    --yusb-text-y: 38%;
    --yusb-text-angle: 45deg;
    --yusb-text-width: 56%;
    --yusb-light-angle: 225deg;
}

.yusb-ribbon-rolled {
    --yusb-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7%206%20Q13%202%2031%204%20L42%205%20Q51%205%2058%2013%20L92%2047%20Q99%2054%2099%2065%20V91%20Q96%2083%2085%2078%20L31%2025%20Q22%2016%2017%2010%20Q12%205%207%206Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-fold: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M2%2020%20Q0%209%207%206%20Q15%203%2023%2017%20L26%2023%20Q11%2018%202%2020Z%20M88%2079%20Q100%2083%2099%2091%20Q98%2099%2086%2096Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-text-x: 65%;
    --yusb-text-y: 39%;
    --yusb-text-angle: 45deg;
    --yusb-text-width: 54%;
    --yusb-light-angle: 225deg;
}

.yusb-ribbon-layered {
    --yusb-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M15%203%20H45%20L98%2056%20V85%20L15%203Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-fold: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M2%207%20H40%20L99%2066%20V99%20L80%2083%20V75%20L21%2018%20H13Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-text-x: 65%;
    --yusb-text-y: 38%;
    --yusb-text-angle: 45deg;
    --yusb-text-width: 54%;
    --yusb-light-angle: 225deg;
}

.yusb-ribbon-forked {
    --yusb-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M1%205%20H36%20Q45%205%2052%2012%20L94%2054%20Q99%2059%2099%2068%20V99%20L87%2087%20L75%2099%20V77%20L20%2023%20H1%20L10%2014Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-fold: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M18%2023%20L34%2026%20L16%2037Z%20M75%2077%20L66%2086%20L69%2066Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-text-x: 59%;
    --yusb-text-y: 41%;
    --yusb-text-angle: 45deg;
    --yusb-text-width: 53%;
    --yusb-light-angle: 225deg;
}

.yusb-ribbon-pleated {
    --yusb-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M24%205%20H43%20Q50%205%2057%2012%20L98%2053%20V69%20L79%2076%20L20%2017Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-fold: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M2%208%20L30%204%20L22%2021%20L2%2024Z%20M9%209%20L38%205%20L28%2024%20L9%2029Z%20M17%209%20L47%205%20L36%2027%20L17%2034Z%20M80%2070%20L99%2062%20V80%20L80%2087Z%20M84%2082%20L99%2076%20V91%20L84%2096Z%20M91%2091%20L99%2086%20V100%20L91%2097Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-text-x: 65%;
    --yusb-text-y: 41%;
    --yusb-text-angle: 45deg;
    --yusb-text-width: 49%;
    --yusb-light-angle: 225deg;
}

.yusb-ribbon-wrap {
    --yusb-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M7%209%20Q7%204%2016%204%20H43%20Q49%204%2055%2010%20L94%2049%20Q99%2054%2099%2060%20V89%20L19%209%20Q13%205%207%209Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-fold: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M7%209%20Q11%203%2019%209%20L31%2021%20H8%20Q3%2020%207%209Z%20M87%2077%20L99%2089%20V96%20Q91%2094%2087%2088Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-text-x: 62%;
    --yusb-text-y: 39%;
    --yusb-text-angle: 45deg;
    --yusb-text-width: 78%;
    --yusb-light-angle: 225deg;
}

/* The art and lettering are independent so flipping a corner never mirrors text. */
.yustream-uskoro-badge.yusb-ribbon {
    --yusb-mirror-x: 1;
    --yusb-mirror-y: 1;
    --yusb-text-sign: 1;
    --yusb-ink-angle: var(--yusb-text-angle);
    container-type: inline-size;
    overflow: visible;
    filter: drop-shadow(0 3px 3px #0007);
}
.yustream-uskoro-badge.yusb-ribbon:is(.yusb-top-left, .yusb-bottom-left) { --yusb-mirror-x: -1; }
.yustream-uskoro-badge.yusb-ribbon:is(.yusb-bottom-right, .yusb-bottom-left) { --yusb-mirror-y: -1; }
.yustream-uskoro-badge.yusb-ribbon:is(.yusb-top-left, .yusb-bottom-right) { --yusb-text-sign: -1; }

.yusb-ribbon::before,
.yusb-ribbon::after {
    content: "";
    position: absolute;
    inset: 0;
    clip-path: none;
    transform: scale(var(--yusb-mirror-x), var(--yusb-mirror-y));
    mask: var(--yusb-fold) center / 100% 100% no-repeat;
    background: linear-gradient(133deg, var(--yusb-edge, #ff2837), var(--yusb-shadow, #220006) 24%, var(--yusb-mid, #d50012) 43%, var(--yusb-shadow, #220006) 69%, var(--yusb-deep, #9b0010));
}
.yusb-ribbon::after {
    mask-image: var(--yusb-face);
    background:
        linear-gradient(100deg, transparent 10%, #fff2 26%, transparent 44%, #0002 72%, #fff2 88%, transparent),
        linear-gradient(var(--yusb-light-angle), var(--yusb-deep, #9b0010) 10%, var(--yusb-edge, #ff2837) 29%, var(--yusb-mid, #d50012) 38%, var(--yusb-deep, #9b0010) 61%, var(--yusb-edge, #ff2837) 79%, var(--yusb-light, #ff8790) 91%);
}

.yusb-ribbon .yusb-ribbon-band {
    z-index: 1;
    top: var(--yusb-text-y);
    left: var(--yusb-text-x);
    width: max(76%, var(--yusb-text-width));
    min-height: 0;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    transform: translate(-50%, -50%) rotate(calc(var(--yusb-ink-angle) * var(--yusb-text-sign)));
}
.yusb-ribbon:is(.yusb-top-left, .yusb-bottom-left) .yusb-ribbon-band { left: calc(100% - var(--yusb-text-x)); }
.yusb-ribbon:is(.yusb-bottom-left, .yusb-bottom-right) .yusb-ribbon-band { top: calc(100% - var(--yusb-text-y)); }
.yusb-ribbon :is(.yusb-ribbon-title, .yusb-ribbon-subtitle) { max-width: 100%; }

/* Scale the letters with the ribbon on small cards and in the player. */
.yusb-ribbon .yusb-ribbon-band { font-size: clamp(6px, 9cqw, 24px); }
.yusb-ribbon-wrap .yusb-ribbon-band { font-size: clamp(6px, 9cqw, 24px); }

.yustream-uskoro-badge.yusb-ribbon-folded-2 {
    overflow: hidden;
    filter: none;
}
.yusb-ribbon.yusb-ribbon-folded-2::after { content: none; }
.yusb-ribbon.yusb-ribbon-folded-2::before {
    mask: none;
    background: linear-gradient(135deg, var(--yusb-shadow, #220006) 6%, var(--yusb-mid, #c00013) 33%, var(--yusb-deep, #52000a) 55%);
    clip-path: polygon(22% 0, 41% 0, 24% 14%, 12% 14%, 0 41%, 0 22%);
    transform: scale(var(--yusb-fold-x), var(--yusb-fold-y));
}
.yusb-ribbon.yusb-ribbon-folded-2 .yusb-ribbon-band {
    top: var(--yusb-y);
    left: var(--yusb-x);
    width: 132%;
    min-height: 30%;
    padding: .16em 0;
    transform: translate(-50%, -50%) rotate(var(--yusb-angle));
    background: var(--yusb-satin);
    border-block: 1px solid var(--yusb-edge, #ff4551);
    box-shadow: 0 .14em .32em #280006b0, inset 0 .13em .2em #ffffff42;
}
.yusb-ribbon-folded-2 :is(.yusb-ribbon-title, .yusb-ribbon-subtitle) { max-width: 60%; }

.yusb-ribbon-swallowtail {
    --yusb-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M21%207%20Q34%202%2048%207%20L94%2053%20Q99%2059%2095%2072%20L91%2084%20Q83%2082%2077%2077%20L18%2018%20Q12%2011%2021%207Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-fold: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M1%206%20H35%20L48%2022%20H2%20L11%2014Z%20M82%2064%20L99%2055%20V98%20L91%2088%20L82%2098Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-text-x: 59%;
    --yusb-text-y: 42%;
    --yusb-text-angle: 45deg;
    --yusb-text-width: 78%;
    --yusb-light-angle: 225deg;
}

.yusb-ribbon-double-fold {
    --yusb-face: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M16%205%20H44%20L96%2057%20V83%20L79%2076%20L16%2013Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-fold: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M2%207%20H30%20L41%2018%20H3%20L11%2013Z%20M10%2013%20H38%20L48%2027%20H13Z%20M78%2069%20L97%2057%20V98%20L88%2089%20L80%2095Z%20M79%2074%20L96%2066%20V86%20L84%2084Z%22%2F%3E%3C%2Fsvg%3E");
    --yusb-text-x: 59%;
    --yusb-text-y: 42%;
    --yusb-text-angle: 45deg;
    --yusb-text-width: 78%;
    --yusb-light-angle: 225deg;
}








.yusb-ribbon :is(.yusb-ribbon-title, .yusb-ribbon-subtitle) {
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: visible;
    text-wrap: balance;
}
.yusb-ribbon-folded-2 :is(.yusb-ribbon-title, .yusb-ribbon-subtitle) { max-width: 70%; }

/* Apply text offsets in the card's horizontal and vertical directions. */
.yusb-ribbon-band { --yusb-line-angle: calc(var(--yusb-ink-angle) * var(--yusb-text-sign)); }
.yusb-ribbon-folded-2 .yusb-ribbon-band { --yusb-line-angle: var(--yusb-angle); }

.yusb-badge-label, .yusb-ribbon-title {
    --yusb-line-x: var(--yusb-title_x, 0px);
    --yusb-line-y: var(--yusb-title_y, 0px);
}
.yusb-ribbon-subtitle {
    --yusb-line-x: var(--yusb-subtitle_x, 0px);
    --yusb-line-y: var(--yusb-subtitle_y, 0px);
}
.yusb-badge-label { display: inline-block; translate: var(--yusb-line-x) var(--yusb-line-y); }
.yusb-ribbon-title, .yusb-ribbon-subtitle {
    transform: rotate(calc(-1 * var(--yusb-line-angle))) translate(var(--yusb-line-x), var(--yusb-line-y)) rotate(var(--yusb-line-angle));
}

.yusb-settings-preview .yusb-preview { margin-inline: 0; }
.yusb-line-offset { display: inline-flex; align-items: center; gap: .4rem; margin: 0 .8rem .5rem 0; }
.yusb-line-offset input { width: 5em; }
@media (min-width: 1050px) {
    .yusb-settings-layout {
        display: grid;
        grid-template-columns: minmax(0, 660px) minmax(240px, 380px);
        gap: clamp(1.5rem, 4vw, 4rem);
        align-items: start;
    }
    .yusb-settings-preview { position: sticky; top: 52px; }
}

.yusb-admin-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.yusb-admin-panel { padding: 20px; border: 1px solid #dcdcde; border-top: 3px solid #b91c1c; border-radius: 8px; background: #fff; min-width: 0; }
.yusb-admin-panel h2 { margin-top: 0; font-size: 19px; }
.yusb-panel-preview { position: sticky; top: 48px; z-index: 20; background: #fff; padding: 12px 0; border-bottom: 1px solid #e7e7e9; }
.yusb-panel-preview h3 { margin: 0 0 8px; }
.yusb-panel-preview .yusb-preview { margin: 0; width: min(280px, 100%); }
.yusb-panel-preview img { display: block; margin-top: 8px; max-width: 100%; max-height: 185px; border-radius: 10px; }
.yusb-panel-preview img[hidden] { display: none; }
.yusb-admin-panel .form-table th { width: 135px; }
.yusb-admin-panel .regular-text { max-width: 100%; }
@media (max-width: 1120px) { .yusb-admin-panels { grid-template-columns: 1fr; } }
@media (max-width: 782px) { .yusb-panel-preview { position: static; } }

.yustream-uskoro-badge.yusb-rope-drop {
	background: none;
	padding: 0;
	font: 800 calc(.875rem * var(--yusb-ribbon-size, 1)) / 1.15 system-ui, sans-serif;
	isolation: isolate;
}
.yusb-rope-plaque {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: .42em .8em;
	border: 2px solid #e9b859;
	border-radius: .55em;
	background: linear-gradient(155deg, #fff3 0%, transparent 38%, #0008 100%), var(--yusb-color-base, #9f1018);
	box-shadow: inset 0 1px #fff6, 0 3px 8px #0009;
	transform: rotate(-4deg);
}
.yusb-rope-plaque::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: calc(50% - .23em);
	width: .46em;
	height: .46em;
	border: 2px solid #e9b859;
	border-radius: 50%;
}
.yustream-rope-title {
	color: var(--yusb-color-title, #fff);
	font-size: var(--yusb-title-scale, 100%);
	translate: var(--yusb-title_x, 0px) var(--yusb-title_y, 0px);
}
.yustream-rope-subtitle {
	color: var(--yusb-color-subtitle, #ffe4a5);
	font-size: var(--yusb-subtitle-scale, 65%);
	translate: var(--yusb-subtitle_x, 0px) var(--yusb-subtitle_y, 0px);
}
.yustream-rope-subtitle:empty { display: none; }
.yusb-rope-line {
	position: absolute;
	width: 4px;
	left: calc(50% - 2px);
	bottom: calc(100% + .3em);
	background: repeating-linear-gradient(135deg, #7a4c18 0 2px, #ffe7a0 2px 4px, #bc8636 4px 6px);
	border-radius: 2px;
}
.yusb-rope-line::after {
	content: "";
	position: absolute;
	top: 100%;
	left: -2px;
	width: 7px;
	height: 8px;
	border: 2px solid #efc168;
	border-top: 0;
	border-right-color: transparent;
	border-radius: 0 0 65% 65%;
}
[data-yusb-replay] { margin-bottom: .6rem !important; }

.yustream-uskoro-badge.yusb-mobile-variant { display: none; }
@media (max-width: 767px) {
	.yusb-has-mobile .yustream-uskoro-badge:not(.yusb-mobile-variant) { display: none; }
	.yusb-has-mobile > .yustream-uskoro-badge.yusb-mobile-variant { display: block; }
}
#yusb-preview[data-view="mobile_player"] { width: min(240px, 100%); }
#yusb-preview:is([data-view="mobile_cards"], [data-view="mobile_home"], [data-view="mobile_movies"]) { width: min(145px, 100%); aspect-ratio: 2 / 3; }

.yustream-uskoro-badge.yusb-desktop-variant { display: none; }
@media (width > 767px) {
	.yusb-has-desktop .yustream-uskoro-badge:not(.yusb-desktop-variant) { display: none; }
	.yusb-has-desktop > .yustream-uskoro-badge.yusb-desktop-variant { display: block; }
}
#yusb-preview:is([data-view="desktop_home"], [data-view="desktop_movies"], [data-view="desktop_cards"]) {
	width: min(185px, 100%);
	aspect-ratio: 2 / 3;
}

/* Contain the desktop player preview so animations cannot cover the form. */
.yusb-preview-frame:has(#yusb-preview[data-view="desktop_player"]) {
	overflow: clip;
	padding: 12px 0;
}
#yusb-preview[data-view="desktop_player"] {
	width: min(420px, 100%);
}
#yusb-preview[data-view="desktop_player"] .yusb-rope-drop {
	font-size: calc(.7rem * var(--yusb-ribbon-size, 1));
}

.ys-hero-track .ys-slide > .yustream-uskoro-badge { z-index: 5; }
#yusb-preview[data-view="mobile_slider"] { width: min(240px, 100%); aspect-ratio: 9 / 16; }
#yusb-preview[data-view="desktop_slider"] { width: min(420px, 100%); }
.yusb-preview-frame:has(#yusb-preview:is([data-view="desktop_slider"], [data-view="mobile_slider"])) {
	overflow: clip;
	padding: 12px 0;
}

.yustream-uskoro-badge.yusb-rope-drop {
	translate: calc(var(--yusb-offset-x, 0px) + var(--yusb-fit-x, 0px))
		calc(var(--yusb-offset-y, 0px) + var(--yusb-fit-y, 0px));
}
#yusb-preview[data-view="mobile_slider"] > .yusb-rope-drop {
	max-width: calc(100% - 20px);
	font-size: clamp(.58rem, calc(.72rem * var(--yusb-ribbon-size, 1)), 1rem);
}
@media (max-width: 767px) {
	.ys-hero-track .ys-slide > .yusb-rope-drop {
		max-width: calc(100% - 20px);
		font-size: clamp(.58rem, calc(.72rem * var(--yusb-ribbon-size, 1)), 1rem);
	}
}

/* Fit the desktop slider's badge and position to the same reference width. */
#yusb-preview[data-view="desktop_slider"] > .yustream-uskoro-badge {
	scale: var(--yusb-preview-scale, 1);
	transform-origin: top left;
}
#yusb-preview[data-view="desktop_slider"] > :is(.yusb-top-right, .yusb-bottom-right) { transform-origin: top right; }
#yusb-preview[data-view="desktop_slider"] > .yusb-bottom-left { transform-origin: bottom left; }
#yusb-preview[data-view="desktop_slider"] > .yusb-bottom-right { transform-origin: bottom right; }

/* Place the desktop slider badge using the slide's dimensions. */
@media (width > 767px) {
	.ys-hero-track .ys-slide > .yustream-uskoro-badge {
		translate: calc(var(--yusb-offset-x, 0px) * var(--yusb-slide-x, 1))
			calc(var(--yusb-offset-y, 0px) * var(--yusb-slide-y, 1));
	}
}

@media (width > 767px) {
	.ys-hero-track .ys-slide.yusb-thumbnail-anchor > .yusb-desktop-variant[data-yusb-thumbnail-gap] {
		top: auto;
		bottom: var(--yusb-thumbnail-bottom);
		translate: calc(var(--yusb-offset-x, 0px) * var(--yusb-slide-x, 1)) 0;
	}
}
.yusb-preview-thumbnails { display: none; }
#yusb-preview[data-view="desktop_slider"][data-anchor="thumbnails"] .yusb-preview-thumbnails {
	display: block;
	position: absolute;
	left: 3%;
	bottom: 3%;
	width: 60%;
	height: 23%;
	border-radius: 6px;
	background: repeating-linear-gradient(90deg, #434961 0 13%, transparent 13% 16%);
}
#yusb-preview[data-view="desktop_slider"][data-anchor="thumbnails"] > .yustream-uskoro-badge {
	top: auto;
	bottom: calc(26% + var(--yusb-preview-gap, 0px));
	translate: var(--yusb-offset-x, 0px) 0;
	transform-origin: bottom left;
}
#yusb-preview[data-view="desktop_slider"][data-anchor="thumbnails"] > :is(.yusb-top-right, .yusb-bottom-right) {
	transform-origin: bottom right;
}

.yustream-uskoro-badge.yusb-rope-drop:is(.yusb-rope-2,.yusb-rope-3,.yusb-rope-4,.yusb-rope-5,.yusb-rope-6,.yusb-rope-7) .yusb-rope-plaque {
	background: var(--yusb-rope-finish), var(--yusb-color-base, var(--yusb-rope-base));
	border-color: var(--yusb-rope-edge);
}
.yusb-rope-drop:not(.yusb-rope-2,.yusb-rope-3,.yusb-rope-4,.yusb-rope-5,.yusb-rope-6,.yusb-rope-7) .yusb-rope-plaque { background-color: #9f1018; }
.yustream-rope-title { color: var(--yusb-color-title, var(--yusb-rope-ink, #fff)); }
.yustream-rope-subtitle { color: var(--yusb-color-subtitle, var(--yusb-rope-sub-ink, #ffe4a5)); }
.yusb-rope-drop .yusb-rope-line {
	background: repeating-linear-gradient(135deg, var(--yusb-cord-dark,#7a4c18) 0 2px, var(--yusb-cord-light,#ffe7a0) 2px 4px, var(--yusb-cord-mid,#bc8636) 4px 6px);
}
.yusb-rope-2 {
	--yusb-rope-base: #181817; --yusb-rope-edge: #c29d59;
	--yusb-cord-dark: #202023; --yusb-cord-light: #94887a; --yusb-cord-mid: #525057;
	--yusb-rope-finish: repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px);
}
.yusb-rope-2 .yusb-rope-plaque {
	border: 4px double #c29d59; border-radius: .15em; padding-block: .82em;
	clip-path: polygon(8% 0,92% 0,100% 20%,100% 80%,92% 100%,8% 100%,0 80%,0 20%);
}
.yusb-rope-2 .yusb-rope-plaque::after {
	content: ""; position: absolute; inset: .17em 11%; pointer-events: none;
	background: radial-gradient(circle, #fff0b6 0 16%, #d48728 26%, transparent 38%) top / .75em .38em repeat-x,
		radial-gradient(circle, #fff0b6 0 16%, #d48728 26%, transparent 38%) bottom / .75em .38em repeat-x;
}
.yusb-rope-2 .yusb-rope-line { box-shadow: 5px 0 #63616a; }
.yusb-rope-3 {
	--yusb-rope-base: #08182b; --yusb-rope-edge: #2de5ff; --yusb-rope-sub-ink: #b5f3ff;
	--yusb-cord-dark: #373f4b; --yusb-cord-light: #d9e9f1; --yusb-cord-mid: #758694;
	--yusb-rope-finish: linear-gradient(180deg,#9ff4ff66 0%,transparent 43%,#0007 82%,#1bb6df38);
}
.yusb-rope-3 .yusb-rope-plaque { border-radius: 999px; box-shadow: 0 0 9px #03c7ffad, inset 0 0 7px #03c7ff7a; }
.yusb-rope-4 {
	--yusb-rope-base: #672724; --yusb-rope-edge: #deb47a;
	--yusb-cord-dark: #674322; --yusb-cord-light: #e7c796; --yusb-cord-mid: #bb9259;
	--yusb-rope-finish: repeating-linear-gradient(45deg,#fff1 0 1px,transparent 1px 3px),linear-gradient(145deg,#fff2,#0005);
}
.yusb-rope-4 .yusb-rope-plaque {
	border-style: dashed; border-radius: .12em; padding-inline: 1em;
	clip-path: polygon(5% 0,95% 0,100% 12%,100% 34%,95% 40%,93% 50%,95% 60%,100% 66%,100% 88%,95% 100%,5% 100%,0 88%,0 66%,5% 60%,7% 50%,5% 40%,0 34%,0 12%);
}
.yusb-rope-5 {
	--yusb-rope-base: #075544; --yusb-rope-edge: #d1a35d;
	--yusb-cord-dark: #502e1c; --yusb-cord-light: #d9ae74; --yusb-cord-mid: #987040;
	--yusb-rope-finish: conic-gradient(from 45deg,#fff3,#0006,#fff2,#0004,#fff3);
}
.yusb-rope-5 .yusb-rope-plaque {
	border: 5px double #d1a35d; padding: .85em 1em;
	clip-path: polygon(50% 0,82% 10%,82% 15%,94% 21%,94% 27%,100% 29%,100% 74%,92% 74%,92% 82%,50% 100%,8% 82%,8% 74%,0 74%,0 29%,6% 27%,6% 21%,18% 15%,18% 10%);
}
.yusb-rope-6 {
	--yusb-rope-base: #161719; --yusb-rope-edge: #92969e; --yusb-rope-sub-ink: #eceef1;
	--yusb-cord-dark: #4d5660; --yusb-cord-light: #f0f7ff; --yusb-cord-mid: #8e9aa3;
	--yusb-rope-finish: linear-gradient(155deg,#fff2,#0006);
}
.yusb-rope-6 .yusb-rope-plaque { border-radius: .15em .15em .45em .45em; padding-top: 1.1em; }
.yusb-rope-6 .yusb-rope-plaque::after {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: .58em;
	background: repeating-linear-gradient(132deg,#f5f5f5 0 .48em,#292b30 .48em .96em);
	box-shadow: 0 2px 3px #0008;
}
.yusb-rope-6 .yusb-rope-line { box-shadow: 6px 0 #9da8b2; }
.yusb-rope-7 {
	--yusb-rope-base: #efe0bd; --yusb-rope-edge: #832d32; --yusb-rope-ink: #301514; --yusb-rope-sub-ink: #552421;
	--yusb-cord-dark: #591922; --yusb-cord-light: #f18372; --yusb-cord-mid: #a5373d;
	--yusb-rope-finish: repeating-linear-gradient(105deg,#fff3 0 1px,transparent 1px 3px),linear-gradient(135deg,#fff5,#53351633);
}
.yusb-rope-7 .yusb-rope-plaque {
	padding: .55em .85em 1.36em; border-width: .23em; border-radius: .12em;
	clip-path: polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);
	box-shadow: inset 0 .2em #b38a4d;
}