/* styles/csgostyles.css */
p-label:where([sf~="1"]), p-textentry:where([sf~="1"]) { font-family: notosans, 'Arial Unicode MS'; --c9: 1; text-overflow: clip; }
.fontSize-xxxl:where([sf~="1"]) { --fsz: 64; font-size: calc(max(1, round(nearest, 64 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-xxl:where([sf~="1"]) { --fsz: 40; font-size: calc(max(1, round(nearest, 40 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-xl:where([sf~="1"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-l:where([sf~="1"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-ml:where([sf~="1"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-m:where([sf~="1"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-sm:where([sf~="1"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-s:where([sf~="1"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-xs:where([sf~="1"]) { --fsz: 8; font-size: calc(max(1, round(nearest, 8 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontcolor-white:where([sf~="1"]) { color: white; }
.fontcolor-basetext:where([sf~="1"]) { color: rgba(204, 204, 204, 1); }
.text-align-center:where([sf~="1"]) { text-align: center; }
.text-align-right:where([sf~="1"]) { text-align: right; }
.text-align-left:where([sf~="1"]) { text-align: left; }
.text-uppercase:where([sf~="1"]) { text-transform: uppercase; }
.text-letterspace-2px:where([sf~="1"]) { letter-spacing: 2px; }
p-label.MonoNumbersFont:where([sf~="1"]), p-textentry.MonoNumbersFont:where([sf~="1"]) { font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS'; --c9: 0.9; }
.stratum-font:where([sf~="1"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.mono-spaced-font:where([sf~="1"]) { font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS'; --c9: 0.9; }
.mono-spaced-font-bold:where([sf~="1"]) { font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; }
.fontWeight-Bold:where([sf~="1"]) { font-weight: 700; }
.fontWeight-Medium:where([sf~="1"]) { font-weight: 500; }
.fontWeight-Normal:where([sf~="1"]) { font-weight: 400; }
.fontWeight-Light:where([sf~="1"]) { font-weight: 300; }
.stratum-thin:where([sf~="1"]) { font-family: Stratum2 Thin, "Arial Unicode MS"; --c9: 0.9; }
.stratum-thin-italic:where([sf~="1"]) { font-family: Stratum2 Thin Italic, "Arial Unicode MS"; --c9: 0.9; }
.stratum-thin-condensed:where([sf~="1"]) { font-family: Stratum2 Thin Condensed, "Arial Unicode MS"; --c9: 0.9; }
.stratum-thin-tf:where([sf~="1"]) { font-family: Stratum2 Thin TF, "Arial Unicode MS"; --c9: 0.9; }
.stratum-light:where([sf~="1"]) { font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; }
.stratum-light-italic:where([sf~="1"]) { font-family: Stratum2 Light Italic, "Arial Unicode MS"; --c9: 0.9; }
.stratum-light-condensed:where([sf~="1"]) { font-family: Stratum2 Light Condensed, "Arial Unicode MS"; --c9: 0.9; }
.stratum-light-tf:where([sf~="1"]) { font-family: Stratum2 Light TF, "Arial Unicode MS"; --c9: 0.9; }
.stratum-regular:where([sf~="1"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; }
.stratum-regular-italic:where([sf~="1"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-style: italic; font-weight: 400; }
.stratum-regular-condensed:where([sf~="1"]) { font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; }
.stratum-regular-tf:where([sf~="1"]) { font-family: Stratum2 TF, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; }
.stratum-medium:where([sf~="1"]) { font-family: Stratum2 Medium, "Arial Unicode MS"; --c9: 0.9; }
.stratum-medium-italic:where([sf~="1"]) { font-family: Stratum2 Medium Italic, "Arial Unicode MS"; --c9: 0.9; }
.stratum-medium-condensed:where([sf~="1"]) { font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; }
.stratum-medium-tf:where([sf~="1"]) { font-family: Stratum2 Medium TF, "Arial Unicode MS"; --c9: 0.9; }
.stratum-bold:where([sf~="1"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; }
.stratum-bold-italic:where([sf~="1"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; font-style: italic; }
.stratum-bold-condensed:where([sf~="1"]) { font-family: Stratum2 Bold Condensed, "Arial Unicode MS"; --c9: 0.9; }
.stratum-bold-tf:where([sf~="1"]) { font-family: Stratum2 Bold TF, "Arial Unicode MS"; --c9: 0.9; }
.stratum-black:where([sf~="1"]) { font-family: Stratum2 Black, "Arial Unicode MS"; --c9: 0.9; }
.stratum-black-italic:where([sf~="1"]) { font-family: Stratum2 Black Italic, "Arial Unicode MS"; --c9: 0.9; }
.stratum-black-condensed:where([sf~="1"]) { font-family: Stratum2 Black Condensed, "Arial Unicode MS"; --c9: 0.9; }
.stratum-black-tf:where([sf~="1"]) { font-family: Stratum2 Black TF, "Arial Unicode MS"; --c9: 0.9; }
.stratum-light-mono:where([sf~="1"]) { font-family: Stratum2 Mono Light, "Arial Unicode MS"; --c9: 0.9; }
.stratum-regular-mono:where([sf~="1"]) { font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; }
.stratum-bold-mono:where([sf~="1"]) { font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; }
.digitpanel-font:where([sf~="1"]) { font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; }
.positiveColor:where([sf~="1"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.operationColor:where([sf~="1"]) { --wash-color: rgb(129, 41, 211); --wash-filter: url(#w-rgb_129_41_211); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.negativeColor:where([sf~="1"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.blueColor:where([sf~="1"]) { --wash-color: #3281AC; --wash-filter: url(#w-3281ac); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.warningColor:where([sf~="1"]) { --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clearWashColor:where([sf~="1"]) { --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-0.HUD--team--ct .hud-colorize:where([sf~="1"]) { color: rgb(150, 200, 250); }
.csgo-hud__color-0.HUD--team--terrorist .hud-colorize:where([sf~="1"]) { color: #eabe54; }
.csgo-hud__color-12.HUD--team--ct .hud-colorize:where([sf~="1"]) { color: rgb(150, 200, 250); }
.csgo-hud__color-12.HUD--team--terrorist .hud-colorize:where([sf~="1"]) { color: #eabe54; }
.hud-teammatecolor--yellow.csgo-hud__color-12 .hud-colorize:where([sf~="1"]) { color: rgb(248, 246, 45); }
.hud-teammatecolor--purple.csgo-hud__color-12 .hud-colorize:where([sf~="1"]) { color: rgb(192, 54, 153); }
.hud-teammatecolor--green.csgo-hud__color-12 .hud-colorize:where([sf~="1"]) { color: rgb(29, 162, 132); }
.hud-teammatecolor--blue.csgo-hud__color-12 .hud-colorize:where([sf~="1"]) { color: rgb( 136, 206, 245); }
.hud-teammatecolor--orange.csgo-hud__color-12 .hud-colorize:where([sf~="1"]) { color: rgb(255, 155, 37); }
.csgo-hud__color-1 .hud-colorize:where([sf~="1"]) { color: #e8e8e8; }
.csgo-hud__color-2 .hud-colorize:where([sf~="1"]) { color: #ffffff; }
.csgo-hud__color-3 .hud-colorize:where([sf~="1"]) { color: #96c8ff; }
.csgo-hud__color-4 .hud-colorize:where([sf~="1"]) { color: #2478ff; }
.csgo-hud__color-5 .hud-colorize:where([sf~="1"]) { color: #c864ff; }
.csgo-hud__color-6 .hud-colorize:where([sf~="1"]) { color: #ff2924; }
.csgo-hud__color-7 .hud-colorize:where([sf~="1"]) { color: #ff7124; }
.csgo-hud__color-8 .hud-colorize:where([sf~="1"]) { color: #fff724; }
.csgo-hud__color-9 .hud-colorize:where([sf~="1"]) { color: #3eff24; }
.csgo-hud__color-10 .hud-colorize:where([sf~="1"]) { color: #70ffdb; }
.csgo-hud__color-11 .hud-colorize:where([sf~="1"]) { color: #ff9ccd; }
.csgo-hud__color-0.HUD--team--ct .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.csgo-hud__color-0.HUD--team--terrorist .hud-colorize-bg:where([sf~="1"]) { --bgc: #eabe54; --bg-grad: none; }
.csgo-hud__color-12.HUD--team--ct .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.csgo-hud__color-12.HUD--team--terrorist .hud-colorize-bg:where([sf~="1"]) { --bgc: #eabe54; --bg-grad: none; }
.hud-teammatecolor--yellow.csgo-hud__color-12 .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(248, 246, 45); --bg-grad: none; }
.hud-teammatecolor--purple.csgo-hud__color-12 .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(192, 54, 153); --bg-grad: none; }
.hud-teammatecolor--green.csgo-hud__color-12 .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(29, 162, 132); --bg-grad: none; }
.hud-teammatecolor--blue.csgo-hud__color-12 .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb( 136, 206, 245); --bg-grad: none; }
.hud-teammatecolor--orange.csgo-hud__color-12 .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(255, 155, 37); --bg-grad: none; }
.csgo-hud__color-1 .hud-colorize-bg:where([sf~="1"]) { --bgc: #e8e8e8; --bg-grad: none; }
.csgo-hud__color-2 .hud-colorize-bg:where([sf~="1"]) { --bgc: #ffffff; --bg-grad: none; }
.csgo-hud__color-3 .hud-colorize-bg:where([sf~="1"]) { --bgc: #96c8ff; --bg-grad: none; }
.csgo-hud__color-4 .hud-colorize-bg:where([sf~="1"]) { --bgc: #2478ff; --bg-grad: none; }
.csgo-hud__color-5 .hud-colorize-bg:where([sf~="1"]) { --bgc: #c864ff; --bg-grad: none; }
.csgo-hud__color-6 .hud-colorize-bg:where([sf~="1"]) { --bgc: #ff2924; --bg-grad: none; }
.csgo-hud__color-7 .hud-colorize-bg:where([sf~="1"]) { --bgc: #ff7124; --bg-grad: none; }
.csgo-hud__color-8 .hud-colorize-bg:where([sf~="1"]) { --bgc: #fff724; --bg-grad: none; }
.csgo-hud__color-9 .hud-colorize-bg:where([sf~="1"]) { --bgc: #3eff24; --bg-grad: none; }
.csgo-hud__color-10 .hud-colorize-bg:where([sf~="1"]) { --bgc: #70ffdb; --bg-grad: none; }
.csgo-hud__color-11 .hud-colorize-bg:where([sf~="1"]) { --bgc: #ff9ccd; --bg-grad: none; }
.hud-t-colorize:where([sf~="1"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-ct-colorize:where([sf~="1"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-0.HUD--team--ct .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-0.HUD--team--terrorist .hud-colorize-wash:where([sf~="1"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-12.HUD--team--ct .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-12.HUD--team--terrorist .hud-colorize-wash:where([sf~="1"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--yellow.csgo-hud__color-12 .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(248, 246, 45); --wash-filter: url(#w-rgb_248_246_45); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--purple.csgo-hud__color-12 .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(192, 54, 153); --wash-filter: url(#w-rgb_192_54_153); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--green.csgo-hud__color-12 .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(29, 162, 132); --wash-filter: url(#w-rgb_29_162_132); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--blue.csgo-hud__color-12 .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb( 136, 206, 245); --wash-filter: url(#w-rgb_136_206_245); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--orange.csgo-hud__color-12 .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(255, 155, 37); --wash-filter: url(#w-rgb_255_155_37); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-1 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #e8e8e8; --wash-filter: url(#w-e8e8e8); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-2 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #ffffff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-3 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #96c8ff; --wash-filter: url(#w-96c8ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-4 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #2478ff; --wash-filter: url(#w-2478ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-5 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #c864ff; --wash-filter: url(#w-c864ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-6 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #ff2924; --wash-filter: url(#w-ff2924); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-7 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #ff7124; --wash-filter: url(#w-ff7124); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-8 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #fff724; --wash-filter: url(#w-fff724); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-9 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #3eff24; --wash-filter: url(#w-3eff24); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-10 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #70ffdb; --wash-filter: url(#w-70ffdb); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-11 .hud-colorize-wash:where([sf~="1"]) { --wash-color: #ff9ccd; --wash-filter: url(#w-ff9ccd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.HUD--team--ct .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.HUD--team--terrorist .hud-colorize-wash:where([sf~="1"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--yellow .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(248, 246, 45); --wash-filter: url(#w-rgb_248_246_45); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--purple .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(192, 54, 153); --wash-filter: url(#w-rgb_192_54_153); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--green .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(29, 162, 132); --wash-filter: url(#w-rgb_29_162_132); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--blue .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb( 136, 206, 245); --wash-filter: url(#w-rgb_136_206_245); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--orange .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(255, 155, 37); --wash-filter: url(#w-rgb_255_155_37); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.HUD--team--ct .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.HUD--team--terrorist .hud-colorize-wash:where([sf~="1"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--yellow .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(248, 246, 45); --wash-filter: url(#w-rgb_248_246_45); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--purple .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(192, 54, 153); --wash-filter: url(#w-rgb_192_54_153); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--green .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(29, 162, 132); --wash-filter: url(#w-rgb_29_162_132); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--blue .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb( 136, 206, 245); --wash-filter: url(#w-rgb_136_206_245); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--orange .hud-colorize-wash:where([sf~="1"]) { --wash-color: rgb(255, 155, 37); --wash-filter: url(#w-rgb_255_155_37); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.HUD--team--ct .hud-colorize:where([sf~="1"]) { color: rgb(150, 200, 250); }
.HUD--spec-override.HUD--localplayer--spectator.HUD--team--terrorist .hud-colorize:where([sf~="1"]) { color: #eabe54; }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--yellow .hud-colorize:where([sf~="1"]) { color: rgb(248, 246, 45); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--purple .hud-colorize:where([sf~="1"]) { color: rgb(192, 54, 153); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--green .hud-colorize:where([sf~="1"]) { color: rgb(29, 162, 132); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--blue .hud-colorize:where([sf~="1"]) { color: rgb( 136, 206, 245); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--orange .hud-colorize:where([sf~="1"]) { color: rgb(255, 155, 37); }
.HUD--spec-override.HUD--localplayer--dead.HUD--team--ct .hud-colorize:where([sf~="1"]) { color: rgb(150, 200, 250); }
.HUD--spec-override.HUD--localplayer--dead.HUD--team--terrorist .hud-colorize:where([sf~="1"]) { color: #eabe54; }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--yellow .hud-colorize:where([sf~="1"]) { color: rgb(248, 246, 45); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--purple .hud-colorize:where([sf~="1"]) { color: rgb(192, 54, 153); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--green .hud-colorize:where([sf~="1"]) { color: rgb(29, 162, 132); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--blue .hud-colorize:where([sf~="1"]) { color: rgb( 136, 206, 245); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--orange .hud-colorize:where([sf~="1"]) { color: rgb(255, 155, 37); }
.HUD--spec-override.HUD--localplayer--spectator.HUD--team--ct .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--spectator.HUD--team--terrorist .hud-colorize-bg:where([sf~="1"]) { --bgc: #eabe54; --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--yellow .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(248, 246, 45); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--purple .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(192, 54, 153); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--green .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(29, 162, 132); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--blue .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb( 136, 206, 245); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--orange .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(255, 155, 37); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--dead.HUD--team--ct .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--dead.HUD--team--terrorist .hud-colorize-bg:where([sf~="1"]) { --bgc: #eabe54; --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--yellow .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(248, 246, 45); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--purple .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(192, 54, 153); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--green .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(29, 162, 132); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--blue .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb( 136, 206, 245); --bg-grad: none; }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--orange .hud-colorize-bg:where([sf~="1"]) { --bgc: rgb(255, 155, 37); --bg-grad: none; }
.additive:where([sf~="1"]) { mix-blend-mode: screen; --s2-blend: additive; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud--cl_hud_background_alpha:where([sf~="1"]) { opacity: 0.696476; --op-pe: inherit; }
p-label:where([sf~="1"]) { color: rgba(204, 204, 204, 1); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
p-label.Positive:where([sf~="1"]) { color: #558927; }
p-label.Blue:where([sf~="1"]) { color: #3281ac; }
p-label.Disabled:where([sf~="1"]) { color: #666666; }
p-label.Negative:where([sf~="1"]) { color: #c21b1b; }
p-label.Warning:where([sf~="1"]) { color: #b1af2d; }
p-a:hover:where([sf~="1"]) { text-decoration: underline; }
p-b:where([sf~="1"]) { font-weight: 700; }
p-i:where([sf~="1"]) { font-style: italics; }
p-strong:where([sf~="1"]) { font-weight: 700; }
p-em:where([sf~="1"]) { font-style: italics; }
p-pre:where([sf~="1"]) { font-family: notomono-regular; --c9: 1; }
.label-link:where([sf~="1"]) { color: #3281AC; }
.player-card-tooltip-icon:where([sf~="1"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; }
p-csgoavatarimage:where([sf~="1"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --bg-grad: linear-gradient(180deg, #888888 0%, #444444 100%); --bgc: transparent; }
p-csgoavatarimage .AvatarImage:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-csgoavatarimage.team--CT:where([sf~="1"]) { --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgct.webp"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; }
p-csgoavatarimage.team--TERRORIST:where([sf~="1"]) { --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgt.webp"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; }
.avatar-team-color:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border: 3px solid white; --bdln: 3; --bdrn: 3; }
.sb-main .avatar-team-color:where([sf~="1"]) { border: 1.5px solid white; --bdln: 1.5; --bdrn: 1.5; }
.avatar-team-color.hidden:where([sf~="1"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="1"]), .DropDownPanel:where([sf~="1"]) { --bg-img: url("/panorama/images/icons/ui/expand.svg"); --bg-rep: no-repeat; --bg-pos: right calc(32px - var(--bg-w, 0px)) top 50%; --bg-size: 16px 16px; --bg-w: 16px; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.029303) 100%); --bgc: transparent; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; min-width: 32px; z-index: 1; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
:where([p]):has(> :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="1"]):not([pvis="0"])), .kk-c-DropDownPanel:has(> .DropDownPanel:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):hover:where([sf~="1"]), .DropDownPanel:hover:where([sf~="1"]) { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.159699) 0%, rgba(0, 0, 0, 0.159699) 100%); --bgc: transparent; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown)._focus:where([sf~="1"]), .DropDownPanel._focus:where([sf~="1"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.091548) 0%, rgba(0, 0, 0, 0.091548) 100%); --bgc: transparent; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):not(._disabled):hover:where([sf~="1"]), .DropDownPanel:not(._disabled):hover:where([sf~="1"]) { transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown)._focus .TickBox:where([sf~="1"]), .DropDownPanel._focus .TickBox:where([sf~="1"]) { text-overflow: clip; white-space: nowrap; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown)._focus:where([sf~="1"]), .DropDownPanel._focus:where([sf~="1"]) { transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown)._disabled:where([sf~="1"]), .DropDownPanel._disabled:where([sf~="1"]) { --bg-img: none; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).DropDownMenuVisible._focus:where([sf~="1"]), .DropDownPanel.DropDownMenuVisible._focus:where([sf~="1"]) { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.159699) 0%, rgba(0, 0, 0, 0.159699) 100%); --bgc: transparent; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) p-label:where([sf~="1"]), .DropDownPanel p-label:where([sf~="1"]) { --pdt: 8px; --pdr: 12px; --pdb: 8px; --pdl: 12px; --pdrn: 12; --pdln: 12; --mgr: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #ffffff; font-weight: 700; text-transform: uppercase; transition-property: color; transition-duration: 0.15s; transition-timing-function: linear; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):not(._disabled):hover p-label:where([sf~="1"]), .DropDownPanel:not(._disabled):hover p-label:where([sf~="1"]) { color: White; transition-property: color; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown)._focus p-label:where([sf~="1"]), .DropDownPanel._focus p-label:where([sf~="1"]) { color: #3E3E3E; }
p-dropdownmenu:where([sf~="1"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; transform: translateY(-40px); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; max-height: 665px; --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: rgba(38, 38, 38, 1); --bg-grad: none; opacity: 0; --op-pe: none; z-index: 0; --vis-collapse: none; transition-property: opacity, transform; transition-duration: 0.15s, 0.15s; transition-timing-function: ease-in, ease-in; }
.kk-t-p-dropdownmenu:has(> p-dropdownmenu:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
p-dropdownmenu p-label:where([sf~="1"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 8px; --pdr: 16px; --pdb: 8px; --pdl: 16px; --pdrn: 16; --pdln: 16; font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; z-index: 0; opacity: 1; --op-pe: inherit; }
p-dropdownmenu .kk-t-p-label:has(> p-label:where([sf~="1"]):not([pvis="0"])), p-dropdownmenu.kk-t-p-label:has(> p-label:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
p-dropdownmenu p-label:hover:where([sf~="1"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.277279) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --sound: "UIPanorama.submenu_dropdown_option_rollover"; }
p-dropdownmenu p-label:active:where([sf~="1"]) { --sound: "UIPanorama.submenu_dropdown_option_select"; }
p-dropdownmenu.DropDownMenuVisible:where([sf~="1"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-radius: 3px; max-height: 444px; transition-property: box-shadow; transform: translateY(0px); --sound: "UIPanorama.submenu_dropdown_select"; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-75:where([sf~="1"]), p-dropdownmenu .Width-75:where([sf~="1"]), p-dropdownmenu.Width-75 p-label:where([sf~="1"]) { width: 75px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 75px; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-75:hover:where([sf~="1"]), p-dropdownmenu .Width-75:hover:where([sf~="1"]), p-dropdownmenu.Width-75 p-label:hover:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-150:where([sf~="1"]), p-dropdownmenu .Width-150:where([sf~="1"]), p-dropdownmenu.Width-150 p-label:where([sf~="1"]) { width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-150:hover:where([sf~="1"]), p-dropdownmenu .Width-150:hover:where([sf~="1"]), p-dropdownmenu.Width-150 p-label:hover:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-250:where([sf~="1"]), p-dropdownmenu .Width-250:where([sf~="1"]), p-dropdownmenu.Width-250 p-label:where([sf~="1"]) { width: 250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 250px; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-250:hover:where([sf~="1"]), p-dropdownmenu .Width-250:hover:where([sf~="1"]), p-dropdownmenu.Width-250 p-label:hover:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-300:where([sf~="1"]), p-dropdownmenu .Width-300:where([sf~="1"]), p-dropdownmenu.Width-300 p-label:where([sf~="1"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-300:hover:where([sf~="1"]), p-dropdownmenu .Width-300:hover:where([sf~="1"]), p-dropdownmenu.Width-300 p-label:hover:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-350:where([sf~="1"]), p-dropdownmenu .Width-350:where([sf~="1"]), p-dropdownmenu.Width-350 p-label:where([sf~="1"]) { width: 350px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 350px; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .Width-350:hover:where([sf~="1"]), p-dropdownmenu .Width-350:hover:where([sf~="1"]), p-dropdownmenu.Width-350 p-label:hover:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; }
.op-mainmenu__missions :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown)._focus:where([sf~="1"]), .op-mainmenu__missions :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).DropDownMenuVisible._focus:where([sf~="1"]), .op-mainmenu__missions .DropDownPanel.DropDownMenuVisible._focus:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; }
.op_mainmenu__dropdown:hover:where([sf~="1"]), .op-mainmenu__missions :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):hover:where([sf~="1"]), .op-mainmenu__missions :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):hover._focus:where([sf~="1"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(255, 255, 255, 0.361835); --bg-grad: none; transition-property: --bgc; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
p-verticalscrollbar:where([sf~="1"]), p-htmlverticalscrollbar:where([sf~="1"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; --mgt: 0px; --mgr: 0px; --mgb: 4px; --mgl: 8px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.616725; --op-pe: inherit; z-index: 2; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: transform, opacity; mix-blend-mode: screen; --s2-blend: screen; --p-layout-position: fixed; }
.kk-t-p-verticalscrollbar:has(> p-verticalscrollbar:where([sf~="1"]):not([pvis="0"])), .kk-t-p-htmlverticalscrollbar:has(> p-htmlverticalscrollbar:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
p-verticalscrollbar:hover:where([sf~="1"]), p-htmlverticalscrollbar:hover:where([sf~="1"]) { opacity: 0.616725; --op-pe: inherit; }
p-verticalscrollbar .ScrollThumb:where([sf~="1"]), p-htmlverticalscrollbar .ScrollThumb:where([sf~="1"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; min-height: 32px; --mh-set: 1; --mhp: 1; opacity: 0.616725; --op-pe: inherit; --bgc: white; --bg-grad: none; transition-property: translate, --pxp, --pyp; border-radius: 2px; transition-property: opacity, transform, translate, --pxp, --pyp; transition-duration: 0.1s, 0.1s, 0.1s, 0.1s, 0.1s; transition-timing-function: linear, linear, linear, linear, linear; }
p-verticalscrollbar:hover .ScrollThumb:where([sf~="1"]), p-htmlverticalscrollbar:hover .ScrollThumb:where([sf~="1"]) { opacity: 0.767696; --op-pe: inherit; }
p-verticalscrollbar:active .ScrollThumb:where([sf~="1"]), p-htmlverticalscrollbar:active .ScrollThumb:where([sf~="1"]) { opacity: 0.767696; --op-pe: inherit; }
p-horizontalscrollbar:where([sf~="1"]), p-htmlhorizontalscrollbar:where([sf~="1"]) { height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.616725; --op-pe: inherit; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transition-property: transform, opacity; mix-blend-mode: screen; --s2-blend: screen; --p-layout-position: fixed; }
p-horizontalscrollbar:hover:where([sf~="1"]), p-htmlhorizontalscrollbar:hover:where([sf~="1"]) { opacity: 0.767696; --op-pe: inherit; }
p-horizontalscrollbar .ScrollThumb:where([sf~="1"]), p-htmlhorizontalscrollbar .ScrollThumb:where([sf~="1"]) { height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; min-width: 32px; --bgc: white; --bg-grad: none; opacity: 0.616725; --op-pe: inherit; transition-property: translate, --pxp, --pyp; border-radius: 2px; transition-property: --bgc, transform; transition-duration: 0.1s, 0.1s; transition-timing-function: linear, linear; }
p-horizontalscrollbar:hover .ScrollThumb:where([sf~="1"]), p-htmlhorizontalscrollbar:hover .ScrollThumb:where([sf~="1"]) { opacity: 0.767696; --op-pe: inherit; }
p-horizontalscrollbar:active .ScrollThumb:where([sf~="1"]), p-htmlhorizontalscrollbar:active .ScrollThumb:where([sf~="1"]) { opacity: 0.767696; --op-pe: inherit; }
p-verticalscrollbar:where([sf~="1"]), p-verticalscrollbar .ScrollThumb:where([sf~="1"]), p-horizontalscrollbar:where([sf~="1"]), p-horizontalscrollbar .ScrollThumb p-htmlhorizontalscrollbar:where([sf~="1"]), p-htmlhorizontalscrollbar .ScrollThumb:where([sf~="1"]), p-htmlverticalscrollbar:where([sf~="1"]), p-htmlverticalscrollbar .ScrollThumb:where([sf~="1"]) { transition-duration: 0.20s; transition-timing-function: ease-in-out; }
p-verticalscrollbar.MouseDown:where([sf~="1"]), p-verticalscrollbar.MouseDown .ScrollThumb:where([sf~="1"]), p-horizontalscrollbar.MouseDown:where([sf~="1"]), p-horizontalscrollbar.MouseDown .ScrollThumb p-htmlhorizontalscrollbar.MouseDown:where([sf~="1"]), p-htmlhorizontalscrollbar.MouseDown .ScrollThumb:where([sf~="1"]), p-htmlverticalscrollbar.MouseDown:where([sf~="1"]), p-htmlverticalscrollbar.MouseDown .ScrollThumb:where([sf~="1"]) { transition-duration: 0.0s; }
.ContextMenu:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transform: scaleX( 1); z-index: 10000100; --vis-collapse: initial; transition-property: opacity, transform; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-ContextMenu:has(> .ContextMenu:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.ContextMenu.Destructing:where([sf~="1"]) { transform: translateX( 0px ); opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
p-simplecontextmenu .ContextMenuBody:where([sf~="1"]) { --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --bgc: rgba(38, 38, 38, 1); --bg-grad: none; opacity: 1; --op-pe: inherit; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-radius: 3px; }
p-simplecontextmenu .ContextMenuBody p-button:where([sf~="1"]), .ContextMenuItem p-button:where([sf~="1"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 260px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 260px; --pdt: 8px; --pdr: 14px; --pdb: 8px; --pdl: 14px; --pdrn: 14; --pdln: 14; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
p-simplecontextmenu .ContextMenuBody p-button.TopSeparator:where([sf~="1"]), .ContextMenuItem p-button.TopSeparator:where([sf~="1"]) { border-top: 1px solid rgb(68, 68, 68); }
p-simplecontextmenu .ContextMenuBody p-button.BottomSeparator:where([sf~="1"]), .ContextMenuItem p-button.BottomSeparator:where([sf~="1"]) { border-bottom: 1px solid rgb(68, 68, 68); }
p-simplecontextmenu .ContextMenuBody p-button.NoAction:where([sf~="1"]), .ContextMenuItem p-button.NoAction:where([sf~="1"]) { --brightness: .25; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-simplecontextmenu .ContextMenuBody p-label:where([sf~="1"]), .ContextMenuItem p-label:where([sf~="1"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-weight: 500; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); min-width: 100px; font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; max-height: 32px; transition-property: --brightness; transition-duration: 0.2s; }
p-simplecontextmenu .ContextMenuBody :is(p-image, :where(img[pimg])):where([sf~="1"]), .ContextMenuItem :is(p-image, :where(img[pimg])):where([sf~="1"]) { height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 4px; --brightness: .7; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-simplecontextmenu .ContextMenuBody .Icon :is(p-image, :where(img[pimg])):where([sf~="1"]), .ContextMenuItem .Icon :is(p-image, :where(img[pimg])):where([sf~="1"]) { height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgr: 12px; }
p-simplecontextmenu .ContextMenuBody p-button:not(.NoAction):not(._disabled):hover:where([sf~="1"]), .ContextMenuItem p-button:not(.NoAction):not(._disabled):hover:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; --sound: "UIPanorama.submenu_rollover"; }
p-simplecontextmenu .ContextMenuBody p-button._disabled p-label:where([sf~="1"]), p-simplecontextmenu .ContextMenuBody p-button._disabled :is(p-image, :where(img[pimg])):where([sf~="1"]), .ContextMenuItem p-button._disabled p-label:where([sf~="1"]), .ContextMenuItem p-button._disabled :is(p-image, :where(img[pimg])):where([sf~="1"]) { color: #444444; }
p-contextmenucustomlayout .ContextMenuBody:where([sf~="1"]), .ContextMenuItem:where([sf~="1"]) { --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-grad: linear-gradient(180deg, #CFDAE0 0%, #88959A 120%); --bgc: transparent; border-radius: 2px; opacity: 1; --op-pe: inherit; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.733333); --bg-fill: rgb(0 0 0 / 0.733333); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.contextmenu-label-with-image:where([sf~="1"]) { --mgl: 16px; }
p-contextmenucustomlayout #ContextMenuBody:where([sf~="1"]) { --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.ContextMenu.ContextMenuCursorTopLeft:where([sf~="1"]) { --context-menu-body-position: 0% 0%; }
p-contextmenucustomlayout.ContextMenuCursorTopLeft #ContextMenuBody:where([sf~="1"]) { --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
p-contextmenucustomlayout.ContextMenuCursorTopLeft #ContextMenuBody.TooltipPositionRight:where([sf~="1"]) { --px: -10px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
p-contextmenucustomlayout.ContextMenuCursorTopLeft #ContextMenuBody.TooltipPositionLeft:where([sf~="1"]) { --px: 10px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.ContextMenuBodyRow #Contents:where([sf~="1"]) { --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --bgc: rgba(38, 38, 38, 1); --bg-grad: none; opacity: 1; --op-pe: inherit; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-radius: 3px; border: 0px; --bdln: 0; --bdrn: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
p-csgotooltipmanager p-tooltiptext #TextLabel:where([sf~="1"]), p-csgotooltipmanager .ShortTextTooltip #TextLabel:where([sf~="1"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-csgotooltipmanager p-tooltiptext #TextLabel:where([sf~="1"]) { color: #c8c8c8; }
p-csgotooltipmanager p-tooltiptext.tooltip-pet-photo-settings #TextLabel:where([sf~="1"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-csgotooltipmanager p-tooltiptext.tooltip-pet-photo-settings p-b:where([sf~="1"]) { font-weight: 700; }
p-csgotooltipmanager p-tooltiptitletext #TitleLabel:where([sf~="1"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-csgotooltipmanager p-tooltiptitletext #TextLabel:where([sf~="1"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-csgotooltipmanager #Contents:where([sf~="1"]), p-csgotooltipmanager .ShortTextTooltip #Contents:where([sf~="1"]) { border-radius: 5px; border: 0px; --bdln: 0; --bdrn: 0; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.368627); --bg-fill: rgb(0 0 0 / 0.368627); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgt: 19px; --mgr: 19px; --mgb: 19px; --mgl: 19px; }
p-csgotooltipmanager #Contents:where([sf~="1"]) { --bgc: rgba(15, 15, 15, 0.954238); --bg-grad: none; }
p-csgotooltipmanager .ShortTextTooltip #Contents:where([sf~="1"]) { --bgc: #1e2d3d; --bg-grad: none; --pdt: 8px; --pdr: 10px; --pdb: 6px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
p-csgotooltipmanager .TooltipContainer:where([sf~="1"]) { --pdb: 0px; }
.tooltip-offer-wear:where([sf~="1"]) { --py: -15px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.tooltip-laptop-topbar:where([sf~="1"]) { --px: -100px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -180px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
p-togglebutton:where([sf~="1"]) { transition-property: --bgc, box-shadow, color; transition-duration: 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
p-togglebutton .TickBox:where([sf~="1"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: #1e2d3d; --bg-grad: none; border-radius: 20%; z-index: 1; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0.333333); --bg-fill: rgb(0 0 0 / 0.333333); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc, box-shadow, color, border, translate, --pxp, --pyp; transition-duration: 0.20s, 0.20s, 0.20s, 0.20s, 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
p-togglebutton .kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])), p-togglebutton.kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
p-togglebutton._selected .TickBox:where([sf~="1"]) { --px: 16px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --bgc: #3281AC; --bg-grad: none; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 1); --bg-fill: rgb(0 0 0 / 1); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: translate, --pxp, --pyp, --bgc; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: linear, linear, linear, linear; }
p-togglebutton .Capsule:where([sf~="1"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 10%; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; box-shadow: inset -1px 0px 2px 0px rgb(0 0 0 / 1); --bg-fill: initial; --bg-solid: initial; --bgc: #14202b; --bg-grad: none; z-index: 0; transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: linear; }
p-togglebutton .kk-c-Capsule:has(> .Capsule:where([sf~="1"]):not([pvis="0"])), p-togglebutton.kk-c-Capsule:has(> .Capsule:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
p-togglebutton._selected .Capsule:where([sf~="1"]) { --bgc: rgba(50, 129, 172, 0.409478); --bg-grad: none; transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: linear; }
p-togglebutton p-label:where([sf~="1"]) { --px: 42px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; font-weight: 300; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: color; transition-duration: 0.2s; transition-timing-function: linear; }
p-togglebutton._disabled p-label:where([sf~="1"]) { color: white; }
p-togglebutton._disabled:where([sf~="1"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-togglebutton._disabled._selected .TickBox:where([sf~="1"]) { --bgc: #14202b; --bg-grad: none; }
p-togglebutton.ExpandCollapseToggleButton:where([sf~="1"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.ExpandCollapseToggleButton .TickBox:where([sf~="1"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: 19px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 19px; height: 19px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 19px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: url("/panorama/images/control_icons/expand_collapse.webp"); --bg-size: 100% 100%; --bg-w: 0px; --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; border: 0px solid transparent; --bdln: 0; --bdrn: 0; --wash-color: #888888; --wash-filter: url(#w-888888); transform: rotateZ( -90deg ); transition-property: transform; transition-duration: 0.2s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ExpandCollapseToggleButton:hover .TickBox:where([sf~="1"]) { border: 0px solid transparent; --bdln: 0; --bdrn: 0; }
.ExpandCollapseToggleButton._selected .TickBox:where([sf~="1"]) { width: 19px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 19px; height: 19px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 19px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: url("/panorama/images/control_icons/expand_collapse.webp"); --bg-size: 100% 100%; --bg-w: 0px; --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; border: 0px solid transparent; --bdln: 0; --bdrn: 0; --wash-color: #888888; --wash-filter: url(#w-888888); transform: rotateZ( 0deg ); transition-property: transform; transition-duration: 0.2s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.small-toggle-btn p-label:where([sf~="1"]) { --px: 28px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; }
.small-toggle-btn .TickBox:where([sf~="1"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: transparent; --bg-grad: none; border-radius: 2px; z-index: 1; --mgl: 4px; border: 1.5px solid white; --bdln: 1.5; --bdrn: 1.5; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc, --wash-color; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.small-toggle-btn .kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])), .small-toggle-btn.kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.small-toggle-btn._selected .TickBox:where([sf~="1"]) { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bg-img: url("/panorama/images/icons/ui/checkbox.svg"); --bg-size: 16px 16px; --bg-w: 16px; --bgc: transparent; --bg-grad: none; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --wash-color, --bgc; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
p-radiobutton:where([sf~="1"]) { --bgc: transparent; --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; color: white; transition-property: --bgc, box-shadow, color, --brightness; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.RadioBox:where([sf~="1"]) { min-width: 20px; min-height: 20px; --mh-set: 1; --mhp: 1; border-radius: 50%; --bg-grad: radial-gradient(ellipse 10% 10% at 50% 50%, #000000 0%, #000000 100%); --bgc: transparent; border: 2px solid rgba(94, 104, 105, 0.551349); --bdln: 2; --bdrn: 2; box-shadow: 0px 0px 0.5px 3.333333px rgb(0 0 0 / 0.333333); --bg-fill: rgb(0 0 0 / 0.333333); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc, box-shadow, color, border; transition-duration: 0.20s, 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
p-radiobutton._selected .RadioBox:where([sf~="1"]) { --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, #e7f6f5 0%, #333399 100%); --bgc: transparent; border: 3px solid #000000; --bdln: 3; --bdrn: 3; box-shadow: 0px 0px 3px 2px rgba(91, 98, 191, 0.614121); --bg-fill: rgba(91, 98, 191, 0.614121); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc; transition-duration: 0.5s; transition-timing-function: ease-in-out; }
p-radiobutton:hover .RadioBox:where([sf~="1"]) { border: 2px solid white; --bdln: 2; --bdrn: 2; }
p-radiobutton._selected:hover .RadioBox:where([sf~="1"]) { border: 3px solid black; --bdln: 3; --bdrn: 3; }
p-radiobutton p-label:where([sf~="1"]), p-radiobutton._disabled p-label:where([sf~="1"]) { color: White; --mgl: 8px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); transition-property: color; transition-duration: 0.2s; transition-timing-function: linear; }
p-radiobutton.PopupButton p-label:where([sf~="1"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; }
p-radiobutton._selected p-label:where([sf~="1"]) { color: white; transition-property: color; transition-duration: 0.2s; transition-timing-function: linear; }
p-radiobutton:not(._disabled):hover p-label:where([sf~="1"]) { color: white; transition-property: color; transition-duration: 0.2s; transition-timing-function: linear; }
p-radiobutton._disabled .RadioBox:where([sf~="1"]) { color: transparent; box-shadow: 0px 0px 4px 2.666667px rgb(51 51 51 / 0.466667); --bg-fill: rgb(51 51 51 / 0.466667); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
p-radiobutton._disabled._selected .RadioBox:where([sf~="1"]) { --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(231, 246, 245, 0.423834) 0%, rgba(51, 51, 153, 0.138521) 100%); --bgc: transparent; }
.ExternalIcon:where([sf~="1"]) { --bg-img: url("/panorama/images/control_icons/arrow_popout.webp"); --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --wash-color: white; --wash-filter: initial; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --mgl: 6px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.SimpleBevel:where([sf~="1"]) { border-top: 1px solid rgba(153, 153, 153, 0.060571); border-left: 1px solid rgba(153, 153, 153, 0.060571); --bdln: 1; border-right: 1px solid rgba(0, 0, 0, 0.196524); --bdrn: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.196524); }
.SettingsMenuDropdownContainer:where([sf~="1"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.SettingsMenuDropdownContainer p-label:where([sf~="1"]) { --wash-color: #ffffff70; --wash-filter: url(#w-ffffff70); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.SettingsMenuDropdownContainer:hover p-label:where([sf~="1"]) { color: #ffffff; }
p-csgosettingsslider:where([sf~="1"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
p-csgosettingsslider #Title:where([sf~="1"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
p-csgosettingsslider .kk-i-Title:has(> #Title:where([sf~="1"]):not([pvis="0"])), p-csgosettingsslider.kk-i-Title:has(> #Title:where([sf~="1"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { p-csgosettingsslider .kk-i-Title:has(> #Title:where([sf~="1"]):not([pvis="0"]))::after, p-csgosettingsslider.kk-i-Title:has(> #Title:where([sf~="1"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
p-csgosettingsslider #Slider:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 0.255), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --mgr: 10px; }
p-csgosettingsslider #Value:where([sf~="1"]) { width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; text-align: right; --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(204, 204, 204, 1); --mgl: 10px; }
p-csgosettingskeybinder._selected .ActiveBindButton:where([sf~="1"]) { --bgc: rgba(204, 204, 204, 1); --bg-grad: none; animation-name: BackgroundPulse; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; }
p-csgosettingskeybinder._selected .ActiveBindFX:where([sf~="1"]) { opacity: 1; --op-pe: inherit; transition-duration: 0.1s; }
p-csgosettingskeybinder #LabelFXContainer:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.059773); --bg-grad: none; width: auto; --fw: 0.3; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; border-radius: 2px; }
p-csgosettingskeybinder .kk-i-LabelFXContainer:has(> #LabelFXContainer:where([sf~="1"]):not([pvis="0"])), p-csgosettingskeybinder.kk-i-LabelFXContainer:has(> #LabelFXContainer:where([sf~="1"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { p-csgosettingskeybinder .kk-i-LabelFXContainer:has(> #LabelFXContainer:where([sf~="1"]):not([pvis="0"]))::after, p-csgosettingskeybinder.kk-i-LabelFXContainer:has(> #LabelFXContainer:where([sf~="1"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
p-csgosettingskeybinder .BindingRow #Value.BindingRowButton:where([sf~="1"]) { color: rgba(255, 255, 255, 0.658091); font-weight: 700; }
p-csgosettingskeybinder .BindingRow:hover #Value.BindingRowButton:where([sf~="1"]) { color: #ffffff; }
p-csgosettingskeybinder .BindingRow:hover #LabelFXContainer:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.159699); --bg-grad: none; }
p-csgosettingskeybinder .ActiveBindFX:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.36s; transition-timing-function: ease-in-out; }
@keyframes BackgroundPulse {
0% { --bgc: #ffffff; --bg-grad: none; }
50% { --bgc: #ccffcc; --bg-grad: none; }
100% { --bgc: #ffffff; --bg-grad: none; }
}
.ControlGroupRow .BindingRowLabel:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.ControlGroupRow #LabelFXContainer:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 0.47), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.PopupButton:where([sf~="1"]), .DropDownPanel:where([sf~="1"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --brightness: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.029303) 100%); --bgc: transparent; --tooltip-position: bottom; box-shadow: none; --bg-fill: initial; --bg-solid: initial; border-radius: 3px; transition-property: --bgc, width, --fw, --fw-basis, --fw-stretch, --wcap, --brightness; transition-duration: .1s, .1s, .1s, .1s, .1s, .1s, .1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.DropDownPanel.PopupButton:where([sf~="1"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.PopupButton:not(.no-hover):hover:where([sf~="1"]), .IconButton:not(.no-hover):hover:where([sf~="1"]), .PopupButton.DropDownMenuVisible:where([sf~="1"]), .PopupButton.DropDownMenuVisible:hover:where([sf~="1"]), .PopupButton:not(._disabled):not(.no-hover):hover:where([sf~="1"]), .IconButton:not(._disabled):not(.no-hover):hover:where([sf~="1"]), .PopupButtonDropdown p-label:not(.no-hover):hover:where([sf~="1"]), .DropDownPanel.PopupButton:not(.no-hover):hover:where([sf~="1"]) { --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; }
.PopupButton:not(.no-hover):hover:where([sf~="1"]) { --sound: "UIPanorama.generic_button_rollover"; }
.PopupButton:not(._disabled)._focus:where([sf~="1"]), .IconButton:not(._disabled)._focus:where([sf~="1"]), .PopupButton.DropDownMenuVisible._focus .DropDownPanel.PopupButton._focus:where([sf~="1"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: rgba(0, 0, 0, 0.091548); --bg-grad: none; }
.PopupButton p-label:where([sf~="1"]), .PopupButton._selected p-label:where([sf~="1"]), :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).PopupButton._focus p-label:where([sf~="1"]), .DropDownPanel.PopupButton p-label:where([sf~="1"]) { color: White; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; text-transform: uppercase; font-weight: 500; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 10px; --mgr: 12px; --mgb: 8px; --mgl: 12px; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --text-shrink: 1; font-stretch: condensed; letter-spacing: 0px; }
.PopupButton :is(p-image, :where(img[pimg])):where([sf~="1"]), .DropDownPanel :is(p-image, :where(img[pimg])):where([sf~="1"]), .DropDownPanel.PopupButton :is(p-image, :where(img[pimg])):where([sf~="1"]) { --mgl: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PopupButton.HasExpandIcon :is(p-image, :where(img[pimg])):where([sf~="1"]) { --wash-color: White; --wash-filter: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; --mgr: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupButton._disabled:hover:where([sf~="1"]) { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.PopupButton:active:where([sf~="1"]) { --sound: "UIPanorama.submenu_select"; }
p-button.PopupButton.Activated:where([sf~="1"]) { --sound: "UIPanorama.generic_button_press_B"; }
.PopupButton.Positive:where([sf~="1"]), .IconButton.Positive:where([sf~="1"]) { --bgc: #0F9D58; --bg-grad: none; }
.IconButton.Positive :is(p-image, :where(img[pimg])):where([sf~="1"]) { --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; }
.PopupButton.Positive:hover:where([sf~="1"]), .IconButton.Positive:hover:where([sf~="1"]), .FlatButton.Positive:hover:where([sf~="1"]) { --bgc: #0F9D58; --bg-grad: none; --brightness: 1.4; transition-property: --brightness; transition-duration: 0s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupButton.Operation:where([sf~="1"]) { --bgc: rgb(129, 41, 211); --bg-grad: none; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.PopupButton.Operation:active:where([sf~="1"]) { --sound: "UIPanorama.generic_button_press"; }
.PopupButton.Operation:hover:where([sf~="1"]) { --bgc: rgb(129, 41, 211); --bg-grad: none; --brightness: 1.4; transition-property: --brightness; transition-duration: 0s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.IconButton.Operation:where([sf~="1"]) { --bgc: transparent; --bg-grad: none; }
.IconButton.Operation:hover:where([sf~="1"]) { --brightness: 1.4; --bgc: transparent; --bg-grad: none; transition-property: --brightness; transition-duration: 0s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupButton.Warning:where([sf~="1"]) { --bgc: #b1af2d; --bg-grad: none; }
.PopupButton.Negative:where([sf~="1"]) { --bgc: #DB4437; --bg-grad: none; }
.PopupButton.Blue:where([sf~="1"]) { --bgc: #3281AC; --bg-grad: none; }
.PopupButton.Blue:hover:where([sf~="1"]) { --bgc: #3281AC; --bg-grad: none; --brightness: 1.4; transition-property: --brightness; transition-duration: 0s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupButton .TickBox:where([sf~="1"]), .map-selection-btn .TickBox:where([sf~="1"]), .setting-toggle .TickBox:where([sf~="1"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: transparent; --bg-grad: none; border-radius: 2px; z-index: 1; --mgl: 8px; border: 2px solid white; --bdln: 2; --bdrn: 2; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc, --wash-color; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.PopupButton .kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])), .PopupButton.kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])), .map-selection-btn .kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])), .map-selection-btn.kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])), .setting-toggle .kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])), .setting-toggle.kk-c-TickBox:has(> .TickBox:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.PopupButton._selected .TickBox:where([sf~="1"]), .map-selection-btn._selected .TickBox:where([sf~="1"]), .setting-toggle._selected .TickBox:where([sf~="1"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --bg-img: url("/panorama/images/icons/ui/checkbox.svg"); --bg-size: 24px 24px; --bg-w: 24px; --bgc: transparent; --bg-grad: none; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --wash-color, --bgc; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.PopupButton.Zoom .TickBox:where([sf~="1"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --bg-img: url("/panorama/images/icons/ui/zoom_in.svg"); --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 0px solid white; --bdln: 0; --bdrn: 0; transition-property: --bgc, --wash-color; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.PopupButton.Zoom._selected .TickBox:where([sf~="1"]) { --bg-img: url("/panorama/images/icons/ui/zoom_out.svg"); --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --bgc: transparent; --bg-grad: none; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --wash-color, --bgc; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.PopupButton .RadioBox:where([sf~="1"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 0.001% 0.001% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; border-radius: 50%; z-index: 1; --mgl: 8px; border: 2px solid white; --bdln: 2; --bdrn: 2; --wash-color: white; --wash-filter: initial; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc, --wash-color; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupButton .kk-c-RadioBox:has(> .RadioBox:where([sf~="1"]):not([pvis="0"])), .PopupButton.kk-c-RadioBox:has(> .RadioBox:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.PopupButton._selected .RadioBox:where([sf~="1"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --bg-size: 24px 24px; --bg-w: 24px; --bg-grad: radial-gradient(ellipse 35% 35% at 50% 50%, white 0%, white 80%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 2px solid white; --bdln: 2; --bdrn: 2; transition-property: --bgc, --wash-color; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.generic_button_press_B"; }
.PopupButton.Row:where([sf~="1"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; }
.PopupButton.Row p-label:where([sf~="1"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; text-align: left; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.PopupButton.Row :is(p-image, :where(img[pimg])):where([sf~="1"]), .PopupButton.Row .TickBox:where([sf~="1"]), .PopupButton.Row._selected .TickBox:where([sf~="1"]), .PopupButton.Row .RadioBox:where([sf~="1"]) { --mgl: 0px; --mgr: 8px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.map-selection-btn .TickBox:where([sf~="1"]), .map-selection-btn._selected .TickBox:where([sf~="1"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); border: 2px solid rgba(255, 255, 255, 0.536462); --bdln: 2; --bdrn: 2; }
.PopupButton._disabled:where([sf~="1"]), .PopupButton.Positive._disabled:where([sf~="1"]), .IconButton.Positive._disabled:where([sf~="1"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupButtonDropdown.DropDownMenuVisible:where([sf~="1"]) { --bgc: rgba(38, 38, 38, 1); --bg-grad: none; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); width: 372px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 372px; max-width: 512px; --maxw: 512px; --pdt: 16px; --pdr: 0px; --pdb: 16px; --pdl: 0px; --pdrn: 0; --pdln: 0; border-radius: 3px; }
.PopupButtonDropdown.Numbers:where([sf~="1"]) { --bgc: rgba(38, 38, 38, 1); --bg-grad: none; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); width: 72px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 72px; max-width: 512px; --maxw: 512px; --pdt: 16px; --pdr: 0px; --pdb: 16px; --pdl: 0px; --pdrn: 0; --pdln: 0; border-radius: 3px; }
.PopupButtonDropdown p-label:where([sf~="1"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).PopupButton :is(p-image, :where(img[pimg])):where([sf~="1"]), :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).PopupButton :is(p-image, :where(img[pimg])):where([sf~="1"]), .PopupButtonDropdown :is(p-image, :where(img[pimg])):where([sf~="1"]) { height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 2px; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).PopupButton p-label:where([sf~="1"]), .DropDownPanel.PopupButton p-label:where([sf~="1"]) { --pdt: 0px; --pdr: 32px; --pdb: 0px; --pdl: 0px; --pdrn: 32; --pdln: 0; }
p-dropdownmenu p-label :is(p-image, :where(img[pimg])):where([sf~="1"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 2px; }
.PopupButtonTimer:where([sf~="1"]) { --mgt: 4px; --mgr: 6px; --mgb: 4px; --mgl: 6px; border: 2px solid grey; --bdln: 2; --bdrn: 2; --tooltip-body-position: 0% 100%; border-radius: 3px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: top; --tooltip-body-position: 50% 0%; transition-property: opacity, --brightness, --bgc; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.PopupButtonTimer p-label:where([sf~="1"]) { text-align: center; text-transform: uppercase; font-weight: 500; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 10px; --mgr: 12px; --mgb: 8px; --mgl: 12px; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --text-shrink: 1; font-stretch: condensed; mix-blend-mode: screen; --s2-blend: additive; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: grey; z-index: 2; }
.PopupButtonTimer .kk-t-p-label:has(> p-label:where([sf~="1"]):not([pvis="0"])), .PopupButtonTimer.kk-t-p-label:has(> p-label:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.PopupButtonTimer .user-response-btn__timer:where([sf~="1"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .1s, .1s, .1s, .1s, .1s; transition-timing-function: linear, linear, linear, linear, linear; }
.PopupButtonTimer.Positive:where([sf~="1"]) { border: 1px solid #0F9D58; --bdln: 1; --bdrn: 1; --bgc: rgba(7, 78, 44, 0.612374); --bg-grad: none; }
.PopupButtonTimer.Positive p-label:where([sf~="1"]) { color: #0F9D58; }
.PopupButtonTimer.Positive .user-response-btn__timer:where([sf~="1"]) { --bgc: rgba(15, 133, 76, 0.819911); --bg-grad: none; }
.PopupButtonTimer.Negative:where([sf~="1"]) { border: 1px solid #DB4437; --bdln: 1; --bdrn: 1; --bgc: rgb(92, 27, 27); --bg-grad: none; }
.PopupButtonTimer.Negative p-label:where([sf~="1"]) { color: #DB4437; }
.PopupButtonTimer.Negative .user-response-btn__timer:where([sf~="1"]) { --bgc: rgb(136, 41, 41); --bg-grad: none; }
.PopupButtonTimer:hover:not(._disabled):where([sf~="1"]) { --brightness: 1.6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupButtonTimer._disabled:where([sf~="1"]) { border: 1px solid rgba(91, 97, 100, 0); --bdln: 1; --bdrn: 1; --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupButtonTimer._disabled .user-response-btn__timer:where([sf~="1"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; }
.FlatButton:where([sf~="1"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 3px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; --bg-grad: linear-gradient(270deg, #3281AC 0%, #3281AC 100%, #1B6085 100%); --bgc: transparent; transition-property: --bgc, --brightness; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.FlatButton:hover:where([sf~="1"]) { --brightness: 1.2; transition-property: --bgc, --brightness; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.FlatButton p-label:where([sf~="1"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; text-transform: uppercase; --mgt: 12px; --mgr: 8px; --mgb: 12px; --mgl: 8px; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.FlatButton:hover p-label:where([sf~="1"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; text-transform: uppercase; --mgt: 12px; --mgr: 8px; --mgb: 12px; --mgl: 8px; color: White; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.FlatButton:not(._disabled)._focus:where([sf~="1"]) { --bg-grad: linear-gradient(90deg, #1B6085 0%, #1B6085 50%, #1B6085 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.FlatButton._disabled:where([sf~="1"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0.501961); --bg-fill: rgb(0 0 0 / 0.501961); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.FlatButton._disabled p-label:where([sf~="1"]) { opacity: 0.524924; --op-pe: inherit; }
.FlatButton._disabled:hover p-label:where([sf~="1"]) { color: rgba(204, 204, 204, 1); }
.FlatButton:active:where([sf~="1"]) { --sound: "UIPanorama.generic_button_press"; }
.FlatButton.Positive:where([sf~="1"]) { --bgc: #0F9D58; --bg-grad: none; }
.FlatButton.Warning:where([sf~="1"]) { --bgc: #b1af2d; --bg-grad: none; }
.FlatButton.Negative:where([sf~="1"]) { --bgc: #DB4437; --bg-grad: none; }
.IconButton:where([sf~="1"]) { --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.029303) 0%, rgba(0, 0, 0, 0) 0%); --bgc: transparent; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 3px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --tooltip-position: bottom; transition-property: --bgc; transition-duration: .1s; transition-timing-function: ease-in-out; }
.IconButton :is(p-image, :where(img[pimg])):where([sf~="1"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.IconButton._selected:where([sf~="1"]) { --bgc: white; --bg-grad: none; }
.IconButton._selected :is(p-image, :where(img[pimg])):where([sf~="1"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.IconButton._disabled:where([sf~="1"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.IconButton:not(.no-hover):hover:where([sf~="1"]) { --sound: "UIPanorama.generic_button_rollover"; }
.IconButton:active:where([sf~="1"]) { --sound: "UIPanorama.generic_button_press"; }
.IconButton .RadioBox:where([sf~="1"]) { --vis-collapse: none; }
.text-external-Link-button:where([sf~="1"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.text-external-Link-button p-label:where([sf~="1"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; font-weight: 400; color: #bbdefb; text-decoration: none; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.text-external-Link-button:hover p-label:where([sf~="1"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; color: White; text-decoration: underline; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.text-external-Link-button._disabled p-label:where([sf~="1"]) { color: rgba(204, 204, 204, 1); text-decoration: none; }
.text-external-Link-button:active:where([sf~="1"]) { --brightness: 1.5; --sound: "UIPanorama.generic_button_press"; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-textentry:where([sf~="1"]) { height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 6px; --pdr: 16px; --pdb: 6px; --pdl: 6px; --pdrn: 16; --pdln: 6; color: rgba(204, 204, 204, 1); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: clip; white-space: nowrap; border-radius: 2px; border: 1px solid rgb(75, 75, 75); --bdln: 1; --bdrn: 1; }
p-textentry #PlaceholderText:where([sf~="1"]) { transition-property: opacity; transition-duration: 0.2s; color: rgb(75, 75, 75); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 0.2s; }
p-textentry.HasInput #PlaceholderText:where([sf~="1"]) { opacity: 0; --op-pe: none; }
.TextEntryIMECandidateRow:where([sf~="1"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 4px; --pdr: 10px; --pdb: 4px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.TextEntryIMECandidateRowPrefix:where([sf~="1"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; color: rgba(204, 204, 204, 1); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.TextEntryIMECandidateRowSuffix:where([sf~="1"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; color: rgba(204, 204, 204, 1); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 6px; --pdln: 6; }
.TextEntryIMECandidateRow.Highlight:where([sf~="1"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000010 0%, rgba(0, 0, 16, 0.009102) 100%); --bgc: transparent; }
.TextEntryIMEReadingString:where([sf~="1"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; color: rgba(204, 204, 204, 1); --bgc: rgba(38, 38, 38, 1); --bg-grad: none; --mgt: 5px; --mgb: 5px; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; }
.TextEntryIMEReadingString.NoReadingString:where([sf~="1"]) { --vis-collapse: none; }
.TextEntryIMECandidateList:where([sf~="1"]) { color: rgba(204, 204, 204, 1); --bgc: rgba(38, 38, 38, 1); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-radius: 2px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
p-textentryimecontrols:where([sf~="1"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
p-textentryautocomplete:where([sf~="1"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: #3d4448; --bg-grad: none; color: #e1e1e1; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; z-index: 0; opacity: 1; --op-pe: inherit; box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 0.4); --bg-fill: rgb(0 0 0 / 0.4); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.kk-t-p-textentryautocomplete:has(> p-textentryautocomplete:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
p-textentryautocomplete p-label:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 6px; --pdr: 0px; --pdb: 2px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 0px; --mgr: 0px; --mgl: 0px; --pdl: 16px; --pdln: 16; color: rgba(255, 255, 255, 0.773757); --bgc: #3d4448; --bg-grad: none; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; z-index: 0; border-top: 1px solid rgba(0, 0, 0, 0.21089); border-bottom: 1px solid rgba(0, 0, 0, 0.21089); transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
p-textentryautocomplete .kk-t-p-label:has(> p-label:where([sf~="1"]):not([pvis="0"])), p-textentryautocomplete.kk-t-p-label:has(> p-label:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
p-textentryautocomplete p-label:hover:where([sf~="1"]) { --bgc: #018eec; --bg-grad: none; }
p-textentryautocomplete p-label._focus:where([sf~="1"]) { --bgc: #585e62; --bg-grad: none; }
.TextEntry-Background:where([sf~="1"]) { --bgc: #0D354A; --bg-grad: none; }
.TextEntry-icon:where([sf~="1"]) { --bgc: #0D354A; --bg-grad: none; }
.TextEntry-Background:hover:where([sf~="1"]) { --bgc: #0D354A; --bg-grad: none; }
.TextEntry-Cancel-Btn:where([sf~="1"]) { --bgc: #0D354A; --bg-grad: none; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; }
#SliderTrack:where([sf~="1"]) { height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; --bgc: rgba(204, 204, 204, 0.304885); --bg-grad: none; border: 0px; --bdln: 0; --bdrn: 0; z-index: 2; }
.kk-i-SliderTrack:has(> #SliderTrack:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
p-slottedslider.HorizontalSlider .SliderNotch:where([sf~="1"]) { --mgt: 4px; border-bottom: 2px solid rgba(94, 104, 105, 0.551349); border-left: 2px solid rgba(94, 104, 105, 0.551349); --bdln: 2; border-right: 2px solid rgba(94, 104, 105, 0.551349); --bdrn: 2; --bgc: #141c27; --bg-grad: none; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; z-index: 3; }
p-slottedslider.HorizontalSlider .kk-c-SliderNotch:has(> .SliderNotch:where([sf~="1"]):not([pvis="0"])), p-slottedslider.HorizontalSlider.kk-c-SliderNotch:has(> .SliderNotch:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
#SliderTrackProgress:where([sf~="1"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.99), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.99; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #17212b; --bg-grad: none; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; z-index: 3; }
.kk-i-SliderTrackProgress:has(> #SliderTrackProgress:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
#SliderThumb:where([sf~="1"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #91a5b9 0%, #444f52 100%); --bgc: transparent; border-radius: 13%; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; z-index: 4; }
.kk-i-SliderThumb:has(> #SliderThumb:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
#SliderThumb:hover:where([sf~="1"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #b8c5d3 0%, #444f52 100%); --bgc: transparent; }
.pet-slider:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; }
.pet-slider.HorizontalSlider #SliderTrack:where([sf~="1"]), .pet-slider.HorizontalSlider #SliderTrackProgress:where([sf~="1"]) { height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; }
.pet-slider.HorizontalSlider #SliderThumb:where([sf~="1"]) { height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; border-radius: 50%; }
.pet-slider._disabled:where([sf~="1"]) { opacity: 0.268142; --op-pe: inherit; }
.pet-reset-btn:where([sf~="1"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; }
.pet-reset-btn:hover:where([sf~="1"]) { --bgc: rgba(255, 255, 255, 0.300012); --bg-grad: none; }
.pet-reset-btn p-label:where([sf~="1"]) { font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#SliderDefault:where([sf~="1"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #91a5b9 0%, #444f52 100%); --bgc: transparent; border-radius: 13%; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; z-index: 5; }
.kk-i-SliderDefault:has(> #SliderDefault:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider:where([sf~="1"]), p-slottedslider.HorizontalSlider:where([sf~="1"]), p-rangeslider.HorizontalSlider:where([sf~="1"]) { width: 420px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 420px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrack:where([sf~="1"]), p-slottedslider.HorizontalSlider #SliderTrack:where([sf~="1"]), p-rangeslider.HorizontalSlider #SliderTrack:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress:where([sf~="1"]), p-slottedslider.HorizontalSlider #SliderTrackProgress:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --bgc: rgba(204, 204, 204, 0.694743); --bg-grad: none; border: 0px; --bdln: 0; --bdrn: 0; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider.OutOfBounds #SliderTrackProgress:where([sf~="1"]), :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider.OutOfBounds #SliderTrack:where([sf~="1"]), p-rangeslider.HorizontalSlider #SliderTrack:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --bgc: rgba(32, 32, 32, 0.335073); --bg-grad: none; border: 0px; --bdln: 0; --bdrn: 0; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress._disabled:where([sf~="1"]), p-slottedslider.HorizontalSlider #SliderTrackProgress._disabled:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --bg-grad: linear-gradient(90deg, rgba(1, 1, 1, 1) 0%, rgba(51, 51, 51, 1) 100%); --bgc: transparent; box-shadow: inset -2px 1px 3px 0px black; --bg-fill: initial; --bg-solid: initial; --mgl: 1px; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderThumb:where([sf~="1"]), p-slottedslider.HorizontalSlider #SliderThumb:where([sf~="1"]), p-rangeslider.HorizontalSlider .SliderThumb:where([sf~="1"]) { --bgc: rgba(204, 204, 204, 1); --bg-grad: none; border-radius: 2px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; z-index: 2; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider .kk-i-SliderThumb:has(> #SliderThumb:where([sf~="1"]):not([pvis="0"])), :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider.kk-i-SliderThumb:has(> #SliderThumb:where([sf~="1"]):not([pvis="0"])), p-slottedslider.HorizontalSlider .kk-i-SliderThumb:has(> #SliderThumb:where([sf~="1"]):not([pvis="0"])), p-slottedslider.HorizontalSlider.kk-i-SliderThumb:has(> #SliderThumb:where([sf~="1"]):not([pvis="0"])), p-rangeslider.HorizontalSlider .kk-c-SliderThumb:has(> .SliderThumb:where([sf~="1"]):not([pvis="0"])), p-rangeslider.HorizontalSlider.kk-c-SliderThumb:has(> .SliderThumb:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderDefault:where([sf~="1"]) { --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; --bgc: rgba(204, 204, 204, 1); --bg-grad: none; border-radius: 2px; width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderThumb:hover:where([sf~="1"]), p-slottedslider.HorizontalSlider #SliderThumb:hover:where([sf~="1"]) { --bgc: #fff; --bg-grad: none; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderThumb._disabled:where([sf~="1"]), p-slottedslider.HorizontalSlider #SliderThumb._disabled:where([sf~="1"]) { --bgc: #333333; --bg-grad: none; }
p-rangeslider:where([sf~="1"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 130px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 130px; --mgb: 20px; }
p-rangeslider.HorizontalSlider #SliderTrackRangeFill:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --bg-grad: linear-gradient(90deg, rgba(34, 34, 34, 1) 0%, rgba(68, 79, 82, 1) 100%); --bgc: transparent; box-shadow: inset -2px 1px 3px 0px black; --bg-fill: initial; --bg-solid: initial; --mgl: 1px; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; }
.CarouselContainer:where([sf~="1"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 18px; --mgr: 18px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.CarouselDot:where([sf~="1"]) { --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.CarouselDot p-label:where([sf~="1"]) { --vis-collapse: none; }
.CarouselDot .RadioBox:where([sf~="1"]) { min-height: 16px; --mh-set: 1; --mhp: 1; min-width: 16px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; border: 0px; --bdln: 0; --bdrn: 0; border-radius: 50%; box-shadow: 2px 0px 2px 1.333333px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: rgba(255, 255, 255, 0.1285); --bg-grad: none; }
.CarouselDot._selected .RadioBox:where([sf~="1"]) { border: 0px; --bdln: 0; --bdrn: 0; --bgc: white; --bg-grad: none; transition-duration: 0.16s; box-shadow: 2px 0px 2px 1.333333px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.CarouselDot:hover .RadioBox:where([sf~="1"]) { box-shadow: 2px 0px 2px 1.333333px none; --bg-fill: none; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 1px solid white; --bdln: 1; --bdrn: 1; }
.CarouselDot._selected:hover .RadioBox:where([sf~="1"]) { box-shadow: 2px 0px 2px 1.333333px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 0px solid white; --bdln: 0; --bdrn: 0; }
p-progressbar:where([sf~="1"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --bgc: rgba(0, 0, 0, 0.407812); --bg-grad: none; border: 0px solid rgb(58, 58, 58); --bdln: 0; --bdrn: 0; }
.ProgressBarLeft:where([sf~="1"]) { --bg-grad: linear-gradient(90deg, rgba(19, 79, 135, 1) 0%, rgba(26, 184, 224, 1) 100%); --bgc: transparent; }
.CloseButton:where([sf~="1"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --wash-color: #888888; --wash-filter: url(#w-888888); --bg-img: url("/panorama/images/control_icons/x_close.webp"); --bg-size: 24px 24px; --bg-w: 24px; --bg-rep: no-repeat; --bg-pos: 50% 50%; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; transition-property: --wash-color, scale, --bgc; transition-duration: 0.1s, 0.1s, 0.1s; transition-timing-function: ease-in, ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.CloseButton:hover:where([sf~="1"]) { --wash-color: #bbbbbb; --wash-filter: url(#w-bbbbbb); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.CloseButton:active:where([sf~="1"]) { --wash-color: white; --wash-filter: initial; --bg-size: 20px 20px; --bg-w: 20px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HelpButton p-label:where([sf~="1"]) { font-weight: 700; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --wash-color: #888888; --wash-filter: url(#w-888888); color: white; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); transition-property: --wash-color, scale; transition-duration: 0.1s, 0.1s; transition-timing-function: ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HelpButton:hover p-label:where([sf~="1"]) { --wash-color: #bbbbbb; --wash-filter: url(#w-bbbbbb); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HelpButton:active p-label:where([sf~="1"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ControlIconButton:where([sf~="1"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --wash-color: #888888; --wash-filter: url(#w-888888); --bg-img: url("/panorama/images/control_icons/competitive_logo.webp"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; scale: 1; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; transition-property: --wash-color, scale; transition-duration: 0.1s, 0.1s; transition-timing-function: ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ControlIconButton:hover:where([sf~="1"]) { --wash-color: #bbbbbb; --wash-filter: url(#w-bbbbbb); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ControlIconButton:active:where([sf~="1"]) { --wash-color: white; --wash-filter: initial; --bg-size: 24px 24px; --bg-w: 24px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.SettingsButton:where([sf~="1"]) { --bg-img: url("/panorama/images/control_icons/gear.webp"); }
.SettingsButton.Activated:where([sf~="1"]) { animation-name: SettingsButtonAnimation; animation-duration: 0.50s; animation-delay: 0.15s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes SettingsButtonAnimation {
0% { transform: rotateZ( 0deg ); }
100% { transform: rotateZ( 45deg ); }
}
.RefreshButton:where([sf~="1"]) { --bg-img: url("/panorama/images/control_icons/icon_refresh.webp"); }
.RefreshButton.Activated:where([sf~="1"]) { animation-name: RefreshButtonAnimation; animation-duration: 0.55s; animation-delay: 0.15s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-direction: reverse; }
@keyframes RefreshButtonAnimation {
0% { transform: rotateZ( 0deg ); }
100% { transform: rotateZ( 180deg ); }
}
.EditButton:where([sf~="1"]) { --bg-img: url("/panorama/images/control_icons/edit.webp"); --bg-size: 65%; --bg-w: 0px; }
.Spinner:where([sf~="1"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --bg-img: url("/panorama/images/icons/ui/loading.svg"); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: contain; --bg-w: 0px; animation-name: SpinnerRotate; animation-duration: 1.25s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes SpinnerRotate {
0% { transform: scaleX( 1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
49% { transform: scaleX( 1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
50% { transform: scaleX( -1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
100% { transform: scaleX( -1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
}
.Arrow:where([sf~="1"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #9db1b7; --wash-filter: url(#w-9db1b7); --bg-img: url("/panorama/images/control_icons/arrow_right.webp"); --bg-size: contain; --bg-w: 0px; --bg-rep: no-repeat; --bg-pos: 50% 50%; --mgr: 3px; --mgl: 3px; transition-property: --wash-color, transform; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Arrow:not(._disabled):hover:where([sf~="1"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Arrow.Left:where([sf~="1"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: scaleX(-1); }
.Arrow.Left:not(._disabled):hover:where([sf~="1"]) { transform: scaleX(-1) translateX(-3px); }
.Arrow.Right:where([sf~="1"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.Arrow.Right:not(._disabled):hover:where([sf~="1"]) { transform: translateX(3px); }
.Arrow.Left:active:where([sf~="1"]) { transform: scaleX(-1) translateX(-6px); --sound: "ui_select_arrow"; }
.Arrow.Right:active:where([sf~="1"]) { transform: translateX(6px); --sound: "ui_select_arrow"; }
.Arrow.Left._disabled:where([sf~="1"]) { opacity: 0.268142; --op-pe: inherit; transform: scaleX(-1) translateX(0px); scale: .1; }
.Arrow.Right._disabled:where([sf~="1"]) { opacity: 0.268142; --op-pe: inherit; transform: translateX(0px); scale: .1; }
#MousePanningImage:where([sf~="1"]) { --wash-color: #ffffffff; --wash-filter: initial; --vis-collapse: initial; width: 99px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99px; height: 99px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99px; z-index: 10; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.4s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-i-MousePanningImage:has(> #MousePanningImage:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.MousePanning #MousePanningImage:where([sf~="1"]) { opacity: 1; --op-pe: inherit; }
.HorizontalDivider:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --bgc: rgba(255, 255, 255, 0.728245); --bg-grad: none; }
.VerticalDivider:where([sf~="1"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.728245); --bg-grad: none; }
.VerticalDivider.Dark:where([sf~="1"]), .HorizontalDivider.Dark:where([sf~="1"]) { --bgc: #3E3E3E; --bg-grad: none; }
p-edgescroller.CanScrollHorizontal:where([sf~="1"]) { --pdl: 18px; --pdln: 18; --pdr: 18px; --pdrn: 18; }
p-edgescroller.CanScrollVertical:where([sf~="1"]) { --pdt: 18px; --pdb: 18px; }
p-edgescrollbar:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --p-layout-position: fixed; transition-property: transform; transition-timing-function: ease-in-out; transition-duration: 0.2s; }
p-edgescrollbar .EdgeScrollButton:where([sf~="1"]) { --bgc: rgba(255, 255, 255, 0.209272); --bg-grad: none; --bg-size: contain; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; --wash-color: #999999; --wash-filter: url(#w-999999); transition-property: --wash-color; transition-duration: 0.1s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-edgescrollbar .EdgeScrollButton:hover:where([sf~="1"]) { --wash-color: #cccccc; --wash-filter: url(#w-cccccc); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-edgescrollbar .EdgeScrollButton:active:where([sf~="1"]) { --wash-color: #ffffff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-edgescrollbar.Horizontal .EdgeScrollButton:where([sf~="1"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-edgescrollbar.Horizontal #MinButton:where([sf~="1"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bg-img: url("/panorama/images/control_icons/arrow_solid_left.webp"); }
p-edgescrollbar.Horizontal #MaxButton:where([sf~="1"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bg-img: url("/panorama/images/control_icons/arrow_solid_right.webp"); }
p-edgescrollbar.Vertical .EdgeScrollButton:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; }
p-edgescrollbar.Vertical #MinButton:where([sf~="1"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-img: url("/panorama/images/control_icons/arrow_solid_up.webp"); }
p-edgescrollbar.Vertical #MaxButton:where([sf~="1"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-img: url("/panorama/images/control_icons/arrow_solid_down.webp"); }
.PaginationArrow:active:where([sf~="1"]) { opacity: 1; --op-pe: inherit; --sound: "UIPanorama.sidemenu_select"; }
.PaginationArrow._disabled:where([sf~="1"]) { opacity: 0.347608; --op-pe: inherit; }
.PaginationArrow.Left:where([sf~="1"]) { transform: rotateZ( 90deg ); }
.PaginationArrow.Right:where([sf~="1"]) { transform: rotateZ( -90deg ); }
.PaginationArrow:where([sf~="1"]) { --bg-img: url("/panorama/images/icons/ui/expand.svg"); --bg-rep: no-repeat; --bg-size: 24px auto; --bg-w: 24px; transform: rotateZ( 0deg ); --bg-pos: 50% 50%; border-radius: 3px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; opacity: 1; --op-pe: inherit; transition-property: --brightness, --bgc; transition-duration: 0.2s, 0.2s; }
.popup-acknowledge .PaginationArrow:where([sf~="1"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --bg-size: 32px auto; --bg-w: 32px; }
.store-panel__carousel-container .PaginationArrow:where([sf~="1"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --bg-size: 24px auto; --bg-w: 24px; }
.PaginationArrow.Right:where([sf~="1"]) { transform: rotateZ( -90deg ); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.playercard-flair-carousel-container .PaginationArrow:where([sf~="1"]), .playercard-skillgroup-carousel-container .PaginationArrow:where([sf~="1"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bg-size: 16px auto; --bg-w: 16px; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; }
.PaginationArrow:not(._disabled):hover:where([sf~="1"]) { --brightness: 4; transition-property: --brightness, --bgc; transition-duration: 0.2s, 0.2s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.InventoryCarousel-Nav .PaginationButton:where([sf~="1"]) { --vis-collapse: none; }
.PaginationButton._selected:where([sf~="1"]) { --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, #9db1b7 0%, #9db1b7 50%, rgba(0, 0, 0, 0) 60%); --bgc: transparent; opacity: 1; --op-pe: inherit; border-radius: 50%; }
.mini-store-container .PaginationArrow:where([sf~="1"]), .mainmenu-major-tile .PaginationArrow:where([sf~="1"]) { --bg-img: url("/panorama/images/icons/ui/arrowhead.svg"); --bg-rep: no-repeat; --bg-size: 12px 12px; --bg-w: 12px; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 50px; transform: rotateZ( -90deg ); border-radius: 0px; }
.mini-store-container .PaginationArrow._disabled:where([sf~="1"]), .mainmenu-major-tile .PaginationArrow._disabled:where([sf~="1"]) { --wash-color: rgb(0, 0, 0); --wash-filter: url(#w-rgb_0_0_0); opacity: 0.275931; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mini-store-container .PaginationArrow.Right:where([sf~="1"]), .mainmenu-major-tile .PaginationArrow.Right:where([sf~="1"]) { --mgr: 56px; transform: rotateZ( 90deg ); }
.mini-store-container.mainmenu-major-tile .PaginationArrow:where([sf~="1"]), .mainmenu-major-tile.mainmenu-major-tile .PaginationArrow:where([sf~="1"]) { --mgl: 10px; }
.mini-store-container.mainmenu-major-tile .PaginationArrow.Right:where([sf~="1"]), .mainmenu-major-tile.mainmenu-major-tile .PaginationArrow.Right:where([sf~="1"]) { --mgr: 14px; }
@keyframes OpacityPulse {
0% { opacity: 1; --op-pe: inherit; }
50% { opacity: 0.414305; --op-pe: inherit; }
100% { opacity: 1; --op-pe: inherit; }
}
.RadialSweep:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform: translateX(-6px) translateY(-6px); --bg-img: url("/panorama/images/fades/radialsweep.webp"); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 100%; --bg-w: 0px; animation-name: RadialSweep; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes RadialSweep {
0% { transform: rotateZ( 0deg ) translateX(-6px) translateY(-6px); }
50% { transform: rotateZ( -180deg ) translateX(-6px) translateY(-6px); }
100% { transform: rotateZ( -360deg ) translateX(-6px) translateY(-6px); }
}
.Rotating2dPanel:where([sf~="1"]) { border-radius: 0.1px; }
.DropIn:where([sf~="1"]) { animation-name: DropIn; animation-duration: 0.5s; animation-delay: 0.1s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-direction: normal; }
@keyframes DropIn {
0% { --brightness: 10; --blur: 4px; transform: scale3d( 2, 2, 2 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
80% { --brightness: 0; --blur: 0px; transform: scale3d( 1, 1, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
90% { --brightness: 2; --blur: 0px; transform: scale3d( 1.2, 1.2, 1.2 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1, 1, 1); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.overflow-noclip:where([sf~="1"]) { overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.overflow-clip:where([sf~="1"]) { overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.left-right-flow:where([sf~="1"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.left-right-flow-wrap:where([sf~="1"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.top-bottom-flow-wrap:where([sf~="1"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; }
.right-left-flow:where([sf~="1"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.top-bottom-flow:where([sf~="1"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.bottom-top-flow:where([sf~="1"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; }
.no-flow:where([sf~="1"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.ignore-parent-flow:where([sf~="1"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
.hide:where([sf~="1"]) { --vis-collapse: none; }
.show:where([sf~="1"]) { --vis-collapse: initial; }
.horizontal-center:where([sf~="1"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.horizontal-align-right:where([sf~="1"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.horizontal-align-left:where([sf~="1"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.vertical-center:where([sf~="1"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.vertical-align-top:where([sf~="1"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.vertical-align-bottom:where([sf~="1"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.full-width:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.half-width:where([sf~="1"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.width-fill-parent-flow:where([sf~="1"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-width-fill-parent-flow:has(> .width-fill-parent-flow:where([sf~="1"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-width-fill-parent-flow:has(> .width-fill-parent-flow:where([sf~="1"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.full-height:where([sf~="1"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.fill-parent-flow-height:where([sf~="1"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-fill-parent-flow-height:has(> .fill-parent-flow-height:where([sf~="1"]):not([pvis="0"])) { --kid-fill-h: 1; }
.vertical-separator:where([sf~="1"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.4), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.4; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.347608; --op-pe: inherit; --bgc: #3281AC; --bg-grad: none; }
.vscroll:where([sf~="1"]) { overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.hscroll:where([sf~="1"]) { overflow-x: auto; overflow-y: clip; --ovx: scroll; --ovy: squish; --ovxn: 1; --ovyn: initial; --ovxf: 1; --ovyf: initial; }
.horizontal-separator:where([sf~="1"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; opacity: 0.472624; --op-pe: inherit; --bgc: white; --bg-grad: none; }
.game-mode-selection-radios-spacer:where([sf~="1"]) { width: 15px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 15px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.6), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.6; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgl: 8px; --mgr: 8px; border-left: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.horizontal-separator--dark:where([sf~="1"]) { --bgc: black; --bg-grad: none; opacity: 0.347608; --op-pe: inherit; --bgc: #3e3e3e; --bg-grad: none; }
.height-fit-children:where([sf~="1"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.width-fit-children:where([sf~="1"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.debug-border:where([sf~="1"]) { border: 1px solid #cccccc; --bdln: 1; --bdrn: 1; }
.debug-background:where([sf~="1"]) { --bgc: rgba(57, 176, 211, 0.305143); --bg-grad: none; }
.left-right-padding:where([sf~="1"]) { --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.bottom-padding:where([sf~="1"]) { --pdb: 8px; }
.bottom-padding-medium:where([sf~="1"]) { --pdb: 16px; }
.bottom-padding-large:where([sf~="1"]) { --pdb: 32px; }
.bottom-padding-x-large:where([sf~="1"]) { --pdb: 64px; }
.top-padding:where([sf~="1"]) { --pdt: 8px; }
.top-padding-medium:where([sf~="1"]) { --pdt: 16px; }
.top-padding-large:where([sf~="1"]) { --pdt: 32px; }
.left-padding:where([sf~="1"]) { --pdl: 8px; --pdln: 8; }
.right-padding:where([sf~="1"]) { --pdr: 8px; --pdrn: 8; }
.padding-8:where([sf~="1"]) { --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.padding-4:where([sf~="1"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
.padding-16:where([sf~="1"]) { --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.icon-blue-24px:where([sf~="1"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --wash-color: #3281AC; --wash-filter: url(#w-3281ac); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bottom-margin:where([sf~="1"]) { --mgb: 8px; }
.bottom-margin-6:where([sf~="1"]) { --mgb: 6px; }
.bottom-margin-12:where([sf~="1"]) { --mgb: 12px; }
.right-margin-4:where([sf~="1"]) { --mgr: 4px; }
.right-margin-6:where([sf~="1"]) { --mgr: 6px; }
.right-margin:where([sf~="1"]) { --mgr: 8px; }
.right-margin-medium:where([sf~="1"]) { --mgr: 16px; }
.right-margin-32:where([sf~="1"]) { --mgr: 32px; }
.right-margin-64:where([sf~="1"]) { --mgr: 64px; }
.left-margin-none:where([sf~="1"]) { --mgl: 0px; }
.left-margin:where([sf~="1"]) { --mgl: 8px; }
.left-margin-6:where([sf~="1"]) { --mgl: 6px; }
.left-margin-medium:where([sf~="1"]) { --mgl: 16px; }
.left-margin-32:where([sf~="1"]) { --mgl: 32px; }
.left-margin-48:where([sf~="1"]) { --mgl: 48px; }
.left-margin-16:where([sf~="1"]) { --mgl: 16px; }
.top-margin-8:where([sf~="1"]) { --mgt: 8px; }
.top-margin-16:where([sf~="1"]) { --mgt: 16px; }
.top-margin-24:where([sf~="1"]) { --mgt: 24px; }
.top-margin-32:where([sf~="1"]) { --mgt: 32px; }
.top-margin-48:where([sf~="1"]) { --mgt: 48px; }
.bottom-margin-16:where([sf~="1"]) { --mgb: 16px; }
.bottom-margin-32:where([sf~="1"]) { --mgb: 32px; }
.margin-16:where([sf~="1"]) { --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; }
.margin-12:where([sf~="1"]) { --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; }
.margin-8:where([sf~="1"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
.margin-4:where([sf~="1"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.margin-32:where([sf~="1"]) { --mgt: 32px; --mgr: 32px; --mgb: 32px; --mgl: 32px; }
.z-index-1:where([sf~="1"]) { z-index: 1; }
.kk-c-z-index-1:has(> .z-index-1:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.z-index-2:where([sf~="1"]) { z-index: 2; }
.kk-c-z-index-2:has(> .z-index-2:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.z-index-3:where([sf~="1"]) { z-index: 3; }
.kk-c-z-index-3:has(> .z-index-3:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.z-index-4:where([sf~="1"]) { z-index: 5; }
.kk-c-z-index-4:has(> .z-index-4:where([sf~="1"]):not([pvis="0"])) { isolation: isolate; }
.flip-horizontal:where([sf~="1"]) { transform: scaleX(-1); }
.flip-vertical:where([sf~="1"]) { transform: scaleY(-1); }
.flip-vertical-horizontal:where([sf~="1"]) { transform: scaleX(-1) scaleY(-1); }
.tile-blur-rect-background:where([sf~="1"]) { --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; }
.panel-border-white:where([sf~="1"]) { border: 1px solid white; --bdln: 1; --bdrn: 1; }
.text-shadow-basic:where([sf~="1"]) { text-shadow: 2px 2px 4px rgb(0 0 0 / 0.25098), 2px 2px 4px color-mix(in srgb, rgb(0 0 0 / 0.25098) 77.255%, transparent); }
.store-sale-tag__text:where([sf~="1"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: White; text-align: center; --pdt: 3px; --pdr: 3px; --pdb: 3px; --pdl: 3px; --pdrn: 3; --pdln: 3; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; --bg-grad: linear-gradient(180deg, #3a863d 0%, #2d682f 100%); --bgc: transparent; }
.store-panel__carousel__item-linked__sale .store-sale-tag__text:where([sf~="1"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 1.5px; --pdr: 1.5px; --pdb: 1.5px; --pdl: 1.5px; --pdrn: 1.5; --pdln: 1.5; }
.world-region-label:where([sf~="1"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --text-shrink: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-weight: 500; color: rgb(255, 255, 255); text-shadow: 0px 0px 2px rgb(0 0 0 / 0.438), 0px 0px 2px color-mix(in srgb, rgb(0 0 0 / 0.438) 4.535%, transparent); --bgc: rgba(121, 120, 120, 0.921794); --bg-grad: none; border: 1px solid rgb(179, 179, 179); --bdln: 1; --bdrn: 1; border-radius: 50%; min-width: 0px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.world-region-label--image:where([sf~="1"]) { --bg-size: 99% 100%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --bg-img-opacity: 0.8; --bg-img-own: none; }
.world-region-label--image:where([sf~="1"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.visible-if-perfectworld:where([sf~="1"]), .visible-if-not-perfectworld:where([sf~="1"]) { --vis-collapse: none; }
.perfectworld .visible-if-perfectworld:where([sf~="1"]), .worldwide .visible-if-not-perfectworld:where([sf~="1"]) { --vis-collapse: initial; }
p-label .InlineGlyph:where([sf~="1"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
p-csgoscoreboardcontainer:where([sf~="1"]) { border: 0; --bdln: 0; --bdrn: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.decorated-player-name__clan-tag:where([sf~="1"]) { font-family: Stratum2 Light Condensed, "Arial Unicode MS"; --c9: 0.9; }
/* styles/gamestyles.css */

/* styles/base.css */
.WindowRoot:where([sf~="3"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
/* styles/steaminputglyphs/steaminputaction.css */
p-ccsgosteaminputaction:where([sf~="4"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
p-ccsgosteaminputaction.AnalogDeadZoned:where([sf~="4"]), p-ccsgosteaminputaction.DigitalReleased:where([sf~="4"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --brightness: 1; transition-timing-function: ease-out; transform: translateY(0px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-ccsgosteaminputaction.AnalogThrown:where([sf~="4"]), p-ccsgosteaminputaction.DigitalPressed:where([sf~="4"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --brightness: 0.5; transform: translateY(-2px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-ccsgosteaminputaction:where([sf~="4"]) { --vis-collapse: none; }
p-ccsgosteaminputaction.ControllerConnected:where([sf~="4"]) { --vis-collapse: initial; }
.HoldButtonToActivate .steam-button-glyph:where([sf~="4"]) { border: 2px solid green; --bdln: 2; --bdrn: 2; }
/* styles/hud/hudteamcounter.css */
p-csgohudteamcounter:where([sf~="5"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-timing-function: linear; transition-duration: 0.1s; --bgc: rgba(255, 255, 255, 0); --bg-grad: none; }
#TeamCounterBG:where([sf~="5"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 2px; }
#TeamLargeCT:where([sf~="5"]), #TeamLargeT:where([sf~="5"]), #ScoreAndTime:where([sf~="5"]), #AliveBackgroundCT:where([sf~="5"]), #AliveBackgroundT:where([sf~="5"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
#TeamLargeCT:where([sf~="5"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transform-origin: 100% 0%; }
#TeamLargeT:where([sf~="5"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transform-origin: 0% 0%; }
#TeamLargeCT:where([sf~="5"]), #TeamLargeT:where([sf~="5"]) { transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease-in-out; }
.PlayerCountInsteadOfAvatars #TeamLargeCT:where([sf~="5"]), .PlayerCountInsteadOfAvatars #TeamLargeT:where([sf~="5"]) { opacity: 0; --op-pe: none; }
#TeamAll:where([sf~="5"]) { transform-origin: 50% 0%; }
.TeamLarge__PlayerCount:where([sf~="5"]) { width: 54px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 54px; height: 106px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 106px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; font-family: stratum2 bold condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 38; font-size: calc(max(1, round(nearest, 38 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; opacity: 0; --op-pe: none; --mgl: 1px; --mgr: 1px; --bgc: rgba(0, 0, 0, 0.712015); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.05; --bg-img-own: none; --bg-pos: 100% 100%; mask-image: url("/panorama/images/masks/playercount-mask.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.TeamLarge__PlayerCount:where([sf~="5"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.PlayerCountInsteadOfAvatars .TeamLarge__PlayerCount:where([sf~="5"]) { opacity: 1; --op-pe: inherit; }
.team__large_container--left .TeamLarge__PlayerCount:where([sf~="5"]), .team__large_container--left .TeamLarge__PlayerCount .TeamLarge__PlayerCount__Alive:where([sf~="5"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; color: #B5D4EE; }
.team__large_container--right .TeamLarge__PlayerCount:where([sf~="5"]), .team__large_container--right .TeamLarge__PlayerCount .TeamLarge__PlayerCount__Alive:where([sf~="5"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: #EAD18A; }
.TeamLarge__PlayerCount .TeamLarge__PlayerCount__Alive:where([sf~="5"]) { font-family: stratum2 condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --py: -8px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.team__large_container--left:where([sf~="5"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-team__large_container--left:has(> .team__large_container--left:where([sf~="5"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-team__large_container--left:has(> .team__large_container--left:where([sf~="5"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.team__large_container--right:where([sf~="5"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-team__large_container--right:has(> .team__large_container--right:where([sf~="5"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-team__large_container--right:has(> .team__large_container--right:where([sf~="5"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.team__large_container--left:where([sf~="5"]), .team__large_container--right:where([sf~="5"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
#TeamCounterBG:where([sf~="5"]) { width: 1920px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1920px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; }
#Visible:where([sf~="5"]) { --vis-collapse: initial; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#Invisible:where([sf~="5"]) { --vis-collapse: none; }
.preserveSize.AvatarL__Skull:where([sf~="5"]) { --bg-size: 92% 92%; --bg-w: 0px; }
.hidden:where([sf~="5"]) { --vis-collapse: none; }
.Avatar:where([sf~="5"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#AvatarImage:where([sf~="5"]) { transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, --brightness; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
#AvatarL__ImageBG.AvatarImageT__Color.AvatarL__Default--T.Avatar__PlayerBorder--T:where([sf~="5"]) { --vis-collapse: initial; }
#Avatar__Image.Avatar__CommonMargin.AvatarL__Internal:where([sf~="5"]) { --vis-collapse: initial; }
.Avatar__CommonMargin:where([sf~="5"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.Avatar__HealthMargin:where([sf~="5"]) { --mgl: 0px; --mgr: 0px; }
.AvatarImageCT__Color:where([sf~="5"]) { --bgc: #7289A3; --bg-grad: none; }
.AvatarImageCT__InternalColor:where([sf~="5"]) { --bgc: #7C858F; --bg-grad: none; }
.AvatarImageT__Color:where([sf~="5"]) { --bgc: #916D41; --bg-grad: none; }
.AvatarImageT__InternalColor:where([sf~="5"]) { --bgc: #756337; --bg-grad: none; }
.Avatar__PlayerOutline--None:where([sf~="5"]) { border: 0px solid rgba(0, 0, 0, 0); --bdln: 0; --bdrn: 0; }
.Avatar__PlayerOutline--White:where([sf~="5"]) { border: 2.5px solid white; --bdln: 2.5; --bdrn: 2.5; }
.Avatar__PlayerOutline--Spectate:where([sf~="5"]) { border: 3px solid rgba(216, 216, 216, 0.918792); --bdln: 3; --bdrn: 3; }
.Avatar__SpectateTarget #AvatarImage:where([sf~="5"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Avatar__SpectateTarget .AvatarL_BG:where([sf~="5"]) { opacity: 1; --op-pe: inherit; }
.AvatarL_BG:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); z-index: -11; --bg-grad: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; opacity: 0; --op-pe: none; }
.kk-c-AvatarL_BG:has(> .AvatarL_BG:where([sf~="5"]):not([pvis="0"])) { isolation: isolate; }
.SHOW-EQUIPINFO .AvatarL_BG:where([sf~="5"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.895083); --bg-grad: none; }
.Avatar__PlayerOutline--CT:where([sf~="5"]) { border: 2.5px solid #7ED9FF; --bdln: 2.5; --bdrn: 2.5; }
.Avatar__PlayerOutline--T:where([sf~="5"]) { border: 2.5px solid #FFD46D; --bdln: 2.5; --bdrn: 2.5; }
.Avatar__PlayerOutline--White .Avatar__CommonMargin:where([sf~="5"]), .Avatar__PlayerOutline--Spectate .Avatar__CommonMargin:where([sf~="5"]), .Avatar__PlayerOutline--CT .Avatar__CommonMargin:where([sf~="5"]), .Avatar__PlayerOutline--T .Avatar__CommonMargin:where([sf~="5"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.Avatar__PlayerOutline--White .Avatar__HealthMargin:where([sf~="5"]), .Avatar__PlayerOutline--Spectate .Avatar__HealthMargin:where([sf~="5"]), .Avatar__PlayerOutline--CT .Avatar__HealthMargin:where([sf~="5"]), .Avatar__PlayerOutline--T .Avatar__HealthMargin:where([sf~="5"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.Avatar__PlayerBorder--CT:where([sf~="5"]) { border: 2px solid #B5D4EE; --bdln: 2; --bdrn: 2; }
.Avatar__PlayerBorder--T:where([sf~="5"]) { border: 2px solid #EAD18A; --bdln: 2; --bdrn: 2; }
.Avatar__Skull--White:where([sf~="5"]), .Avatar__Skull--Red:where([sf~="5"]), .Avatar__Skull--CT:where([sf~="5"]), .Avatar__Skull--T:where([sf~="5"]) { opacity: 0.696476; --op-pe: inherit; }
.Avatar__Skull--White:where([sf~="5"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Avatar__Skull--Red:where([sf~="5"]) { --wash-color: #cc0033; --wash-filter: url(#w-cc0033); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Avatar__Skull--CT:where([sf~="5"]) { --wash-color: #061724; --wash-filter: url(#w-061724); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Avatar__Skull--T:where([sf~="5"]) { --wash-color: #271d07; --wash-filter: url(#w-271d07); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Avatar__Bot--CT:where([sf~="5"]) { --wash-color: #d0f0ffDD; --wash-filter: url(#w-d0f0ffdd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Avatar__Bot--T:where([sf~="5"]) { --wash-color: #fff1cfDD; --wash-filter: url(#w-fff1cfdd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__name:where([sf~="5"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Light Condensed; --c9: 0.9; letter-spacing: 1px; text-align: center; width: 54px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 54px; text-overflow: ellipsis; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; }
#TeamLargeCT .AvatarL__name:where([sf~="5"]) { --wash-color: #a7e3ffdd; --wash-filter: url(#w-a7e3ffdd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#TeamLargeT .AvatarL__name:where([sf~="5"]) { --wash-color: #ffd063dd; --wash-filter: url(#w-ffd063dd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.competitive .ROUNDDOWNTIME .AvatarL__name:where([sf~="5"]), .competitive.HUD--localplayer--dead .AvatarL__name:where([sf~="5"]), .competitive.HUD--localplayer--spectator .AvatarL__name:where([sf~="5"]), .scrimcomp2v2 .ROUNDDOWNTIME .AvatarL__name:where([sf~="5"]), .scrimcomp2v2.HUD--localplayer--dead .AvatarL__name:where([sf~="5"]), .scrimcomp2v2.HUD--localplayer--spectator .AvatarL__name:where([sf~="5"]) { height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; }
.Avatar__SoundWithShadow:where([sf~="5"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.Avatar__Sound--1Animate:where([sf~="5"]) { opacity: 0; --op-pe: none; animation-name: Avatar__Sound--1Animate; animation-duration: 0.25s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes Avatar__Sound--1Animate {
0% { opacity: 0; --op-pe: none; }
20% { opacity: 1; --op-pe: inherit; }
80% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
.Avatar__Sound--2Animate:where([sf~="5"]) { opacity: 0; --op-pe: none; animation-name: Avatar__Sound--2Animate; animation-duration: 0.25s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes Avatar__Sound--2Animate {
0% { opacity: 0; --op-pe: none; }
40% { opacity: 1; --op-pe: inherit; }
60% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
#ArsenalProgress:where([sf~="5"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 2px; --pdb: 0px; --pdl: 2px; --pdrn: 2; --pdln: 2; z-index: -1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --py: 54px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.kk-i-ArsenalProgress:has(> #ArsenalProgress:where([sf~="5"]):not([pvis="0"])) { isolation: isolate; }
#ArsenalProgress.gglevel-0:where([sf~="5"]), #ArsenalProgress.gglevel--1:where([sf~="5"]) { --wash-color: gold; --wash-filter: url(#w-gold); animation-name: gg-last-level; animation-duration: 0.5s; animation-iteration-count: infinite; animation-direction: alternate; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#ArsenalProgress.gglevel-0 :is(p-image, :where(img[pimg])):where([sf~="5"]), #ArsenalProgress.gglevel--1 :is(p-image, :where(img[pimg])):where([sf~="5"]) { animation-name: gg-last-level--image; animation-duration: 0.5s; animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes gg-last-level {
0% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes gg-last-level--image {
100% { --img-shadow: drop-shadow(0px 0px 2px gold); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.endofmatch .AvatarL__ArsenalProgress:where([sf~="5"]), .endofmatch .JoinPanelRoot:where([sf~="5"]) { opacity: 0; --op-pe: none; }
.Avatar__HealthBar--Red:where([sf~="5"]) { --bgc: white; --bg-grad: none; }
.Avatar__HealthBar--Normal:where([sf~="5"]) { --bgc: white; --bg-grad: none; }
.Avatar__HealthBar--Full:where([sf~="5"]) { --bgc: white; --bg-grad: none; }
.dead #AvatarL__ImageBG:where([sf~="5"]) { opacity: 0.414305; --op-pe: inherit; --saturation: 0.0; --brightness: 1; --contrast: 0.9; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.dead .avatar-team-color:where([sf~="5"]), .dead .AvatarL__PlayerLetter:where([sf~="5"]) { --vis-collapse: none; }
.dead .Avatar__PlayerBorder--T:where([sf~="5"]), .dead .Avatar__PlayerBorder--CT:where([sf~="5"]) { border: 2px solid rgba(0, 0, 0, 1); --bdln: 2; --bdrn: 2; }
.Avatar__BG--Hidden.AvatarS__Default--CT:where([sf~="5"]), .Avatar__BG--Hidden.AvatarS__Default--T:where([sf~="5"]), .Avatar__BG--Hidden.AvatarL__Default--CT:where([sf~="5"]), .Avatar__BG--Hidden.AvatarL__Default--T:where([sf~="5"]) { --bg-img: none; }
.AvatarLargeSnippet:where([sf~="5"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: transform; transition-duration: 0.1s; }
.AavatarVisibleContainer:where([sf~="5"]) { width: 54px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 54px; height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#AvatarL__ImageBG:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 62px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 62px; }
.AvatarL__Internal:where([sf~="5"]) { --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: #7f7f7f; --bg-grad: none; }
.healthbar-container:where([sf~="5"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; width: 52px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 52px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; }
.SHOW-EQUIPINFO .healthbar-container:where([sf~="5"]) { height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; }
.healthbar-container .healthbar__health-number:where([sf~="5"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --vis-collapse: none; }
.healthbar-container .healthbar__health-number p-label:where([sf~="5"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; color: black; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.626349), 0px 0px 1px rgba(255, 255, 255, 0.626349), 0px 0px 1px rgba(255, 255, 255, 0.626349); --py: -.5px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 1px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.SHOW-EQUIPINFO .healthbar-container .healthbar__health-number:where([sf~="5"]) { --vis-collapse: initial; }
.dead .healthbar-container .healthbar__health-number:where([sf~="5"]) { opacity: 0; --op-pe: none; }
.healthbar__bg:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(255, 0, 0, 1) 50%, rgba(255, 0, 0, 1) 100%); --bgc: transparent; }
.dead .healthbar__bg:where([sf~="5"]) { opacity: 0; --op-pe: none; }
.AvatarL__HealthBar:where([sf~="5"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; mix-blend-mode: screen; --s2-blend: additive; --brightness: 10; box-shadow: 1px 1px 0.5px 0.333333px rgb(0 0 0 / 0.501961); --bg-fill: rgb(0 0 0 / 0.501961); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__Bot:where([sf~="5"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 9px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); mix-blend-mode: screen; --s2-blend: screen; }
.AvatarL__Skull:where([sf~="5"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; }
.avatar-speaking:where([sf~="5"]) { width: 34px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 34px; height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #DDDDDD; --wash-filter: url(#w-dddddd); --pdl: 0px; --pdln: 0; --mgl: 0px; --mgb: 2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar-s-speaking:where([sf~="5"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #BBBBBB; --wash-filter: url(#w-bbbbbb); --pdl: -5px; --pdln: 0; --pdb: 2px; opacity: 0.892208; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__Sound:where([sf~="5"]) { --px: 20px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 36px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 0.892208; --op-pe: inherit; }
.AvatarL__Sound--2:where([sf~="5"]) { --mgt: 3px; --mgr: 2px; }
.AvatarL__Sound--1:where([sf~="5"]) { --mgt: 6px; --mgr: 2px; }
.AvatarL__SoundShadow--2:where([sf~="5"]) { --mgt: 3px; --mgr: 2px; --blur: 2px; transform: translate3d( 2px, 2px, 0px ); --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__SoundShadow--1:where([sf~="5"]) { --mgt: 6px; --mgr: 2px; --blur: 2px; transform: translate3d( 2px, 2px, 0px ); --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__SoundShadow--Off:where([sf~="5"]) { --blur: 2px; transform: translate3d( 2px, 2px, 0px ); --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__PlayerLetter:where([sf~="5"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-shadow: 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px color-mix(in srgb, black 63.61%, transparent); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --py: 3px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 5px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); color: white; }
.AvatarL__PlayerNumber:where([sf~="5"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-shadow: 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px color-mix(in srgb, black 63.61%, transparent); text-align: right; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -4px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); color: white; }
.AvatarL__Dominated:where([sf~="5"]) { width: 54px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 54px; height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 1px color-mix(in srgb, rgb(0 0 0 / 0.5) 78.721709%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__Nemesis:where([sf~="5"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; opacity: 0.832484; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: red; --wash-filter: url(#w-red); --img-shadow: drop-shadow(0px 0px 1px color-mix(in srgb, rgb(0 0 0 / 0.5) 78.721709%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__GGTextBG:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.233067); --bg-grad: none; border-radius: 0px; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.03; --bg-img-own: none; }
.AvatarL__GGTextBG:where([sf~="5"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.AvatarL__GGText:where([sf~="5"]) { font-weight: 700; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.AvatarL__GGText--Player:where([sf~="5"]) { color: #FFFFFF; }
.AvatarL__GGText--Bot:where([sf~="5"]) { color: rgba(255, 255, 255, 0.549705); }
.AvatarL__GGIconBG:where([sf~="5"]) { width: 54px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 54px; --mgt: 4px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; }
.AvatarL__GGIcon:where([sf~="5"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.322169)); overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarS:where([sf~="5"]) { width: 27px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 27px; height: 27px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 27px; --mgl: 1px; --mgr: 1px; }
#AvatarS__ImageBG:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.AvatarS__Internal:where([sf~="5"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bgc: #7f7f7f; --bg-grad: none; }
.AvatarS__PlayerImage:where([sf~="5"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: black; --bg-grad: none; }
.AvatarS__PlayerImage .AvatarImage:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.AvatarS__HealthBar:where([sf~="5"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: 3px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 3px; }
.AvatarS__Default--CT:where([sf~="5"]) { --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgct.webp"); --bg-size: 92% 92%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; border: 1.5px solid #B5D4EE; --bdln: 1.5; --bdrn: 1.5; }
.AvatarS__Default--T:where([sf~="5"]) { --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgt.webp"); --bg-size: 92% 92%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; border: 1.5px solid #EAD18A; --bdln: 1.5; --bdrn: 1.5; }
.AvatarS__Overlay--Empty:where([sf~="5"]) { opacity: 0.696476; --op-pe: inherit; width: 27px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 27px; height: 27px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 27px; --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_skull-teammate.webp"); --bg-size: 60% 80%; --bg-w: 0px; --bg-rep: no-repeat; --bg-pos: left 10px top 3px; }
.AvatarS__Skull:where([sf~="5"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); }
.AvatarS__Bot:where([sf~="5"]) { width: 26px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 26px; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 2px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.AvatarS__Dominated:where([sf~="5"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --px: 1px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -2px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.AvatarS__Nemesis:where([sf~="5"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --px: 13px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -1px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.AvatarS__Sound:where([sf~="5"]) { --px: 2px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 6px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.114233)); opacity: 0.696476; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarS__Sound--2:where([sf~="5"]) { --px: 20px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.114233)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarS__Sound--1:where([sf~="5"]) { --px: 15px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.114233)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarS__SoundShadow--2:where([sf~="5"]) { --mgt: 3px; --mgr: 2px; --blur: 2px; transform: translate3d( 2px, 2px, 0px ); --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarS__SoundShadow--1:where([sf~="5"]) { --mgt: 6px; --mgr: 2px; --blur: 2px; transform: translate3d( 2px, 2px, 0px ); --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarS__SoundShadow--Off:where([sf~="5"]) { --blur: 2px; transform: translate3d( 2px, 2px, 0px ); --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#TeamCounter:where([sf~="5"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.Team__All:where([sf~="5"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.Team__Large:where([sf~="5"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgl: 0px; --mgr: 0px; }
.TeamCounter__AliveCT:where([sf~="5"]) { width: 51px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 51px; height: 55px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 55px; --mgr: 3px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgct.webp"); --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.TeamCounter__AliveT:where([sf~="5"]) { width: 51px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 51px; height: 55px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 55px; --mgl: 3px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgt.webp"); --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.TeamCounter__AliveCount:where([sf~="5"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --mgt: 0px; --mgb: -8px; font-weight: 700; --fsz: 40; font-size: calc(max(1, round(nearest, 40 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); color: black; }
.HTC__kills:where([sf~="5"]) { --mgt: 1px; --mgb: 1px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.dead .HTC__kills :is(p-image, :where(img[pimg])):where([sf~="5"]) { --wash-color: #dddddd; --wash-filter: url(#w-dddddd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HTC__kill-flag:where([sf~="5"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; --vis-collapse: none; opacity: 1; --op-pe: inherit; --mgt: 1px; --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.322169)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__C4:where([sf~="5"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --py: -5px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -3px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; opacity: 1; --op-pe: inherit; --wash-color: rgb(255, 255, 95); --wash-filter: url(#w-rgb_255_255_95); --img-shadow: drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AvatarL__DefuseKit:where([sf~="5"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --py: -3px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -3px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; opacity: 1; --op-pe: inherit; --wash-color: rgb(119, 221, 255); --wash-filter: url(#w-rgb_119_221_255); --img-shadow: drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HTC__Avatar__1Kill .HTC__kill-flag1:where([sf~="5"]), .HTC__Avatar__2Kills .HTC__kill-flag1:where([sf~="5"]), .HTC__Avatar__3Kills .HTC__kill-flag1:where([sf~="5"]), .HTC__Avatar__4Kills .HTC__kill-flag1:where([sf~="5"]), .HTC__Avatar__5Kills .HTC__kill-flag1:where([sf~="5"]), .HTC__Avatar__2Kills .HTC__kill-flag2:where([sf~="5"]), .HTC__Avatar__3Kills .HTC__kill-flag2:where([sf~="5"]), .HTC__Avatar__4Kills .HTC__kill-flag2:where([sf~="5"]), .HTC__Avatar__5Kills .HTC__kill-flag2:where([sf~="5"]), .HTC__Avatar__3Kills .HTC__kill-flag3:where([sf~="5"]), .HTC__Avatar__4Kills .HTC__kill-flag3:where([sf~="5"]), .HTC__Avatar__5Kills .HTC__kill-flag3:where([sf~="5"]), .HTC__Avatar__4Kills .HTC__kill-flag4:where([sf~="5"]), .HTC__Avatar__5Kills .HTC__kill-flag4:where([sf~="5"]), .HTC__Avatar__5Kills .HTC__kill-flag5:where([sf~="5"]) { --vis-collapse: initial; animation-name: on-kill; animation-duration: 0.3s; animation-timing-function: ease-out; animation-iteration-count: 1; }
@keyframes on-kill {
0% { transform: scale3d( 1.2,1.2,1 ); opacity: 1; --op-pe: inherit; }
100% { transform: translateY( 0px ); }
}
.HTC__kills__count:where([sf~="5"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --vis-collapse: none; color: white; text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); }
.HTC__Avatar__MoreKills .HTC__kills__count:where([sf~="5"]), .HTC__Avatar__MoreKills .HTC__kill-flagmore:where([sf~="5"]) { --vis-collapse: initial; }
.TeamCounter__AliveText:where([sf~="5"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); --mgb: 4px; color: white; }
.TeamCounter__AliveSkull:where([sf~="5"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 10px; }
#ScoreAndTimeAndBomb:where([sf~="5"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 84px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 84px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 4px; }
#ScoreAndTime:where([sf~="5"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#GameTime:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
#Timer:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.teamcounter_timer:where([sf~="5"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; font-weight: 700; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; width: 82px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 82px; }
.teamcounter_timer.teamcounter_red_timer:where([sf~="5"]) { --mgl: 0px; color: red; }
#BombStatus:where([sf~="5"]) { --py: -23px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.bomb_planted:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.6), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.6; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --px: 0px; --pxp: 30%; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #b80000; --wash-filter: url(#w-b80000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bomb_planted.bomb_line:where([sf~="5"]) { --px: 0px; --pxp: 30%; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.6), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.6; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #b80000; --wash-filter: url(#w-b80000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bomb_defused:where([sf~="5"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.6), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.6; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --px: 4.5px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --wash-color: #45aa2e; --wash-filter: url(#w-45aa2e); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.BombPlantedPulse__Slow:where([sf~="5"]) { opacity: 1; --op-pe: inherit; animation-name: bombDet; animation-duration: 0.8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.BombPlantedPulse__Medium:where([sf~="5"]) { opacity: 1; --op-pe: inherit; animation-name: bombDet; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.BombPlantedPulse__Fast:where([sf~="5"]) { opacity: 1; --op-pe: inherit; animation-name: bombDet; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@keyframes bombDet {
0% { opacity: 0.696476; --op-pe: inherit; }
50% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0.696476; --op-pe: inherit; }
}
.BombPlantedLines__Slow:where([sf~="5"]) { animation-name: bombLines; animation-duration: 0.8s; animation-timing-function: linear; animation-iteration-count: infinite; }
.BombPlantedLines__Medium:where([sf~="5"]) { animation-name: bombLines; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; }
.BombPlantedLines__Fast:where([sf~="5"]) { animation-name: bombLines; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes bombLines {
0% { opacity: 0; --op-pe: none; transform: scale3d( 1, 1, 1 ); }
50% { opacity: 1; --op-pe: inherit; transform: scale3d( 1.2, 1.2, 1 ); }
100% { opacity: 0; --op-pe: none; transform: scale3d( 1.4, 1.4, 1 ); }
}
#GameScore:where([sf~="5"]) { --mgt: 1px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#PlayerCount:where([sf~="5"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --py: 60px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
#PlayerCount p-label:where([sf~="5"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; }
.PlayerCountInsteadOfAvatars #PlayerCount:where([sf~="5"]) { opacity: 0; --op-pe: none; }
#PlayerCount .playercount--left:where([sf~="5"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 10px; --mgt: 10px; --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#PlayerCount .playercount--right:where([sf~="5"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 12px; --mgt: 10px; --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#PlayerCount p-label:where([sf~="5"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#PlayerCount :is(p-image, :where(img[pimg])):where([sf~="5"]) { --img-shadow: drop-shadow(0px 0px 1px color-mix(in srgb, rgb(0 0 0 / 0.5) 78.721709%, transparent)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.GameScore__BGL:where([sf~="5"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.GameScore__BGR:where([sf~="5"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.TeamScoreL:where([sf~="5"]) { --mgt: 1px; color: #B5D4EE; }
.TeamScoreR:where([sf~="5"]) { --mgt: 1px; color: #EAD18A; }
.TeamScore:where([sf~="5"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --pdt: 1px; }
.hrTop:where([sf~="5"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --bg-grad: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.506899) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.JoinPanel--Animate-FadeIn:where([sf~="5"]) { opacity: 1; --op-pe: inherit; animation-name: JoinPanel--Animate-FadeIn; animation-duration: 0.6s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes JoinPanel--Animate-FadeIn {
0% { opacity: 0; --op-pe: none; transform: translateY( -26px ); }
100% { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); }
}
.JoinPanel--Animate-FadeOut:where([sf~="5"]) { opacity: 0; --op-pe: none; animation-name: JoinPanel--Animate-FadeOut; animation-duration: 0.6s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes JoinPanel--Animate-FadeOut {
0% { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); }
100% { opacity: 0; --op-pe: none; transform: translateY( -26px ); }
}
.Language_vietnamese p-csgohudteamcounter .JoinPanel p-label:where([sf~="5"]) { font-family: 'Noto Mono', 'Arial Unicode MS'; --c9: 1; }
#JoinTextCT:where([sf~="5"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; letter-spacing: 0.5px; color: #B5D4EE; --mgt: 2px; text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); }
#JoinTextT:where([sf~="5"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; letter-spacing: 0.5px; color: #EAD18A; --mgt: 2px; text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); }
#JoinTextBot:where([sf~="5"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; letter-spacing: 0.5px; color: white; --mgt: 2px; text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); }
.GameModeGunGame #TeamCounter:where([sf~="5"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.GameModeGunGame .team__large_container--left:where([sf~="5"]), .GameModeGunGame .team__large_container--right:where([sf~="5"]) { --vis-collapse: none; }
/* styles/matchinfo_scoreboard.css */
#scoreboard:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-label:where([sf~="6"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 400; letter-spacing: 0px; }
.sb-main:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-width: 600px; --pdt: 20px; --pdl: 20px; --pdln: 20; --pdr: 20px; --pdrn: 20; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.645307); --bg-grad: none; }
#id-sb-label-container:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#id-sb-players-table__labels-row--spacer:where([sf~="6"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.sb-footer-panel:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; }
.sb-spectator-control-panel:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 10px; --mgl: -2px; }
.sb-spectator-control-button:where([sf~="6"]) { --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; border-radius: 0px; }
.sb-spectator-control-button :is(p-image, :where(img[pimg])):where([sf~="6"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --wash-color: #AAAAAADD; --wash-filter: url(#w-aaaaaadd); --img-shadow: drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.21089)) drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.21089)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-spectator-control-button-notactive :is(p-image, :where(img[pimg])):where([sf~="6"]) { --wash-color: #664444FF; --wash-filter: url(#w-664444ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-sb-footer-server-website:where([sf~="6"]) { --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 4px; --pdb: 4px; }
#id-sb-footer-server-website p-label:where([sf~="6"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #ffffff; --mgt: 2px; --mgr: -1px; --mgb: 2px; --mgl: 10px; text-overflow: clip; }
#id-sb-footer-server-website :is(p-image, :where(img[pimg])):where([sf~="6"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --mgr: 8px; }
#id-sb-mouse-instructions:where([sf~="6"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; color: rgba(255, 255, 255, 0.32517); }
.sb-team:where([sf~="6"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.sb-team__info:where([sf~="6"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.sb-team__info__name:where([sf~="6"]), .sb-team__info__number:where([sf~="6"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; text-shadow: 1px 1px 1px #000000; max-width: 90px; --maxw: 90px; overflow-x: clip; overflow-y: visible; --ovx: squish; --ovy: noclip; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.sb-team__info__number:where([sf~="6"]) { opacity: 0.414305; --op-pe: inherit; }
.sb-team__info__score:where([sf~="6"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-team-logo-bg:where([sf~="6"]) { --bg-img-opacity: 0.2; --bg-img-own: none; --bg-size: contain; --bg-w: 0px; --bg-rep: no-repeat; --bg-pos: 0% 0%; }
.sb-team-logo-bg:where([sf~="6"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.sb-team__info__score p-label:where([sf~="6"]) { --fsz: 70; font-size: calc(max(1, round(nearest, 70 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-shadow: 2px 2px 3px rgb(0 0 0 / 0.501961), 2px 2px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 77.255%, transparent); }
.sb-team__data:where([sf~="6"]) { --pdl: 10px; --pdln: 10; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.sb-meta:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 75px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 75px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.sb-meta__labels:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; color: #CCC; text-shadow: none; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#sb-meta__labels__text:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; color: #CCC; text-shadow: none; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); color: grey; font-weight: 700; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.bottom-divider:where([sf~="6"]) { border-bottom: 1px solid rgba(128, 128, 128, 0.344543); }
.meta-row:where([sf~="6"]) { --pdt: 4px; --pdb: 4px; }
#id-sb-meta__mode__image:where([sf~="6"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 0px; --mgr: 18px; --mgb: 0px; --mgl: 6px; opacity: 1; --op-pe: inherit; --wash-color: grey; --wash-filter: url(#w-grey); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-sb-meta__labels__mode-map:where([sf~="6"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: grey; --px: 40px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); font-weight: 700; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; max-width: 550px; --maxw: 550px; }
#id-sb-meta__labels__server:where([sf~="6"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); color: grey; font-weight: 700; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; text-overflow: ellipsis; max-width: 550px; --maxw: 550px; }
#id-sb-meta__labels__server-viewers:where([sf~="6"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; color: grey; font-weight: 400; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
#id-sb-meta__button-panel:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 10px; }
.mutebuttonon p-label:where([sf~="6"]), .mutebuttonon :is(p-image, :where(img[pimg])):where([sf~="6"]) { color: red; }
.sb-meta__button-panel__btn p-label:where([sf~="6"]) { text-align: center; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-overflow: ellipsis; }
.sb-meta__button-panel__btn :is(p-image, :where(img[pimg])):where([sf~="6"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.sb-meta__button-panel__group:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 10px; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.sb-meta__button-panel__btn:where([sf~="6"]) { --pdt: 3px; --pdr: 3px; --pdb: 3px; --pdl: 3px; --pdrn: 3; --pdln: 3; --bgc: rgba(128, 128, 128, 0.663623); --bg-grad: none; --wash-color: #cccccc; --wash-filter: url(#w-cccccc); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-meta__button-panel__btn:hover:where([sf~="6"]), p-button.sb-row__cell:hover:where([sf~="6"]) { --brightness: 2.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-meta__button-panel__btn--active:where([sf~="6"]) { --bgc: rgba(250, 250, 250, 0.426185); --bg-grad: none; }
.RadioBox:where([sf~="6"]) { opacity: 0; --op-pe: none; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; }
#id-sb-meta__musickit:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#id-sb-meta__musickit p-label:where([sf~="6"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: grey; }
#id-sb-meta__musickit-image:where([sf~="6"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --mgr: 5px; }
#id-sb-meta__musickit-unborrow:where([sf~="6"]) { color: white; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.time_container:where([sf~="6"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.time_container__time:where([sf~="6"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; color: grey; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: center; letter-spacing: 0.2px; max-width: 100px; --maxw: 100px; --mgl: 10px; --text-shrink: 1; }
#id-gametime__desc:where([sf~="6"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: grey; font-weight: 700; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; max-width: 150px; --maxw: 150px; --text-shrink: 1; }
.sb-scorebox:where([sf~="6"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.sb-players-table:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-players-table.with-empty-rows:where([sf~="6"]) { --pdt: 30px; }
#players-table-CT:where([sf~="6"]), #players-table-TERRORIST:where([sf~="6"]), #players-table-ANY:where([sf~="6"]) { min-height: 120px; --mh-set: 1; --mhp: 1; }
.cooperative #players-table-ANY:where([sf~="6"]) { min-height: 48px; --mh-set: 1; --mhp: 1; }
#players-table-CT:where([sf~="6"]), #players-table-TERRORIST:where([sf~="6"]) { max-height: 270px; }
#players-table-ANY:where([sf~="6"]) { max-height: 540px; }
#players-table-Spectator:where([sf~="6"]) { --mgb: 20px; max-height: 108px; }
#id-sb-team--Spectator:where([sf~="6"]) { --pdt: 20px; }
#id-sb-team__localplayer:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; min-height: 20px; --mh-set: 1; --mhp: 1; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 20px; --pdl: 50px; --pdln: 50; --pdr: 50px; --pdrn: 50; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-row-stub:where([sf~="6"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; height: 35px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 35px; }
.sb-row:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 1px; --mgb: 1px; }
#id-player-:where([sf~="6"]) { --vis-collapse: none; }
.sb-row.muted .sb-row__cell:where([sf~="6"]) { --wash-color: #ff0000a0; --wash-filter: url(#w-ff0000a0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-row.survival:where([sf~="6"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.sb-row__set:where([sf~="6"]) { opacity: 1; --op-pe: inherit; width: 235px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 235px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#sb-row-stats-container:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sb-row:not(.no-hover):hover:where([sf~="6"]), .sb-row__set:not(.no-hover):hover:where([sf~="6"]) { --bgc: rgba(200, 200, 200, 0.158839); --bg-grad: none; --sound: "generic_button_rollover"; }
.sb-row--localplayer.sb-row.sb-team--TERRORIST:where([sf~="6"]) { --bgc: rgba(255, 238, 0, 0.213802); --bg-grad: none; }
.sb-row--localplayer.sb-row.sb-team--CT:where([sf~="6"]) { --bgc: rgba(0, 166, 255, 0.167123); --bg-grad: none; }
.sb-row__cell:where([sf~="6"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; --bgc: rgba(255, 255, 255, 0.1285); --bg-grad: none; }
.sb-row__cell p-label:where([sf~="6"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgr: 6px; --mgl: 6px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: none; font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS'; --c9: 0.9; }
.Language_japanese .sb-row__cell p-label:where([sf~="6"]) { --text-shrink: 1; }
.sb-row__cell.sortstat:where([sf~="6"]) { --bgc: rgba(255, 255, 255, 0.209272); --bg-grad: none; }
.sb-team--CT p-label.sb-team-tint:where([sf~="6"]), .sb-team--CT .sb-team-tint p-label:where([sf~="6"]), .sb-team-tint p-label.sb-team--CT:where([sf~="6"]), .sb-team-tint .sb-team--CT p-label:where([sf~="6"]) { color: #B5D4EE; }
.sb-team--CT :is(p-image, :where(img[pimg])).sb-team-tint:where([sf~="6"]), .sb-team--CT .sb-team-tint :is(p-image, :where(img[pimg])):where([sf~="6"]), .sb-team-tint :is(p-image, :where(img[pimg])).sb-team--CT:where([sf~="6"]), .sb-team-tint .sb-team--CT :is(p-image, :where(img[pimg])):where([sf~="6"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-team-tint p-label.sb-team--TERRORIST:where([sf~="6"]), .sb-team--TERRORIST p-label.sb-team-tint:where([sf~="6"]), .sb-team-tint .sb-team--TERRORIST p-label:where([sf~="6"]), .sb-team--TERRORIST .sb-team-tint p-label:where([sf~="6"]) { color: #EAD18A; }
.sb-team-tint :is(p-image, :where(img[pimg])).sb-team--TERRORIST:where([sf~="6"]), .sb-team--TERRORIST :is(p-image, :where(img[pimg])).sb-team-tint:where([sf~="6"]), .sb-team-tint .sb-team--TERRORIST :is(p-image, :where(img[pimg])):where([sf~="6"]), .sb-team--TERRORIST .sb-team-tint :is(p-image, :where(img[pimg])):where([sf~="6"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-row__cell--status:where([sf~="6"]), .sb-row__cell--ping:where([sf~="6"]), .sb-row__cell--rank:where([sf~="6"]), .sb-row__cell--avatar:where([sf~="6"]), .sb-row__cell--name:where([sf~="6"]), .sb-row__cell--flair:where([sf~="6"]), .sb-row__cell--kills:where([sf~="6"]), .sb-row__cell--deaths:where([sf~="6"]), .sb-row__cell--kdr:where([sf~="6"]), .sb-row__cell--utilitydamage:where([sf~="6"]), .sb-row__cell--score:where([sf~="6"]) { --bgc: rgba(255, 255, 255, 0.089635); --bg-grad: none; }
.sb-row__cell--score:where([sf~="6"]) { --bgc: rgba(255, 255, 255, 0.089635); --bg-grad: none; }
.sb-row__cell--ping:where([sf~="6"]) { width: 37px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 37px; }
.sb-row__cell--ping p-label:where([sf~="6"]) { width: 37px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 37px; color: #888; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-row__cell--lifetime:where([sf~="6"]) { --vis-collapse: none; }
#id-sb-row__lifetime:where([sf~="6"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: white; --bg-grad: none; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.696476; --op-pe: inherit; }
#id-sb-row__lifetime__death:where([sf~="6"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; }
p-label.sb-row__cell--ping__label--bot:where([sf~="6"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; }
.sb-row__cell--status:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; }
.sb-row__cell--flair:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 135 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.sb-row__cell--flair :is(p-image, :where(img[pimg])):where([sf~="6"]) { --pdt: 1px; --pdr: 1px; --pdb: 1px; --pdl: 1px; --pdrn: 1; --pdln: 1; }
.sb-row__cell--avatar:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; }
.sb-row__cell--avatar p-csgoavatarimage:where([sf~="6"]) { --bg-size: cover; --bg-w: 0px; }
.sb-row__cell--avatar--CT:where([sf~="6"]) { --bg-img: url("/panorama/images/icons/scoreboard/avatar-ct.webp"); }
.sb-row__cell--avatar--TERRORIST:where([sf~="6"]) { --bg-img: url("/panorama/images/icons/scoreboard/avatar-terrorist.webp"); }
.sb-row__cell--avatar__playercolor:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border: 1px solid; --bdln: 1; --bdrn: 1; }
.sb-row__cell--avatar__muted:where([sf~="6"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; --bgc: rgba(128, 128, 128, 0.965926); --bg-grad: none; }
.muted .sb-row__cell--avatar__muted:where([sf~="6"]) { --vis-collapse: initial; }
.sb-row__cell--name:where([sf~="6"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.sb-clantag:where([sf~="6"]) { font-weight: 700; }
.sb-row__cell--name p-label:where([sf~="6"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: left; text-overflow: ellipsis; max-height: 24px; width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 2px; }
.sb-row__cell--name .kk-t-p-label:has(> p-label:where([sf~="6"]):not([pvis="0"])), .sb-row__cell--name.kk-t-p-label:has(> p-label:where([sf~="6"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .sb-row__cell--name .kk-t-p-label:has(> p-label:where([sf~="6"]):not([pvis="0"]))::after, .sb-row__cell--name.kk-t-p-label:has(> p-label:where([sf~="6"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#id-sb-name__nameicons:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
#id-sb-name__nameicons :is(p-image, :where(img[pimg])):where([sf~="6"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --mgl: 3px; --mgr: 3px; --mgb: 1px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#id-sb-name__nameicons #id-sb-skillgroup-image:where([sf~="6"]) { width: 55px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 55px; }
.sb-row__cell--rank:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.sb-row__cell--money:where([sf~="6"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; }
#id-sb-row__cell--money__label:where([sf~="6"]) { text-align: right; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.sb-row__cell--mvps:where([sf~="6"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: 45px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 45px; }
.sb-row__cell--mvps__star:where([sf~="6"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
p-label.sb-row__cell--mvps__count:where([sf~="6"]) { text-align: center; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgl: 0px; --mgr: 0px; transform: translateX( 8px ); }
.sb-row__cell--score:where([sf~="6"]) { width: 52px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 52px; }
.sb-row__cell--hsp:where([sf~="6"]) { width: 45px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 45px; }
.sb-row__cell--kdr:where([sf~="6"]) { width: 55px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 55px; }
.sb-row__cell--adr:where([sf~="6"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.sb-row__cell--utilitydamage:where([sf~="6"]) { width: 45px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 45px; }
.sb-row--labels:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 10px; --pdln: 10; }
.sb-row--labels .sb-row__set:where([sf~="6"]) { --pdl: 0px; --pdln: 0; }
.sb-row--labels .sb-row__cell--label p-label:where([sf~="6"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 5px; --text-shrink: 1; }
.sb-color--CT:where([sf~="6"]), .sb-color--CT p-label:where([sf~="6"]) { color: #B5D4EE; }
.sb-color--TERRORIST:where([sf~="6"]), .sb-color--TERRORIST p-label:where([sf~="6"]) { color: #EAD18A; }
.sb-color--Spectator:where([sf~="6"]), .sb-color--Spectator p-label:where([sf~="6"]) { color: #ffffff; }
.sb-tint--Spectator p-label:where([sf~="6"]) { --wash-color: #ffffff00; --wash-filter: url(#w-ffffff00); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
:not(.eom-scoreboard) .sb-player-status-dead:where([sf~="6"]) { opacity: 0.696476; --op-pe: inherit; --wash-color: #999; --wash-filter: url(#w-999); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
:not(.eom-scoreboard) .sb-player-status-dead .sb-row__cell:where([sf~="6"]), :not(.eom-scoreboard) .sb-row__cell--label:where([sf~="6"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.sb-team--Spectator:where([sf~="6"]) { opacity: 0.892208; --op-pe: inherit; --mgl: 0px; }
.sb-team--Spectator .sb-row__cell:where([sf~="6"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
@keyframes anim-pulse {
0% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
5% { --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.sb-pulse-highlight:where([sf~="6"]) { --brightness: 1; animation-name: anim-pulse; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-pulse-green:where([sf~="6"]) { --wash-color: #00ff00ff; --wash-filter: url(#w-00ff00ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-pulse-red:where([sf~="6"]) { --wash-color: #ff0000ff; --wash-filter: url(#w-ff0000ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-player-pulse-death:where([sf~="6"]) { --wash-color: #ff0000ff; --wash-filter: url(#w-ff0000ff); --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-score:where([sf~="6"]) { --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; text-align: right; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-timeline:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 2px; --mgb: 2px; min-height: 20px; --mh-set: 1; --mhp: 1; }
.sb-timeline__bumper:where([sf~="6"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.sb-team-spacer:where([sf~="6"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.sb-timeline__team-names:where([sf~="6"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
.sb-timeline__team-names p-label:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segments:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; min-width: 1px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-height: 100px; --mh-set: 1; --mhp: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdl: 10px; --pdln: 10; }
.sb-timeline__segment:where([sf~="6"]), .sb-timeline__round-container:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-timeline__divider:where([sf~="6"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: gray; --bg-grad: none; opacity: 0.268142; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 10px; --mgr: 10px; }
.sb-timeline__half-time-scores:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.sb-timeline__round-loss-bonus-money:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 68px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 68px; }
.sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--CT:where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--TERRORIST:where([sf~="6"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--CT:where([sf~="6"]) { --pdt: 10px; --pdb: 2px; }
.sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--TERRORIST:where([sf~="6"]) { --pdt: 2px; --pdb: 10px; }
.sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--CT :is(p-image, :where(img[pimg])):where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--TERRORIST :is(p-image, :where(img[pimg])):where([sf~="6"]) { width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --mgr: 1px; }
.sb-timeline__segment_ot_spacer:where([sf~="6"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; }
.sb-timeline__segment__round:where([sf~="6"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: left; --tooltip-body-position: 0% 50%; }
.sb-timeline__segment__round__symbols:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.sb-timeline__segment__round :is(p-image, :where(img[pimg])):where([sf~="6"]) { --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.114233)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-timeline__segment__round__tick:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.414305; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(255, 255, 255, 0.486185); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round__tick__label:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; opacity: 0.767696; --op-pe: inherit; --mgt: 4px; text-shadow: 1px 1px 1px #000000; }
.sb-timeline__score:where([sf~="6"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.kk-c-sb-timeline__score:has(> .sb-timeline__score:where([sf~="6"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-sb-timeline__score:has(> .sb-timeline__score:where([sf~="6"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.sb-timeline__phase-label:where([sf~="6"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 4px; --mgb: 4px; }
.sb-timeline__round-label:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 70; font-size: calc(max(1, round(nearest, 70 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 2px; opacity: 0.112503; --op-pe: inherit; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; color: gray; }
.sb-timeline__score__label:where([sf~="6"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-shadow: 1px 1px 1px #000000; }
.sb-timeline__segment__round__team:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); min-height: 49px; --mh-set: 1; --mhp: 1; }
.sb-timeline__segment__round__result:where([sf~="6"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; opacity: 0.616725; --op-pe: inherit; --pdl: 3px; --pdln: 3; --pdr: 3px; --pdrn: 3; --mgt: 2px; --mgb: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round__divider:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.sb-team-tint :is(p-image, :where(img[pimg])).dead-casualty:where([sf~="6"]) { --wash-color: gray; --wash-filter: url(#w-gray); opacity: 0.524924; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-timeline__segment__round__casualties:where([sf~="6"]) { opacity: 0.524924; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 2px; --mgb: 2px; }
.sb-timeline__segment__round__casualties--number:where([sf~="6"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 120; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; opacity: 0.524924; --op-pe: inherit; }
.sb-timeline__segment__round__casualties--number p-label:where([sf~="6"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-timeline__segment__round__casualties :is(p-image, :where(img[pimg])):where([sf~="6"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round__team--top:where([sf~="6"]), .sb-timeline__segment__round__team--top .sb-timeline__segment__round__casualties:where([sf~="6"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round__team--bot:where([sf~="6"]), .sb-timeline__segment__round__team--bot .sb-timeline__segment__round__casualties:where([sf~="6"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round--active:where([sf~="6"]) { opacity: 0.767696; --op-pe: inherit; }
.sb-timeline__segment__round--clinch:where([sf~="6"]) { --bgc: gray; --bg-grad: none; opacity: 0.414305; --op-pe: inherit; }
.clinch-label:where([sf~="6"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; color: gray; }
.past-clinch:where([sf~="6"]) { opacity: 0.268142; --op-pe: inherit; }
.sb-timeline__segment__round__team--top .clinch-label:where([sf~="6"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.sb-timeline__segment__round__team--bot .clinch-label:where([sf~="6"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.sb-timeline__segment__round__team--top .sb-timeline__segment__round--active:where([sf~="6"]) { --bg-grad: linear-gradient(0deg, rgba(255, 255, 255, 0.337286) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --pdb: 4px; }
.sb-timeline__segment__round__team--bot .sb-timeline__segment__round--active:where([sf~="6"]) { --bg-grad: linear-gradient(180deg, rgba(255, 255, 255, 0.337286) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --pdt: 4px; }
.sb-timeline__segment__round--active .sb-timeline__segment__round__tick:where([sf~="6"]) { opacity: 1; --op-pe: inherit; }
.sb-team-tint .sb-timeline__segment__round__tick.sb-team--CT:where([sf~="6"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-team-tint .sb-timeline__segment__round__tick.sb-team--TERRORIST:where([sf~="6"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.visible:where([sf~="6"]) { --vis-collapse: initial; }
.hidden:where([sf~="6"]) { --vis-collapse: none; }
.sb-team--Spectator .spectator-hidden :is(p-image, :where(img[pimg])):where([sf~="6"]), .sb-team--Spectator .spectator-hidden p-label:where([sf~="6"]) { opacity: 0; --op-pe: none; }
.fade:where([sf~="6"]) { opacity: 0; --op-pe: none; }
.transparent:where([sf~="6"]) { opacity: 0; --op-pe: none; }
.center:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.hilite:where([sf~="6"]) { --brightness: 2.0; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-tournament-match .sb-row__cell--rank:where([sf~="6"]), .sb-tournament-match #id-sb-skillgroup-image:where([sf~="6"]) { --vis-collapse: none; }
.sb-timeline__round-loss-bonus-money .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-team--CT .sb-timeline__round-loss-bonus-money__CT2:where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-team--CT .sb-timeline__round-loss-bonus-money__CT3:where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-team--CT .sb-timeline__round-loss-bonus-money__CT4:where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST2:where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST3:where([sf~="6"]), .sb-timeline__round-loss-bonus-money .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST4:where([sf~="6"]) { --wash-color: #444444FF; --wash-filter: url(#w-444444ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT1 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT2 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT3 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT4 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT2 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT2:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT3 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT2:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT4 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT2:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT3 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT3:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT4 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT3:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT4 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT4:where([sf~="6"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST1 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST2 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST3 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST4 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST2 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST2:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST3 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST2:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST4 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST2:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST3 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST3:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST4 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST3:where([sf~="6"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST4 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST4:where([sf~="6"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-scoreboard .sb-main:where([sf~="6"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border: 0; --bdln: 0; --bdrn: 0; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.eom-scoreboard #id-sb-mouse-instructions:where([sf~="6"]), .eom-scoreboard #id-sb-meta__musickit:where([sf~="6"]), .eom-scoreboard .sb-row__cell--money p-label:where([sf~="6"]), .eom-scoreboard .sb-team__info__number:where([sf~="6"]), .eom-scoreboard .sb-team--Spectator:where([sf~="6"]), .eom-scoreboard #id-sb-footer-server-website:where([sf~="6"]), .eom-scoreboard #id-sb-meta__blockugc:where([sf~="6"]), .eom-scoreboard #id-sb-meta__mutevoice:where([sf~="6"]) { --vis-collapse: none; }
.eom-scoreboard .sb-timeline__segment__round--clinch:where([sf~="6"]), .eom-scoreboard .clinch-label:where([sf~="6"]) { opacity: 0; --op-pe: none; }
.eom-scoreboard .sb-row__cell--money:not(.sb-row__cell--label):where([sf~="6"]) { --bgc: rgba(255, 255, 255, 0.089635); --bg-grad: none; }
.eom-scoreboard .sb-meta:where([sf~="6"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 0px; }
.eom-scoreboard .sb-team:where([sf~="6"]), .eom-scoreboard .sb-timeline:where([sf~="6"]), .eom-scoreboard #id-sb-label-container:where([sf~="6"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-scoreboard .sb-timeline:where([sf~="6"]) { --mgt: 5px; --mgb: 5px; }
.eom-scoreboard #id-sb-meta__button-panel:where([sf~="6"]) { --vis-collapse: initial; }
.sb-coop-mission-info:where([sf~="6"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; }
.coop-mission-instructions:where([sf~="6"]) { --vis-collapse: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.show-mission-desc .coop-mission-instructions:where([sf~="6"]) { --vis-collapse: initial; }
.coop-mission-stats:where([sf~="6"]) { --vis-collapse: none; }
.show-mission-stats .coop-mission-stats:where([sf~="6"]) { --vis-collapse: initial; }
.stats-header-previous:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --vis-collapse: initial; }
.coop-finalscore .stats-header-previous:where([sf~="6"]) { --vis-collapse: none; }
.stats-header-endgame:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --vis-collapse: none; }
.coop-finalscore .stats-header-endgame:where([sf~="6"]) { --vis-collapse: initial; }
.coop-mission-stats:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.coop-mission-stats-left:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgr: 12px; }
.coop-mission-stats-right:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 0.4), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.sb-coop-stats__row:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sb-coop-stat-name:where([sf~="6"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.sb-coop-stat-value:where([sf~="6"]) { text-align: right; --pdr: 20px; --pdrn: 20; width: min(calc((100% + var(--ppx)) * 0.2), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.sb-coop-stats__total .sb-coop-stat-score:where([sf~="6"]), .sb-coop-stats__total .sb-coop-stat-name:where([sf~="6"]) { font-weight: 700; text-transform: uppercase; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.sb-coop-stat-score:where([sf~="6"]) { width: min(calc((100% + var(--ppx)) * 0.2), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; text-align: right; --pdr: 8px; --pdrn: 8; }
.evenrow:where([sf~="6"]) { --bgc: rgba(48, 48, 48, 0.362712); --bg-grad: none; }
.oddrow:where([sf~="6"]) { --bgc: rgba(1, 49, 65, 0.348095); --bg-grad: none; }
p-panel:where([sf~="6"]), p-label:where([sf~="6"]), p-csgoavatarimage:where([sf~="6"]) { transition-property: --bgc, color; transition-duration: 0s, 0s; transition-timing-function: ease-in-out, ease-in-out; }
/* styles/panorama_base.css */
#PanoramaEngine:where([sf~="7"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; color: rgba(255, 255, 255, 1); --bgc: rgba(255, 0, 0, 0.17251); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 100px; --vis-collapse: none; }
#PanelOne:where([sf~="7"]), #TextEntry:where([sf~="7"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --bgc: rgba(255, 0, 0, 1); --bg-grad: none; }
#TextEntry:where([sf~="7"]) { --bgc: rgba(0, 255, 0, 1); --bg-grad: none; }
p-texttooltip:where([sf~="7"]) { --bg-grad: linear-gradient(180deg, white 0%, #e4e5f0 100%); --bgc: transparent; border-radius: 2.5px; border: 1px solid rgba(118, 118, 118, 1); --bdln: 1; --bdrn: 1; box-shadow: 6px 4px 0px 0px rgba(128, 128, 128, 0.713666); --bg-fill: rgba(128, 128, 128, 0.713666); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; max-width: 600px; --maxw: 600px; font-family: "Motiva Sans"; --c9: 1; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(17, 17, 17, 1); --vis-collapse: none; }
p-texttooltip.TooltipVisible:where([sf~="7"]) { --vis-collapse: initial; }
p-texttooltip p-label:where([sf~="7"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: black; transform: translateX(0px); --pdl: 0px; --pdln: 0; text-overflow: ellipsis; }
.ConsoleVisible:where([sf~="7"]) { --vis-collapse: initial; }
p-a:where([sf~="7"]) { color: blue; }
p-a:hover:where([sf~="7"]) { text-decoration: underline; }
p-b:where([sf~="7"]) { font-weight: 700; }
p-i:where([sf~="7"]) { font-style: italics; }
p-strong:where([sf~="7"]) { font-weight: 700; }
p-em:where([sf~="7"]) { font-style: italics; }
p-h1:where([sf~="7"]) { font-weight: 700; }
p-h2:where([sf~="7"]) { font-weight: 700; }
p-pre:where([sf~="7"]) { font-family: "Courier New"; --c9: 1; }
p-verticalscrollbar:where([sf~="7"]), p-htmlverticalscrollbar:where([sf~="7"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --p-layout-position: fixed; transition-property: transform; }
p-verticalscrollbar .ScrollThumb:where([sf~="7"]), p-htmlverticalscrollbar .ScrollThumb:where([sf~="7"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; min-height: 32px; --mh-set: 1; --mhp: 1; --bgc: #566767; --bg-grad: none; border-top: 1px solid rgba(170, 170, 170, 0.29864); border-right: 1px solid rgba(0, 0, 0, 0.404027); --bdrn: 1; transition-property: --bgc, transform, translate, --pxp, --pyp; transition-duration: 0.1s, 0.1s, 0.1s, 0.1s, 0.1s; transition-timing-function: linear, linear, linear, linear, linear; }
p-verticalscrollbar:hover .ScrollThumb:where([sf~="7"]), p-htmlverticalscrollbar:hover .ScrollThumb:where([sf~="7"]) { --bgc: #566767; --bg-grad: none; }
p-verticalscrollbar:active .ScrollThumb:where([sf~="7"]), p-htmlverticalscrollbar:active .ScrollThumb:where([sf~="7"]) { --bgc: #566767; --bg-grad: none; }
p-horizontalscrollbar:where([sf~="7"]), p-htmlhorizontalscrollbar:where([sf~="7"]) { height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --p-layout-position: fixed; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; box-shadow: 2px -1px 1.5px 2px rgb(0 0 0 / 0.333333); --bg-fill: rgb(0 0 0 / 0.333333); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: transform; }
p-horizontalscrollbar .ScrollThumb:where([sf~="7"]), p-htmlhorizontalscrollbar .ScrollThumb:where([sf~="7"]) { height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; min-width: 32px; border-top: 1px solid rgba(170, 170, 170, 0.29864); border-bottom: 1px solid rgba(0, 0, 0, 0.404027); --bgc: #566767; --bg-grad: none; transition-property: --bgc, transform, translate, --pxp, --pyp; transition-duration: 0.1s, 0.1s, 0.1s, 0.1s, 0.1s; transition-timing-function: linear, linear, linear, linear, linear; }
p-horizontalscrollbar:hover .ScrollThumb:where([sf~="7"]), p-htmlhorizontalscrollbar:hover .ScrollThumb:where([sf~="7"]) { --bgc: #566767; --bg-grad: none; }
p-horizontalscrollbar:active .ScrollThumb:where([sf~="7"]), p-htmlhorizontalscrollbar:active .ScrollThumb:where([sf~="7"]) { --bgc: #566767; --bg-grad: none; }
p-verticalscrollbar:where([sf~="7"]), p-verticalscrollbar .ScrollThumb:where([sf~="7"]), p-horizontalscrollbar:where([sf~="7"]), p-horizontalscrollbar .ScrollThumb p-htmlhorizontalscrollbar:where([sf~="7"]), p-htmlhorizontalscrollbar .ScrollThumb:where([sf~="7"]), p-htmlverticalscrollbar:where([sf~="7"]), p-htmlverticalscrollbar .ScrollThumb:where([sf~="7"]) { transition-duration: 0.20s; transition-timing-function: ease-in-out; }
p-verticalscrollbar.MouseDown:where([sf~="7"]), p-verticalscrollbar.MouseDown .ScrollThumb:where([sf~="7"]), p-horizontalscrollbar.MouseDown:where([sf~="7"]), p-horizontalscrollbar.MouseDown .ScrollThumb p-htmlhorizontalscrollbar.MouseDown:where([sf~="7"]), p-htmlhorizontalscrollbar.MouseDown .ScrollThumb:where([sf~="7"]), p-htmlverticalscrollbar.MouseDown:where([sf~="7"]), p-htmlverticalscrollbar.MouseDown .ScrollThumb:where([sf~="7"]) { transition-duration: 0.0s; }
/* styles/hud/huddmbonus.css */
.bonuspanel:where([sf~="8"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: translateX( -400px ); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; --vis-collapse: none; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.bonuspanel-bkg-TOP:where([sf~="8"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.465819) 100%); --bgc: transparent; }
.bonuspanel-bkg-BOT:where([sf~="8"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.465819) 100%); --bgc: transparent; }
.bonuspanel.bonuspanel--deathmatch:where([sf~="8"]) { --vis-collapse: initial; }
.bonuspanel.bonuspanel--active:where([sf~="8"]) { transform: translateX( 0px ); opacity: 1; --op-pe: inherit; --sound: "UI.DeathMatchBonusAlertStart"; --sound-out: "UI.DeathMatchBonusAlertEnd"; }
.bonuspanel-bg:where([sf~="8"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.7355) 0%, rgba(0, 0, 0, 0.059773) 80%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.bonuspanel-content:where([sf~="8"]) { width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.bonuspanel-title:where([sf~="8"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; --pdt: -2px; }
.bonuspanel-title-text:where([sf~="8"]) { color: #c2c2c2; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: normal; text-transform: uppercase; }
.bonuspanel-title-weapon:where([sf~="8"]) { color: #ffffff; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdl: 4px; --pdln: 4; }
.bonuspanel-info:where([sf~="8"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 14px; }
.bonuspanel-subinfo:where([sf~="8"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 333px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 333px; }
.bonuspanel-icon-container:where([sf~="8"]) { min-width: 180px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.bonuspanel-icon:where([sf~="8"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; color: white; --mgt: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.bonuspanel-points-container:where([sf~="8"]) { height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; opacity: 1; --op-pe: inherit; --mgt: 6px; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.bonuspanel--bonuskill .bonuspanel-points-container:where([sf~="8"]) { opacity: 0; --op-pe: none; }
.bonuspanel-points:where([sf~="8"]) { color: #ffffff; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --pdt: 6px; letter-spacing: normal; }
.bonuspanel-timer:where([sf~="8"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.bonuspanel-timerbar:where([sf~="8"]) { --mgt: 3px; height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: #615F5F; --bg-grad: none; }
.bonuspanel-bonuspoints:where([sf~="8"]) { --px: 292px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 40px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 85px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 85px; height: 85px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 85px; border-radius: 50%; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; opacity: 0; --op-pe: none; }
@keyframes bonuspanel-kill-animation {
0% { transform: translateX(0px); opacity: 0; --op-pe: none; }
20% { transform: scaleX(2) scaleY(2) translateX(100px); opacity: 1; --op-pe: inherit; }
30% { transform: translateX(100px) scaleX(1) scaleY(1); opacity: 1; --op-pe: inherit; }
80% { transform: translateX(100px); opacity: 1; --op-pe: inherit; }
100% { transform: translateX(0px); opacity: 0; --op-pe: none; }
}
.bonuspanel--bonuskill .bonuspanel-bonuspoints:where([sf~="8"]) { animation-name: bonuspanel-kill-animation; animation-duration: 2.0s; animation-timing-function: ease-out; animation-iteration-count: 1; --sound: "UI.DeathMatchBonusKill"; }
.bonuspanel-bonuspoints-points:where([sf~="8"]) { font-family: Stratum2; --c9: 0.9; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: 1px 1px 1px #000000; text-align: center; --mgl: 10px; }
.pie:where([sf~="8"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.circle-background:where([sf~="8"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border: 6px solid rgba(255, 255, 255, 0.089635); --bdln: 6; --bdrn: 6; border-radius: 50%; }
.circle:where([sf~="8"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border: 6px solid #ffffff; --bdln: 6; --bdrn: 6; border-radius: 50%; animation-name: bonuspanel-timerbar-animation; animation-duration: 30s; animation-timing-function: linear; animation-fill-mode: both; }
@keyframes bonuspanel-timerbar-animation {
0% { --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); --wash-color: #00ff00; --wash-filter: url(#w-00ff00); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
30% { --wash-color: #00ff00; --wash-filter: url(#w-00ff00); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
55% { --wash-color: #ffff00; --wash-filter: url(#w-ffff00); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
60% { --wash-color: #ffff00; --wash-filter: url(#w-ffff00); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
85% { --wash-color: #ff0000; --wash-filter: url(#w-ff0000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --clip-radial-center: 50% 50%; --clip-radial-start: 180deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); --wash-color: #ff0000; --wash-filter: url(#w-ff0000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.bonuspanel-timer-text:where([sf~="8"]) { color: #fff; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); line-height: 0px; --pdt: 5px; --pdr: 0px; --pdb: 0px; --pdl: -1px; --pdrn: 0; --pdln: 0; --text-shrink: 1; text-align: center; }
/* styles/popups/popup_news.css */
.popup-news:where([sf~="9"]) { width: 550px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 550px; height: 700px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 700px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); scale: 1; transform: translateY( 0px ); min-width: 0px; opacity: 1; --op-pe: inherit; border-radius: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; transition-property: transform, scale, opacity, --bgc, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; --bgc: rgba(22, 22, 22, 1); --bg-grad: none; }
.popup-news.PopupPanel:where([sf~="9"]) { --pdb: 0px; }
.popup-news.Hidden:where([sf~="9"]) { opacity: 0; --op-pe: none; scale: 1.25; transform: translateY( -10px ); --sound: "UIPanorama.ui_custom_lobby_dialog_slide"; }
#BlogHTML:where([sf~="9"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease-in-out; }
.kk-i-BlogHTML:has(> #BlogHTML:where([sf~="9"]):not([pvis="0"])) { --kid-fill-h: 1; }
#HTMLContainer:where([sf~="9"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.kk-i-HTMLContainer:has(> #HTMLContainer:where([sf~="9"]):not([pvis="0"])) { --kid-fill-h: 1; }
#BlogHTML.visible:where([sf~="9"]) { opacity: 1; --op-pe: inherit; }
#spinner:where([sf~="9"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-footer:where([sf~="9"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
#id-close-button:where([sf~="9"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#id-header:where([sf~="9"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 0px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#id-date:where([sf~="9"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#id-title:where([sf~="9"]) { --mgb: 0px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; max-height: 50px; --mgb: 10px; }
.news-title-and-date:where([sf~="9"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 0.95), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
#id-news-url-button:where([sf~="9"]) { --wash-color: gray; --wash-filter: url(#w-gray); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-news-url-button:hover:where([sf~="9"]) { --wash-color: white; --wash-filter: initial; transition-property: --wash-color; transition-duration: 0.20s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/popups/popups_shared.css */
.PopupPanel:where([sf~="10"]) { --bgc: rgba(44, 44, 44, 1); --bg-grad: none; min-width: 512px; max-width: 720px; --maxw: 720px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --pdb: 16px; border: 1px solid rgb(65, 65, 65); --bdln: 1; --bdrn: 1; --brightness: 1; transition-property: transform, scale, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupPanel.Hidden:where([sf~="10"]) { opacity: 0; --op-pe: none; scale: 1.2; --sound: "UIPanorama.ui_custom_lobby_dialog_slide"; transition-property: transform, scale, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.PopupPanel.popup-operation-launch.Hidden:where([sf~="10"]) { transition-property: transform, scale, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.PopupPanel.HiddenByPopup:where([sf~="10"]) { opacity: 0; --op-pe: none; transition-duration: 0.0s; }
.PopupPanel.Dark:where([sf~="10"]) { --bgc: #1b1b1b; --bg-grad: none; }
.PopupTitle:where([sf~="10"]) { --pdt: 16px; --pdb: 16px; --pdr: 28px; --pdrn: 28; --pdl: 28px; --pdln: 28; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: rgb(151, 151, 151); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 15px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: rgba(0, 0, 0, 0.12479); --bg-grad: none; }
.PopupMessage:where([sf~="10"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-width: 100%; text-align: left; --pdt: 8px; --pdb: 8px; --pdr: 28px; --pdrn: 28; --pdl: 28px; --pdln: 28; }
.PopupButtonRow:where([sf~="10"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 25px; --mgr: 32px; --mgb: 0px; --mgl: 32px; }
.PopupButtonRow .PopupButton:active:where([sf~="10"]) { --sound: "UIPanorama.submenu_select"; }
.PopupDimVerticalButtonContainer:where([sf~="10"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.059773); --bg-grad: none; --pdb: 0px; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; }
.PopupPanel.NotificationYellow .PopupTitle:where([sf~="10"]) { color: black; --bgc: #E1C111; --bg-grad: none; }
.PopupPanel.NotificationYellow #ButtonContainer p-label:where([sf~="10"]) { color: #E1C111; }
.PopupPanel.NotificationBlue .PopupTitle:where([sf~="10"]) { color: black; --bgc: #417ca9; --bg-grad: none; }
.PopupPanel.NotificationBlue #ButtonContainer p-label:where([sf~="10"]) { color: #8BB2D5; }
.popupbuttonrow__status__loading:where([sf~="10"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.popupbuttonrow__status__loading p-label:where([sf~="10"]), .popupbuttonrow__status__loading .Spinner:where([sf~="10"]) { --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
.spacer:where([sf~="10"]) { --mgl: 25px; --mgr: 25px; }
/* styles/friendslist.css */
.friendslist:where([sf~="11"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.friendslist-navbar:where([sf~="11"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transition-property: translate, --pxp, --pyp; transition-duration: .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.friendslist-navbar--tab-settings:where([sf~="11"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdl: 10px; --pdln: 10; border-bottom: 1px solid rgba(255, 255, 255, 0.179361); transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendslist-navbar--tab-settings.expand:where([sf~="11"]) { transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.IconButton.Activated:where([sf~="11"]) { --sound: "UIPanorama.sidemenu_select"; }
.friendslist-navbar--tab-settings .IconButton:where([sf~="11"]) { --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 0px; --bg-grad: linear-gradient(0deg, rgba(231, 231, 231, 0) 0%, rgba(231, 231, 231, 0) 7%, rgba(221, 221, 221, 0) 7%, rgba(221, 221, 221, 0) 100%); --bgc: transparent; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; transition-property: --bgc; transition-duration: .1s; transition-timing-function: ease-in-out; }
.friendslist-navbar--tab-settings .IconButton:hover:where([sf~="11"]) { --bg-grad: linear-gradient(0deg, rgba(231, 231, 231, 0.583157) 0%, rgba(231, 231, 231, 0.583157) 7%, rgba(221, 221, 221, 0) 7%, rgba(221, 221, 221, 0) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .1s; transition-timing-function: ease-in-out; }
.friendslist-navbar-btn:where([sf~="11"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 18px; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; --vis-collapse: initial; transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.friendslist-navbar-spacer-fit-width:where([sf~="11"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-friendslist-navbar-spacer-fit-width:has(> .friendslist-navbar-spacer-fit-width:where([sf~="11"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-friendslist-navbar-spacer-fit-width:has(> .friendslist-navbar-spacer-fit-width:where([sf~="11"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.IconButton.friendslist-navbar-lobby-button._selected:where([sf~="11"]) { --bg-grad: linear-gradient(0deg, #e7e7e7 0%, #e7e7e7 7%, rgba(221, 221, 221, 0) 7%, rgba(221, 221, 221, 0) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .0s; transition-timing-function: ease-in-out; }
.IconButton.friendslist-navbar-lobby-button._selected :is(p-image, :where(img[pimg])):where([sf~="11"]) { --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.IconButton.friendslist-navbar-lobby-button .RadioBox:where([sf~="11"]) { --vis-collapse: none; }
.mainmenu-sidebar--minimized .friendslist-navbar-btn.hidden:where([sf~="11"]) { --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 18px; --vis-collapse: none; transition-property: translate, --pxp, --pyp; transition-duration: .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.friendslist-navbar-btn p-radiobutton:where([sf~="11"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: white; --wash-filter: initial; --bg-grad: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%); --bgc: transparent; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.friendslist-navbar-btn p-radiobutton p-label:where([sf~="11"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; }
.friendslist-navbar-btn p-radiobutton:not(._disabled):hover:where([sf~="11"]) { --bg-grad: linear-gradient(0deg, white 0%, white 1.8%, rgba(255, 255, 255, 0) 2%); --bgc: transparent; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; --sound: "UIPanorama.sidemenu_rollover"; }
.friendslist-navbar-btn p-radiobutton._selected:where([sf~="11"]) { --bg-grad: linear-gradient(0deg, white 0%, white 7.2%, rgba(255, 255, 255, 0) 8%); --bgc: transparent; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; --sound: "UIPanorama.sidemenu_select"; }
.friendslist-navbar-btn p-radiobutton :is(p-image, :where(img[pimg])):where([sf~="11"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
p-radiobutton.toggle-active :is(p-image, :where(img[pimg])):where([sf~="11"]) { --brightness: .3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.friendslist-navbar-btn .RadioBox:where([sf~="11"]) { --vis-collapse: none; }
.friendslist-navbar-title:where([sf~="11"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; }
.friendslist-navbar-title__number:where([sf~="11"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: rgba(255, 255, 255, 0.673362); font-weight: 700; width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; text-align: center; --mgl: 24px; }
.friendslist-navbar-title__text:where([sf~="11"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; font-weight: 700; text-align: left; --mgl: 30px; }
.friendslist__seperator:where([sf~="11"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.268142; --op-pe: inherit; --bgc: #ffffff; --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: translate, --pxp, --pyp; transition-duration: .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.friendslist-lists:where([sf~="11"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.friendslist-list:where([sf~="11"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: opacity, transform; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.friendslist-list__contents:where([sf~="11"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.friendslist-list.hidden:where([sf~="11"]) { opacity: 0; --op-pe: none; transform: translateX( 200px ); transition-property: opacity, transform; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.friendslist-accordian__broadcast-toggle:where([sf~="11"]) { border-bottom: 1px solid rgba(255, 255, 255, 0.179361); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.friendslist-accordian__broadcast-searching-container:where([sf~="11"]) { --vis-collapse: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.toggle-active .friendslist-accordian__broadcast-searching-container:where([sf~="11"]) { --vis-collapse: initial; }
.friendslist-accordian__broadcast-searching:where([sf~="11"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; border-radius: 50%; border: 3px solid #2ddd33; --bdln: 3; --bdrn: 3; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); animation-name: broadcast-searching-inner-active; animation-duration: 2.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.friendslist-accordian__broadcast-searching-outer:where([sf~="11"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; border-radius: 50%; border: 2px solid #2ddd33; --bdln: 2; --bdrn: 2; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); animation-name: broadcast-searching-outer-active; animation-duration: 2.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@keyframes broadcast-searching-inner-active {
from { transform: scale3d( .0, .0, 1 ); opacity: 1; --op-pe: inherit; }
25% { opacity: 0.862912; --op-pe: inherit; }
50% { transform: scale3d( 1.3, 1.3, 1 ); opacity: 0; --op-pe: none; }
100% { transform: scale3d( 1.5, 1.5, 1 ); opacity: 0; --op-pe: none; }
}
@keyframes broadcast-searching-outer-active {
from { transform: scale3d( 0, 0, 0 ); opacity: 1; --op-pe: inherit; }
50% { opacity: 0.862912; --op-pe: inherit; }
100% { transform: scale3d( 1.3, 1.3, 1 ); opacity: 0; --op-pe: none; }
}
.friendslist-nodata:where([sf~="11"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; --vis-collapse: initial; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; }
.friendslist-nodata__image:where([sf~="11"]) { height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 21px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.friendslist-nodata-text:where([sf~="11"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 64px; --mgr: 16px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.friendslist-nodata-text__title:where([sf~="11"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 16px; --mgl: 12px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.friendslist-nodata-text__body:where([sf~="11"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); line-height: 20px; --mgl: 12px; --mgb: 8px; }
.friendslist-nodata.hidden:where([sf~="11"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; }
.friendslist-nodata .PopupButton:where([sf~="11"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.friendslist-loadingbar:where([sf~="11"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 6px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 6px; --mgb: 4px; --bgc: rgba(0, 0, 0, 0.159699); --bg-grad: none; opacity: 1; --op-pe: inherit; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendslist-loadingbar__inner:where([sf~="11"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #E3E3E3; --bg-grad: none; }
.friendslist-loadingbar.hidden:where([sf~="11"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .5s, .5s, .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendslist-loadingbar.hidden .friendslist-loadingbar__inner:where([sf~="11"]) { opacity: 0; --op-pe: none; }
.loadingbar-indeterminate:where([sf~="11"]) { animation-name: loadingbar-indeterminate; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
.loadingbar-indeterminate-2:where([sf~="11"]) { animation-name: decrease; animation-duration: 4s; animation-delay: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@keyframes loadingbar-indeterminate {
0% { opacity: 0; --op-pe: none; --px: 0px; --pxp: -50%; --py: 0px; --pyp: 0%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); scale: 1 1; }
50% { opacity: 1; --op-pe: inherit; --px: 0px; --pxp: 150%; --py: 0px; --pyp: 0%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); scale: 6 1; }
100% { opacity: 0; --op-pe: none; --px: 0px; --pxp: -50%; --py: 0px; --pyp: 0%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); scale: 1 1; }
}
.anti-addiction:where([sf~="11"]) { --tooltip-position: bottom; --tooltip-body-position: 75% 507%; --pdb: 8px; }
.anti-addiction.hidden:where([sf~="11"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.anti-addiction__text:where([sf~="11"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 350px; --maxw: 350px; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: 1px 1px 2px color-mix(in srgb, #000000 45.45%, transparent); }
.mainmenu-sidebar--minimized .anti-addiction__text:where([sf~="11"]) { --vis-collapse: none; transition-property: translate, --pxp, --pyp; transition-duration: .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.anti-addiction__icon:where([sf~="11"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --mgt: 8px; --mgr: 16px; --mgb: 8px; --mgl: 41px; border-radius: 8px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bg-grad: radial-gradient(ellipse 100% 100% at 15% 25%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.anti-addiction__icon.anti-addiction-Green:where([sf~="11"]) { --bg-grad: radial-gradient(ellipse 100% 100% at 15% 25%, rgba(0, 255, 0, 1) 0%, rgba(0, 153, 0, 1) 100%); --bgc: transparent; }
.anti-addiction__icon.anti-addiction-Yellow:where([sf~="11"]) { --bg-grad: radial-gradient(ellipse 100% 100% at 15% 25%, rgba(255, 255, 0, 1) 0%, rgba(238, 153, 0, 1) 100%); --bgc: transparent; }
.anti-addiction__icon.anti-addiction-Red:where([sf~="11"]) { --bg-grad: radial-gradient(ellipse 100% 100% at 10% 15%, rgba(238, 102, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); --bgc: transparent; }
.party-list:where([sf~="11"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(0, 0, 0, 0.20904); --bg-grad: none; --tooltip-position: bottom; --tooltip-body-position: 75% 50%; transform-origin: 50% 0%; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.party-list__bg:where([sf~="11"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-rep: no-repeat; --wash-color: rgb(10, 110, 157); --wash-filter: url(#w-rgb_10_110_157); --bg-size: 310% auto; --bg-w: 0px; --bg-pos: 0% 50%; transition-property: --wash-color, --bg-img-opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-list__bg--searching:where([sf~="11"]) { --wash-color: rgb(20, 160, 20); --wash-filter: url(#w-rgb_20_160_20); --bg-img-opacity: 1; --bg-img-own: none; transition-property: --wash-color, --bg-img-opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-list__bg--searching:where([sf~="11"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.party-list__bg--warning:where([sf~="11"]) { --wash-color: rgb(17, 158, 17); --wash-filter: url(#w-rgb_17_158_17); --bg-img-opacity: 1; --bg-img-own: none; transition-property: --wash-color, --bg-img-opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-list__bg--warning:where([sf~="11"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.party-members-list:where([sf~="11"]) { --pdb: 16px; --tooltip-position: bottom; --tooltip-body-position: 75% 507%; }
.party-list.hidden:where([sf~="11"]), .party-members-list.hidden:where([sf~="11"]) { opacity: 0; --op-pe: none; transform: scaleY(0); --vis-collapse: none; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.MainMenuRootPanel--PauseMenuMode .friendslist:not(.friendslist-party-searching) .party-list:where([sf~="11"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.party-status-time:where([sf~="11"]) { font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; color: rgb(175, 175, 175); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.party-player-count:where([sf~="11"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --mgl: 12px; }
.party-status-members-count:where([sf~="11"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; color: white; }
.party-contents:where([sf~="11"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.friendslist-incominginvites:where([sf~="11"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-top: 1px solid rgba(255, 255, 255, 0.51756); transition-property: translate, --pxp, --pyp; transition-duration: .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.friendslist-incominginvites.hidden:where([sf~="11"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.friendslist-incominginvites-container:where([sf~="11"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-grad: linear-gradient(90deg, #09703e 0%, rgb(19, 59, 20) 100%); --bgc: transparent; animation-name: InvitePulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes InvitePulse {
0% { --bg-grad: linear-gradient(90deg, #09703e 0%, rgb(19, 59, 20) 100%); --bgc: transparent; }
30% { --bg-grad: linear-gradient(90deg, rgb(19, 59, 20) 0%, rgb(19, 59, 20) 100%); --bgc: transparent; }
60% { --bg-grad: linear-gradient(90deg, #09703e 0%, rgb(19, 59, 20) 100%); --bgc: transparent; }
100% { --bg-grad: linear-gradient(90deg, #09703e 0%, rgb(19, 59, 20) 100%); --bgc: transparent; }
}
.friendslist-incominginvites-container .friendlobby:where([sf~="11"]) { border: 0px; --bdln: 0; --bdrn: 0; }
.MainMenuRootPanel--PauseMenuMode .friendslist:not(.friendslist-party-searching) #JsLocalPlayercard.hidden:where([sf~="11"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; transform: scaleY( 1 ); }
.steam-license-restricted .friendslist-incominginvites:where([sf~="11"]), .GameClientConnectingToGC #JsFriendsTab-lobbies:where([sf~="11"]), .steam-license-restricted #JsFriendsTab-lobbies:where([sf~="11"]), .GameClientConnectingToGC #JsFriendsTab-recents:where([sf~="11"]), .steam-license-restricted #JsFriendsTab-recents:where([sf~="11"]) { --vis-collapse: none; }
.friendslist-accordian:where([sf~="11"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.friendslist-accordian__section:where([sf~="11"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-bottom: 1px solid rgba(255, 255, 255, 0.179361); transition-property: --py, --pyp, translate, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendslist-accordian__section.hidden:where([sf~="11"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --vis-collapse: none; }
.friendslist-accordian__section--noborder:where([sf~="11"]) { border-bottom: 0px solid rgba(255, 255, 255, 0.179361); }
p-radiobutton.friendslist-accordian__section .RadioBox:where([sf~="11"]) { --vis-collapse: none; }
.friendslist-accordian__section__header:where([sf~="11"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.friendslist-accordian__section__header--bg:where([sf~="11"]) { --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: 100% 50%; --bg-img-opacity: .05; --bg-img-own: none; }
.friendslist-accordian__section__header--bg:where([sf~="11"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.friendslist-accordian__section__header--bg2:where([sf~="11"]) { --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: 50% 50%; --bg-img-opacity: .05; --bg-img-own: none; }
.friendslist-accordian__section__header--bg2:where([sf~="11"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.friendslist-accordian__section__header--bg3:where([sf~="11"]) { --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: 20% 20%; --bg-img-opacity: .05; --bg-img-own: none; }
.friendslist-accordian__section__header--bg3:where([sf~="11"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.friendslist-accordian__section__header__icon__container:where([sf~="11"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.friendslist-accordian__section__header__icon:where([sf~="11"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.friendslist-accordian__section__list:where([sf~="11"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendslist-accordian__section__list__contents:where([sf~="11"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
/* styles/xpshop.css */
.xpshop:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; --vis-collapse: none; --bgc: rgba(0, 0, 0, 0.025625); --bg-grad: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.xpshop.Active:where([sf~="12"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
#id-store-pages .xpshop .xpshop__content:where([sf~="12"]) { --mgr: 64px; }
.xpshop .xpshop__background:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.02326); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/xpshop_background.webp"); --bg-size: clip_then_cover; --bg-w: 0px; --bg-pos: 50% 0%; }
.xpshop .xpshop__content:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.xpshop__background-particle:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.414305; --op-pe: inherit; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
.xpshop__tracks-container:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --mgr: 64px; }
.xpshop__tracks:where([sf~="12"]) { width: 1400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1400px; --pdl: 32px; --pdln: 32; --pdr: 32px; --pdrn: 32; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; border-bottom: 1px solid #46C786; }
.xpshop__tracks .xpshop__tracks_upsell:where([sf~="12"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.xpshop__tracks .xpshop__tracks_upsell .xpshop__tracks_info_btn:where([sf~="12"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: bottom; }
.xpshop__tracks .xpshop__tracks_upsell_text:where([sf~="12"]), .xpshop__tracks .xpshop__tracks_balance_text:where([sf~="12"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; text-align: right; color: #46C786; --mgr: 8px; }
.xpshop__tracks .xpshop__tracks_balance_text:where([sf~="12"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; max-height: 32px; --text-shrink: 1; }
.xpshop__tracks .xpshop__tracks_upsell_image:where([sf~="12"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 92px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 92px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; }
.xpshop__tracks .xpshop__active-tracks:where([sf~="12"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop__tracks .xpshop__points:where([sf~="12"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.xpshop__tracks .xpshop__points .xpshop__points-container:where([sf~="12"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 4px; }
.xpshop__tracks .xpshop__points .xpshop__points-container p-label:where([sf~="12"]) { --fsz: 42; font-size: calc(max(1, round(nearest, 42 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; transform: translateY(2px); }
.xpshop__tracks .xpshop__points .xpshop__points-container :is(p-image, :where(img[pimg])):where([sf~="12"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #46C786; --wash-filter: url(#w-46c786); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.text-color-white:where([sf~="12"]) { color: white; }
.xpshop__tracks_upsell-btn:where([sf~="12"]) { --bgc: #46C786; --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 8px; --pdr: 16px; --pdb: 8px; --pdl: 16px; --pdrn: 16; --pdln: 16; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.xpshop__tracks_upsell-btn p-label:where([sf~="12"]) { color: black; font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; }
.xpshop__tracks_upsell-btn.xpshop__more-passes-btn:where([sf~="12"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.xpshop__tracks_upsell-btn.xpshop__more-passes-btn p-label:where([sf~="12"]) { color: black; font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.xpshop__tracks_upsell-btn.confirm-btn:where([sf~="12"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 6px; --pdr: 12px; --pdb: 6px; --pdl: 12px; --pdrn: 12; --pdln: 12; }
.xpshop__tracks_upsell-btn.confirm-btn p-label:where([sf~="12"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.xpshop__tracks_upsell-btn.activate-pass-btn:where([sf~="12"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #46C786; --bg-grad: none; box-shadow: 0px 0px 24px 19px #044731; --bg-fill: #044731; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); animation-name: anim-activate-pass-btn; animation-timing-function: ease-in-out; animation-duration: 1s; animation-iteration-count: infinite; }
.xpshop__tracks_upsell-btn.clear-pass-btn:where([sf~="12"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #188f67; --bg-grad: none; box-shadow: 0px 0px 24px 19px #055339; --bg-fill: #055339; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); animation-name: none; animation-timing-function: ease-in-out; animation-duration: 1s; animation-iteration-count: infinite; }
.xpshop__tracks_upsell-btn:hover:not(._disabled):where([sf~="12"]) { --sound: "UIPanorama.submenu_rollover"; --bgc: white; --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.xpshop__tracks_upsell-btn:hover:not(._disabled) p-label:where([sf~="12"]) { color: #12693e; }
.xpshop__tracks_upsell-btn._disabled:where([sf~="12"]) { opacity: 0.268142; --op-pe: inherit; }
.xpshop__tracks_upsell-btn.hidden:where([sf~="12"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
@keyframes anim-activate-pass-btn {
0% { box-shadow: 0px 0px 24px 20px #055339; --bg-fill: #055339; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { box-shadow: 0px 0px 24px 19px #12693e; --bg-fill: #12693e; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { box-shadow: 0px 0px 24px 20px #055339; --bg-fill: #055339; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.xpshop-label-star:where([sf~="12"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.xpshop__item-tile:where([sf~="12"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --bgc: #1A5050; --bg-grad: none; }
.kk-c-xpshop__item-tile:has(> .xpshop__item-tile:where([sf~="12"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-xpshop__item-tile:has(> .xpshop__item-tile:where([sf~="12"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.xpshop__item-tile.lootlist:where([sf~="12"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.4), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.4; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.xpshop__item-tile .xpshop__item-tile__limited-item-carousel:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.xpshop__item-tile .xpshop__item-tile__limited-item-carousel .limited-item-carousel__image:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 0.98), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.xpshop__item-tile .xpshop__item-tile__new-tag:where([sf~="12"]) { --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 10px; --pdrn: 8; --pdln: 10; --bg-grad: linear-gradient(90deg, rgb(193, 90, 219) 0%, rgb(161, 17, 197) 100%); --bgc: transparent; color: white; font-weight: 500; transform: rotateZ(-90deg) translateX(-16px); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 0.686275); --bg-fill: rgb(0 0 0 / 0.686275); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); z-index: 5; }
.xpshop__item-tile .kk-c-xpshop__item-tile__new-tag:has(> .xpshop__item-tile__new-tag:where([sf~="12"]):not([pvis="0"])), .xpshop__item-tile.kk-c-xpshop__item-tile__new-tag:has(> .xpshop__item-tile__new-tag:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__item-tile .xpshop__item-tile__bg:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(92, 91, 91, 0.095979); --bg-grad: none; z-index: 1; }
.xpshop__item-tile .kk-c-xpshop__item-tile__bg:has(> .xpshop__item-tile__bg:where([sf~="12"]):not([pvis="0"])), .xpshop__item-tile.kk-c-xpshop__item-tile__bg:has(> .xpshop__item-tile__bg:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__item-tile .xpshop__item-tile__header:where([sf~="12"]) { --pdt: 12px; --pdr: 0px; --pdb: 0px; --pdl: 12px; --pdrn: 0; --pdln: 12; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgb: 54px; z-index: 4; }
.xpshop__item-tile .kk-c-xpshop__item-tile__header:has(> .xpshop__item-tile__header:where([sf~="12"]):not([pvis="0"])), .xpshop__item-tile.kk-c-xpshop__item-tile__header:has(> .xpshop__item-tile__header:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__item-tile .xpshop__item-tile__header .xpshop__item-tile__name:where([sf~="12"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: uppercase; color: rgb(239, 243, 241); text-shadow: 0px 3px 12px rgb(0 0 0 / 0.752941), 0px 3px 12px color-mix(in srgb, rgb(0 0 0 / 0.752941) 4.535%, transparent); }
.xpshop__item-tile .xpshop__item-tile__header .xpshop__item-tile__icon:where([sf~="12"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --mgr: 8px; --img-shadow: drop-shadow(0px 4px 6px color-mix(in srgb, rgb(0 0 0 / 0.493) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile .xpshop__item-tile__limitedtimer:where([sf~="12"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; z-index: 3; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgl: 15px; --mgb: 4px; }
.xpshop__item-tile .kk-c-xpshop__item-tile__limitedtimer:has(> .xpshop__item-tile__limitedtimer:where([sf~="12"]):not([pvis="0"])), .xpshop__item-tile.kk-c-xpshop__item-tile__limitedtimer:has(> .xpshop__item-tile__limitedtimer:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__item-tile .xpshop__item-tile__limitedtimer p-label:where([sf~="12"]) { color: rgba(200, 220, 240, 0.832544); --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; height: 13px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 13px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-overflow: ellipsis; }
.xpshop__item-tile .xpshop__item-tile__limitedtimer :is(p-image, :where(img[pimg])):where([sf~="12"]) { --wash-color: rgba( 200, 220, 240, 0.7 ); --wash-filter: url(#w-rgba_200_220_240_0_7); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile .xpshop__item-tile__points:where([sf~="12"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 18px; --pdr: 18px; --pdb: 18px; --pdl: 18px; --pdrn: 18; --pdln: 18; }
.xpshop__item-tile .xpshop__item-tile__points :is(p-image, :where(img[pimg])):where([sf~="12"]) { --wash-color: #46C786; --wash-filter: url(#w-46c786); transform: translateY(-2px); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile .xpshop__item-tile__single-image:where([sf~="12"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 72; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 0.65), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 8px; --pdr: 32px; --pdb: 8px; --pdl: 8px; --pdrn: 32; --pdln: 8; --img-shadow: drop-shadow(0px 12px 6px color-mix(in srgb, rgb(0 0 0 / 0.1) 45.45%, transparent)); transition-property: opacity, transform, scale; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile .xpshop__item-tile__particle:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.524924; --op-pe: inherit; transition-property: --brightness, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop__item-tile:hover:where([sf~="12"]) { --sound: "UIPanorama.inventory_item_rollover"; }
.xpshop__item-tile:hover .xpshop__item-tile__particle:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --brightness: 1.2; transition-property: --brightness, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile:hover p-itemimage:where([sf~="12"]) { scale: 1.05 1.05; transition-property: opacity, transform, scale; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.xpshop__crate-lootlist:where([sf~="12"]) { width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bgc: rgb(56, 71, 87); --bg-grad: none; mask-image: url("/panorama/images/masks/xp-shop-lootlist.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__bg:where([sf~="12"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .03; --bg-img-own: none; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__bg:where([sf~="12"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__label:where([sf~="12"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 12px; --mgr: 16px; --mgb: 12px; --mgl: 16px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; }
.xpshop__crate-lootlist.show:where([sf~="12"]) { transform: translateY(0px); opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles:where([sf~="12"]) { width: 620px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 620px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --pdt: 16px; --pdr: 0px; --pdb: 16px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 32px; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles .xpshop__crate-lootlist__item-tile:where([sf~="12"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgb: 24px; --mgt: 0px; --mgr: 16px; --mgb: 24px; --mgl: 16px; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles .xpshop__crate-lootlist__item-tile p-itemimage:where([sf~="12"]) { --img-shadow: drop-shadow(6px 6px 6px rgba(110, 110, 110, 0.649103)); width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: --img-shadow, transform, scale; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles .xpshop__crate-lootlist__item-tile :is(p-image, :where(img[pimg])):where([sf~="12"]) { opacity: 0; --op-pe: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles .xpshop__crate-lootlist__item-tile:hover:not(._disabled):where([sf~="12"]) { --sound: "UIPanorama.inventory_item_rollover"; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles .xpshop__crate-lootlist__item-tile:hover:not(._disabled) p-itemimage:where([sf~="12"]) { transform: translateY( -5px ); --img-shadow: drop-shadow(12px 12px 6px rgba(110, 110, 110, 0.873989)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles .xpshop__crate-lootlist__item-tile:hover:not(._disabled) :is(p-image, :where(img[pimg])):where([sf~="12"]) { opacity: 1; --op-pe: inherit; }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles .xpshop__crate-lootlist__item-tile._disabled p-itemimage:where([sf~="12"]) { --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__crate-lootlist .xpshop__crate-lootlist__tiles .xpshop__crate-lootlist__item-rarity:where([sf~="12"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; border-radius: 50%; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.xpshop__item-tile__carousel .xpshop__item-tile__carousel-multi-image:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transition-property: opacity, transform, scale; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.xpshop__item-tile__carousel p-itemimage:where([sf~="12"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 128 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --img-shadow: drop-shadow(0px 12px 6px color-mix(in srgb, rgb(0 0 0 / 0.1) 45.45%, transparent)); transition-property: opacity, transform, scale; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-xpshop-row-2 .xpshop__item-tile__carousel p-itemimage:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 72; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#id-xpshop-row-3 .xpshop__item-tile__carousel p-itemimage:where([sf~="12"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.72), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.72; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.xpshop__item-tile__carousel p-itemimage.carousel-image-0:where([sf~="12"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; z-index: 4; --brightness: 1.1; transform: translateX( 0%) scale3d( 1, 1, 1 ) translateY(6%); --img-shadow: drop-shadow(-2px 2px 6px color-mix(in srgb, rgb(0 0 0 / 0.1) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile__carousel .kk-c-carousel-image-0:has(> p-itemimage.carousel-image-0:where([sf~="12"]):not([pvis="0"])), .xpshop__item-tile__carousel.kk-c-carousel-image-0:has(> p-itemimage.carousel-image-0:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__item-tile__carousel p-itemimage.carousel-image-1:where([sf~="12"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; z-index: 3; --brightness: .9; opacity: 0.892208; --op-pe: inherit; transform: translateX(-30%) scale3d( .8, .8, 1 ) translateY(6%); --img-shadow: drop-shadow(-2px 2px 6px color-mix(in srgb, rgb(0 0 0 / 0.1) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile__carousel .kk-c-carousel-image-1:has(> p-itemimage.carousel-image-1:where([sf~="12"]):not([pvis="0"])), .xpshop__item-tile__carousel.kk-c-carousel-image-1:has(> p-itemimage.carousel-image-1:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__item-tile__carousel p-itemimage.carousel-image-2:where([sf~="12"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; z-index: 2; transform: translateX(-55%) scale3d( .7, .7, 1 ) translateY(6%); --brightness: .9; opacity: 0.832484; --op-pe: inherit; --img-shadow: drop-shadow(-2px 2px 6px color-mix(in srgb, rgb(0 0 0 / 0.1) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile__carousel .kk-c-carousel-image-2:has(> p-itemimage.carousel-image-2:where([sf~="12"]):not([pvis="0"])), .xpshop__item-tile__carousel.kk-c-carousel-image-2:has(> p-itemimage.carousel-image-2:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__item-tile__carousel p-itemimage.carousel-image-3:where([sf~="12"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --brightness: .8; opacity: 0.767696; --op-pe: inherit; transform: translateX(-89%) scale3d( .6, .6, 1 ) translateY(6%); --img-shadow: drop-shadow(-2px 2px 6px color-mix(in srgb, rgb(0 0 0 / 0.1) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__item-tile__carousel p-itemimage.sticker:where([sf~="12"]) { --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.Focused:where([sf~="12"]) { opacity: 1; --op-pe: inherit; perspective: 1000px; transform: translateX( 0px); transition-property: opacity, transform, scale; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.xpshop__item-tile__limited-item-carousel .Focused:where([sf~="12"]) { z-index: 3; perspective: 0px; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
.xpshop__item-tile__limited-item-carousel .kk-c-Focused:has(> .Focused:where([sf~="12"]):not([pvis="0"])), .xpshop__item-tile__limited-item-carousel.kk-c-Focused:has(> .Focused:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.LeftOfFocus1:where([sf~="12"]), .LeftOfFocus2:where([sf~="12"]), .LeftOfFocus3:where([sf~="12"]), .LeftOfFocus4:where([sf~="12"]), .LeftOfFocus5:where([sf~="12"]), .LeftOfFocus6:where([sf~="12"]), .LeftOfFocus7:where([sf~="12"]), .LeftOfFocus8:where([sf~="12"]), .LeftOfFocus9:where([sf~="12"]), .LeftOfFocus10:where([sf~="12"]), .LeftOfFocus11:where([sf~="12"]), .LeftOfFocus12:where([sf~="12"]), .LeftOfFocus13:where([sf~="12"]), .LeftOfFocus14:where([sf~="12"]), .LeftOfFocus15:where([sf~="12"]), .LeftOfFocus16:where([sf~="12"]), .LeftOfFocus17:where([sf~="12"]), .LeftOfFocus18:where([sf~="12"]), .LeftOfFocus19:where([sf~="12"]), .LeftOfFocus20:where([sf~="12"]) { transform: translateX( -500px); opacity: 0; --op-pe: none; transition-property: opacity, transform, scale; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.xpshop__item-tile__limited-item-carousel .LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus2:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus3:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus4:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus5:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus7:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus8:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus9:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus10:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus11:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus12:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus13:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus14:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus15:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus16:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus17:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus18:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus19:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus20:where([sf~="12"]) { opacity: 0; --op-pe: none; transform: translateX( 0px); transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
.xpshop__item-tile__limited-item-carousel .LeftOfFocus1.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus2.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus3.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus4.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus5.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus6.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus7.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus8.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus9.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus10.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus11.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus12.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus13.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus14.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus15.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus16.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus17.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus18.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus19.LeftOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .LeftOfFocus20.LeftOfFocus1:where([sf~="12"]) { opacity: 1; --op-pe: inherit; }
.RightOfFocus1:where([sf~="12"]), .RightOfFocus2:where([sf~="12"]), .RightOfFocus3:where([sf~="12"]), .RightOfFocus4:where([sf~="12"]), .RightOfFocus5:where([sf~="12"]), .RightOfFocus6:where([sf~="12"]), .RightOfFocus7:where([sf~="12"]), .RightOfFocus8:where([sf~="12"]), .RightOfFocus9:where([sf~="12"]), .RightOfFocus10:where([sf~="12"]), .RightOfFocus11:where([sf~="12"]), .RightOfFocus12:where([sf~="12"]), .RightOfFocus13:where([sf~="12"]), .RightOfFocus14:where([sf~="12"]), .RightOfFocus15:where([sf~="12"]), .RightOfFocus16:where([sf~="12"]), .RightOfFocus17:where([sf~="12"]), .RightOfFocus18:where([sf~="12"]), .RightOfFocus19:where([sf~="12"]), .RightOfFocus20:where([sf~="12"]) { transform: translateX( 500px ); opacity: 0; --op-pe: none; transition-property: opacity, transform, scale; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.xpshop__item-tile__limited-item-carousel .RightOfFocus1:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus2:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus3:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus4:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus5:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus7:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus8:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus9:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus10:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus11:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus12:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus13:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus14:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus15:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus16:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus17:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus18:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus19:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus20:where([sf~="12"]) { opacity: 0; --op-pe: none; transform: translateX( 0px); transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
.xpshop__item-tile__limited-item-carousel .RightOfFocus1.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus2.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus3.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus4.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus5.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus6.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus7.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus8.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus9.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus10.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus11.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus12.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus13.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus14.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus15.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus16.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus17.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus18.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus19.RightOfFocus6:where([sf~="12"]), .xpshop__item-tile__limited-item-carousel .RightOfFocus20.RightOfFocus6:where([sf~="12"]) { opacity: 1; --op-pe: inherit; }
.xpshop__content__rows:where([sf~="12"]) { width: 1400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1400px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 24px; --pdr: 24px; --pdb: 24px; --pdl: 24px; --pdrn: 24; --pdln: 24; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop__content__rows .xpshop__content__row:where([sf~="12"]), .xpshop__content__rows .xpshop__content__row--bottom:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: .5; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.xpshop__content__rows .kk-c-xpshop__content__row:has(> .xpshop__content__row:where([sf~="12"]):not([pvis="0"])), .xpshop__content__rows.kk-c-xpshop__content__row:has(> .xpshop__content__row:where([sf~="12"]):not([pvis="0"])), .xpshop__content__rows .kk-c-xpshop__content__row--bottom:has(> .xpshop__content__row--bottom:where([sf~="12"]):not([pvis="0"])), .xpshop__content__rows.kk-c-xpshop__content__row--bottom:has(> .xpshop__content__row--bottom:where([sf~="12"]):not([pvis="0"])) { --kid-fill-h: 1; }
.xpshop__content__rows .xpshop__content__row.xpshop__content__row--middle:where([sf~="12"]), .xpshop__content__rows .xpshop__content__row--bottom.xpshop__content__row--middle:where([sf~="12"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.xpshop__content__rows .kk-c-xpshop__content__row:has(> .xpshop__content__row.xpshop__content__row--middle:where([sf~="12"]):not([pvis="0"])), .xpshop__content__rows.kk-c-xpshop__content__row:has(> .xpshop__content__row.xpshop__content__row--middle:where([sf~="12"]):not([pvis="0"])), .xpshop__content__rows .kk-c-xpshop__content__row--bottom:has(> .xpshop__content__row--bottom.xpshop__content__row--middle:where([sf~="12"]):not([pvis="0"])), .xpshop__content__rows.kk-c-xpshop__content__row--bottom:has(> .xpshop__content__row--bottom.xpshop__content__row--middle:where([sf~="12"]):not([pvis="0"])) { --kid-fill-h: 1; }
.xpshop-grids-visible .xpshop__content__rows:where([sf~="12"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.xpshop-grids-visible .xpshop__top-nav:where([sf~="12"]) { --vis-collapse: initial; --mgt: 16px; opacity: 1; --op-pe: inherit; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop-grids-visible .xpshop__content__grids-container:where([sf~="12"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0%); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop__content__grids-container:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transform: translateX( 100% ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop__inspect-grid:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transform: translateX( 100% ); scale: 1 1; perspective-origin: 50% 50%; perspective: 500px; transition-property: opacity, transform, --brightness, --blur, scale; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop__inspect-grid.show:where([sf~="12"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0% ); transition-property: opacity, transform, --brightness, --blur, scale; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-delay: 0s, 0s, 0s, 0s, 0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop__inspect-grid .xpshop__inspect-grid__tiles-container:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 2; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.xpshop__inspect-grid .kk-c-xpshop__inspect-grid__tiles-container:has(> .xpshop__inspect-grid__tiles-container:where([sf~="12"]):not([pvis="0"])), .xpshop__inspect-grid.kk-c-xpshop__inspect-grid__tiles-container:has(> .xpshop__inspect-grid__tiles-container:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__inspect-grid .xpshop__inspect-grid__tiles-container.no-bottom-margin:where([sf~="12"]) { --mgb: 0px; }
.xpshop__inspect-grid .xpshop__inspect-grid__title:where([sf~="12"]) { --fsz: 140; font-size: calc(max(1, round(nearest, 140 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); letter-spacing: 18px; --mgt: 72px; --bg-grad: linear-gradient(180deg, rgba(119, 201, 204, 0.269252) 0%, rgba(0, 0, 0, 0) 90%); background-clip: text; color: transparent; }
.waiting-for-redeem .xpshop__inspect-grid:where([sf~="12"]) { opacity: 0; --op-pe: none; scale: .5 .5; transition-property: opacity, transform, --brightness, --blur, scale; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.waiting-for-redeem .xpshop__inspect-grid__redeem:where([sf~="12"]), .waiting-for-redeem .xpshop__inspect-grid__title:where([sf~="12"]) { --vis-collapse: none; }
.xpshop__inspect-grid__tile:where([sf~="12"]) { width: 260px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 260px; height: 130px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 130px; transform: translate3d( 0px, 0px, 0px ); transform-origin: 50% 50%; border-radius: 10px; box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0); --bg-fill: initial; --bg-solid: initial; --bgc: rgba(41, 75, 88, 0); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0; --bg-img-own: none; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap, transform, box-shadow, --brightness, --blur, opacity, --bgc, --bg-img-opacity; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop__inspect-grid__tile:where([sf~="12"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.xpshop__inspect-grid__tile.darken:where([sf~="12"]) { --brightness: .5; --blur: 2px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap, transform, box-shadow, --brightness, --blur; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__inspect-grid__tile:hover:where([sf~="12"]) { --sound: "UIPanorama.inventory_item_rollover"; opacity: 1; --op-pe: inherit; box-shadow: 0px 0px 8px 5.333333px rgb(0 0 0 / 0.211765); --bg-fill: initial; --bg-solid: initial; z-index: 2; --bgc: rgba(51, 88, 104, 0.494292); --bg-grad: none; --bg-img-opacity: .01; --bg-img-own: none; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap, transform, box-shadow, --brightness, --bgc, --bg-img-opacity; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop__inspect-grid__tile:hover:where([sf~="12"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.kk-c-xpshop__inspect-grid__tile:has(> .xpshop__inspect-grid__tile:hover:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__inspect-grid__tile:hover .xpshop__inspect-grid__tile__label:where([sf~="12"]) { opacity: 1; --op-pe: inherit; }
.xpshop__inspect-grid__tile:hover .xpshop__inspect-grid__tile__rarity:where([sf~="12"]) { border-radius: 3px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transform: translateY(0px); transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, border-radius, transform; transition-duration: 0s, 0s, 0s, 0s, 0s, 0s, 0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop__inspect-grid__tile:hover .xpshop__inspect-grid__tile__inspect-btn:where([sf~="12"]) { --vis-collapse: initial; opacity: 0.767696; --op-pe: inherit; width: 44px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 44px; height: 44px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 44px; transform: translateY( 0px ); transition-property: opacity, transform; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop__inspect-grid__tile:hover .xpshop__inspect-grid__tile__inspect-btn :is(p-image, :where(img[pimg])):where([sf~="12"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(1px 4px 5px color-mix(in srgb, rgb(0, 0, 0) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__inspect-grid__tile:hover .xpshop__inspect-grid__tile__inspect-btn:hover:where([sf~="12"]) { opacity: 1; --op-pe: inherit; }
.xpshop__inspect-grid__tile:hover .xpshop__inspect-grid__tile__model:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; }
.xpshop__inspect-grid__tile.single-item:where([sf~="12"]) { width: 1280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1280px; height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; --mgt: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(41, 75, 88, 0); --bg-grad: none; --bg-img: none; --bg-size: 360px 360px; --bg-w: 360px; }
.xpshop__inspect-grid__tile.single-item .xpshop__inspect-grid__tile__rarity:where([sf~="12"]) { border-radius: 0px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transform: translateY(0px); transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, border-radius, transform; transition-duration: 0s, 0s, 0s, 0s, 0s, 0s, 0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop__inspect-grid__tile.single-item .xpshop__inspect-grid__tile__label:where([sf~="12"]) { opacity: 1; --op-pe: inherit; }
.xpshop__inspect-grid__tile.single-item:hover:where([sf~="12"]) { box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0); --bg-fill: initial; --bg-solid: initial; }
.xpshop__inspect-grid__tile.crate-item .inspect-model-image-panel:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 0.51), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.xpshop__inspect-grid__tile.crate-item .xpshop__inspect-grid__tile__label:where([sf~="12"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: translateX( 25% ); }
.xpshop__inspect-grid__tile.crate-item .xpshop__inspect-grid__tile__inspect-btn:where([sf~="12"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: translateY(140px) translateX( 25% ); }
.xpshop__inspect-grid__tile.crate-item:hover .xpshop__inspect-grid__tile__inspect-btn:where([sf~="12"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: translateY(0px) translateX( 25% ); }
.xpshop__inspect-grid__tile.hidden:where([sf~="12"]) { opacity: 0; --op-pe: none; }
.xpshop__inspect-grid__tile .xpshop__inspect-grid__tile__label:where([sf~="12"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; opacity: 0; --op-pe: none; color: white; --mgb: 14px; transition-property: opacity; transition-delay: .5s; transition-duration: .2s; transition-timing-function: ease-in-out; }
.xpshop__inspect-grid__tile .xpshop__inspect-grid__tile__rarity:where([sf~="12"]) { border-radius: 50%; --bgc: white; --bg-grad: none; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; transform: translateY(-8px); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, border-radius, transform; transition-delay: .5s, .5s, .5s, .5s, .5s, .5s, .5s; transition-duration: .2s, .2s, .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop__inspect-grid__tile .xpshop__inspect-grid__tile__inspect-btn:where([sf~="12"]) { --vis-collapse: none; opacity: 0; --op-pe: none; transform: translateY(140px); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 48px; transition-property: opacity, transform; transition-delay: .0s, .2s; transition-duration: .2s, .3s; transition-timing-function: ease-out, ease-out; }
.xpshop-preview-variety:where([sf~="12"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 32px; --mgr: 32px; --mgb: 32px; --mgl: 32px; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; border-radius: 3px; --tooltip-position: bottom; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; }
.xpshop-preview-variety p-label:where([sf~="12"]) { color: white; }
.xpshop-preview-variety :is(p-image, :where(img[pimg])):where([sf~="12"]) { --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
.xpshop__inspect-grid__tile__model:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.xpshop__inspect-grid__redeem:where([sf~="12"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 32px; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; transform-origin: 50% 50%; }
.xpshop__inspect-grid__redeem.hidden:where([sf~="12"]) { opacity: 0; --op-pe: none; transform: rotateX(140deg) translateY( -25px ); }
.xpshop__inspect-grid__redeem.confirm.hidden:where([sf~="12"]) { opacity: 0; --op-pe: none; transform: rotateX(-45deg) translateY( 20px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop__inspect-grid__redeem.bid_amount:where([sf~="12"]) { z-index: 10; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 90px; --bgc: rgba(0, 20, 0, 1); --bg-grad: none; }
.kk-c-xpshop__inspect-grid__redeem:has(> .xpshop__inspect-grid__redeem.bid_amount:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop__inspect-grid__redeem.bid_amount .bid_amount_slider:where([sf~="12"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.xpshop__inspect-grid__redeem.bid_amount .kk-c-bid_amount_slider:has(> .bid_amount_slider:where([sf~="12"]):not([pvis="0"])), .xpshop__inspect-grid__redeem.bid_amount.kk-c-bid_amount_slider:has(> .bid_amount_slider:where([sf~="12"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .xpshop__inspect-grid__redeem.bid_amount .kk-c-bid_amount_slider:has(> .bid_amount_slider:where([sf~="12"]):not([pvis="0"]))::after, .xpshop__inspect-grid__redeem.bid_amount.kk-c-bid_amount_slider:has(> .bid_amount_slider:where([sf~="12"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.xpshop__inspect-grid__redeem.bid_amount .bid-amount-adjust-button:where([sf~="12"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #46C786; --wash-filter: url(#w-46c786); --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__inspect-grid__redeem.bid_amount .bid-amount-adjust-button p-label:where([sf~="12"]) { --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; }
.xpshop__inspect-grid__redeem.bid_amount .xpshop__tracks_balance_text:where([sf~="12"]) { --mgl: 15px; --mgr: 5px; min-width: 35px; text-align: right; }
.xpshop__inspect-grid__redeem.bid_amount .xpshop__inspect-grid__redeem__desc:where([sf~="12"]) { --bgc: transparent; --bg-grad: none; --mgl: 35%; }
.xpshop__inspect-grid__redeem.bid_amount :is(p-image, :where(img[pimg])):where([sf~="12"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #46C786; --wash-filter: url(#w-46c786); --mgr: 30%; --mgt: 10px; --mgb: 10px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__redeem__desc:where([sf~="12"]) { --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; --pdt: 6px; --pdr: 12px; --pdb: 6px; --pdl: 12px; --pdrn: 12; --pdln: 12; --mgr: 2px; }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__redeem_btn:where([sf~="12"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: #46C786; --bg-grad: none; --tooltip-position: top; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__redeem_btn p-label:where([sf~="12"]) { color: black; --pdt: 6px; --pdr: 8px; --pdb: 6px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__redeem_btn :is(p-image, :where(img[pimg])):where([sf~="12"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__redeem_btn:hover:not(._disabled):where([sf~="12"]) { --bgc: white; --bg-grad: none; }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__redeem_btn:hover:not(._disabled) p-label:where([sf~="12"]) { color: #12693e; }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__redeem_btn:hover:not(._disabled) :is(p-image, :where(img[pimg])):where([sf~="12"]) { --wash-color: #12693e; --wash-filter: url(#w-12693e); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__redeem_btn._disabled:where([sf~="12"]) { opacity: 0.268142; --op-pe: inherit; }
.xpshop__inspect-grid__redeem .xpshop__inspect-grid__icon:where([sf~="12"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; }
.xpshop__top-nav:where([sf~="12"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 92px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 92px; opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop__top-nav .xpshop__top-nav__button:where([sf~="12"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --bg-grad: linear-gradient(180deg, rgba(3, 31, 17, 0.405374) 0%, rgba(5, 46, 26, 0.209761) 100%); --bgc: transparent; border-radius: 50%; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 2px solid rgba(0, 0, 0, 0.124258); --bdln: 2; --bdrn: 2; }
.xpshop__top-nav .xpshop__top-nav__button:hover:where([sf~="12"]) { --sound: "UIPanorama.inventory_item_rollover"; }
.xpshop__top-nav .xpshop__top-nav__button :is(p-image, :where(img[pimg])):where([sf~="12"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.xpshop__top-nav .xpshop__top-nav__button._selected:where([sf~="12"]) { --sound: "UIPanorama.submenu_leveloptions_select"; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(48, 209, 131, 0.53364) 0%, rgba(0, 0, 0, 0.445153) 100%); --bgc: transparent; border: 2px solid #46C786; --bdln: 2; --bdrn: 2; }
.xpshop__top-nav .xpshop__top-nav__button .RadioBox:where([sf~="12"]) { --vis-collapse: none; }
.xpshop-active-passes-container:where([sf~="12"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.xpshop-active-passes-container.five-tracks:where([sf~="12"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.xpshop-active-pass:where([sf~="12"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: --px, --pxp, translate; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.xpshop-active-pass.xpshop-activate-pass-anim:where([sf~="12"]) { animation-name: anim-activate-pass; animation-timing-function: ease-in-out; animation-duration: 1s; animation-iteration-count: 1; }
.xpshop-active-pass .xpshop-active-pass__how-to:where([sf~="12"]) { color: #46C786; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 6px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); box-shadow: 0px 0px 12px 11px #07885d; --bg-fill: #07885d; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: rgb(8, 46, 35); --bg-grad: none; transform: translateY( 10px ); opacity: 0; --op-pe: none; }
.xpshop-active-pass .xpshop-active-pass__how-to.xpshop-active-pass__how-to-anim:where([sf~="12"]) { animation-name: anim-activate-pass-how-to; animation-timing-function: ease-in-out; animation-duration: 5s; animation-iteration-count: 1; }
.xpshop-active-pass .xpshop-active-pass__content:where([sf~="12"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; }
.xpshop-active-pass .xpshop-active-pass__content .xpshop-active-pass__track:where([sf~="12"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.xpshop-active-pass .xpshop-active-pass__content .xpshop-active-pass__progress:where([sf~="12"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 6px; }
.xpshop-active-pass .xpshop-active-pass__content .xpshop-active-pass__progress .xpshop-active-pass__icons:where([sf~="12"]) { width: 130px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 130px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.xpshop-active-pass .xpshop-active-pass__content .xpshop-active-pass__progress .xpshop-active-pass__icons .xpshop-active-pass_progress_icon-container .xpshop-active-pass_progress_icon:where([sf~="12"]) { --mgt: 3px; --mgr: 1px; --mgb: 3px; --mgl: 1px; --wash-color: #277e6b; --wash-filter: url(#w-277e6b); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop-active-pass .xpshop-active-pass__content .xpshop-active-pass__progress .xpshop-active-pass__icons .xpshop-active-pass_progress_icon-container .xpshop-active-pass_progress_icon.check:where([sf~="12"]) { --wash-color: #46C786; --wash-filter: url(#w-46c786); z-index: 2; --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop-active-pass .xpshop-active-pass__content .xpshop-active-pass__progress .xpshop-active-pass__icons .xpshop-active-pass_progress_icon-container .kk-c-xpshop-active-pass_progress_icon:has(> .xpshop-active-pass_progress_icon.check:where([sf~="12"]):not([pvis="0"])), .xpshop-active-pass .xpshop-active-pass__content .xpshop-active-pass__progress .xpshop-active-pass__icons .xpshop-active-pass_progress_icon-container.kk-c-xpshop-active-pass_progress_icon:has(> .xpshop-active-pass_progress_icon.check:where([sf~="12"]):not([pvis="0"])) { isolation: isolate; }
.xpshop-active-pass .xpshop-active-pass__content .xpshop-active-pass__progress .xpshop-active-pass__icons .xpshop-active-pass_progress_icon-container.complete .check:where([sf~="12"]) { --vis-collapse: initial; }
.xpshop-active-pass .xpshop-active-pass__bg:where([sf~="12"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --wash-color: #1e5e50; --wash-filter: url(#w-1e5e50); --img-shadow: drop-shadow(0px 0px 6px color-mix(in srgb, rgb(0, 0, 0) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop-active-pass .xpshop-active-pass__separator:where([sf~="12"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.85), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.85; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; --bgc: #277e6b; --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
@keyframes anim-activate-pass {
0% { --brightness: 1; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
40% { --brightness: 3.5; transform: scale3d( 1.1, 1.1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
60% { transform: scale3d( 1.1, 1.1, 1); }
100% { --brightness: 1; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes anim-activate-pass-how-to {
0% { opacity: 0; --op-pe: none; --brightness: 1; transform: translateY( 90px ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
10% { opacity: 1; --op-pe: inherit; --brightness: 2; transform: translateY( 0px ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
90% { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); }
100% { transform: translateY( 90px ); opacity: 0; --op-pe: none; }
}
.xpshop__tracks_small-text:where([sf~="12"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #46C786; }
.xpshop__tracks_small-text.xpshop__tracks_small-text__credit:where([sf~="12"]) { max-height: 18px; --text-shrink: 1; }
.xpshop__tracks_small-text.xpshop__tracks_small-text__progress:where([sf~="12"]) { max-height: 18px; --text-shrink: 1; }
.xpshop__redeem-particle:where([sf~="12"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; mask-image: url("/panorama/images/masks/fade-both-top-bottom.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.xpshop__redeem-warning:where([sf~="12"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 8px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.xpshop__redeem-warning p-label:where([sf~="12"]) { color: #18864f; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.xpshop__redeem-warning :is(p-image, :where(img[pimg])):where([sf~="12"]) { --wash-color: #18864f; --wash-filter: url(#w-18864f); --mgr: 6px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xpshop__redeem-warning.hidden:where([sf~="12"]) { --vis-collapse: none; }
/* styles/settings/settings.css */
.SettingsMenuContent:where([sf~="13"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.85), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.85; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 2px; --pdb: 32px; --pdr: 16px; --pdrn: 16; --pdl: 16px; --pdln: 16; }
.fade_out:where([sf~="13"]) { transform: scale3d(0, 0, 0); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.SettingsMenuDropdownContainer:where([sf~="13"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; min-height: 48px; --mh-set: 1; --mhp: 1; --tooltip-position: bottom; --tooltip-body-position: 100% 0%; }
p-csgosettingsenumdropdown:hover:where([sf~="13"]) { --bgc: #141c27; --bg-grad: none; }
.settings-tag:where([sf~="13"]) { font-family: Stratum2 Bold, "Arial Unicode MS"; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #D8760E; text-align: left; }
p-csgosettingsenumdropdown > p-label .settings-tag:where([sf~="13"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.SettingsMenuTab:where([sf~="13"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; min-width: 450px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: linear; }
.SettingsMenuTab.Active:where([sf~="13"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: linear; }
.SettingsMenuTabContent:where([sf~="13"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --blur: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; min-width: 450px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: rgba(204, 204, 204, 1); font-weight: 300; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-SettingsMenuTabContent:has(> .SettingsMenuTabContent:where([sf~="13"]):not([pvis="0"])) { --kid-fill-h: 1; }
p-csgosettingsslider#DatacenterPingThresholdSlider:where([sf~="13"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-DatacenterPingThresholdSlider:has(> p-csgosettingsslider#DatacenterPingThresholdSlider:where([sf~="13"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-DatacenterPingThresholdSlider:has(> p-csgosettingsslider#DatacenterPingThresholdSlider:where([sf~="13"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.music-mode-no-preview #Slider:where([sf~="13"]) { --mgl: 32px; }
.DatacenterList:where([sf~="13"]) { --mgb: 24px; --mgl: 476px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DatacenterList .DatacenterListContainer:where([sf~="13"]) { --mgt: 4px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 220px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 220px; max-height: 80px; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --pdr: 12px; --pdrn: 12; }
.mainmenu-content__container .DatacenterList .DatacenterListContainer p-verticalscrollbar:where([sf~="13"]) { --mgr: 0px; }
.DatacenterList .DatacenterListContainer .snippet_datacenter_entry:where([sf~="13"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.DatacenterList .DatacenterListContainer .snippet_datacenter_entry p-label:where([sf~="13"]) { font-weight: 300; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.DatacenterList .DatacenterListContainer .datacenter_entry__name:where([sf~="13"]) { width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; max-height: 16px; text-overflow: ellipsis; }
.DatacenterList .DatacenterListContainer .datacenter_entry__ping:where([sf~="13"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; max-height: 16px; --text-shrink: 1; }
.DatacenterList .DatacenterListContainer.no-data-centers .datacenter_entry__name:where([sf~="13"]) { width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; }
.DatacenterList .DatacenterListContainer.no-data-centers .datacenter_entry__ping:where([sf~="13"]) { --vis-collapse: none; }
.DatacenterList .IconButton:where([sf~="13"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; zoom: 0.7; --uizi: 0.7; --zl: calc(var(--mgl) / 0.7); --zr: calc(var(--mgr) / 0.7); --zt: calc(var(--mgtv, var(--mgt)) / 0.7); --zb: calc(var(--mgbv, var(--mgb)) / 0.7); --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 0px; }
.VideoSettingsMenuTabContent:where([sf~="13"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --blur: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; min-width: 450px; --mgr: 72px; --mgl: 32px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; color: rgba(204, 204, 204, 1); font-weight: 300; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-VideoSettingsMenuTabContent:has(> .VideoSettingsMenuTabContent:where([sf~="13"]):not([pvis="0"])) { --kid-fill-h: 1; }
.VideoSettingsMenuPreviewContent:where([sf~="13"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; min-width: 450px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: rgba(204, 204, 204, 1); font-weight: 300; }
.kk-c-VideoSettingsMenuPreviewContent:has(> .VideoSettingsMenuPreviewContent:where([sf~="13"]):not([pvis="0"])) { --kid-fill-h: 1; }
.SettingsBackground:where([sf~="13"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 946px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 946px; --pdt: 42px; --pdr: 64px; --pdb: 0px; --pdl: 64px; --pdrn: 64; --pdln: 64; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-radius: 3px; }
.Highlight:where([sf~="13"]) { animation-name: settings-highlight; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes settings-highlight {
0% { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; }
100% { --bgc: rgba(255, 255, 255, 0); --bg-grad: none; }
}
.SettingsSectionTitleContianer:where([sf~="13"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 12px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.SettingsSectionTitleLabel:where([sf~="13"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(222, 222, 222, 0.618231); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 900; font-style: italic; }
.SettingsSection__seperator:where([sf~="13"]) { --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; --bgc: rgb(255, 255, 255); --bg-grad: none; opacity: 0.268142; --op-pe: inherit; }
#SettingsLaunchSteamInputButton:where([sf~="13"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.horizontal-separator:where([sf~="13"]) { opacity: 0.268142; --op-pe: inherit; }
.settings-tooltip:where([sf~="13"]) { --tooltip-position: bottom; }
.crosshair-editor:where([sf~="13"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.crosshair-editor__controls:where([sf~="13"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.crosshair-editor__color-btn:where([sf~="13"]) { height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; border: 2px solid rgba(204, 204, 204, 0.229809); --bdln: 2; --bdrn: 2; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; border-radius: 2px; }
.crosshair-editor__color-btn:hover:where([sf~="13"]) { --bgc: rgba(157, 157, 157, 0.324869); --bg-grad: none; }
.crosshair-editor__color-btn .crosshair-editor__color-btn__color:where([sf~="13"]) { --bgc: rgb(161, 30, 30); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.prmototed-setting:where([sf~="13"]) { height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdb: 20px; }
.promoted-setting__name:where([sf~="13"]) { --pdb: 20px; color: white; }
.promoted-setting__desc:where([sf~="13"]) { width: min(calc((100% + var(--ppx)) * 0.85), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.promoted-setting__button:where([sf~="13"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 4px; --pdb: 4px; }
#ViewSetting .promoted-setting__label:where([sf~="13"]) { --mgt: 2px; --mgr: 8px; --mgb: 2px; --mgl: 8px; text-align: center; }
.map-background-carousel:where([sf~="13"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.map-background:where([sf~="13"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-rep: no-repeat; }
.bkg-dust2:where([sf~="13"]) { --bg-img: url("/panorama/images/crosshair/xhair_dust2.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: center center; }
.bkg-nuke:where([sf~="13"]) { --bg-img: url("/panorama/images/crosshair/xhair_nuke.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: center center; }
.bkg-mirage:where([sf~="13"]) { --bg-img: url("/panorama/images/crosshair/xhair_mirage.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: center center; }
.bkg-ancient:where([sf~="13"]) { --bg-img: url("/panorama/images/crosshair/xhair_ancient.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: center center; }
.bkg-anubis:where([sf~="13"]) { --bg-img: url("/panorama/images/crosshair/xhair_anubis.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: center center; }
.bkg-cache:where([sf~="13"]) { --bg-img: url("/panorama/images/crosshair/xhair_cache.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: center center; }
.bkg-inferno:where([sf~="13"]) { --bg-img: url("/panorama/images/crosshair/xhair_inferno.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: center center; }
.dynamic-crosshair:where([sf~="13"]) { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialRadioSettingsOptionImage:where([sf~="13"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; }
.setting-search-textentry:where([sf~="13"]) { height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 10px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; border-radius: 0px; border: 0px solid rgba(255, 255, 255, 1); --bdln: 0; --bdrn: 0; border-bottom: 2px solid rgba(255, 255, 255, 1); transition-property: border; transition-duration: 0.2s; }
.setting-search-textentry._focus:where([sf~="13"]) { border-bottom: 6px solid rgba(255, 255, 255, 1); box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: border; transition-duration: 0.2s; }
.setting-search-textentry #PlaceholderText:where([sf~="13"]) { color: rgb(221, 221, 221); --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.setting-search-result:where([sf~="13"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 940px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 940px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; border-radius: 3px; }
.setting-search-result p-label:where([sf~="13"]) { --pdl: 8px; --pdln: 8; }
.setting-search-result:hover:where([sf~="13"]) { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.235581) 0%, rgba(0, 0, 0, 0.235581) 100%); --bgc: transparent; box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: --bgc; transition-duration: 0s; transition-timing-function: ease-in-out; }
.setting-search-recently-added-header:where([sf~="13"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 940px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 940px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --mgt: 16px; --mgr: 32px; --mgb: 16px; --mgl: 32px; border-radius: 3px; }
/* styles/base_world_panel.css */
.WorldUIRoot:where([sf~="14"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
/* styles/change_clantag_playercard_button.css */
#id-tooltip-changeclantag:where([sf~="15"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#id-clantag-pending-img:where([sf~="15"]) { --vis-collapse: none; }
.show-spinner #id-clantag-pending-img:where([sf~="15"]) { --vis-collapse: initial; }
#id-clantag-img:where([sf~="15"]) { --vis-collapse: initial; }
.show-spinner #id-clantag-img:where([sf~="15"]) { --vis-collapse: none; }
#id-clantag-pending-img:where([sf~="15"]) { --bg-img: url("/panorama/images/icons/ui/loading.svg"); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: contain; --bg-w: 0px; animation-name: SpinnerRotate; animation-duration: 1.25s; animation-timing-function: linear; animation-iteration-count: infinite; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
@keyframes SpinnerRotate {
0% { transform: scaleX( 1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
49% { transform: scaleX( 1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
50% { transform: scaleX( -1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
100% { transform: scaleX( -1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
}
/* styles/console.css */
.ConsolePanel:where([sf~="16"]) { border: 1px solid #333; --bdln: 1; --bdrn: 1; box-shadow: 2px 2px 2px 1.333333px rgb(0 0 0 / 0.6); --bg-fill: rgb(0 0 0 / 0.6); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: #222; --bg-grad: none; }
#MainContents:where([sf~="16"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#Header:where([sf~="16"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: #333; --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.FillWidth:where([sf~="16"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-FillWidth:has(> .FillWidth:where([sf~="16"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-FillWidth:has(> .FillWidth:where([sf~="16"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#CloseButton:where([sf~="16"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#CloseButton p-label:where([sf~="16"]) { color: #ccc; --pdt: 3px; --pdr: 4px; --pdb: 3px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
#CloseButton:hover p-label:where([sf~="16"]) { color: white; }
#CloseButton:active p-label:where([sf~="16"]) { color: #999; }
#Title:where([sf~="16"]) { --pdt: 3px; --pdr: 4px; --pdb: 3px; --pdl: 4px; --pdrn: 4; --pdln: 4; color: white; text-transform: uppercase; letter-spacing: 2px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#ConsoleLog:where([sf~="16"]) { --pdt: 4px; --pdr: 4px; --pdb: 12px; --pdl: 4px; --pdrn: 4; --pdln: 4; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1.0; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; overflow-x: auto; overflow-y: auto; --ovx: scroll; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.kk-i-ConsoleLog:has(> #ConsoleLog:where([sf~="16"]):not([pvis="0"])) { --kid-fill-h: 1; }
#ConsoleText:where([sf~="16"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; font-family: Courier New,Courier; --c9: 1; cursor: text; }
#ConsoleInput:where([sf~="16"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid #333; --bgc: black; --bg-grad: none; color: white; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-textentryautocomplete:where([sf~="16"]) { width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; max-height: 200px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: #3d4448; --bg-grad: none; color: #e1e1e1; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 0.4); --bg-fill: rgb(0 0 0 / 0.4); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
p-textentryautocomplete > p-label:where([sf~="16"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; color: rgba(255, 255, 255, 0.773757); --bgc: #3d4448; --bg-grad: none; --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); border-top: 1px solid rgba(0, 0, 0, 0.21089); border-bottom: 1px solid rgba(0, 0, 0, 0.21089); transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
p-textentryautocomplete > p-label:hover:where([sf~="16"]) { --bgc: #585e62; --bg-grad: none; }
p-textentryautocomplete > p-label._focus:where([sf~="16"]) { --bgc: #585e62; --bg-grad: none; }
#ResizeDragTarget:where([sf~="16"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; border-right: 2px solid #666; --bdrn: 2; border-bottom: 2px solid #666; }
#ResizeDragTarget:hover:where([sf~="16"]) { border-right: 2px solid #999; --bdrn: 2; border-bottom: 2px solid #999; }
/* styles/debugger.css */
p-verticalscrollbar:where([sf~="17"]), p-horizontalscrollbar:where([sf~="17"]) { width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; border-radius: 0px; --p-layout-position: fixed; transition-property: transform; }
p-verticalscrollbar:where([sf~="17"]) { width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; --mgt: 0px; --mgr: 0px; --mgb: 12px; --mgl: 3px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
p-horizontalscrollbar:where([sf~="17"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --mgt: 0px; --mgr: 0px; --mgb: 12px; --mgl: 3px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
p-verticalscrollbar .ScrollThumb:where([sf~="17"]) { border-radius: 4px; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
p-verticalscrollbar:where([sf~="17"]), p-verticalscrollbar .ScrollThumb:where([sf~="17"]), p-horizontalscrollbar:where([sf~="17"]), p-horizontalscrollbar .ScrollThumb:where([sf~="17"]) { transition-duration: 0.20s; transition-timing-function: ease-in-out; }
p-verticalscrollbar.MouseDown:where([sf~="17"]), p-verticalscrollbar.MouseDown .ScrollThumb:where([sf~="17"]), p-horizontalscrollbar.MouseDown:where([sf~="17"]), p-horizontalscrollbar.MouseDown .ScrollThumb:where([sf~="17"]) { transition-duration: 0.0s; }
p-texttooltip:where([sf~="17"]) { border-radius: 2.5px; border: 1px solid #767676; --bdln: 1; --bdrn: 1; box-shadow: 6px 4px 0px 0px rgba(128, 128, 128, 0.713666); --bg-fill: rgba(128, 128, 128, 0.713666); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; max-width: 600px; --maxw: 600px; font-family: "Motiva Sans"; --c9: 1; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); line-height: 18px; }
p-debugger:where([sf~="17"]) { perspective-origin: 50% 50%; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; font-family: Tahoma; --c9: 1; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.MatchesSearch:where([sf~="17"]) { font-weight: 700; }
#DebugLayoutPanelClose.MatchesSearch:where([sf~="17"]) { opacity: 0.767696; --op-pe: inherit; }
.DoesntMatchSearch:where([sf~="17"]) { opacity: 0.767696; --op-pe: inherit; }
.DebugBody:where([sf~="17"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: 1.0; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-DebugBody:has(> .DebugBody:where([sf~="17"]):not([pvis="0"])) { --kid-fill-h: 1; }
.DebugBodyTop:where([sf~="17"]) { height: auto; --fh: 0.8; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.kk-c-DebugBodyTop:has(> .DebugBodyTop:where([sf~="17"]):not([pvis="0"])) { --kid-fill-h: 1; }
p-verticalsplitter:where([sf~="17"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; min-height: 100%; --mh-set: 1; --mhp: 1; }
p-horizontalsplitter:where([sf~="17"]) { height: 6px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 6px; min-width: 100%; }
.DebugJSConsole:where([sf~="17"]) { height: auto; --fh: 0.2; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-height: 10px; --mh-set: 1; --mhp: 1; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.kk-c-DebugJSConsole:has(> .DebugJSConsole:where([sf~="17"]):not([pvis="0"])) { --kid-fill-h: 1; }
#JSConsoleText:where([sf~="17"]) { height: auto; --fh: 1.0; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; font-weight: 700; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Courier New; --c9: 1; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 8px; --pdl: 8px; --pdln: 8; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.kk-i-JSConsoleText:has(> #JSConsoleText:where([sf~="17"]):not([pvis="0"])) { --kid-fill-h: 1; }
#JSConsoleInputBlock:where([sf~="17"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid #aaaaaa; }
#JSLabel:where([sf~="17"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdl: 6px; --pdln: 6; --pdt: 10px; }
#JSConsoleText:where([sf~="17"]) { --mgt: 0px; --mgr: 3px; --mgb: 0px; --mgl: 3px; }
#JSConsoleText p-label:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; min-height: 100%; --mh-set: 1; --mhp: 1; }
#JSConsoleInput:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; font-family: Courier New; --c9: 1; font-weight: 700; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); box-shadow: inset -1px 1px 2px 3px rgb(0 0 0 / 0.533333); --bg-fill: initial; --bg-solid: initial; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --pdt: 6px; --pdr: 5px; --pdb: 6px; --pdl: 5px; --pdrn: 5; --pdln: 5; white-space: nowrap; }
.DebugToolbar:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; min-width: 100%; }
.DebugSearch:where([sf~="17"]) { --vis-collapse: none; }
.SearchResults .DebugSearch:where([sf~="17"]) { --vis-collapse: initial; }
.DebugSearchLabel:where([sf~="17"]) { --mgl: 4px; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; --mgr: 4px; }
.DebugSearchBar:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 0.3), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; max-width: 400px; --maxw: 400px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgr: 8px; }
.PrevNextButton:where([sf~="17"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.PrevNextButton p-label:where([sf~="17"]) { font-weight: 700; }
#DebugSearchIndex:where([sf~="17"]) { --mgl: 5px; font-weight: 700; --mgt: 4px; }
#DebugSearchTextEntry:where([sf~="17"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: clip; white-space: nowrap; }
.DebugToolbar p-button:where([sf~="17"]), .DebugToolbar p-togglebutton:where([sf~="17"]) { --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; --mgr: 4px; }
#InMemoryButtons:where([sf~="17"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#DebugSize:where([sf~="17"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 15px; --mgr: 15px; }
p-debuglayout:where([sf~="17"]) { width: auto; --fw: 0.6; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-height: 100%; --mh-set: 1; --mhp: 1; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --pdr: 18px; --pdrn: 18; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.kk-t-p-debuglayout:has(> p-debuglayout:where([sf~="17"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-t-p-debuglayout:has(> p-debuglayout:where([sf~="17"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.DebugLabelPanelRow:where([sf~="17"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#DebugLayoutPanelOpen:where([sf~="17"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-DebugLayoutPanelOpen:has(> #DebugLayoutPanelOpen:where([sf~="17"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-DebugLayoutPanelOpen:has(> #DebugLayoutPanelOpen:where([sf~="17"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
p-a.DebugLayoutElementPropValue:hover:where([sf~="17"]) { text-decoration: underline; }
.DebugLabelPanelRow .StyleLink:where([sf~="17"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --vis-collapse: none; }
.DebugLayoutPanelRowSelected .StyleLink:where([sf~="17"]) { --vis-collapse: initial; }
.DebugLabelPanelRow #Indent:where([sf~="17"]) { --mgt: 1px; }
#DebugLabelToggle:where([sf~="17"]) { --mgr: 4px; --mgt: 2px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: 9px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 9px; height: 9px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 9px; --bg-img: url("/panorama/images/collapse.webp"); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --vis-collapse: none; }
#DebugLabelToggle._selected:where([sf~="17"]) { --bg-img: url("/panorama/images/expand.webp"); }
.DebugLabelPanelRow.ShowChildren #DebugLabelToggle:where([sf~="17"]) { --vis-collapse: initial; }
.DebugLayoutPanelPerfDisplay:where([sf~="17"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 176px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 176px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; }
.ShowPaintInfo .DebugLayoutPanelPerfDisplay:where([sf~="17"]) { --vis-collapse: initial; }
.DebugLayoutPanelPerf:where([sf~="17"]) { width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; height: 11px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 11px; --mgr: 4px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DebugLayoutPanelPerf > p-label:where([sf~="17"]) { text-align: center; --mgr: 2px; }
.DebugLayoutPanelPerfBarContainer:where([sf~="17"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; border: 1px solid #333; --bdln: 1; --bdrn: 1; --mgt: 2px; }
.kk-c-DebugLayoutPanelPerfBarContainer:has(> .DebugLayoutPanelPerfBarContainer:where([sf~="17"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-DebugLayoutPanelPerfBarContainer:has(> .DebugLayoutPanelPerfBarContainer:where([sf~="17"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.HasCachedCommandList #DebugLayoutPanelPaintPerf .DebugLayoutPanelPerfBarContainer:where([sf~="17"]), .UsingCompositionLayer #DebugLayoutPanelRenderPerf .DebugLayoutPanelPerfBarContainer:where([sf~="17"]) { border: 2px solid green; --bdln: 2; --bdrn: 2; }
.DebugLayoutPanelPerfBarContainer > p-panel:where([sf~="17"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
@keyframes PerfBarAnimation {
0% { --bg-grad: linear-gradient(90deg, #f00 0%, #900 99%, rgba(153, 0, 0, 0) 100%); --bgc: transparent; }
100% { --bg-grad: linear-gradient(90deg, #f00 0%, rgba(153, 0, 0, 0) 1%, rgba(153, 0, 0, 0) 100%); --bgc: transparent; }
}
#DebugLayoutPanelStylesPerfBar.StylesDirtied:where([sf~="17"]), #DebugLayoutPanelLayoutPerfBar.LayoutDirtied:where([sf~="17"]), #DebugLayoutPanelPaintPerfBar.PaintDirtied:where([sf~="17"]), #DebugLayoutPanelRenderPerfBar.RenderDirtied:where([sf~="17"]), #DebugLayoutPanelSecondaryLayoutPerfBar.SecondaryLayoutRequested:where([sf~="17"]) { animation-name: PerfBarAnimation; animation-duration: 1.0s; }
#DebugLayoutPanelLayoutPerf:where([sf~="17"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; }
#DebugLayoutPanelLayoutPerf .DebugLayoutPanelPerfBarContainer:where([sf~="17"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#DebugLayoutPanelLayoutPerfBar:where([sf~="17"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-DebugLayoutPanelLayoutPerfBar:has(> #DebugLayoutPanelLayoutPerfBar:where([sf~="17"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-DebugLayoutPanelLayoutPerfBar:has(> #DebugLayoutPanelLayoutPerfBar:where([sf~="17"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#DebugLayoutPanelSecondaryLayoutPerfBar:where([sf~="17"]) { border-left: 1px solid black; --bdln: 1; width: auto; --fw: 0.5; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-DebugLayoutPanelSecondaryLayoutPerfBar:has(> #DebugLayoutPanelSecondaryLayoutPerfBar:where([sf~="17"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-DebugLayoutPanelSecondaryLayoutPerfBar:has(> #DebugLayoutPanelSecondaryLayoutPerfBar:where([sf~="17"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
p-debugpanelparents:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-debugpanelparents #SelectedPanelName:where([sf~="17"]) { font-weight: 700; }
p-debugpanelparents p-label:where([sf~="17"]), p-debugpanelparents p-button:where([sf~="17"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
p-debugpanelparents p-button p-label:where([sf~="17"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
p-debugpanel:where([sf~="17"]) { width: auto; --fw: 0.4; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.kk-t-p-debugpanel:has(> p-debugpanel:where([sf~="17"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-t-p-debugpanel:has(> p-debugpanel:where([sf~="17"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.DebugPanelToolbar:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 5px; --pdr: 5px; --pdb: 0px; --pdl: 5px; --pdrn: 5; --pdln: 5; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DebugPanelToolbar p-button:where([sf~="17"]) { --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; --mgr: 4px; }
#DebugPanelPages:where([sf~="17"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
p-debugpanelcomputed:where([sf~="17"]), p-debugpaneldialogvariables:where([sf~="17"]), p-debugpanelattributes:where([sf~="17"]) { --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-height: 100%; --mh-set: 1; --mhp: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
#ComputedMeasurementsHeader:where([sf~="17"]), #ComputedMiscHeader:where([sf~="17"]), #ComputedPaintPerfHeader:where([sf~="17"]) { --mgt: 15px; }
.DebugComputedRow:where([sf~="17"]) { --mgl: 20px; --mgt: 2px; --mgb: 2px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DebugComputedName:where([sf~="17"]) { width: 170px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 170px; }
.StyleLink:where([sf~="17"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdl: 4px; --pdln: 4; }
p-debugpanelstyle:where([sf~="17"]) { --pdt: 10px; --pdr: 0px; --pdb: 10px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-height: 100%; --mh-set: 1; --mhp: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
p-debugindividualstyle:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
p-debugindividualstyle .StyleLink:where([sf~="17"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#DebugPanelStyleInvalid:where([sf~="17"]) { font-weight: 700; --vis-collapse: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdt: 2px; --pdr: 4px; --pdb: 2px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
p-debugstyleanimation:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
p-debugstyleanimation .StyleLink:where([sf~="17"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.DebugKeyFrameSection:where([sf~="17"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.DebugKeyFrameRow:where([sf~="17"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DebugFrameRow:where([sf~="17"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DebugFrameLeftMargin:where([sf~="17"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DebugFrameRow p-debugstyleblock:where([sf~="17"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.DebugFrameRow .kk-t-p-debugstyleblock:has(> p-debugstyleblock:where([sf~="17"]):not([pvis="0"])), .DebugFrameRow.kk-t-p-debugstyleblock:has(> p-debugstyleblock:where([sf~="17"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .DebugFrameRow .kk-t-p-debugstyleblock:has(> p-debugstyleblock:where([sf~="17"]):not([pvis="0"]))::after, .DebugFrameRow.kk-t-p-debugstyleblock:has(> p-debugstyleblock:where([sf~="17"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
p-debugstyleblock:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
p-debugstyleblock p-textentry:where([sf~="17"]) { --pdt: 1px; --pdr: 1px; --pdb: 1px; --pdl: 1px; --pdrn: 1; --pdln: 1; min-width: 15px; }
p-debugstyleblock #PropertySection p-label:where([sf~="17"]) { --pdt: 1px; --pdr: 0px; --pdb: 1px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.DebugPropertySection:where([sf~="17"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.DebugPropertyRow:where([sf~="17"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --tooltip-position: bottom; }
.DebugPropertyLeftMargin:where([sf~="17"]) { width: 46px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 46px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DebugPropertyErrorBox:where([sf~="17"]) { width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 4px; --mgt: 4px; border-radius: 50%; }
.DebugPropRowButton:where([sf~="17"]) { --mgt: 3px; --mgr: 2px; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --vis-collapse: none; }
.DebugPropRowButton p-label:where([sf~="17"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; line-height: 10px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.DebugPropertyRow:hover .DebugPropRowButton:where([sf~="17"]), .DebugFrameRow:hover #InsertFrameRowButton:where([sf~="17"]), .DebugFrameRow:hover #DeleteFrameRowButton:where([sf~="17"]) { --vis-collapse: initial; }
.DebugPropertyColon:where([sf~="17"]) { --mgr: 4px; }
p-debugautocomplete:where([sf~="17"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; border: 1px solid rgba(51, 51, 51, 0.77099); --bdln: 1; --bdrn: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
p-debuginheritedstylesheader:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgb: 10px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
p-debuginheritedstylesheader .StyleLink:where([sf~="17"]) { --mgl: 4px; }
p-debugstyleseparator:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgb: 10px; }
p-a:hover:where([sf~="17"]) { text-decoration: underline; }
p-b:where([sf~="17"]) { font-weight: 700; }
p-i:where([sf~="17"]) { font-style: italics; }
p-strong:where([sf~="17"]) { font-weight: 700; }
p-em:where([sf~="17"]) { font-style: italics; }
p-h1:where([sf~="17"]) { font-weight: 700; }
p-h2:where([sf~="17"]) { font-weight: 700; }
p-pre:where([sf~="17"]) { font-family: "Courier New"; --c9: 1; }
#HighlightControl:where([sf~="17"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="17"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --mgb: 5px; }
.SliderThumb:where([sf~="17"]) { border-radius: 13%; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; z-index: 6; }
.kk-c-SliderThumb:has(> .SliderThumb:where([sf~="17"]):not([pvis="0"])) { isolation: isolate; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider:where([sf~="17"]), p-slottedslider.HorizontalSlider:where([sf~="17"]), p-rangeslider.HorizontalSlider:where([sf~="17"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrack:where([sf~="17"]), p-slottedslider.HorizontalSlider #SliderTrack:where([sf~="17"]), p-rangeslider.HorizontalSlider #SliderTrack:where([sf~="17"]) { height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress:where([sf~="17"]), p-slottedslider.HorizontalSlider #SliderTrackProgress:where([sf~="17"]), p-rangeslider.HorizontalSlider #SliderTrackRangeFill:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --mgl: 1px; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress._disabled:where([sf~="17"]), p-slottedslider.HorizontalSlider #SliderTrackProgress._disabled:where([sf~="17"]), p-rangeslider.HorizontalSlider #SliderTrackRangeFill._disabled:where([sf~="17"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --mgl: 1px; }
:is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider .SliderThumb:where([sf~="17"]), p-slottedslider.HorizontalSlider .SliderThumb:where([sf~="17"]), p-rangeslider.HorizontalSlider .SliderThumb:where([sf~="17"]) { border-radius: 13%; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-debugger.Theme_Light:where([sf~="17"]) { --bgc: red; --bg-grad: none; color: black; }
.Theme_Light p-verticalscrollbar:where([sf~="17"]), .Theme_Light p-horizontalscrollbar:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, rgba(194, 194, 194, 0.389243) 0%, rgba(210, 210, 210, 0.396638) 100%); --bgc: transparent; }
.Theme_Light p-verticalscrollbar .ScrollThumb:where([sf~="17"]) { --bgc: rgba(210, 210, 210, 0.929287); --bg-grad: none; }
.Theme_Light .ScrollThumb:hover:where([sf~="17"]) { --bgc: rgba(162, 162, 162, 0.925458); --bg-grad: none; }
.Theme_Light p-horizontalscrollbar .ScrollThumb:where([sf~="17"]) { --bgc: rgba(210, 210, 210, 0.929287); --bg-grad: none; }
.Theme_Light p-texttooltip:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, white 0%, #e4e5f0 100%); --bgc: transparent; color: rgba(17, 17, 17, 1); }
.Theme_Light p-verticalsplitter:where([sf~="17"]) { --bg-grad: linear-gradient(90deg, #d7d7d7 0%, #a0a0a0 100%, #b4b4b4 90%); --bgc: transparent; }
.Theme_Light p-horizontalsplitter:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #d7d7d7 0%, #a0a0a0 100%, #b4b4b4 90%); --bgc: transparent; }
.Theme_Light .DebugJSConsole:where([sf~="17"]) { --bgc: white; --bg-grad: none; }
.Theme_Light #JSConsoleText:where([sf~="17"]) { --bgc: #EEEBEB; --bg-grad: none; color: #000000; }
.Theme_Light #JSConsoleInputBlock:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #F0ECEC 0%, #D0CFCF 100%, #F0ECEC 80%); --bgc: transparent; }
.Theme_Light #JSConsoleInput:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #999999 0%, #dddddd 100%); --bgc: transparent; color: #000000; }
.Theme_Light .DebugToolbar:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #F0ECEC 0%, #D0CFCF 100%, #F0ECEC 80%); --bgc: transparent; }
.Theme_Light .DebugSearchLabel:where([sf~="17"]) { --bgc: #B9D1F4; --bg-grad: none; }
.Theme_Light .DebugSearchBar:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #F0ECEC 0%, #D0CFCF 100%, #F0ECEC 80%); --bgc: transparent; }
.Theme_Light .PrevNextButton:where([sf~="17"]) { --bgc: #B9D1F4; --bg-grad: none; }
.Theme_Light #DebugSearchTextEntry:where([sf~="17"]) { --bgc: white; --bg-grad: none; }
.Theme_Light .DebugToolbar p-button:where([sf~="17"]), .Theme_Light .DebugToolbar p-togglebutton:where([sf~="17"]) { --bgc: #B9D1F4; --bg-grad: none; }
.Theme_Light .DebugToolbar p-button:hover:where([sf~="17"]), .Theme_Light .DebugToolbar p-togglebutton:hover:where([sf~="17"]) { --bgc: #9EB9DF; --bg-grad: none; }
.Theme_Light .DebugToolbar p-button:active:where([sf~="17"]), .Theme_Light .DebugToolbar p-togglebutton:active:where([sf~="17"]) { --bgc: #5081C5; --bg-grad: none; }
.Theme_Light .DebugToolbar p-button._disabled:where([sf~="17"]), .Theme_Light .DebugToolbar p-togglebutton._disabled:where([sf~="17"]) { --bgc: #686E78; --bg-grad: none; }
.Theme_Light .DebugToolbar p-togglebutton._selected:where([sf~="17"]) { --bgc: #71a4ea; --bg-grad: none; }
.Theme_Light p-debuglayout:where([sf~="17"]) { --bgc: white; --bg-grad: none; }
.Theme_Light .DebugLabelPanelRow:hover #DebugLayoutPanelOpen:where([sf~="17"]) { --bgc: #66CCFF; --bg-grad: none; }
.Theme_Light #DebugLayoutPanelClose:where([sf~="17"]) { color: #000088; }
.Theme_Light .DebugLabelPanelRow:hover #DebugLayoutPanelClose:where([sf~="17"]) { --bgc: #66CCFF; --bg-grad: none; }
.Theme_Light .DebugLayoutPanelRowSelected:where([sf~="17"]) { --bgc: #C6E2FF; --bg-grad: none; }
.Theme_Light .DebugLayoutElementText:where([sf~="17"]) { color: #0000FF; }
.Theme_Light .DebugLayoutElementPropName:where([sf~="17"]) { color: #000088; }
.Theme_Light .DebugLayoutElementPropValue:where([sf~="17"]) { color: #FF0000; }
.Theme_Light p-a.DebugLayoutElementPropValue:hover:where([sf~="17"]) { color: #1111DD; }
.Theme_Light p-debugpanelparents:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #ECF2F9 0%, #9DBCDE 100%); --bgc: transparent; }
.Theme_Light p-debugpanelparents p-button:where([sf~="17"]) { --bgc: transparent; --bg-grad: none; }
.Theme_Light p-debugpanelparents p-button:hover:where([sf~="17"]) { --bgc: #66CCFF; --bg-grad: none; }
.Theme_Light p-debugpanelparents p-button:active:where([sf~="17"]) { --bgc: #5081C5; --bg-grad: none; }
.Theme_Light .DebugPanelToolbar:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #F0ECEC 0%, #D0CFCF 100%, #F0ECEC 80%); --bgc: transparent; }
.Theme_Light .DebugPanelToolbar p-button:where([sf~="17"]) { --bgc: #B9D1F4; --bg-grad: none; }
.Theme_Light .DebugPanelToolbar p-button:hover:where([sf~="17"]) { --bgc: #9EB9DF; --bg-grad: none; }
.Theme_Light .DebugPanelToolbar p-button:active:where([sf~="17"]) { --bgc: #5081C5; --bg-grad: none; }
.Theme_Light p-debugpanelcomputed:where([sf~="17"]), .Theme_Light p-debugpaneldialogvariables:where([sf~="17"]), .Theme_Light p-debugpanelattributes:where([sf~="17"]) { --bgc: white; --bg-grad: none; }
.Theme_Light .DebugComputedName:where([sf~="17"]) { color: #6b8e23; }
.Theme_Light .DebugComputedValue:where([sf~="17"]) { color: black; }
.Theme_Light .StyleLink:where([sf~="17"]) { color: blue; --bgc: white; --bg-grad: none; }
.Theme_Light .StyleLink:hover:where([sf~="17"]) { color: red; }
.Theme_Light p-debugpanelstyle:where([sf~="17"]) { --bgc: white; --bg-grad: none; }
.Theme_Light #DebugPanelStyleInvalid:where([sf~="17"]) { color: black; --bgc: red; --bg-grad: none; }
.Theme_Light p-debugstyleblock p-textentry:hover:where([sf~="17"]) { --bgc: #97c3f0; --bg-grad: none; }
.Theme_Light p-debugstyleblock p-textentry._focus:where([sf~="17"]) { --bgc: #3399ff; --bg-grad: none; color: white; }
.Theme_Light #Selector:where([sf~="17"]) { color: black; }
.Theme_Light .DebugPropertyErrorBox:where([sf~="17"]) { --bgc: red; --bg-grad: none; }
.Theme_Light .DebugPropRowButton:hover:where([sf~="17"]) { --bgc: #C6E2FF; --bg-grad: none; }
.Theme_Light .DebugPropertyName:where([sf~="17"]) { color: #6b8e23; }
.Theme_Light .DebugPropertyValue:where([sf~="17"]) { color: black; }
.Theme_Light .DebugPropertyColon:where([sf~="17"]) { color: blue; }
.Theme_Light .DebugPropertySemicolon:where([sf~="17"]) { color: blue; }
.Theme_Light .DebugPropertyRowNotUsed .DebugPropertyName:where([sf~="17"]), .Theme_Light .DebugPropertyRowNotUsed .DebugPropertyColon:where([sf~="17"]), .Theme_Light .DebugPropertyRowNotUsed .DebugPropertyValue:where([sf~="17"]), .Theme_Light .DebugPropertyRowNotUsed .DebugPropertySemicolon:where([sf~="17"]) { color: #C0C0C0; }
.Theme_Light p-debugautocomplete:where([sf~="17"]) { --bgc: white; --bg-grad: none; color: black; }
.Theme_Light p-debugautocomplete p-label._focus:where([sf~="17"]) { --bgc: #66CCFF; --bg-grad: none; }
.Theme_Light p-debuginheritedstylesheader:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #ECF2F9 0%, #9DBCDE 100%); --bgc: transparent; }
.Theme_Light p-debugstyleseparator:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #ECF2F9 0%, #9DBCDE 100%); --bgc: transparent; }
.Theme_Light p-a:where([sf~="17"]) { color: blue; }
.Theme_Light .SliderThumb:where([sf~="17"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #91a5b9 0%, #444f52 100%); --bgc: transparent; box-shadow: 1px 1px 6.5px 4.333333px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.Theme_Light .SliderThumb:hover:where([sf~="17"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #b8c5d3 0%, #444f52 100%); --bgc: transparent; }
.Theme_Light :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress:where([sf~="17"]), .Theme_Light p-slottedslider.HorizontalSlider #SliderTrackProgress:where([sf~="17"]), .Theme_Light p-rangeslider.HorizontalSlider #SliderTrackRangeFill:where([sf~="17"]) { --bg-grad: linear-gradient(90deg, rgba(34, 34, 34, 1) 0%, rgba(68, 79, 82, 1) 100%); --bgc: transparent; box-shadow: inset -2px 1px 3px 0px black; --bg-fill: initial; --bg-solid: initial; }
.Theme_Light :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress._disabled:where([sf~="17"]), .Theme_Light p-slottedslider.HorizontalSlider #SliderTrackProgress._disabled:where([sf~="17"]), .Theme_Light p-rangeslider.HorizontalSlider #SliderTrackRangeFill._disabled:where([sf~="17"]) { --bg-grad: linear-gradient(90deg, rgba(1, 1, 1, 1) 0%, rgba(51, 51, 51, 1) 100%); --bgc: transparent; box-shadow: inset -2px 1px 3px 0px black; --bg-fill: initial; --bg-solid: initial; }
.Theme_Light :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider .SliderThumb:where([sf~="17"]), .Theme_Light p-slottedslider.HorizontalSlider .SliderThumb:where([sf~="17"]), .Theme_Light p-rangeslider.HorizontalSlider .SliderThumb:where([sf~="17"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #91a5b9 0%, #444f52 100%); --bgc: transparent; }
.Theme_Light :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider .SliderThumb:hover:where([sf~="17"]), .Theme_Light p-slottedslider.HorizontalSlider .SliderThumb:hover:where([sf~="17"]), .Theme_Light p-rangeslider.HorizontalSlider .SliderThumb:hover:where([sf~="17"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #b8c5d3 0%, #444f52 100%); --bgc: transparent; }
.Theme_Light :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider .SliderThumb._disabled:where([sf~="17"]), .Theme_Light p-slottedslider.HorizontalSlider .SliderThumb._disabled:where([sf~="17"]), .Theme_Light p-rangeslider.HorizontalSlider .SliderThumb._disabled:where([sf~="17"]) { --bgc: #333333; --bg-grad: none; }
p-debugger.Theme_Dark:where([sf~="17"]) { --bgc: red; --bg-grad: none; color: white; }
.Theme_Dark p-verticalscrollbar:where([sf~="17"]), .Theme_Dark p-horizontalscrollbar:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, rgba(194, 194, 194, 0.389243) 0%, rgba(210, 210, 210, 0.396638) 100%); --bgc: transparent; }
.Theme_Dark p-verticalscrollbar .ScrollThumb:where([sf~="17"]) { --bgc: rgba(210, 210, 210, 0.929287); --bg-grad: none; }
.Theme_Dark .ScrollThumb:hover:where([sf~="17"]) { --bgc: rgba(162, 162, 162, 0.925458); --bg-grad: none; }
.Theme_Dark p-horizontalscrollbar .ScrollThumb:where([sf~="17"]) { --bgc: rgba(210, 210, 210, 0.929287); --bg-grad: none; }
.Theme_Dark p-texttooltip:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, white 0%, #e4e5f0 100%); --bgc: transparent; color: rgba(17, 17, 17, 1); }
.Theme_Dark p-verticalsplitter:where([sf~="17"]) { --bg-grad: linear-gradient(90deg, #d7d7d7 0%, #a0a0a0 100%, #b4b4b4 90%); --bgc: transparent; }
.Theme_Dark p-horizontalsplitter:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #d7d7d7 0%, #a0a0a0 100%, #b4b4b4 90%); --bgc: transparent; }
.Theme_Dark .DebugJSConsole:where([sf~="17"]) { --bgc: rgba(56, 54, 53, 1); --bg-grad: none; }
.Theme_Dark #JSConsoleText:where([sf~="17"]) { --bgc: rgba(56, 54, 53, 1); --bg-grad: none; color: white; }
.Theme_Dark #JSConsoleInputBlock:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #4e4b4b 0%, #696967 100%, #4e4b4b 80%); --bgc: transparent; }
.Theme_Dark #JSLabel:where([sf~="17"]) { color: white; }
.Theme_Dark #JSConsoleInput:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #999999 0%, #dddddd 100%); --bgc: transparent; color: #000000; }
.Theme_Dark .DebugToolbar:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #807C7C 0%, #403F3F 100%, #807272 80%); --bgc: transparent; }
.Theme_Dark .DebugSearchLabel:where([sf~="17"]) { --bgc: #5e6978; --bg-grad: none; }
.Theme_Dark .DebugSearchBar:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #807C7C 0%, #403F3F 100%, #807272 80%); --bgc: transparent; }
.Theme_Dark .PrevNextButton:where([sf~="17"]) { --bgc: #5e6978; --bg-grad: none; }
.Theme_Dark #DebugSearchTextEntry:where([sf~="17"]) { --bgc: rgba(56, 54, 53, 1); --bg-grad: none; }
.Theme_Dark .DebugToolbar p-button:where([sf~="17"]), .Theme_Dark .DebugToolbar p-togglebutton:where([sf~="17"]) { --bgc: #435165; --bg-grad: none; color: white; }
.Theme_Dark .DebugToolbar p-button:hover:where([sf~="17"]), .Theme_Dark .DebugToolbar p-togglebutton:hover:where([sf~="17"]) { --bgc: #365463; --bg-grad: none; }
.Theme_Dark .DebugToolbar p-button:active:where([sf~="17"]), .Theme_Dark .DebugToolbar p-togglebutton:active:where([sf~="17"]) { --bgc: #5081C5; --bg-grad: none; }
.Theme_Dark .DebugToolbar p-button._disabled:where([sf~="17"]), .Theme_Dark .DebugToolbar p-togglebutton._disabled:where([sf~="17"]) { --bgc: #686E78; --bg-grad: none; }
.Theme_Dark .DebugToolbar p-togglebutton._selected:where([sf~="17"]) { --bgc: #71a4ea; --bg-grad: none; }
.Theme_Dark p-debuglayout:where([sf~="17"]) { --bgc: rgba(56, 54, 53, 1); --bg-grad: none; }
.Theme_Dark .DebugLabelPanelRow:where([sf~="17"]) { color: white; }
.Theme_Dark #DebugLayoutPanelOpen:where([sf~="17"]), .Theme_Dark #DebugLayoutPanelClose:where([sf~="17"]) { color: #6c71cf; }
.Theme_Dark .DebugLabelPanelRow:hover #DebugLayoutPanelOpen:where([sf~="17"]) { --bgc: #66CCFF; --bg-grad: none; }
.Theme_Dark .DebugLabelPanelRow:hover #DebugLayoutPanelOpen:where([sf~="17"]), .Theme_Dark .DebugLabelPanelRow:hover #DebugLayoutPanelClose:where([sf~="17"]), .Theme_Dark p-debugautocomplete p-label._focus:where([sf~="17"]), .Theme_Dark p-debugpanelparents p-button:hover:where([sf~="17"]) { --bgc: rgba(56, 54, 53, 1); --bg-grad: none; }
.Theme_Dark .DebugLayoutPanelRowSelected:where([sf~="17"]) { --bgc: #1c333a; --bg-grad: none; }
.Theme_Dark .DebugLayoutElementText:where([sf~="17"]) { color: #fdf6e6; }
.Theme_Dark .DebugLayoutElementPropName:where([sf~="17"]) { color: #4ac1a8; }
.Theme_Dark .DebugLayoutElementPropValue:where([sf~="17"]) { color: #eeee16; }
.Theme_Dark p-a.DebugLayoutElementPropValue:hover:where([sf~="17"]) { color: #080860; }
.Theme_Dark p-debugpanelparents:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #292929 0%, #2a323a 100%); --bgc: transparent; color: white; }
.Theme_Dark p-debugpanelparents p-button:where([sf~="17"]) { --bgc: transparent; --bg-grad: none; }
.Theme_Dark p-debugpanelparents p-button:hover:where([sf~="17"]) { --bgc: #66CCFF; --bg-grad: none; }
.Theme_Dark p-debugpanelparents p-button:active:where([sf~="17"]) { --bgc: #5081C5; --bg-grad: none; }
.Theme_Dark .DebugPanelToolbar:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #807C7C 0%, #403F3F 100%, #807272 80%); --bgc: transparent; }
.Theme_Dark .DebugPanelToolbar p-button:where([sf~="17"]) { --bgc: #5e6978; --bg-grad: none; }
.Theme_Dark .DebugPanelToolbar p-button:hover:where([sf~="17"]) { --bgc: #9EB9DF; --bg-grad: none; }
.Theme_Dark .DebugPanelToolbar p-button:active:where([sf~="17"]) { --bgc: #5081C5; --bg-grad: none; }
.Theme_Dark p-debugpanelcomputed:where([sf~="17"]), .Theme_Dark p-debugpaneldialogvariables:where([sf~="17"]), .Theme_Dark p-debugpanelattributes:where([sf~="17"]) { --bgc: rgba(56, 54, 53, 1); --bg-grad: none; }
.Theme_Dark .DebugComputedName:where([sf~="17"]), .Theme_Dark .DebugComputedValue:where([sf~="17"]) { color: white; }
.Theme_Dark .StyleLink:where([sf~="17"]) { color: cyan; --bgc: rgba(56, 54, 53, 1); --bg-grad: none; }
.Theme_Dark .StyleLink:hover:where([sf~="17"]) { color: red; }
.Theme_Dark p-debugpanelstyle:where([sf~="17"]) { --bgc: rgba(56, 54, 53, 1); --bg-grad: none; }
.Theme_Dark #DebugPanelStyleInvalid:where([sf~="17"]) { color: black; --bgc: red; --bg-grad: none; }
.Theme_Dark p-debugstyleblock p-textentry:hover:where([sf~="17"]) { --bgc: #365463; --bg-grad: none; }
.Theme_Dark p-debugstyleblock p-textentry._focus:where([sf~="17"]) { --bgc: #3399ff; --bg-grad: none; color: rgba(56, 54, 53, 1); }
.Theme_Dark #Selector:where([sf~="17"]) { color: white; }
.Theme_Dark .DebugPropertyErrorBox:where([sf~="17"]) { --bgc: red; --bg-grad: none; }
.Theme_Dark .DebugPropRowButton:hover:where([sf~="17"]) { --bgc: #C6E2FF; --bg-grad: none; }
.Theme_Dark .DebugPropertyName:where([sf~="17"]) { color: #4ac1a8; }
.Theme_Dark .DebugPropertyValue:where([sf~="17"]) { color: white; }
.Theme_Dark .DebugPropertyColon:where([sf~="17"]), .Theme_Dark .DebugPropertySemicolon:where([sf~="17"]) { color: cyan; }
.Theme_Dark .DebugPropertyRowNotUsed .DebugPropertyName:where([sf~="17"]), .Theme_Dark .DebugPropertyRowNotUsed .DebugPropertyColon:where([sf~="17"]), .Theme_Dark .DebugPropertyRowNotUsed .DebugPropertyValue:where([sf~="17"]), .Theme_Dark .DebugPropertyRowNotUsed .DebugPropertySemicolon:where([sf~="17"]) { color: #C0C0C0; text-decoration: line-through; }
.Theme_Dark p-debugautocomplete:where([sf~="17"]) { --bgc: white; --bg-grad: none; color: black; }
.Theme_Dark p-debugautocomplete p-label._focus:where([sf~="17"]) { --bgc: #66CCFF; --bg-grad: none; }
.Theme_Dark p-debuginheritedstylesheader:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #ECF2F9 0%, #9DBCDE 100%); --bgc: transparent; }
.Theme_Dark p-debugstyleseparator:where([sf~="17"]) { --bg-grad: linear-gradient(180deg, #ECF2F9 0%, #9DBCDE 100%); --bgc: transparent; }
.Theme_Dark p-a:where([sf~="17"]) { color: cyan; }
.Theme_Dark .SliderThumb:where([sf~="17"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #91a5b9 0%, #444f52 100%); --bgc: transparent; box-shadow: 1px 1px 6.5px 4.333333px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.Theme_Dark .SliderThumb:hover:where([sf~="17"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #b8c5d3 0%, #444f52 100%); --bgc: transparent; }
.Theme_Dark :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress:where([sf~="17"]), .Theme_Dark p-slottedslider.HorizontalSlider #SliderTrackProgress:where([sf~="17"]), .Theme_Dark p-rangeslider.HorizontalSlider #SliderTrackRangeFill:where([sf~="17"]) { --bg-grad: linear-gradient(90deg, rgba(34, 34, 34, 1) 0%, rgba(68, 79, 82, 1) 100%); --bgc: transparent; box-shadow: inset -2px 1px 3px 0px black; --bg-fill: initial; --bg-solid: initial; }
.Theme_Dark :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress._disabled:where([sf~="17"]), .Theme_Dark p-slottedslider.HorizontalSlider #SliderTrackProgress._disabled:where([sf~="17"]), .Theme_Dark p-rangeslider.HorizontalSlider #SliderTrackRangeFill._disabled:where([sf~="17"]) { --bg-grad: linear-gradient(90deg, rgba(1, 1, 1, 1) 0%, rgba(51, 51, 51, 1) 100%); --bgc: transparent; box-shadow: inset -2px 1px 3px 0px black; --bg-fill: initial; --bg-solid: initial; }
.Theme_Dark :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider .SliderThumb:where([sf~="17"]), .Theme_Dark p-slottedslider.HorizontalSlider .SliderThumb:where([sf~="17"]), .Theme_Dark p-rangeslider.HorizontalSlider .SliderThumb:where([sf~="17"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #91a5b9 0%, #444f52 100%); --bgc: transparent; }
.Theme_Dark :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider .SliderThumb:hover:where([sf~="17"]), .Theme_Dark p-slottedslider.HorizontalSlider .SliderThumb:hover:where([sf~="17"]), .Theme_Dark p-rangeslider.HorizontalSlider .SliderThumb:hover:where([sf~="17"]) { --bg-grad: radial-gradient(ellipse 60% 60% at 50% 50%, #b8c5d3 0%, #444f52 100%); --bgc: transparent; }
.Theme_Dark :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider .SliderThumb._disabled:where([sf~="17"]), .Theme_Dark p-slottedslider.HorizontalSlider .SliderThumb._disabled:where([sf~="17"]), .Theme_Dark p-rangeslider.HorizontalSlider .SliderThumb._disabled:where([sf~="17"]) { --bgc: #333333; --bg-grad: none; }
/* styles/flip_panel_anim.css */
.flip-panel-anim-transition:where([sf~="18"]) { transition-property: transform, --brightness, opacity; transition-duration: .5s, .2s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.flip-panel-anim-down-hidden:where([sf~="18"]) { transform: rotateX( -90deg ) translateZ(0px) translateY( 40% ) scaleX( 0.9 ); transform-origin: 50% 50%; --brightness: 0.2; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.flip-panel-anim-up-hidden:where([sf~="18"]) { transform: rotateX( 90deg ) translateZ(0px) translateY( -40% ) scaleX( 0.9 ); transform-origin: 50% 50%; --brightness: 0.2; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.flip-panel-anim-down-show:where([sf~="18"]) { transform: rotateX( 0deg ) translateZ(0px) translateY( 0% ) scaleX( 1 ); transform-origin: 50% 50%; --brightness: 1; opacity: 1; --op-pe: inherit; --vis-collapse: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.flip-panel-anim-up-show:where([sf~="18"]) { transform: rotateX( 0deg ) translateZ(0px) translateY( 0% ) scaleX( 1 ); transform-origin: 50% 50%; --brightness: 1; opacity: 1; --op-pe: inherit; --vis-collapse: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/hud/hudmissionpanel.css */
.hud-mission-panel:where([sf~="19"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --pdt: 10px; --pdr: 0px; --pdb: 10px; --pdl: 0px; --pdrn: 0; --pdln: 0; opacity: 0; --op-pe: none; transform: translateX( -200px); transition-property: transform, opacity; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.show.hud-mission-panel:where([sf~="19"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; transform: translateX( 0px); transition-property: transform, opacity; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.hud-mission-panel-bg:where([sf~="19"]) { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.537458) 50%, rgba(0, 0, 0, 0.537458) 60%, rgba(0, 0, 0, 0.465819) 90%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.hud-mission-content:where([sf~="19"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
/* styles/hud/hudteamcounter-postrounddamagereport.css */
.debug:where([sf~="20"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.prdr__root:where([sf~="20"]) { height: 160px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 160px; opacity: 0; --op-pe: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 58px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 58px; transition-property: --mgt; transition-duration: 0.5s, 0.5s; --mgt: 0px; transform: translateY(-100px); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); transition-property: transform, opacity; transition-duration: 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out; }
.competitive .ROUNDDOWNTIME .prdr__root:where([sf~="20"]), .competitive.HUD--localplayer--dead .prdr__root:where([sf~="20"]), .competitive.HUD--localplayer--spectator .prdr__root:where([sf~="20"]), .scrimcomp2v2 .ROUNDDOWNTIME .prdr__root:where([sf~="20"]), .scrimcomp2v2.HUD--localplayer--dead .prdr__root:where([sf~="20"]), .scrimcomp2v2.HUD--localplayer--spectator .prdr__root:where([sf~="20"]) { --mgt: 14px; }
.show-prdr:not(.SHOW-EQUIPINFO) .prdr__root:where([sf~="20"]) { opacity: 1; --op-pe: inherit; transform: translateY(0px); }
.prdr__damage__bg:where([sf~="20"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; --mgt: 54px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY(-14px); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.404027) 0%, rgba(0, 0, 0, 0) 80%, rgba(85, 85, 85, 0) 100%); --bgc: transparent; }
.taken:not(.given) .prdr__damage__bg:where([sf~="20"]) { height: 84px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 84px; }
.TeamCounter__Align--Bottom .prdr__root:where([sf~="20"]) { --vis-collapse: none; }
.TeamCounter__Align--Top .prdr__root:where([sf~="20"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.TeamCounter__Align--Bottom .prdr__root:where([sf~="20"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.TeamCounter__Align--Bottom .avatarl__imagebg:where([sf~="20"]), .TeamCounter__Align--Bottom #ScoreAndTimeAndBomb:where([sf~="20"]), .TeamCounter__Align--Bottom .AvatarL__Nemesis:where([sf~="20"]), .TeamCounter__Align--Bottom .AvatarL__Dominated:where([sf~="20"]), .TeamCounter__Align--Bottom .AvatarL__Bot:where([sf~="20"]), .TeamCounter__Align--Bottom .AvatarL__Skull:where([sf~="20"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.TeamCounter__Align--Bottom .AvatarL__PlayerColor:where([sf~="20"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 48px; }
.friendlyfire .prdr__damage p-label:where([sf~="20"]) { color: red; }
.prdr__damage:where([sf~="20"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 54px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 54px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 80px; transform: translateY(20px); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
.show-prdr .prdr__damage:where([sf~="20"]) { transform: translateY(0px); opacity: 1; --op-pe: inherit; }
.prdr-dmg:where([sf~="20"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0; --op-pe: none; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.prdr-dmg__bg:where([sf~="20"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.prdr-dmg--given .prdr-dmg__bg:where([sf~="20"]), .prdr-dmg--given .prdr-dmg__icons__bg:where([sf~="20"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.prdr-dmg--given p-label:where([sf~="20"]) { --wash-color: rgb(9, 255, 0); --wash-filter: url(#w-rgb_9_255_0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.prdr-dmg--taken:where([sf~="20"]) { --mgt: 2px; }
.prdr-dmg--taken p-label:where([sf~="20"]) { --wash-color: rgb(255, 84, 84); --wash-filter: url(#w-rgb_255_84_84); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.prdr-dmg--taken .prdr-dmg__bg:where([sf~="20"]), .prdr-dmg--taken .prdr-dmg__icons__bg:where([sf~="20"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.prdr-dmg--taken .prdr-dmg__bg:where([sf~="20"]) { transform: rotateX(180deg); }
#TeamLargeT .prdr-dmg__bg:where([sf~="20"]), #TeamLargeT .prdr-dmg__icons__bg:where([sf~="20"]) { --wash-color: rgb(112, 86, 26); --wash-filter: url(#w-rgb_112_86_26); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#TeamLargeCT .prdr-dmg__bg:where([sf~="20"]), #TeamLargeCT .prdr-dmg__icons__bg:where([sf~="20"]) { --wash-color: rgb(28, 78, 119); --wash-filter: url(#w-rgb_28_78_119); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.given .prdr-dmg--given:where([sf~="20"]), .taken .prdr-dmg--taken:where([sf~="20"]) { opacity: 1; --op-pe: inherit; }
.prdr-dmg__icons:where([sf~="20"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; }
.prdr-dmg--given .prdr-dmg__icons:where([sf~="20"]) { --py: -10px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.prdr-dmg--taken .prdr-dmg__icons:where([sf~="20"]) { --py: 6px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.prdr-dmg__icons__bg:where([sf~="20"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #aaaaaa; --bg-grad: none; border-radius: 50%; border: 1px solid white; --bdln: 1; --bdrn: 1; }
.prdr-dmg--taken .prdr-dmg__arrow:where([sf~="20"]) { transform: rotateX(180deg); }
.prdr-dmg__icon:where([sf~="20"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --vis-collapse: none; }
.given--HUD--killtype-default .prdr-dmg--given .prdr-dmg__default:where([sf~="20"]), .given--HUD--killtype-headshot .prdr-dmg--given .prdr-dmg__headshot:where([sf~="20"]), .given--HUD--killtype-blast .prdr-dmg--given .prdr-dmg__blast:where([sf~="20"]), .given--HUD--killtype-burn .prdr-dmg--given .prdr-dmg__burn:where([sf~="20"]), .given--HUD--killtype-slash .prdr-dmg--given .prdr-dmg__slash:where([sf~="20"]), .given--HUD--killtype-shock .prdr-dmg--given .prdr-dmg__shock:where([sf~="20"]), .taken--HUD--killtype-default .prdr-dmg--taken .prdr-dmg__default:where([sf~="20"]), .taken--HUD--killtype-headshot .prdr-dmg--taken .prdr-dmg__headshot:where([sf~="20"]), .taken--HUD--killtype-blast .prdr-dmg--taken .prdr-dmg__blast:where([sf~="20"]), .taken--HUD--killtype-burn .prdr-dmg--taken .prdr-dmg__burn:where([sf~="20"]), .taken--HUD--killtype-slash .prdr-dmg--taken .prdr-dmg__slash:where([sf~="20"]), .taken--HUD--killtype-shock .prdr-dmg--taken .prdr-dmg__shock:where([sf~="20"]) { --vis-collapse: initial; }
.prdr-dmg__icons__bg:where([sf~="20"]) { --vis-collapse: none; }
.given--HUD--killtype-default .prdr-dmg--given .prdr-dmg__icons__bg:where([sf~="20"]), .given--HUD--killtype-headshot .prdr-dmg--given .prdr-dmg__icons__bg:where([sf~="20"]), .given--HUD--killtype-blast .prdr-dmg--given .prdr-dmg__icons__bg:where([sf~="20"]), .given--HUD--killtype-burn .prdr-dmg--given .prdr-dmg__icons__bg:where([sf~="20"]), .given--HUD--killtype-slash .prdr-dmg--given .prdr-dmg__icons__bg:where([sf~="20"]), .given--HUD--killtype-shock .prdr-dmg--given .prdr-dmg__icons__bg:where([sf~="20"]), .taken--HUD--killtype-default .prdr-dmg--taken .prdr-dmg__icons__bg:where([sf~="20"]), .taken--HUD--killtype-headshot .prdr-dmg--taken .prdr-dmg__icons__bg:where([sf~="20"]), .taken--HUD--killtype-blast .prdr-dmg--taken .prdr-dmg__icons__bg:where([sf~="20"]), .taken--HUD--killtype-burn .prdr-dmg--taken .prdr-dmg__icons__bg:where([sf~="20"]), .taken--HUD--killtype-slash .prdr-dmg--taken .prdr-dmg__icons__bg:where([sf~="20"]), .taken--HUD--killtype-shock .prdr-dmg--taken .prdr-dmg__icons__bg:where([sf~="20"]) { --vis-collapse: initial; }
.prdr-dmg__arrow:where([sf~="20"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: white; --wash-filter: initial; opacity: 1; --op-pe: inherit; --vis-collapse: initial; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --mgl: 6px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.prdr-dmg p-label:where([sf~="20"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; color: white; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --mgt: 1px; --mgr: 0px; --mgb: 1px; --mgl: 0px; text-shadow: 0px 0px 1px rgba(0, 0, 0, 1), 0px 0px 1px rgba(0, 0, 0, 1); }
.prdr-dmg--given p-label:where([sf~="20"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.prdr-dmg--taken p-label:where([sf~="20"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.prdr__damage__text:where([sf~="20"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; }
.show-prdr .prdr-dmg:where([sf~="20"]) { animation-name: icon-show-prdr; animation-duration: 1s; }
@keyframes icon-show-prdr {
1% { --wash-color: white; --wash-filter: initial; opacity: 0; --op-pe: none; --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/hud/hudwinpanel_roundimpactscore.css */
.ris__main:where([sf~="21"]) { --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --world-blur: gaussian(2,2,2); }
.ris__main__container:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.ris__main.hidden:where([sf~="21"]) { --vis-collapse: none; }
.ris__top:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; }
.ris__center:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; z-index: 1; }
.kk-c-ris__center:has(> .ris__center:where([sf~="21"]):not([pvis="0"])) { isolation: isolate; }
.ris__center__graph:where([sf~="21"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --px: 50px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.ris__center__graph--bg__margin:where([sf~="21"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.ris__center__graph--bg:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.ris__center__graph--bg__interval:where([sf~="21"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; border-top: 1px solid rgba(255, 255, 255, 0.486185); border-bottom: 1px solid rgba(255, 255, 255, 0.486185); }
.ris__center__graph--bg__living:where([sf~="21"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#RisCanvas:where([sf~="21"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 75px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 75px; clip-path: inset(0% calc(100% - 0%) calc(100% - 100%) 0%); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
#RisPlotContainer:where([sf~="21"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.ris__top__logo:where([sf~="21"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.ris__top__title:where([sf~="21"]) { text-align: center; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; letter-spacing: 1px; font-weight: 700; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-transform: uppercase; --mgl: 5px; }
.show-canvas:where([sf~="21"]) { animation-name: show-canvas; animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: 1; }
@keyframes show-canvas {
0% { clip-path: inset(0% calc(100% - 0%) calc(100% - 100%) 0%); }
100% { clip-path: inset(0% calc(100% - 100%) calc(100% - 100%) 0%); }
}
.ris-starting-odds:where([sf~="21"]) { height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; transform: translateX( -25px ) translateY( -50px ); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.ris-starting-odds__dot:where([sf~="21"]) { --pdt: 3px; --pdr: 3px; --pdb: 3px; --pdl: 3px; --pdrn: 3; --pdln: 3; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.ris-starting-odds__dot--bg:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border-radius: 30px; --bgc: gray; --bg-grad: none; }
.starting-odds__abs:where([sf~="21"]) { --py: -17px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; text-align: center; font-weight: 700; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.ris-starting-odds__dot p-label:where([sf~="21"]) { text-align: center; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: white; --wash-color: #00000000; --wash-filter: url(#w-00000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ris-event:where([sf~="21"]) { height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: translateX( -25px ) translateY( -50px); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.event__main:where([sf~="21"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border: 1px solid black; --bdln: 1; --bdrn: 1; border-radius: 2px; transition-property: opacity, scale, transform; transition-duration: 0.2s, 0.2s, 0.2s; transition-timing-function: ease-out, ease-out, ease-out; }
.event--bg:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #777777; --bg-grad: none; border-radius: 5px; }
.event__avatar:where([sf~="21"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.event__teamcolor:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.event__death:where([sf~="21"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY( 8px) translateX( 8px); --img-shadow: drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black); transition-property: opacity, scale, transform; transition-duration: 0.2s, 0.2s, 0.2s; transition-timing-function: ease-out, ease-out, ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.event__team:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.414305; --op-pe: inherit; }
.event__death.prereveal:where([sf~="21"]) { opacity: 0; --op-pe: none; }
.event__main.prereveal:where([sf~="21"]) { opacity: 0; --op-pe: none; scale: 2; }
.event__icon:where([sf~="21"]) { width: 26px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 26px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --img-shadow: drop-shadow(0px 2px 0.5px black) drop-shadow(0px 2px 0.5px black); color: white; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; opacity: 0.616725; --op-pe: inherit; transition-property: opacity, scale, transform; transition-duration: 0.2s, 0.2s, 0.2s; transition-timing-function: ease-out, ease-out, ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.event__icon--objective:where([sf~="21"]) { opacity: 1; --op-pe: inherit; }
.event__chance:where([sf~="21"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --px: 0px; --pxp: 0px; --py: -27px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transform: translateY( 0px ); transition-property: opacity, scale, transform; transition-duration: 0.2s, 0.2s, 0.2s; transition-timing-function: ease-out, ease-out, ease-out; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; }
.event__chance__abs:where([sf~="21"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; text-transform: uppercase; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; color: gray; }
.event__chance__delta:where([sf~="21"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.event__chance.prereveal:where([sf~="21"]) { opacity: 0; --op-pe: none; transform: translateY( 20px ); }
.hidden:where([sf~="21"]) { --vis-collapse: none; }
.ris__bottom:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 75px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 75px; }
.ris__bottom--bg:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.352172); --bg-grad: none; }
.ris__bottom__damage-container:where([sf~="21"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; transform: translateX( 50px ); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --mgb: 5px; }
.ris-damage:where([sf~="21"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; transform: translateX( -30px); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.ris-damage.prereveal:where([sf~="21"]) { opacity: 0; --op-pe: none; }
.ris-dmg:where([sf~="21"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.12479); --bg-grad: none; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.ris-dmg p-label:where([sf~="21"]) { --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.ris-dmg__value:where([sf~="21"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 2px; --pdln: 2; --pdr: 2px; --pdrn: 2; }
.ris-dmg--given:where([sf~="21"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --vis-collapse: none; --wash-color: rgba( 0,255,0,0.7); --wash-filter: url(#w-rgba_0_255_0_0_7); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ris-dmg__given__arrow:where([sf~="21"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; opacity: 0.696476; --op-pe: inherit; }
.ris-dmg--taken:where([sf~="21"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --vis-collapse: none; --wash-color: rgba( 255,0,0,0.6); --wash-filter: url(#w-rgba_255_0_0_0_6); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ris-dmg__taken__arrow:where([sf~="21"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --wash-color: rgb(255,50,50); --wash-filter: url(#w-rgb_255_50_50); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: rotateZ( 180deg ); opacity: 0.696476; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ris-dmg__value p-label:where([sf~="21"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); white-space: nowrap; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; color: white; }
.ris-dmg__hits:where([sf~="21"]) { --pdl: 2px; --pdln: 2; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); white-space: nowrap; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; }
.ris-graph__bar:where([sf~="21"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-grad: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.089635) 60%, rgba(255, 255, 255, 0.32517) 100%); --bgc: transparent; transform: translateX( -14px ) translateY( 69px); transform-origin: 0% 0%; transition-property: opacity, transform; transition-duration: 0s, 0s; transition-timing-function: ease-out, ease-out; z-index: -1; }
.kk-c-ris-graph__bar:has(> .ris-graph__bar:where([sf~="21"]):not([pvis="0"])) { isolation: isolate; }
.ris-graph__bar.color-ct:where([sf~="21"]) { --bg-grad: linear-gradient(0deg, rgba(181, 212, 238, 0) 0%, rgba(181, 212, 238, 0.395451) 60%, rgba(181, 212, 238, 0.646519) 100%); --bgc: transparent; }
.ris-graph__bar.color-t:where([sf~="21"]) { --bg-grad: linear-gradient(0deg, rgba(234, 209, 138, 0) 0%, rgba(234, 209, 138, 0.396286) 60%, rgba(234, 209, 138, 0.647075) 100%); --bgc: transparent; }
.ris-graph__bar.prereveal:where([sf~="21"]) { opacity: 0; --op-pe: none; transform: translateX( -16px) scaleY( 0 ); transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-out, ease-out; }
.color-ct:where([sf~="21"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); color: #B5D4EE; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.color-t:where([sf~="21"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); color: #EAD18A; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ris__winner-plaque:where([sf~="21"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; transition-property: opacity, scale, transform; transition-duration: 0.0s, 0.0s, 0.0s; transition-timing-function: ease-out, ease-out, ease-out; }
.ris__winner-plaque.prereveal:where([sf~="21"]) { opacity: 0; --op-pe: none; scale: 2; transition-duration: 0.2s; }
.ris__winner-plaque--bg:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.888113) 20%, rgba(51, 51, 51, 0.888113) 80%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.winner-plaque__wins:where([sf~="21"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; text-align: center; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; text-transform: uppercase; }
.winner-plaque__logo:where([sf~="21"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --mgr: 5px; opacity: 0.268142; --op-pe: inherit; --py: 14px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.ris__mvp-root.prereveal:where([sf~="21"]) { opacity: 0; --op-pe: none; scale: 2; }
.ris__mvp-root:where([sf~="21"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); min-width: 100px; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; border-radius: 5px; --py: -18px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transition-property: opacity, scale, transform; transition-duration: 0.2s, 0.2s, 0.2s; transition-timing-function: ease-out, ease-out, ease-out; }
.ris__mvp__avatar:where([sf~="21"]) { overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.ris__mvp__avatar__bg:where([sf~="21"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.888113) 15%, rgba(51, 51, 51, 0.888113) 85%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 5px; }
.ris__mvp__avatar__picture:where([sf~="21"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; border-radius: 3px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.ris__mvp__avatar__bg__star:where([sf~="21"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: white; opacity: 0.112503; --op-pe: inherit; --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 500px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transform-origin: 50% 55%; transform: rotateZ( 66deg ); }
.ris__mvp__star:where([sf~="21"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --py: -2px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 50px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes rotate-star {
0% { transform: rotateZ( 0deg ); }
50% { transform: rotateZ( 180deg ); }
100% { transform: rotateZ( 360deg ); }
}
.ris__mvp__avatar__flair:where([sf~="21"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --py: -16px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -16px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.ris__mvp__text-container:where([sf~="21"]) { --mgl: 80px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.ris__mvp__text-container p-label:where([sf~="21"]) { text-align: center; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; letter-spacing: 1px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#RISMVPPanel .MVP__MusicKit p-label:where([sf~="21"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 0px; text-shadow: none; }
#RISMVPPanel .MVP__MusicKitIcon:where([sf~="21"]) { --mgl: -7px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
#RISMVPPanel .MVP__MusicKit--Hidden:where([sf~="21"]) { --vis-collapse: none; }
.perma-hide:where([sf~="21"]) { --vis-collapse: none; }
/* styles/hud_perfstats_basics.css */
p-hudperfstatsbasics:where([sf~="22"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdt: 8px; --mgr: 8px; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; }
p-label:where([sf~="22"]) { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.285433), 1px 1px 1px rgba(0, 0, 0, 0.285433); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(120, 240, 120, 1); font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS'; --c9: 0.9; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgl: 12px; }
.Poor:where([sf~="22"]) { color: rgba(250, 80, 80, 1); }
#fps_row:where([sf~="22"]), #net_numbers_basic:where([sf~="22"]), #net_numbers_detailed:where([sf~="22"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.NetDetailsColumn:where([sf~="22"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.NetDetailsColumn .NetUpDown:where([sf~="22"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; }
.NetUpDown:where([sf~="22"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#obit_spacer:where([sf~="22"]) { height: 65px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 65px; }
p-hudframetimegraph:where([sf~="22"]), p-hudnetjittergraph:where([sf~="22"]), p-hudcommandqueuegraph:where([sf~="22"]) { --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; --mgb: 20px; }
.Hidden:where([sf~="22"]) { --vis-collapse: none; }
p-label.GraphTitle:where([sf~="22"]), p-label.GraphScale:where([sf~="22"]) { color: rgba(200, 200, 200, 1); }
p-label.GraphTitle:where([sf~="22"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 6px; }
p-label.GraphScale:where([sf~="22"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#trueview_row:where([sf~="22"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#trueview_row.Disabled p-label:where([sf~="22"]) { color: rgba(180, 180, 180, 0.88831); }
#trueview_row.Warn p-label:where([sf~="22"]) { color: rgba(230, 110, 110, 1); }
/* styles/itemwheels.css */
.radial-button._disabled:where([sf~="23"]) { --brightness: 0.8; --wash-color: darkgrey; --wash-filter: url(#w-darkgrey); --blur: 1px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadioBox:where([sf~="23"]) { opacity: 0; --op-pe: none; }
.RadioButton p-label:where([sf~="23"]) { --mgl: 0px; }
.radial-selector:where([sf~="23"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 840px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 840px; animation-name: pano-vpct; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
.radial-button:where([sf~="23"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.wedge:where([sf~="23"]) { transform-origin: 0% 100%; opacity: 0.097664; --op-pe: inherit; --mgl: 50%; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 87 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 420px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 420px; animation-name: pano-vpct; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.w90:where([sf~="23"]) { opacity: 0.097664; --op-pe: inherit; transform-origin: 0% 100%; --mgl: 50%; height: 420px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 420px; animation-name: pano-vpct; width: 420px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 420px; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.w1 > .wedge:where([sf~="23"]) { transform: rotateZ( -60deg ); }
.w2 > .wedge:where([sf~="23"]) { transform: rotateZ( 0deg ); }
.w3 > .wedge:where([sf~="23"]) { transform: rotateZ( 60deg ); }
.w4 > .wedge:where([sf~="23"]) { transform: rotateZ( 120deg ); }
.w5 > .wedge:where([sf~="23"]) { transform: rotateZ( 180deg ); }
.w6 > .wedge:where([sf~="23"]) { transform: rotateZ( 240deg ); }
.w1 > .w90:where([sf~="23"]) { transform: rotateZ( -45deg ) scale3d( 1.2, 1.2, 1 ); }
.w2 > .w90:where([sf~="23"]) { transform: rotateZ( 45deg ); }
.w3 > .w90:where([sf~="23"]) { transform: rotateZ( 135deg ); }
.w4 > .w90:where([sf~="23"]) { transform: rotateZ( 225deg ) scale3d( 1.2, 1.2, 1 ); }
.radial-select-hover > .wedge:where([sf~="23"]) { --brightness: 2; opacity: 0.414305; --op-pe: inherit; --wash-color: darkgrey; --wash-filter: url(#w-darkgrey); transition-property: --wash-color, --brightness, opacity; transition-duration: 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.w1 > .buywheel-item:where([sf~="23"]) { --px: 0px; --pxp: -20%; --py: 0px; --pyp: -27%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w2 > .buywheel-item:where([sf~="23"]) { --px: 0px; --pxp: 20%; --py: 0px; --pyp: -27%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w3 > .buywheel-item:where([sf~="23"]) { --px: 0px; --pxp: 30%; --py: 0px; --pyp: 0%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w4 > .buywheel-item:where([sf~="23"]) { --px: 0px; --pxp: 20%; --py: 0px; --pyp: 27%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w5 > .buywheel-item:where([sf~="23"]) { --px: 0px; --pxp: -20%; --py: 0px; --pyp: 27%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w6 > .buywheel-item:where([sf~="23"]) { --px: 0px; --pxp: -30%; --py: 0px; --pyp: 0%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w1 > .fourslot:where([sf~="23"]) { --px: 0px; --pxp: 0%; --py: 0px; --pyp: -25%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w2 > .fourslot:where([sf~="23"]) { --px: 0px; --pxp: 25%; --py: 0px; --pyp: 0%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w3 > .fourslot:where([sf~="23"]) { --px: 0px; --pxp: 0%; --py: 0px; --pyp: 25%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w4 > .fourslot:where([sf~="23"]) { --px: 0px; --pxp: -25%; --py: 0px; --pyp: 0%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w1 > .buywheel-category:where([sf~="23"]) { --px: 0px; --pxp: 20%; --py: 0px; --pyp: 17%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w2 > .buywheel-category:where([sf~="23"]) { --px: 0px; --pxp: 56%; --py: 0px; --pyp: 17%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w3 > .buywheel-category:where([sf~="23"]) { --px: 0px; --pxp: 70%; --py: 0px; --pyp: 48%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w4 > .buywheel-category:where([sf~="23"]) { --px: 0px; --pxp: 57%; --py: 0px; --pyp: 72%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w5 > .buywheel-category:where([sf~="23"]) { --px: 0px; --pxp: 24%; --py: 0px; --pyp: 72%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.w6 > .buywheel-category:where([sf~="23"]) { --px: 0px; --pxp: 10%; --py: 0px; --pyp: 48%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
/* styles/mainmenu_tournaments.css */
.TournamentMenu:where([sf~="24"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); transition-property: opacity, --blur, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.TournamentMenu--Hide:where([sf~="24"]) { opacity: 0; --op-pe: none; transform: translateX( 200px ); transition-property: opacity, --blur, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.TournamentMenu--FlowDown:where([sf~="24"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.PickemDiagram--Hide:where([sf~="24"]) { opacity: 0; --op-pe: none; --blur: 4px; transform: translateX( 200px ); transition-property: translate, --pxp, --pyp, clip-path, opacity, --blur, transform; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.lowerOpacity:where([sf~="24"]) { opacity: 0.696476; --op-pe: inherit; }
#background-color:where([sf~="24"]) { --bgc: rgb(42, 59, 78); --bg-grad: none; opacity: 0.892208; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.pickem-playoff-text:where([sf~="24"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 220px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 220px; }
#pickem-playoff-description:where([sf~="24"]) { height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; }
#trophy:where([sf~="24"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; box-shadow: 4px 0px 4px 2.666667px rgb(0 0 0 / 0.419608); --bg-fill: rgb(0 0 0 / 0.419608); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
#background-image:where([sf~="24"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --bg-rep: no-repeat; }
#points-panel:where([sf~="24"]) { width: 1380px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1380px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#playoff-lock:where([sf~="24"]) { --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
#locked-playoffs:where([sf~="24"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; }
#trophy-status:where([sf~="24"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#right-side:where([sf~="24"]) { width: 260px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 260px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; }
#get-items-panel:where([sf~="24"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#items-button:where([sf~="24"]) { --mgt: 28px; }
#left:where([sf~="24"]) { --pdt: 15px; --pdr: 15px; --pdb: 15px; --pdl: 15px; --pdrn: 15; --pdln: 15; }
#right:where([sf~="24"]) { --pdt: 15px; --pdr: 15px; --pdb: 15px; --pdl: 15px; --pdrn: 15; --pdln: 15; }
#pickem-right-panel:where([sf~="24"]) { width: 1000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1000px; }
#icon-panel:where([sf~="24"]) { --mgt: 15px; --mgl: 15px; width: 53px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 53px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; }
#info-icon:where([sf~="24"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --pdr: 0px; --pdrn: 0; }
#info:where([sf~="24"]) { --pdr: 0px; --pdrn: 0; }
#champion-icon:where([sf~="24"]) { height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; width: 90px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 90px; }
.timer-icon:where([sf~="24"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --mgl: 160px; }
.icons:where([sf~="24"]) { height: 53px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 53px; width: 53px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 53px; }
.icons__stickers:where([sf~="24"]) { height: 53px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 53px; width: 76px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 76px; }
.icons--pickemDiagramOld:where([sf~="24"]) { height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; }
.icon-space:where([sf~="24"]) { height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; }
.mainmenu-navbar-space:where([sf~="24"]) { height: 65px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 65px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.trophy-bg:where([sf~="24"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: black; --bg-grad: none; opacity: 0.696476; --op-pe: inherit; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.green-background:where([sf~="24"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgb(34, 94, 34); --bg-grad: none; opacity: 0.696476; --op-pe: inherit; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.top-bottom-padding:where([sf~="24"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.top-bottom-padding__small:where([sf~="24"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.padding:where([sf~="24"]) { --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.padding--small:where([sf~="24"]) { --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; }
.padding-left:where([sf~="24"]) { --pdl: 39px; --pdln: 39; }
.padding-left-large:where([sf~="24"]) { --pdl: 53px; --pdln: 53; }
.fontSize-ssm:where([sf~="24"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fontSize-sssm:where([sf~="24"]) { --fsz: 13.5; font-size: calc(max(1, round(nearest, 13.5 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.fit-children-width:where([sf~="24"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.text-align-center:where([sf~="24"]) { text-align: center; }
.points-text-box:where([sf~="24"]) { width: 350px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 350px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; text-align: center; color: rgb(25, 49, 95); }
.pickem-diagram-container:where([sf~="24"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-pickem-diagram-container:has(> .pickem-diagram-container:where([sf~="24"]):not([pvis="0"])) { --kid-fill-h: 1; }
.pickem-diagram-container__width-xs:where([sf~="24"]) { width: auto; --fw: 0.5; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-pickem-diagram-container__width-xs:has(> .pickem-diagram-container__width-xs:where([sf~="24"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickem-diagram-container__width-xs:has(> .pickem-diagram-container__width-xs:where([sf~="24"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickem-diagram-container__width-s:where([sf~="24"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-pickem-diagram-container__width-s:has(> .pickem-diagram-container__width-s:where([sf~="24"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickem-diagram-container__width-s:has(> .pickem-diagram-container__width-s:where([sf~="24"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickem-diagram-container__width-m:where([sf~="24"]) { width: auto; --fw: 3; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-pickem-diagram-container__width-m:has(> .pickem-diagram-container__width-m:where([sf~="24"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickem-diagram-container__width-m:has(> .pickem-diagram-container__width-m:where([sf~="24"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickem-diagram-container__width-l:where([sf~="24"]) { width: auto; --fw: 9; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-pickem-diagram-container__width-l:has(> .pickem-diagram-container__width-l:where([sf~="24"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickem-diagram-container__width-l:has(> .pickem-diagram-container__width-l:where([sf~="24"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickem-diagram-container__width-xl:where([sf~="24"]) { width: auto; --fw: 16; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-pickem-diagram-container__width-xl:has(> .pickem-diagram-container__width-xl:where([sf~="24"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickem-diagram-container__width-xl:has(> .pickem-diagram-container__width-xl:where([sf~="24"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickem-diagram__pickem:where([sf~="24"]) { height: 600px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 600px; animation-name: pano-vpct; }
.spacePickemDiagram:where([sf~="24"]) { height: 55px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 55px; }
.pickemTeamBox:where([sf~="24"]) { width: 270px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 270px; height: 55px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 55px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.pickemBoxStyle:where([sf~="24"]) { width: 290px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 290px; }
.pickem-diagram:where([sf~="24"]) { --mgb: 10px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 1000px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1000px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pickem-diagram__points:where([sf~="24"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgr: 50px; --mgl: 440px; }
.team-box:where([sf~="24"]) { height: 45px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 45px; width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; --pdl: 45px; --pdln: 45; --bgc: rgba(17, 33, 48, 0.572743); --bg-grad: none; border: 2px solid #121e31; --bdln: 2; --bdrn: 2; }
.bracket:where([sf~="24"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; border-color: #121e31; border-top: 2px solid; border-bottom: 2px solid; border-right: 2px solid; --bdrn: 2; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.bracket-1:where([sf~="24"]) { height: 81px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 81px; }
.bracket-2:where([sf~="24"]) { height: 168px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 168px; }
.bracket-3:where([sf~="24"]) { height: 324px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 324px; animation-name: pano-vpct; }
.line:where([sf~="24"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; border-top: 2px solid #121e31; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.teamPickemBox:where([sf~="24"]) { --bgc: rgba(17, 33, 48, 0.572743); --bg-grad: none; border: 2px solid #121e31; --bdln: 2; --bdrn: 2; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pickemIndividualTeam__TeamPickem:where([sf~="24"]) { width: 230px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 230px; }
.matchPickIcon:where([sf~="24"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; height: 45px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 45px; border: 2px solid #121e31; --bdln: 2; --bdrn: 2; --bgc: rgba(17, 33, 48, 0.572743); --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.horizontalScroll:where([sf~="24"]) { overflow-x: auto; overflow-y: clip; --ovx: scroll; --ovy: squish; --ovxn: 1; --ovyn: initial; --ovxf: 1; --ovyf: initial; }
.disableText:where([sf~="24"]) { color: rgb(119, 119, 119); }
.disableTeam:where([sf~="24"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); --saturation: 0.8; opacity: 0.892208; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.line--teamPickem:where([sf~="24"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; }
.bracketSpace:where([sf~="24"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.bracket2--teamPickem:where([sf~="24"]) { height: 153px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 153px; width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.bracket3--teamPickem:where([sf~="24"]) { height: 304px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 304px; animation-name: pano-vpct; width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#score:where([sf~="24"]) { --fsz: 90; font-size: calc(max(1, round(nearest, 90 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.38135); }
.group-stage-box:where([sf~="24"]) { width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --bgc: rgba(17, 33, 48, 0.572743); --bg-grad: none; border: 2px solid #121e31; --bdln: 2; --bdrn: 2; --mgt: 5px; --mgr: 20px; --mgb: 5px; --mgl: 20px; }
.sticker:where([sf~="24"]) { width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.center-box:where([sf~="24"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 2px solid #121e31; border-bottom: 2px solid #121e31; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; --mgr: 80px; --mgl: 80px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.middle-box:where([sf~="24"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border-right: 2px solid rgb(54, 66, 88); --bdrn: 2; }
#JsPickEmPlayoffs:where([sf~="24"]), #JsPickEmGroup:where([sf~="24"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.date-box:where([sf~="24"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; --bgc: rgb(56, 98, 146); --bg-grad: none; opacity: 0.892208; --op-pe: inherit; }
.circle:where([sf~="24"]) { height: 160px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 160px; width: 160px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 160px; border-radius: 50%; border: 2px solid rgb(23, 37, 63); --bdln: 2; --bdrn: 2; --bgc: rgba(85, 80, 100, 0.468073); --bg-grad: none; --mgt: 30px; --mgr: 30px; --mgb: 30px; --mgl: 30px; --mgt: 10px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.circle :is(p-image, :where(img[pimg])):where([sf~="24"]) { height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; border: 0px; --bdln: 0; --bdrn: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; border-radius: 0%; transform: translate3d(-10px, -5px, 0px); }
.stats-boxes:where([sf~="24"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgb(53, 53, 53); --bg-grad: none; opacity: 0.767696; --op-pe: inherit; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; }
.stats-boxes__smaller:where([sf~="24"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; }
.margin-s:where([sf~="24"]) { --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; }
.stats-boxes__Wide:where([sf~="24"]) { height: 45px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 45px; }
.fit-children:where([sf~="24"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.fit-children-heightandwidth:where([sf~="24"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.content-fantasy-team:where([sf~="24"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 30px; }
.fantasy-team__stats-table:where([sf~="24"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-fantasy-team__stats-table:has(> .fantasy-team__stats-table:where([sf~="24"]):not([pvis="0"])) { --kid-fill-h: 1; }
/* styles/party.css */
.party-panel:where([sf~="25"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --vis-collapse: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 96px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.party-panel .mainmenu-navbar__seperator:where([sf~="25"]) { --mgl: 0px; --bgc: rgba(255, 255, 255, 0.657132); --bg-grad: none; }
.party-btn:where([sf~="25"]) { height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --pdl: 2px; --pdln: 2; width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; max-width: 640px; --maxw: 640px; transition-property: --brightness, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .5s, .5s, .5s, .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.party-btn__icon:where([sf~="25"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgr: 16px; --wash-color: #0D354A; --wash-filter: url(#w-0d354a); transition-property: --wash-color; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-status__info-icon:where([sf~="25"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; }
.party-play-container:where([sf~="25"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; transform: translateY( 0 ); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-play-container.hidden:where([sf~="25"]) { transform: translateY( 100% ); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-btn:Hover .party-btn__icon:where([sf~="25"]) { --brightness: 1.2; --wash-color: white; --wash-filter: initial; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-btn:Hover .party-play__title:not(.party-status__text--time):where([sf~="25"]) { color: white; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-status-container:where([sf~="25"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transform: translateY( 0px ); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --brightness: 1; border-radius: 3px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 0px; --pdrn: 8; --pdln: 0; transition-property: transform, --brightness, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-status-container.hidden:where([sf~="25"]), .party-ongoingmatch-container.hidden:where([sf~="25"]) { transform: translateY( -100% ); --brightness: 2; transition-property: transform, --brightness; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-status:where([sf~="25"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.party-status__heading:where([sf~="25"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transition-property: --wash-color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-status__status:where([sf~="25"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; transition-property: --wash-color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-status__notes:where([sf~="25"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; transition-property: --wash-color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-status__notes.hidden:where([sf~="25"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-status__text:where([sf~="25"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; text-transform: none; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; min-width: 50px; text-shadow: 2px 2px 2px color-mix(in srgb, #000000 45.45%, transparent); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-in-out; }
.party-status__text--subtitle:where([sf~="25"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: none; text-shadow: 1px 1px 1px #000000; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.party-status__text--subtitletiny:where([sf~="25"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); line-height: 14px; text-shadow: 1px 1px 1px #000000; }
.party-status__text--time:where([sf~="25"]) { --mgr: 8px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); min-width: 70px; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.party-status-warning-icon:where([sf~="25"]) { --pdr: 8px; --pdrn: 8; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --img-shadow: drop-shadow(1px 1px 1px color-mix(in srgb, rgb(0 0 0 / 0.231373) 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-status-warning-icon.hidden:where([sf~="25"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-ongoingmatch-container:where([sf~="25"]) { transform: translateY( 0px ); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.96), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.96; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 720px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 720px; --brightness: 1; --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; --pdt: 8px; --pdr: 32px; --pdb: 8px; --pdl: 32px; --pdrn: 32; --pdln: 32; transition-property: transform, --brightness, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-ongoingmatch-message:where([sf~="25"]) { width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-right: 1px solid rgba(255, 255, 255, 0.485126); --bdrn: 1; }
.party-ongoingmatch--subtitle:where([sf~="25"]) { text-overflow: clip; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; color: white; font-weight: 500; }
.party-ongoingmatch-icon:where([sf~="25"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgr: 16px; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.party-ongoingmatch-abandon:where([sf~="25"]) { --bgc: rgba(212, 21, 31, 0.77578); --bg-grad: none; }
.party-controls__avatars-row:where([sf~="25"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 112px; min-height: 96px; --mh-set: 1; --mhp: 1; }
.party-controls__avatars:where([sf~="25"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; max-width: 340px; --maxw: 340px; opacity: 1; --op-pe: inherit; --pdt: 12px; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-controls__avatars--multi-row:where([sf~="25"]) { --pdt: 12px; }
.party-controls__avatars.hidden:where([sf~="25"]) { --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.party-controls__avatars-icon:where([sf~="25"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: rgb(0, 0, 0); --wash-filter: url(#w-rgb_0_0_0); opacity: 0.275931; --op-pe: inherit; border-radius: 5px; border: 4px solid White; --bdln: 4; --bdrn: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes new-party-member {
0% { --brightness: .5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/popups/popup_operation_store.css */
.popup-operation-store:where([sf~="26"]) { width: 920px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 920px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); scale: 1; transform: translateY( 0px ); min-width: 0px; opacity: 1; --op-pe: inherit; border-radius: 0px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bg-grad: linear-gradient(0deg, rgba(5, 30, 31, 0.320071) 0%, rgba(26, 66, 85, 0.382002) 100%); --bgc: transparent; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-operation-store.Hidden:where([sf~="26"]) { opacity: 0; --op-pe: none; scale: 1.25; transform: translateY( -10px ); --sound: "UIPanorama.ui_custom_lobby_dialog_slide"; }
.popup-operation-store__top:where([sf~="26"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 16px; --pdb: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-img: none; --bg-video: "/panorama/videos/op11_underwater.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-rep: no-repeat; --bg-size: cover; --bg-w: 0px; --bg-pos: center; --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; --bg-img-opacity: .1; --bg-img-own: none; box-shadow: -4px -4px 2px 9.333333px rgb(0 0 0 / 0.589); --bg-fill: rgb(0 0 0 / 0.589); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.popup-operation-store__top:where([sf~="26"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-operation-store-title:where([sf~="26"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; text-transform: uppercase; --fsz: 36; font-size: calc(max(1, round(nearest, 36 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; color: #93EEFB; letter-spacing: 5px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --text-shrink: 1; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.popup-operation-store-subtitle-container:where([sf~="26"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --mgt: 8px; --mgr: 0px; --mgb: 28px; --mgl: 0px; width: 850px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 850px; }
.popup-operation-store-subtitle:where([sf~="26"]), .popup-operation-store-subtitle--light:where([sf~="26"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 300; color: #93EEFB; width: 250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 250px; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-operation-store-subtitle--light:where([sf~="26"]) { opacity: 0.832484; --op-pe: inherit; color: #93EEFB; }
.popup-operation-store-subtitle--price:where([sf~="26"]) { opacity: 1; --op-pe: inherit; color: #93EEFB; }
.popup-operation-store-progress:where([sf~="26"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 25px; --mgr: 0px; --mgb: 25px; --mgl: 0px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.popup-operation-store-subtitle.hidden:where([sf~="26"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-operation-store-progress__title:where([sf~="26"]) { color: #93EEFB; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 16px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 800px; --maxw: 800px; letter-spacing: 2px; --text-shrink: 1; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.popup-operation-store-progress__title--desc:where([sf~="26"]) { --mgt: 25px; --mgr: 0px; --mgb: 25px; --mgl: 0px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-operation-store-progress__arrow:where([sf~="26"]) { --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: rotateZ( -90deg ) translateX( 0px); --wash-color: #93EEFB; --wash-filter: url(#w-93eefb); --mgt: 38px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-operation-store-cart-empty .popup-operation-store-progress__arrow:where([sf~="26"]) { transform: rotateZ( -90deg ) translateX( -50px); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-operation-store-progress-panel--current:where([sf~="26"]) { transform: translateX( 0px ); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-operation-store-cart-empty .popup-operation-store-progress-panel--current:where([sf~="26"]) { transform: translateX( 140px); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-operation-store-progress-panel:where([sf~="26"]) { transform: translateX( 0px); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-operation-store-cart-empty .popup-operation-store-progress-panel:where([sf~="26"]) { opacity: 0; --op-pe: none; transform: translateX( -100px); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.op-main__progress__label-count:where([sf~="26"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-weight: 700; color: #93EEFB; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 0px 0px 2px rgb(0 0 0 / 0.882353), 0px 0px 2px rgb(0 0 0 / 0.882353), 0px 0px 2px color-mix(in srgb, rgb(0 0 0 / 0.882353) 63.61%, transparent); transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
.op-main__progress__label-count.op-main__progress__label-count--light:where([sf~="26"]) { font-weight: 300; --mgb: 20px; text-align: center; }
#id-operation-store-apply-new-stars:where([sf~="26"]) { transform: translateX( -200px ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; transition-property: transform, opacity; transition-duration: .5s, .5s; transition-timing-function: ease-in-out, ease-in-out; }
.op-main__progress:where([sf~="26"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.op-main__progress.after-purchase .op-main__progress__label-count:where([sf~="26"]) { color: white; text-shadow: 0px 0px 4px rgb(155, 187, 229), 0px 0px 4px rgb(155, 187, 229); }
.op-main__progress.after-purchase .op-main__progress__image:where([sf~="26"]) { opacity: 0.414305; --op-pe: inherit; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, #D3ACF8 0%, rgba(182, 182, 182, 0) 90%, rgba(182, 182, 182, 0) 100%); --bgc: transparent; }
.op-main__progress__glow:where([sf~="26"]) { --wash-color: #93EEFB; --wash-filter: url(#w-93eefb); height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; opacity: 0; --op-pe: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.8s, 0.8s, 0.8s, 0.8s, 0.8s, 0.8s, 0.8s, 0.8s, 0.8s, 0.8s, 0.8s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; animation-name: GlowRotate; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes GlowRotate {
0% { transform: rotateZ( 1deg ); }
50% { transform: rotateZ( 180deg ); }
100% { transform: rotateZ( 359deg ); }
}
.op-main__progress__glow--dir:where([sf~="26"]) { height: 768px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 768px; animation-name: pano-vpct; width: 768px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 768px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); animation-name: GlowRotate2; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes GlowRotate2 {
0% { transform: rotateZ( 359deg ); }
50% { transform: rotateZ( 180deg ); }
100% { transform: rotateZ( 1deg ); }
}
.popup-operation-progress-anim:where([sf~="26"]) { animation-name: stars-after-purchase-anim; animation-duration: .5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.popup-operation-progress-remove-anim:where([sf~="26"]) { animation-name: stars-after-purchase-remove-anim; animation-duration: .5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes stars-after-purchase-anim {
0% { transform: translateY( 0% ); opacity: 1; --op-pe: inherit; }
30% { transform: translateY( 20% ); opacity: 0; --op-pe: none; }
31% { transform: translateY( -20% ); }
100% { transform: translateY( 0% ); opacity: 1; --op-pe: inherit; }
}
@keyframes stars-after-purchase-remove-anim {
0% { transform: translateY( 0% ); opacity: 1; --op-pe: inherit; }
30% { transform: translateY( -50% ); opacity: 0; --op-pe: none; }
31% { transform: translateY( 50% ); opacity: 0; --op-pe: none; }
100% { transform: translateY( 0% ); opacity: 1; --op-pe: inherit; }
}
.popup-operation-apply-stars:where([sf~="26"]) { animation-name: stars-after-apply-anim; animation-duration: .8s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes stars-after-apply-anim {
0% { transform: translateY( 0% ); opacity: 1; --op-pe: inherit; }
25% { transform: translateY( 20% ); opacity: 0; --op-pe: none; }
26% { --brightness: 1; transform: translateY( -20% ) scale3d( 1.0, 1.0, 1.0 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
60% { transform: translateY( 0% ) scale3d( 1.4, 1.4, 1.4 ); opacity: 1; --op-pe: inherit; --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( 0% ) scale3d( 1.0, 1.0, 1.0 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.popup-operation-store-content:where([sf~="26"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.popup-operation-store-content__nav:where([sf~="26"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-operation-store-content__nav__btn:where([sf~="26"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --mgt: 0px; --mgr: 65px; --mgb: 0px; --mgl: 65px; }
.popup-operation-store-content__nav__btn :is(p-image, :where(img[pimg])):where([sf~="26"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 135 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-operation-store-content__nav__btn p-label:where([sf~="26"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; text-transform: uppercase; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; }
.popup-operation-store-content__nav__btn--gold:where([sf~="26"]), .popup-operation-store-content__nav__btn--silver:where([sf~="26"]), .popup-operation-store-content__nav__btn--bronze:where([sf~="26"]) { border-radius: 50%; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 88px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 88px; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, #7e7e7e 0%, #2c2c2c 100%); --bgc: transparent; box-shadow: -2px -2px 4px 6.666667px rgba(112, 112, 112, 0); --bg-fill: rgba(112, 112, 112, 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 1px solid grey; --bdln: 1; --bdrn: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: box-shadow; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-operation-store-content__nav__btn--gold:where([sf~="26"]) { --wash-color: gold; --wash-filter: url(#w-gold); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-operation-store-content__nav__btn--silver:where([sf~="26"]) { --wash-color: silver; --wash-filter: url(#w-silver); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-operation-store-content__nav__btn--bronze:where([sf~="26"]) { --wash-color: #cd7f32; --wash-filter: url(#w-cd7f32); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-operation-store-content__nav__btn._selected .popup-operation-store-content__nav__btn--gold:where([sf~="26"]) { box-shadow: 0px 0px 4px 2.666667px gold; --bg-fill: gold; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-operation-store-content__nav__btn._selected .popup-operation-store-content__nav__btn--silver:where([sf~="26"]) { box-shadow: 0px 0px 4px 2.666667px silver; --bg-fill: silver; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-operation-store-content__nav__btn._selected .popup-operation-store-content__nav__btn--bronze:where([sf~="26"]) { box-shadow: 0px 0px 4px 2.666667px #cd7f32; --bg-fill: #cd7f32; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-operation-store-content__nav__btn .RadioBox:where([sf~="26"]) { --vis-collapse: none; }
.popup-operation-coin-progress:where([sf~="26"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-operation-coin-progress__circle:where([sf~="26"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; border-radius: 50%; --bgc: #462964; --bg-grad: none; }
.popup-operation-coin-progress__line:where([sf~="26"]) { height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; width: 285px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 285px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: #462964; --bg-grad: none; }
.popup-operation-coin-progress__circle--bg:where([sf~="26"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --bgc: rgba(0, 0, 0, 0.151909); --bg-grad: none; }
.popup-operation-coin-progress__line--bg:where([sf~="26"]) { height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; width: 278px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 278px; --bgc: rgba(0, 0, 0, 0.151909); --bg-grad: none; }
.popup-operation-coin-progress-fill:where([sf~="26"]) { --bgc: #D3ACF8; --bg-grad: none; }
.popup-operation-store-rows-container:where([sf~="26"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-operation-store-row:where([sf~="26"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; min-height: 40px; --mh-set: 1; --mhp: 1; --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; }
.popup-operation-store-row__text:where([sf~="26"]) { text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 300; }
.popup-operation-store-row__text.bold:where([sf~="26"]) { font-weight: 900; }
.popup-operation-store-row__text.name:where([sf~="26"]) { text-align: left; --pdl: 10px; --pdln: 10; }
.popup-operation-store-row__text.quantity-count:where([sf~="26"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; }
.popup-operation-store-row__text_stars1:where([sf~="26"]), .quantity-count1 .popup-operation-store-row__text_stars_many:where([sf~="26"]) { --vis-collapse: none; }
.quantity-count1 .popup-operation-store-row__text_stars1:where([sf~="26"]) { --vis-collapse: initial; }
.popup-operation-store-row__price:where([sf~="26"]) { width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-operation-store-row--no-discount .popup-operation-store-row__price:where([sf~="26"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.popup-operation-store-row__price-container:where([sf~="26"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-operation-store-row__price__discount:where([sf~="26"]) { text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgr: 4px; color: rgba(54, 141, 46, 0.830494); font-weight: 500; --bgc: rgba(24, 68, 20, 0.339545); --bg-grad: none; }
.popup-operation-store-row__price__originalprice:where([sf~="26"]) { text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-decoration: line-through; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: rgba(204, 204, 204, 1); opacity: 0.696476; --op-pe: inherit; }
.popup-operation-store-row__text.fixed-width:where([sf~="26"]), .popup-operation-store-row__price__originalprice.fixed-width:where([sf~="26"]) { width: 78px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 78px; --text-shrink: 1; }
.popup-operation-store-row--no-discount .popup-operation-store-row__price__originalprice:where([sf~="26"]), .popup-operation-store-row--no-discount .popup-operation-store-row__price__discount:where([sf~="26"]) { --vis-collapse: none; }
.popup-operation-store-row__quantity:where([sf~="26"]) { width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; }
.popup-operation-store-row__quantity__btn:where([sf~="26"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 1px solid #93EEFB; --bdln: 1; --bdrn: 1; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: #4fa1a7; --bg-grad: none; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 8px; --brightness: 1.0; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-operation-store-row__quantity__btn:hover:where([sf~="26"]) { --brightness: 2; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-operation-store-row__quantity__btn:hover._disabled:where([sf~="26"]) { --brightness: 1.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-operation-store-row__quantity__btn._disabled:where([sf~="26"]) { opacity: 0.414305; --op-pe: inherit; }
.popup-operation-store-row__quantity__btn:active:where([sf~="26"]) { --sound: "UIPanorama.sidemenu_select"; }
.popup-operation-store-row__quantity__btn p-label:where([sf~="26"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; }
.width-fit-children:where([sf~="26"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.popup-operation-store-row-bottom-border:where([sf~="26"]) { border-bottom: 1px solid #4fa1a7; --pdb: 16px; --mgb: 0px; }
.popup-operation-store-row__text--title:where([sf~="26"]) { color: #4fa1a7; font-weight: 900; }
.popup-operation-store-row--title:where([sf~="26"]) { --bgc: #0A2333; --bg-grad: none; }
.popup-operation-store-actions-Row:where([sf~="26"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 16px; --pdr: 32px; --pdb: 16px; --pdl: 32px; --pdrn: 32; --pdln: 32; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bgc: rgba(0, 0, 0, 0.151909); --bg-grad: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.Spinner.hidden:where([sf~="26"]), .AsyncItemWorkAcceptConfirm.hidden:where([sf~="26"]), .AsyncItemWorkUseItem.hidden:where([sf~="26"]), .op-use-item.hidden:where([sf~="26"]) { --vis-collapse: none; }
.popup-operation-store-apply-stars .popup-operation-store__top:where([sf~="26"]) { height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; --bg-pos: 50% 100%; }
.popup-operation-store-apply-stars .popup-operation-store-progress-apply-panel:where([sf~="26"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.popup-operation-store-apply-stars .popup-operation-store-subtitle:where([sf~="26"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-width: 800px; --maxw: 800px; }
.popup-operation-store-apply-stars .popup-operation-store-content:where([sf~="26"]), .popup-operation-store-apply-stars .popup-operation-store-title:where([sf~="26"]), .popup-operation-store-apply-stars .popup-operation-store-progress:where([sf~="26"]), .popup-operation-store-apply-stars .popup-operation-store-progress__title--desc:where([sf~="26"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.popup-operation-store-progress-apply-panel:where([sf~="26"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-operation-store-progress-apply-panel .popup-operation-store-progress__title:where([sf~="26"]) { --fsz: 48; font-size: calc(max(1, round(nearest, 48 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bg-grad: linear-gradient(180deg, #93EEFB 0%, #8f7c12 100%); background-clip: text; color: transparent; }
.popup-operation-store-progress-apply-panel .popup-operation-store-progress-panel--current:where([sf~="26"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateX( 200px ); }
.popup-operation-store-progress-apply-panel .op-main__progress__image:where([sf~="26"]) { opacity: 1; --op-pe: inherit; --wash-color: #4fa1a7; --wash-filter: url(#w-4fa1a7); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(0px 0px 3px rgb(0, 0, 0)) drop-shadow(0px 0px 3px color-mix(in srgb, rgb(0, 0, 0) 1.62929%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-operation-store-progress-apply-panel .op-main__progress__label-count:where([sf~="26"]) { --fsz: 128; font-size: calc(max(1, round(nearest, 128 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bg-grad: linear-gradient(180deg, white 0%, #bda51c 80%); background-clip: text; color: transparent; text-shadow: 0px 0px 8px #0A2333, 0px 0px 8px #0A2333, 0px 0px 8px #0A2333, 0px 0px 8px #0A2333; }
.popup-operation-store-reveal-new-stars .popup-operation-store-progress-panel--current:where([sf~="26"]) { transform: translateX( 0px); }
.popup-operation-store-reveal-new-stars #id-operation-store-apply-new-stars:where([sf~="26"]) { transform: translateX( 140px ); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-delay: 0.6s, 0.6s; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-operation-store-reveal-new-stars .op-main__progress__glow:where([sf~="26"]) { --vis-collapse: initial; transform: scale3d( 1.0, 1.0, 1.0 ); opacity: 0.414305; --op-pe: inherit; height: 700px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 700px; animation-name: pano-vpct; width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; }
.popup-operation-store-reveal-new-stars #id-operation-store-apply_plus_sign:where([sf~="26"]) { opacity: 0; --op-pe: none; }
/* styles/popups/popup_premier_pick_ban.css */
.premier-pickban:where([sf~="27"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); scale: 1; transform: translateY( 0px ); min-width: 0px; border-radius: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 0; --op-pe: none; transform: scale3d(1.2,1.2, 1); --vis-collapse: none; --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-img-opacity: 0; --bg-img-own: none; --bgc: rgba(34, 52, 63, 0); --bg-grad: none; transition-property: opacity, transform, --bgc, --bg-img-opacity; transition-delay: 0s, 0s, 0s, 0s; transition-duration: .25s, .25s, 2s, 2s; transition-timing-function: ease-in, ease-in, ease-in, ease-in; }
.premier-pickban:where([sf~="27"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.premier-pickban .premier-pickban__topbar:where([sf~="27"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); transform: translateY( 128px); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --pdt: 8px; --pdr: 24px; --pdb: 8px; --pdl: 24px; --pdrn: 24; --pdln: 24; border-radius: 5px; }
.premier-pickban .premier-pickban__middle:where([sf~="27"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.566043) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: --bgc; transition-duration: 0.25s; transition-timing-function: ease-in; }
.premier-pickban .premier-pickban__middle.premier-pickban__middle--neutral:where([sf~="27"]) { --bg-grad: linear-gradient(180deg, rgba(39, 42, 44, 0.678923) 0%, rgba(39, 42, 43, 0.067319) 100%); --bgc: transparent; }
.premier-pickban .premier-pickban__middle.premier-pickban__middle--dark:where([sf~="27"]) { --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.566043) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.premier-pickban .premier-pickban__middle.premier-pickban__middle--light:where([sf~="27"]) { --bg-grad: linear-gradient(180deg, rgba(46, 74, 88, 0.736618) 0%, rgba(37, 40, 41, 0.066523) 100%); --bgc: transparent; }
.premier-pickban .premier-pickban__bottom:where([sf~="27"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: blue; --bg-grad: none; }
.premier-pickban.show:where([sf~="27"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); --bgc: #22343f; --bg-grad: none; --bg-img-opacity: .020; --bg-img-own: none; transition-property: opacity, transform, --bgc, --bg-img-opacity; transition-delay: 0s, 0s, .5s, .5s; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in, ease-in, ease-in, ease-in; }
.premier-pickban.show:where([sf~="27"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.premier-pickban #PartyChat:where([sf~="27"]) { opacity: 0; --op-pe: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateX(-578px); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 240px; --mgl: 32px; width: 250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 250px; z-index: 10; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease-in; }
.premier-pickban .kk-i-PartyChat:has(> #PartyChat:where([sf~="27"]):not([pvis="0"])), .premier-pickban.kk-i-PartyChat:has(> #PartyChat:where([sf~="27"]):not([pvis="0"])) { isolation: isolate; }
.premier-pickban__title:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; perspective: 1000px; perspective-origin: 0% 0%; }
.premier-pickban__title .premier-pickban__title__text:where([sf~="27"]) { color: white; text-align: left; text-shadow: 1px 1px 3px rgb(0 0 0 / 0.30), 1px 1px 3px color-mix(in srgb, rgb(0 0 0 / 0.30) 4.535%, transparent); }
.premier-pickban__title.premier-pickban__title--change:where([sf~="27"]) { animation-name: new-phase; animation-duration: .5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.premier-pickban__title__text-red:where([sf~="27"]) { color: red; }
.premier-pickban__title__text-green:where([sf~="27"]) { color: #0F9D58; }
@keyframes new-phase {
0% { --brightness: 3; opacity: 0; --op-pe: none; transform: translateY( 10px ) rotateX( 90deg) scale3d( 1.7, 1.7, 1.7); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: translateY( 0px ) rotateX( 0deg) scale3d( 1, 1 ,1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.premier-pickban__progress:where([sf~="27"]) { height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.premier-pickban__progress .premier-pickban__section:where([sf~="27"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 2px; }
.premier-pickban__progress .premier-pickban__section .premier-pickban__progress__section-name:where([sf~="27"]), .premier-pickban__progress .premier-pickban__section .premier-pickban__progress__section-timer:where([sf~="27"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); letter-spacing: 5px; color: white; transition-property: --p-color-wash; transition-duration: 1s; transition-timing-function: ease-in-out; }
.premier-pickban__progress .premier-pickban__section .premier-pickban__progress__bar-container:where([sf~="27"]) { width: 284px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 284px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bgc: black; --bg-grad: none; transform-origin: 50% 100%; transition-property: transform, --p-color-wash; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.premier-pickban__progress .premier-pickban__section .premier-pickban__progress__bar-container .premier-pickban__progress__bar-inner:where([sf~="27"]) { width: min(calc((100% + var(--ppx)) * 0), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 1s, 1s, 1s, 1s, 1s; transition-timing-function: linear, linear, linear, linear, linear; }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--pre .premier-pickban__progress__section-timer:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--pre .premier-pickban__progress__section-name:where([sf~="27"]), .premier-pickban__progress .premier-pickban__section.premier-pickban__progress--pre .premier-pickban__progress__bar-container:where([sf~="27"]) { --wash-color: rgb(141, 141, 141); --wash-filter: url(#w-rgb_141_141_141); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--pre .premier-pickban__progress__bar-container:where([sf~="27"]) { transform: scaleY(.25); }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--ban .premier-pickban__progress__section-timer:where([sf~="27"]) { opacity: 1; --op-pe: inherit; text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.536462), 0px 0px 8px rgba(255, 255, 255, 0.536462); }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--ban .premier-pickban__progress__bar-container:where([sf~="27"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); transform: scaleY(1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--pick .premier-pickban__progress__section-timer:where([sf~="27"]) { opacity: 1; --op-pe: inherit; text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.536462), 0px 0px 8px rgba(255, 255, 255, 0.536462); }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--pick .premier-pickban__progress__bar-container:where([sf~="27"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); transform: scaleY(1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--post .premier-pickban__progress__section-timer:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--post .premier-pickban__progress__section-name:where([sf~="27"]), .premier-pickban__progress .premier-pickban__section.premier-pickban__progress--post .premier-pickban__progress__bar-container:where([sf~="27"]) { --wash-color: rgb(66, 66, 66); --wash-filter: url(#w-rgb_66_66_66); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__progress .premier-pickban__section.premier-pickban__progress--post .premier-pickban__progress__bar-container:where([sf~="27"]) { transform: scaleY(.25); }
.premier-pickban-phase-0 .premier-pickban__maps:where([sf~="27"]), .premier-pickban-phase-1 .premier-pickban__maps:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.premier-pickban-phase-0 .premier-pickban__players:where([sf~="27"]), .premier-pickban-phase-1 .premier-pickban__players:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.premier-pickban-phase-0 #PartyChat:where([sf~="27"]), .premier-pickban-phase-1 #PartyChat:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.premier-pickban-phase-2 .premier-pickban__maps:where([sf~="27"]), .premier-pickban-phase-3 .premier-pickban__maps:where([sf~="27"]), .premier-pickban-phase-4 .premier-pickban__maps:where([sf~="27"]), .premier-pickban-phase-5 .premier-pickban__maps:where([sf~="27"]) { opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); }
.premier-pickban-phase-2 .premier-pickban__players:where([sf~="27"]), .premier-pickban-phase-3 .premier-pickban__players:where([sf~="27"]), .premier-pickban-phase-4 .premier-pickban__players:where([sf~="27"]), .premier-pickban-phase-5 .premier-pickban__players:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban-phase-2 .premier-pickban__spider-bg:where([sf~="27"]), .premier-pickban-phase-3 .premier-pickban__spider-bg:where([sf~="27"]), .premier-pickban-phase-4 .premier-pickban__spider-bg:where([sf~="27"]), .premier-pickban-phase-5 .premier-pickban__spider-bg:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban-phase-2 #PartyChat:where([sf~="27"]), .premier-pickban-phase-3 #PartyChat:where([sf~="27"]), .premier-pickban-phase-4 #PartyChat:where([sf~="27"]), .premier-pickban-phase-5 #PartyChat:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban-phase-5 .premier-pickban-pick .premier-pickban__map-btn-bg .random-flash-effect:where([sf~="27"]), .premier-pickban-phase-5 .premier-pickban-pick .premier-pickban__map-btn-bg:where([sf~="27"]) { animation-duration: .76s; animation-timing-function: linear; animation-iteration-count: 5; animation-fill-mode: both; }
.premier-pickban-phase-5 .premier-pickban-pick .premier-pickban__map-btn-bg .random-flash-effect:where([sf~="27"]) { animation-name: random-flash-effect-brightness; }
.premier-pickban-phase-5 .premier-pickban-pick .premier-pickban__map-btn-bg:where([sf~="27"]) { animation-name: random-flash-effect-transform; }
.premier-pickban-phase-5 .premier-pickban-pick-seq0 .premier-pickban__map-btn-bg .random-flash-effect:where([sf~="27"]) { animation-name: random-flash-effect-brightness5; }
.premier-pickban-phase-5 .premier-pickban-pick-seq0 .premier-pickban__map-btn-bg:where([sf~="27"]) { animation-name: random-flash-effect-transform5; }
.premier-pickban-phase-5 .premier-pickban-pick-seq0 .premier-pickban__map-btn-bg .random-flash-effect:where([sf~="27"]), .premier-pickban-phase-5 .premier-pickban-pick-seq0 .premier-pickban__map-btn-bg:where([sf~="27"]) { animation-delay: .00s; animation-iteration-count: 1; animation-duration: 5.0s; }
.premier-pickban-phase-5 .premier-pickban-pick-seq1 .premier-pickban__map-btn-bg .random-flash-effect:where([sf~="27"]), .premier-pickban-phase-5 .premier-pickban-pick-seq1 .premier-pickban__map-btn-bg:where([sf~="27"]) { animation-delay: .19s; }
.premier-pickban-phase-5 .premier-pickban-pick-seq2 .premier-pickban__map-btn-bg .random-flash-effect:where([sf~="27"]), .premier-pickban-phase-5 .premier-pickban-pick-seq2 .premier-pickban__map-btn-bg:where([sf~="27"]) { animation-delay: .38s; }
.premier-pickban-phase-5 .premier-pickban-pick-seq3 .premier-pickban__map-btn-bg .random-flash-effect:where([sf~="27"]), .premier-pickban-phase-5 .premier-pickban-pick-seq3 .premier-pickban__map-btn-bg:where([sf~="27"]) { animation-delay: .57s; }
.premier-pickban-phase-6 .premier-pickban__maps:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban-phase-6 .premier-pickban__spider-bg:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.premier-pickban-phase-6 #PartyChat:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban-phase-7 .premier-pickban__maps:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban-phase-7 .premier-pickban__team--result:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban-phase-7 .premier-pickban__spider-bg:where([sf~="27"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.premier-pickban-phase-7 #PartyChat:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban-phase-row:where([sf~="27"]) { width: 1440px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1440px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.premier-pickban__maps:where([sf~="27"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: scale3d(.8, .8, 1); transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.premier-pickban__spider-bg:where([sf~="27"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 610px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 610px; height: 610px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 610px; animation-name: pano-vpct; --mgt: 24px; }
.your-turn .premier-pickban__topbar .premier-pickban__title__text:where([sf~="27"]) { color: white; font-weight: 700; }
.premier-pickban__team:where([sf~="27"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
.premier-pickban__team.show:where([sf~="27"]) { opacity: 1; --op-pe: inherit; }
.premier-pickban__team .premier-pickban__team__map-image:where([sf~="27"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; --mgt: 112px; opacity: 0.696476; --op-pe: inherit; --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_ancient.webp"); mask-image: url("/panorama/images/masks/fade-both-top-bottom-2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bg-size: cover; --bg-w: 0px; --contrast: .9; --saturation: .8; --brightness: .5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__team .premier-pickban__team__map-texture:where([sf~="27"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; --mgt: 112px; --bg-size: auto auto; --bg-w: 0px; --bg-img-opacity: .02; --bg-img-own: none; }
.premier-pickban__team .premier-pickban__team__map-texture:where([sf~="27"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.premier-pickban__team.premier-pickban__team--result:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.premier-pickban__team #id-team-vote-btn-0:where([sf~="27"]), .premier-pickban__team #id-team-vote-btn-ref-0:where([sf~="27"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 280px; --mgr: 230px; --mgb: 280px; --mgl: 230px; text-align: right; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.premier-pickban__team #id-team-vote-btn-0 .premier-pickban__map-avatars__btn:where([sf~="27"]), .premier-pickban__team #id-team-vote-btn-ref-0 .premier-pickban__map-avatars__btn:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.premier-pickban__team #id-team-vote-btn-0 .premier-pickban__map-avatars__label:where([sf~="27"]), .premier-pickban__team #id-team-vote-btn-ref-0 .premier-pickban__map-avatars__label:where([sf~="27"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
.premier-pickban__team #id-team-vote-btn-1:where([sf~="27"]), .premier-pickban__team #id-team-vote-btn-ref-1:where([sf~="27"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 280px; --mgr: 230px; --mgb: 280px; --mgl: 230px; }
.premier-pickban__team .premier-pickban__agent:where([sf~="27"]) { height: 680px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 680px; animation-name: pano-vpct; width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; --mgt: 100px; --mgr: 260px; --mgb: 100px; --mgl: 260px; mask-image: url("/panorama/images/masks/top-bottom-fade-5.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --brightness: .25; transition-property: --brightness; transition-duration: .5s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__team .premier-pickban__agent.premier-pickban__map-btn--picked:where([sf~="27"]) { --brightness: 1.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__team__map-icon:where([sf~="27"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 256px; --img-shadow: drop-shadow(0px 0px 9.5px rgb(0 0 0 / 0.67451)) drop-shadow(0px 0px 9.5px color-mix(in srgb, rgb(0 0 0 / 0.67451) 20.249397%, transparent)); opacity: 0; --op-pe: none; transform: translateY( -16px ); transition-property: opacity, transform; transition-duration: .5s, .5s; transition-timing-function: ease-out, ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__team__map-icon.show:where([sf~="27"]) { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); }
.premier-pickban__map-btn:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 280px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; transition-property: translate, --pxp, --pyp, width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap, opacity, transform; transition-duration: 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s; transition-timing-function: ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out; }
.premier-pickban__map-btn.not-picked:where([sf~="27"]) { opacity: 0; --op-pe: none; transform: scale3d( .5, .5, .5); }
.premier-pickban__map-btn .premier-pickban__map-btn-container:where([sf~="27"]) { border-radius: 6px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.premier-pickban__map-btn .premier-pickban__map-btn-container .TickBox:where([sf~="27"]) { --vis-collapse: none; }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn-bg:where([sf~="27"]) { width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; height: 140px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 140px; --mgb: 12px; border-radius: 6px; transition-property: translate, --pxp, --pyp, width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap, opacity, transform; transition-duration: 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn-bg-image:where([sf~="27"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border: 2px solid rgb(202, 202, 202); --bdln: 2; --bdrn: 2; border-radius: 6px; }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn__map-fade:where([sf~="27"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.689082) 0%, rgba(0, 0, 0, 0.083474) 100%); --bgc: transparent; transition-property: --brightness; transition-duration: 0.5s; transition-timing-function: ease-in-out; }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn__label:where([sf~="27"]) { text-transform: uppercase; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 10px; text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.7965); --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn__label_low:where([sf~="27"]) { text-transform: uppercase; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 10px; text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.7965); --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn__vote-container:where([sf~="27"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.678569); --bg-grad: none; border: 2px dashed white; --bdln: 2; --bdrn: 2; border-radius: 6px; }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn__vote:where([sf~="27"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn__result:where([sf~="27"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: none; z-index: 2; --img-shadow: drop-shadow(2px 2px 3px color-mix(in srgb, rgb(0 0 0 / 0.8) 45.45%, transparent)); opacity: 0; --op-pe: none; transform: scale3d( 1.5, 1.5, 1); transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__map-btn .premier-pickban__map-btn-container .kk-c-premier-pickban__map-btn__result:has(> .premier-pickban__map-btn__result:where([sf~="27"]):not([pvis="0"])), .premier-pickban__map-btn .premier-pickban__map-btn-container.kk-c-premier-pickban__map-btn__result:has(> .premier-pickban__map-btn__result:where([sf~="27"]):not([pvis="0"])) { isolation: isolate; }
.premier-pickban__map-btn .premier-pickban__map-btn-container .premier-pickban__map-btn-status:where([sf~="27"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: center; --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; --bgc: #0F9D58; --bg-grad: none; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); border-radius: 3px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; opacity: 0; --op-pe: none; transform: translateY(-8px); transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-pick .premier-pickban__map-btn__result:where([sf~="27"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); --bg-img: url("/panorama/images/icons/ui/check.svg"); --bg-rep: no-repeat; --bg-size: 64px 64px; --bg-w: 64px; opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1); transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-pick._disabled .premier-pickban__map-btn-bg-image:where([sf~="27"]) { border: 2px solid #0F9D58; --bdln: 2; --bdrn: 2; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-veto .premier-pickban__map-btn__result:where([sf~="27"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); --bg-img: url("/panorama/images/icons/ui/exit.svg"); --bg-rep: no-repeat; --bg-size: 64px 64px; --bg-w: 64px; opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1); --brightness: .5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-veto._disabled .premier-pickban__map-btn-bg-image:where([sf~="27"]) { border: 2px solid #DB4437; --bdln: 2; --bdrn: 2; --bgc: rgba(100, 2, 2, 0.790896); --bg-grad: none; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-veto._disabled .premier-pickban__map-btn__map-fade:where([sf~="27"]) { --bgc: rgba(22, 2, 2, 0.698525); --bg-grad: none; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-veto .premier-pickban__map-btn__vote-container:where([sf~="27"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-veto .premier-pickban__map-btn__label:where([sf~="27"]) { color: black; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-veto .premier-pickban__map-btn__label_low:where([sf~="27"]) { color: black; --vis-collapse: none; }
.premier-pickban__map-btn .premier-pickban__map-btn-container:hover:not(._disabled) .premier-pickban__map-btn__map-image:where([sf~="27"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-canblur._disabled:not(.premier-pickban-pick) .premier-pickban__map-btn-bg-image:where([sf~="27"]) { border: 2px solid rgb(140, 140, 140); --bdln: 2; --bdrn: 2; --blur: 3px; --brightness: .9; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-canblur._disabled:not(.premier-pickban-pick) .premier-pickban__map-btn__map-fade:where([sf~="27"]) { --bgc: rgba(0, 0, 0, 0.678569); --bg-grad: none; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-canblur._disabled:not(.premier-pickban-pick) .premier-pickban__map-btn__label:where([sf~="27"]) { color: rgb(130, 130, 130); text-shadow: none; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban-canblur._disabled:not(.premier-pickban-pick) .premier-pickban__map-btn__label_low:where([sf~="27"]) { color: rgb(130, 130, 130); text-shadow: none; }
.premier-pickban__map-btn .premier-pickban__map-btn-container._disabled:where([sf~="27"]) { --wash-color: none; --wash-filter: initial; box-shadow: none; --bg-fill: initial; --bg-solid: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__map-btn .premier-pickban__map-btn-container._disabled .premier-pickban__map-btn__vote-container:where([sf~="27"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban__map-btn__show-status .premier-pickban__map-btn-status:where([sf~="27"]) { opacity: 1; --op-pe: inherit; transform: translateY(0px); transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.is-team-pick .premier-pickban__map-btn-status:where([sf~="27"]) { --bgc: green; --bg-grad: none; }
.premier-pickban__map-btn .premier-pickban__map-btn-container.premier-pickban__map-btn-winning--green:where([sf~="27"]) { --bgc: #0F9D58; --bg-grad: none; }
.premier-pickban__map-avatars-container:where([sf~="27"]), .premier-pickban__teammates:where([sf~="27"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.premier-pickban__map-avatars-container .premier-pickban__map-avatars__btn:where([sf~="27"]), .premier-pickban__teammates .premier-pickban__map-avatars__btn:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.premier-pickban__map-avatars-container .premier-pickban__map-avatars__label:where([sf~="27"]), .premier-pickban__teammates .premier-pickban__map-avatars__label:where([sf~="27"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; text-overflow: ellipsis; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.premier-pickban__map-avatars-container .premier-pickban__map-avatars__label .decorated-player-name__clan-tag:where([sf~="27"]), .premier-pickban__teammates .premier-pickban__map-avatars__label .decorated-player-name__clan-tag:where([sf~="27"]) { font-family: Stratum2 Light Condensed, "Arial Unicode MS"; --c9: 0.9; font-weight: 300; }
.premier-pickban__map-avatars-container p-csgoavatarimage:where([sf~="27"]), .premier-pickban__teammates p-csgoavatarimage:where([sf~="27"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --mgt: 2px; --mgr: 4px; --mgb: 2px; --mgl: 4px; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.premier-pickban__map-avatars-container p-csgoavatarimage.hidden:where([sf~="27"]), .premier-pickban__teammates p-csgoavatarimage.hidden:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.premier-pickban__map-avatars-container p-csgoavatarimage.team-color:where([sf~="27"]), .premier-pickban__teammates p-csgoavatarimage.team-color:where([sf~="27"]) { border: 2px solid white; --bdln: 2; --bdrn: 2; }
.rating-root:where([sf~="27"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; }
.premier-pickban__map-avatars-container .rating-root:where([sf~="27"]) { --vis-collapse: none; }
.premier-pickban__players:where([sf~="27"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 32px; --mgr: 32px; --mgl: 32px; }
.premier-pickban__players .premier-pickban__opponents:where([sf~="27"]) { --wash-color: rgba( 255, 68, 55, 1.0); --wash-filter: url(#w-rgba_255_68_55_1_0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__players .premier-pickban__teammates-party:where([sf~="27"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.premier-pickban__players p-csgoavatarimage:where([sf~="27"]), .premier-pickban__players .premier-pickban__map-opponent-avatar:where([sf~="27"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --mgt: 2px; --mgr: 6px; --mgb: 2px; --mgl: 0px; }
.premier-pickban__players .premier-pickban__map-avatars__label:where([sf~="27"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.premier-pickban__players .decorated-player-name__clan-tag:where([sf~="27"]) { font-family: Stratum2 Light Condensed, "Arial Unicode MS"; --c9: 0.9; font-weight: 300; }
.premier-pickban__players p-csgoavatarimage.team-color:where([sf~="27"]) { border: 4px solid white; --bdln: 4; --bdrn: 4; }
.premier-pickban__players #id-team-vote-team-opponent .premier-pickban__map-avatars__label:where([sf~="27"]) { --vis-collapse: none; }
.premier-pickban__players .premier-pickban__map-opponent-avatar:where([sf~="27"]) { border: 2px solid rgb(87, 87, 87); --bdln: 2; --bdrn: 2; }
.premier-pickban__map-avatars__party-line-empty:where([sf~="27"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.premier-pickban__map-avatars__party-line-top:where([sf~="27"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; border-top: 2px solid rgba(255, 255, 255, 0.485126); border-left: 2px solid rgba(255, 255, 255, 0.485126); --bdln: 2; border-radius: 5px 0px 0px 0px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.premier-pickban__map-avatars__party-line-middle:where([sf~="27"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; border-left: 2px solid rgba(255, 255, 255, 0.485126); --bdln: 2; --bg-grad: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.485126) 48%, rgba(255, 255, 255, 0.485126) 51%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; }
.premier-pickban__map-avatars__party-line-bottom:where([sf~="27"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; border-bottom: 2px solid rgba(255, 255, 255, 0.485126); border-left: 2px solid rgba(255, 255, 255, 0.485126); --bdln: 2; border-radius: 0px 0px 0px 5px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
@keyframes active-pulse {
0% { transform: scale3d( 1.0, 1.0, 1); }
50% { transform: scale3d( 1.05, 1.05, 1); }
100% { transform: scale3d( 1.0, 1.0, 1); }
}
.is-vote-phase.premier-pickban__map-btn-container._selected .premier-pickban__map-btn__vote:where([sf~="27"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); --bg-img: url("/panorama/images/icons/ui/thumbs_up.svg"); --bg-rep: no-repeat; --bg-pos: center; --bg-size: 32px 32px; --bg-w: 32px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.is-ban-phase.premier-pickban__map-btn-container._selected .premier-pickban__map-btn__vote:where([sf~="27"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); --bg-img: url("/panorama/images/icons/ui/exit.svg"); --bg-rep: no-repeat; --bg-pos: center; --bg-size: 32px 32px; --bg-w: 32px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phase-button--pulse:where([sf~="27"]) { animation-name: draft-button-flash; animation-duration: .25s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes draft-button-flash {
0% { --brightness: 1; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 6; transform: scale3d( 1.02, 1.02, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes random-flash-effect-brightness {
0% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
35% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
65% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes random-flash-effect-brightness5 {
0% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
5.32% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
7.60% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
9.88% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
20.52% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
22.80% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
25.08% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
35.72% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
38.00% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
40.28% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50.92% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
53.20% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
55.48% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
66.12% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
68.40% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
70.68% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
81.32% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
83.60% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
85.88% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
87% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
89% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
91% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
93% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
95% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
97% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes random-flash-effect-transform {
0% { transform: scale3d( 1, 1, 1); }
35% { transform: scale3d( 1, 1, 1); }
50% { transform: scale3d( 1.05, 1.05, 1); }
65% { transform: scale3d( 1, 1, 1); }
100% { transform: scale3d( 1, 1, 1); }
}
@keyframes random-flash-effect-transform5 {
0% { transform: scale3d( 1, 1, 1); }
5.32% { transform: scale3d( 1, 1, 1); }
7.60% { transform: scale3d( 1.05, 1.05, 1); }
9.88% { transform: scale3d( 1, 1, 1); }
20.52% { transform: scale3d( 1, 1, 1); }
22.80% { transform: scale3d( 1.05, 1.05, 1); }
25.08% { transform: scale3d( 1, 1, 1); }
35.72% { transform: scale3d( 1, 1, 1); }
38.00% { transform: scale3d( 1.05, 1.05, 1); }
40.28% { transform: scale3d( 1, 1, 1); }
50.92% { transform: scale3d( 1, 1, 1); }
53.20% { transform: scale3d( 1.05, 1.05, 1); }
55.48% { transform: scale3d( 1, 1, 1); }
66.12% { transform: scale3d( 1, 1, 1); }
68.40% { transform: scale3d( 1.05, 1.05, 1); }
70.68% { transform: scale3d( 1, 1, 1); }
81.32% { transform: scale3d( 1, 1, 1); }
83.60% { transform: scale3d( 1.05, 1.05, 1); }
85.88% { transform: scale3d( 1, 1, 1); }
87% { transform: scale3d( 1, 1, 1); }
89% { transform: scale3d( 1.05, 1.05, 1); }
91% { transform: scale3d( 1, 1, 1); }
93% { transform: scale3d( 1.05, 1.05, 1); }
95% { transform: scale3d( 1, 1, 1); }
97% { transform: scale3d( 1.05, 1.05, 1); }
100% { transform: scale3d( 1, 1, 1); }
}
#id-map-vote-btn-0:where([sf~="27"]), #id-map-vote-btn-ref-0:where([sf~="27"]) { --px: 70px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 116px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-map-vote-btn-1:where([sf~="27"]), #id-map-vote-btn-ref-1:where([sf~="27"]) { --px: 332px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 230px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-map-vote-btn-2:where([sf~="27"]), #id-map-vote-btn-ref-2:where([sf~="27"]) { --px: 386px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 495px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-map-vote-btn-3:where([sf~="27"]), #id-map-vote-btn-ref-3:where([sf~="27"]) { --px: 210px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 732px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-map-vote-btn-4:where([sf~="27"]), #id-map-vote-btn-ref-4:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --px: -210px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 732px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-map-vote-btn-4 .premier-pickban__map-avatars__btn:where([sf~="27"]), #id-map-vote-btn-ref-4 .premier-pickban__map-avatars__btn:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
#id-map-vote-btn-4 .premier-pickban__map-avatars__label:where([sf~="27"]), #id-map-vote-btn-ref-4 .premier-pickban__map-avatars__label:where([sf~="27"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
#id-map-vote-btn-5:where([sf~="27"]), #id-map-vote-btn-ref-5:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --px: -386px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 495px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-map-vote-btn-5 .premier-pickban__map-avatars__btn:where([sf~="27"]), #id-map-vote-btn-ref-5 .premier-pickban__map-avatars__btn:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
#id-map-vote-btn-5 .premier-pickban__map-avatars__label:where([sf~="27"]), #id-map-vote-btn-ref-5 .premier-pickban__map-avatars__label:where([sf~="27"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
#id-map-vote-btn-6:where([sf~="27"]), #id-map-vote-btn-ref-6:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --px: -332px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 230px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-map-vote-btn-6 .premier-pickban__map-avatars__btn:where([sf~="27"]), #id-map-vote-btn-ref-6 .premier-pickban__map-avatars__btn:where([sf~="27"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
#id-map-vote-btn-6 .premier-pickban__map-avatars__label:where([sf~="27"]), #id-map-vote-btn-ref-6 .premier-pickban__map-avatars__label:where([sf~="27"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked:where([sf~="27"]) { --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 142px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform-origin: 50% 50%; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked .premier-pickban__map-avatars-container:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked .premier-pickban__map-avatars-container:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked .premier-pickban__map-avatars-container:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked .premier-pickban__map-avatars-container:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked .premier-pickban__map-avatars-container:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked .premier-pickban__map-avatars-container:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked .premier-pickban__map-avatars-container:where([sf~="27"]) { --vis-collapse: none; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked .premier-pickban__map-btn-container .premier-pickban__map-btn-bg:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked .premier-pickban__map-btn-container .premier-pickban__map-btn-bg:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked .premier-pickban__map-btn-container .premier-pickban__map-btn-bg:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked .premier-pickban__map-btn-container .premier-pickban__map-btn-bg:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked .premier-pickban__map-btn-container .premier-pickban__map-btn-bg:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked .premier-pickban__map-btn-container .premier-pickban__map-btn-bg:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked .premier-pickban__map-btn-container .premier-pickban__map-btn-bg:where([sf~="27"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; height: 600px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 600px; animation-name: pano-vpct; transition-property: translate, --pxp, --pyp, width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 1.25s, 1.25s, 1.25s, 1.25s, 1.25s, 1.25s, 1.25s, 1.25s, 1.25s, 1.25s, 1.25s, 1.25s, 1.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked._disabled .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked._disabled .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked._disabled .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked._disabled .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked._disabled .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked._disabled .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked._disabled .premier-pickban__map-btn__map-fade:where([sf~="27"]) { --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.689082) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked .premier-pickban__map-btn__map-fade:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked .premier-pickban__map-btn__map-fade:where([sf~="27"]) { --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.689082) 0%, rgba(0, 0, 0, 0.103832) 100%); --bgc: transparent; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked .premier-pickban__map-btn__label:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked .premier-pickban__map-btn__label:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked .premier-pickban__map-btn__label:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked .premier-pickban__map-btn__label:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked .premier-pickban__map-btn__label:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked .premier-pickban__map-btn__label:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked .premier-pickban__map-btn__label:where([sf~="27"]) { --vis-collapse: none; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked .premier-pickban__map-btn__label_low:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked .premier-pickban__map-btn__label_low:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked .premier-pickban__map-btn__label_low:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked .premier-pickban__map-btn__label_low:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked .premier-pickban__map-btn__label_low:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked .premier-pickban__map-btn__label_low:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked .premier-pickban__map-btn__label_low:where([sf~="27"]) { transform: scale3d( 2, 2, 2 ); transition-property: transform; color: rgb(130, 130, 130); text-shadow: none; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked .premier-pickban__map-btn__result:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked .premier-pickban__map-btn__result:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked .premier-pickban__map-btn__result:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked .premier-pickban__map-btn__result:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked .premier-pickban__map-btn__result:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked .premier-pickban__map-btn__result:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked .premier-pickban__map-btn__result:where([sf~="27"]) { opacity: 0; --op-pe: none; }
#id-map-vote-btn-0.premier-pickban__map-btn--picked .premier-pickban__map-btn__vote-container:where([sf~="27"]), #id-map-vote-btn-1.premier-pickban__map-btn--picked .premier-pickban__map-btn__vote-container:where([sf~="27"]), #id-map-vote-btn-2.premier-pickban__map-btn--picked .premier-pickban__map-btn__vote-container:where([sf~="27"]), #id-map-vote-btn-3.premier-pickban__map-btn--picked .premier-pickban__map-btn__vote-container:where([sf~="27"]), #id-map-vote-btn-4.premier-pickban__map-btn--picked .premier-pickban__map-btn__vote-container:where([sf~="27"]), #id-map-vote-btn-5.premier-pickban__map-btn--picked .premier-pickban__map-btn__vote-container:where([sf~="27"]), #id-map-vote-btn-6.premier-pickban__map-btn--picked .premier-pickban__map-btn__vote-container:where([sf~="27"]) { opacity: 0; --op-pe: none; }
.Spinner:where([sf~="27"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.premier-pickban__reflection:where([sf~="27"]) { transform: scale3d(1, -1, 1); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --brightness: .2; --wash-color: rgba(0, 0, 0, 0.2); --wash-filter: url(#w-rgba_0_0_0_0_2); opacity: 0.275931; --op-pe: inherit; --blur: 4px; mask-image: url("/panorama/images/masks/bottom-top-fade-2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__reflection.premier-pickban__reflection__map-btn:where([sf~="27"]) { height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; width: 285px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 285px; opacity: 0.325127; --op-pe: inherit; --wash-color: rgba(80, 80, 80, 0.1); --wash-filter: url(#w-rgba_80_80_80_0_1); mask-image: url("/panorama/images/masks/bottom-top-fade-3.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; transform: scale3d(1, -1, 1) translateY( 143px ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-pickban__reflection.premier-pickban__reflection--team:where([sf~="27"]) { width: 285px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 285px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; opacity: 0.616725; --op-pe: inherit; transform: scale3d(1, -1, 1) translateY(140px); mask-image: url("/panorama/images/masks/bottom-top-fade-3.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.avatar-lobby-speaking:where([sf~="27"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --wash-color: #FFD700; --wash-filter: url(#w-ffd700); width: 25px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 25px; height: 25px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 25px; --mgl: -5px; --mgt: -5px; --mgb: 5px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar-lobby-speaking.hidden:where([sf~="27"]) { --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
/* styles/popups/popup_select_item_for_capability.css */
.PopupPanel.Capability:where([sf~="28"]) { --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; --bgc: rgba(0, 0, 0, 0.298331); --bg-grad: none; }
.PopupPanel.Capability:where([sf~="28"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.PopupPanel.Capability.PopupSelectItemForCapability_craft_souvenir:where([sf~="28"]) { --bg-img-opacity: .025; --bg-img-own: none; --bgc: rgba(0, 0, 0, 0.938155); --bg-grad: none; }
.PopupPanel.Capability.PopupSelectItemForCapability_craft_souvenir:where([sf~="28"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.PopupPanel.Capability .inv-popup-title p-label:where([sf~="28"]) { max-width: 800px; --maxw: 800px; }
.popup-select-item-list:where([sf~="28"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 32px; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); max-width: 1800px; --maxw: 1800px; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.kk-c-popup-select-item-list:has(> .popup-select-item-list:where([sf~="28"]):not([pvis="0"])) { --kid-fill-h: 1; }
.popup-select-item-list-top-bar:where([sf~="28"]) { height: 92px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 92px; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.popup-select-item-list-top-bar p-itemimage:where([sf~="28"]) { height: 92px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 92px; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; }
.popup-select-item-empty-lister:where([sf~="28"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.kk-c-popup-select-item-empty-lister:has(> .popup-select-item-empty-lister:where([sf~="28"]):not([pvis="0"])) { --kid-fill-h: 1; }
.popup-select-item-empty-lister :is(p-image, :where(img[pimg])):where([sf~="28"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 16px; }
.popup-select-item-empty-lister p-label:where([sf~="28"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; }
/* styles/premier_mapwinrecord.css */
.mapwinrecord-root:where([sf~="29"]) { --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; --pdb: 0px; }
.mapwinrecord__graph:where([sf~="29"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 5px; width: 450px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 450px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.mapwinrecord__graph .mwr-map:where([sf~="29"]) { border-radius: 3px; transform: translateX(-30px) translateY(-30px); }
.mapwinrecord__graph .mwr-map #mwr-map__image:where([sf~="29"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; }
.mapwinrecord__graph .mwr-map p-label:where([sf~="29"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; font-family: Stratum2 Condensed, Arial; --c9: 0.9; }
/* styles/split_label.css */
p-splitlabel:where([sf~="30"]), p-typewriterlabel:where([sf~="30"]) { overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
p-splitlabel #InnerLabel:where([sf~="30"]), p-typewriterlabel #InnerLabel:where([sf~="30"]) { opacity: 0.000505; --op-pe: inherit; }
p-splitlabel #SlicedContainer:where([sf~="30"]), p-typewriterlabel #SlicedContainer:where([sf~="30"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
p-splitlabel #SlicedContainer #SlicedLabel:where([sf~="30"]), p-typewriterlabel #SlicedContainer #SlicedLabel:where([sf~="30"]) { opacity: 0.000505; --op-pe: inherit; letter-spacing: 15px; }
p-splitlabel #ImageSlices:where([sf~="30"]), p-typewriterlabel #ImageSlices:where([sf~="30"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
/* styles/steaminputglyphs/steaminputglyphs.css */
p-ccsgosteaminputglyph:where([sf~="31"]), .glyph-container:where([sf~="31"]), .steam-button-glyph:where([sf~="31"]), .steam-button-name:where([sf~="31"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.action-container:where([sf~="31"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.glyph-container:where([sf~="31"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.steam-button-glyph:where([sf~="31"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.steam-button-name:where([sf~="31"]) { text-align: center; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 300; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: uppercase; text-overflow: ellipsis; --vis-collapse: none; }
/* styles/tooltips/tooltip_mission.css */
.tooltip-mission:where([sf~="32"]) { min-width: 400px; max-width: 400px; --maxw: 400px; opacity: 0; --op-pe: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.show.tooltip-mission:where([sf~="32"]) { opacity: 1; --op-pe: inherit; }
.tooltip-mission-list:where([sf~="32"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.tooltip-mission-checkbox-container:where([sf~="32"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; }
.tooltip-mission-connector:where([sf~="32"]), .tooltip-mission-text:where([sf~="32"]), .tooltip-mission-checkbox:where([sf~="32"]) { --wash-color: rgb(148, 148, 148); --wash-filter: url(#w-rgb_148_148_148); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.complete .tooltip-mission-connector:where([sf~="32"]), .complete .tooltip-mission-text:where([sf~="32"]), .complete .tooltip-mission-checkbox:where([sf~="32"]) { --wash-color: #93EEFB; --wash-filter: url(#w-93eefb); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.uncommitted .tooltip-mission-connector:where([sf~="32"]), .uncommitted .tooltip-mission-text:where([sf~="32"]), .uncommitted .tooltip-mission-checkbox:where([sf~="32"]) { --wash-color: #4fa1a7; --wash-filter: url(#w-4fa1a7); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tooltip-mission-checkbox:where([sf~="32"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; border-radius: 2px; border: 1px solid white; --bdln: 1; --bdrn: 1; --mgr: 12px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.tooltip-mission-connector:where([sf~="32"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; --mgl: 6px; --bgc: white; --bg-grad: none; }
.hide-connector .tooltip-mission-connector:where([sf~="32"]) { --vis-collapse: none; }
.complete .tooltip-mission-checkbox:where([sf~="32"]), .uncommitted .tooltip-mission-checkbox:where([sf~="32"]) { --bg-img: url("/panorama/images/icons/ui/checkbox.svg"); --bg-size: 100% 100%; --bg-w: 0px; }
.tooltip-mission-text:where([sf~="32"]), .tooltip-mission-desc:where([sf~="32"]), .tooltip-mission-title:where([sf~="32"]) { color: white; font-family: notosans, 'Arial Unicode MS'; --c9: 1; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 380px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 380px; }
.tooltip-mission-desc:where([sf~="32"]), .tooltip-mission-title:where([sf~="32"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.tooltip-mission-title:where([sf~="32"]) { font-weight: 700; }
/* styles/xpshop_track.css */
.xpshop-track-root:where([sf~="33"]) { --vis-collapse: initial; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
.xpshop__active-tracks .xpshop-track-root:where([sf~="33"]) { zoom: 1.25; --uizi: 1.25; --zl: calc(var(--mgl) / 1.25); --zr: calc(var(--mgr) / 1.25); --zt: calc(var(--mgtv, var(--mgt)) / 1.25); --zb: calc(var(--mgbv, var(--mgb)) / 1.25); --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mainmenu-xpshop-tracks .xpshop-track-root:where([sf~="33"]) { zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.mainmenu-xpshop-tracks .xst-radial-container:where([sf~="33"]) { zoom: 0.7; --uizi: 0.7; --zl: calc(var(--mgl) / 0.7); --zr: calc(var(--mgr) / 0.7); --zt: calc(var(--mgtv, var(--mgt)) / 0.7); --zb: calc(var(--mgbv, var(--mgb)) / 0.7); }
.mainmenu-xpshop-tracks .xpshop__active-track-action-btn:where([sf~="33"]) { max-width: 60px; --maxw: 60px; }
.mainmenu-xpshop-tracks .xpshop__active-track-action-btn.activate-track:where([sf~="33"]) { --py: 42px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.xpshop__active-track-action-btn:where([sf~="33"]) { max-width: 80px; --maxw: 80px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; border-radius: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: opacity, transform, --bgc; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.xpshop__active-track-action-btn p-label:where([sf~="33"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; text-align: center; text-shadow: 0px 0px 6px color-mix(in srgb, black 45.45%, transparent); color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.xpshop__active-track-action-btn.hidden:where([sf~="33"]) { transform: translateY(10px); opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
.xpshop__active-track-action-btn.clear-track:where([sf~="33"]) { --bgc: #b1af2d; --bg-grad: none; --py: 22px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.xpshop__active-track-action-btn.clear-track:hover:where([sf~="33"]) { --bgc: white; --bg-grad: none; }
.xpshop__active-track-action-btn.clear-track:hover p-label:where([sf~="33"]) { text-shadow: 0px 0px 0px black; color: #b1af2d; }
.xpshop__active-track-action-btn.activate-track:where([sf~="33"]) { --bgc: #46C786; --bg-grad: none; --py: 60px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.xpshop__active-track-action-btn.activate-track:hover:where([sf~="33"]) { --bgc: white; --bg-grad: none; }
.xpshop__active-track-action-btn.activate-track:hover p-label:where([sf~="33"]) { text-shadow: 0px 0px 0px black; color: #46C786; }
.xpshop__active-track-action-btn:hover:where([sf~="33"]) { --sound: "UIPanorama.inventory_item_rollover"; }
.xst-radial-container:where([sf~="33"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 50%; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; --mgt: 6px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.complete .xst-radial-container:where([sf~="33"]) { --brightness: 0.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xst-radial-container .xst-bg:where([sf~="33"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/icons/xpshop_tracker_background.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --wash-color: #46C786; --wash-filter: url(#w-46c786); --img-shadow: drop-shadow(1px 1px 0.5px black) drop-shadow(1px 1px 0.5px black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.complete .xst-radial-container .xst-bg:where([sf~="33"]) { --contrast: 0.8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xst-radial-container .radial-track:where([sf~="33"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border-radius: 50%; --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); transition-property: clip-path, --brightness; transition-duration: 0s, 0s; transition-timing-function: ease-in-out, ease-in-out; --bg-img: url("/panorama/images/icons/xpshop_tracker_progress_bar.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --wash-color: #46C786; --wash-filter: url(#w-46c786); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.in-motion .xst-radial-container .radial-track:where([sf~="33"]) { --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xst-radial-container .star:where([sf~="33"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-timing-function: ease-in-out; --bg-img: url("/panorama/images/icons/xpshop_tracker_star_earned.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --wash-color: #46C786; --wash-filter: url(#w-46c786); opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.earned-star .xst-radial-container .star:where([sf~="33"]) { opacity: 1; --op-pe: inherit; --wash-color: #ace6c9; --wash-filter: url(#w-ace6c9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xst-total:where([sf~="33"]) { color: white; font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 0px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
.show-star-count .xst-total:where([sf~="33"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.complete .xst-total:where([sf~="33"]) { color: #80e46e; }
#EndOfMatch .complete .xst-total:where([sf~="33"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --vis-collapse: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 1; --op-pe: inherit; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY(4px); }
/* styles/mainmenu.css */
p-csgomainmenu:where([sf~="34"]), #MainMenuInput:where([sf~="34"]), #MainMenuCore:where([sf~="34"]), #MainMenuForeground:where([sf~="34"]), #MainMenuBackground:where([sf~="34"]), #TooltipManager:where([sf~="34"]), #ContextMenuManager:where([sf~="34"]), #PopupManager:where([sf~="34"]), #ItemPreviewDebugManager:where([sf~="34"]), .MainMenuBackground-Cloud:where([sf~="34"]), .MainMenu-FullscreenPanel:where([sf~="34"]), #MainMenuFriendsAndParty:where([sf~="34"]), .MainMenuContainer:where([sf~="34"]), #MainMenuVanityParent:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#MainMenuFriendsAndParty:where([sf~="34"]) { z-index: 3; }
.kk-i-MainMenuFriendsAndParty:has(> #MainMenuFriendsAndParty:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
#MainMenuCore:where([sf~="34"]), #MainMenuBackground:where([sf~="34"]) { --blur: 64px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#MainMenuVanityParent:where([sf~="34"]) { --blur: 32px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-csgomainmenu.PopupBackgroundBlur #MainMenuCore:where([sf~="34"]) { --blur: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#MainMenuInput:where([sf~="34"]) { transition-property: --blur; transition-duration: .15s; transition-timing-function: ease-in-out; }
p-csgomainmenu.PopupBackgroundBlur #MainMenuInput:where([sf~="34"]) { --blur: 64px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-csgomainmenu.PopupBackgroundBlur #MainMenuInput.HiddenByPopup:where([sf~="34"]) { opacity: 0; --op-pe: none; }
p-csgomainmenu.PopupBackgroundBlur.pet-event-blur #MainMenuInput:where([sf~="34"]) { --blur: 64px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#MainMenuVanityOverlay:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#MainMenuVanityCapture:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.MainMenuContainer:where([sf~="34"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 2s; transition-timing-function: ease-in-out; }
.MainMenuContainer.show:where([sf~="34"]) { opacity: 1; --op-pe: inherit; }
.mainmenu-party-search-particle:where([sf~="34"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 500px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 500px; animation-name: pano-vpct; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; mix-blend-mode: screen; --s2-blend: additive; }
.mainmenu-party-search-particle--slide-out:where([sf~="34"]) { transform: translateX(-256px); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
#MainMenuBackground:where([sf~="34"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --brightness: 1; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-map:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.mainmenu-map-loading:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 16px; }
.mainmenu-map-progress-text:where([sf~="34"]) { height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 66; font-size: calc(max(1, round(nearest, 66 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(204, 204, 204, 1); --text-shrink: 1; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: center; --mgb: 1px; }
.mainmenu-movie:where([sf~="34"]) { width: 1920px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1920px; height: 1080px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1080px; animation-name: pano-vpct; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.AspectRatio4x3 .mainmenu-movie:where([sf~="34"]) { transform: translateX( -17% ); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.AspectRatio16x10 .mainmenu-movie:where([sf~="34"]) { transform: translateX( -10% ); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.AspectRatio21x9 .mainmenu-movie:where([sf~="34"]) { width: 2520px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2520px; height: 1080px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1080px; animation-name: pano-vpct; transform: scaleY( 1.3 ) translateY( -15% ); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.mainmenu-vanity:where([sf~="34"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 1400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1400px; height: 1080px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1080px; animation-name: pano-vpct; opacity: 1; --op-pe: inherit; z-index: 1; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.kk-c-mainmenu-vanity:has(> .mainmenu-vanity:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
#VanityControls:where([sf~="34"]) { opacity: 1; --op-pe: inherit; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgr: 16px; z-index: 3; transition-property: opacity, --brightness; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-i-VanityControls:has(> #VanityControls:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
#VanityControls p-button:where([sf~="34"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --brightness: 1; z-index: 2; border-radius: 10px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#VanityControls .kk-t-p-button:has(> p-button:where([sf~="34"]):not([pvis="0"])), #VanityControls.kk-t-p-button:has(> p-button:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
#VanityControls p-button :is(p-image, :where(img[pimg])):where([sf~="34"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, rgb(0 0 0 / 0.04) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#VanityControls:hover p-button:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0.433804); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
#id-mainmenu-vanity-hover:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 0.2), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --px: 0px; --pxp: 15%; --py: 0px; --pyp: 5%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#VanityControls.pulse-vanity-controls:where([sf~="34"]) { --brightness: 2; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AspectRatio16x10 .mainmenu-vanity:where([sf~="34"]) { transform: translateX(10%) translateY(0); }
.AspectRatio16x9 .mainmenu-vanity:where([sf~="34"]) { transform: translateX(8%) translateY(0); }
.AspectRatio21x9 .mainmenu-vanity:where([sf~="34"]) { transform: translateX(0%) translateY(0); }
.mainmenu-vanity:where([sf~="34"]) { transform: translateX(22%) translateY(0); width: 1200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1200px; }
.AspectRatio4x3 .mainmenu-vanity:where([sf~="34"]) { transform: translateX(17%) translateY(0); width: 1200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1200px; }
#JsMainmenu_Vanity.hidden:where([sf~="34"]) { opacity: 0; --op-pe: none; }
.mainmenu-vanity__vignette:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.25), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.25; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.624901) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; z-index: 1; }
.kk-c-mainmenu-vanity__vignette:has(> .mainmenu-vanity__vignette:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-vanity__vignette--bottom:where([sf~="34"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.333973) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.15), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.15; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; z-index: 1; }
.kk-c-mainmenu-vanity__vignette--bottom:has(> .mainmenu-vanity__vignette--bottom:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
#MainMenuVanityInfo:where([sf~="34"]) { z-index: 2; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.kk-i-MainMenuVanityInfo:has(> #MainMenuVanityInfo:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-vanity__settings:where([sf~="34"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; z-index: 2; --mgl: 32px; }
.kk-c-mainmenu-vanity__settings:has(> .mainmenu-vanity__settings:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-panel:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdr: 96px; --pdrn: 96; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); transition-property: opacity, --blur, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-panel--Hide:where([sf~="34"]) { opacity: 0; --op-pe: none; transform: translateX( 200px ); transition-property: opacity, --blur, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.pausemenu-navbar-container:where([sf~="34"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 96px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 2; }
.kk-c-pausemenu-navbar-container:has(> .pausemenu-navbar-container:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.pausemenu-navbar:where([sf~="34"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .04; --bg-img-own: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pausemenu-navbar:where([sf~="34"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.mainmenu-content--open .pausemenu-navbar:where([sf~="34"]), .mainmenu-content--open #Scoreboard:where([sf~="34"]), .mainmenu-content--open #id-pausemenu-mission-panel:where([sf~="34"]) { --vis-collapse: none; }
.pausemenu-navbar .RadioBox:where([sf~="34"]) { --vis-collapse: none; }
.pausemenu-navbar .horizontal-separator:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.pausemenu-navbar__btn-small:where([sf~="34"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --wash-color: white; --wash-filter: initial; --tooltip-position: bottom; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 18px; --pdb: 0px; --pdl: 18px; --pdrn: 18; --pdln: 18; transition-property: --wash-color; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pausemenu-navbar__btn-small--hidden:where([sf~="34"]), .MainMenuRootPanel--PauseMenuMode .PauseMenuModeOnly.pausemenu-navbar__btn-small--hidden:where([sf~="34"]), .MainMenuModeOnly.pausemenu-navbar__btn-small--hidden:where([sf~="34"]) { --vis-collapse: none; }
.pausemenu-navbar__btn-small._disabled:where([sf~="34"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pausemenu-navbar__btn-small :is(p-image, :where(img[pimg])):where([sf~="34"]) { --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pausemenu-navbar__btn-small._selected :is(p-image, :where(img[pimg])):where([sf~="34"]), .pausemenu-navbar__btn-small:not(._disabled):hover :is(p-image, :where(img[pimg])):where([sf~="34"]), .pausemenu-navbar__btn-small:not(._disabled):hover :is(p-image, :where(img[pimg])):where([sf~="34"]), .chat-panel._selected .chat-panel-icon :is(p-image, :where(img[pimg])):where([sf~="34"]) { --wash-color: rgb(24, 24, 24); --wash-filter: url(#w-rgb_24_24_24); --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: --wash-color, --bgc, --brightness; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --sound: "UIPanorama.mainmenu_rollover"; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pausemenu-navbar__btn__label-small:where([sf~="34"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; letter-spacing: 1px; color: white; transform: translateY(3px); transition-property: color, text-shadow; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.pausemenu-navbar__btn-small:hover .pausemenu-navbar__btn__label-small:where([sf~="34"]) { --wash-color: rgb(24, 24, 24); --wash-filter: url(#w-rgb_24_24_24); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-top-navbar-container:where([sf~="34"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; z-index: 2; }
.kk-c-mainmenu-top-navbar-container:has(> .mainmenu-top-navbar-container:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-top-navbar:where([sf~="34"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-img-opacity: .05; --bg-img-own: none; }
.mainmenu-top-navbar:where([sf~="34"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.mainmenu-top-navbar__center-container:where([sf~="34"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform-origin: 100% 100%; }
.mainmenu-top-navbar__radio-btn:where([sf~="34"]) { --pdt: 0px; --pdr: 18px; --pdb: 0px; --pdl: 18px; --pdrn: 18; --pdln: 18; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --tooltip-position: bottom; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.mainmenu-top-navbar__radio-btn--play:where([sf~="34"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; }
.mainmenu-top-navbar__radio-btn__bg:where([sf~="34"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); mix-blend-mode: screen; --s2-blend: additive; }
.mainmenu-top-navbar__play_seperator:where([sf~="34"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.4), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.4; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.536462); --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.mainmenu-top-navbar__play_seperator--small:where([sf~="34"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.3), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.3; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.mainmenu-top-navbar__radio-btn:hover:where([sf~="34"]) { transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; --sound: "UIPanorama.mainmenu_rollover"; }
.mainmenu-top-navbar__radio-btn__icon:where([sf~="34"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; transition-property: --wash-color; transition-duration: .15s; transition-timing-function: ease-in-out; }
.mainmenu-top-navbar__radio-btn._selected .mainmenu-top-navbar__radio-btn__icon--play:where([sf~="34"]) { --img-shadow: drop-shadow(0px 0px 0px #82D8FF); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-top-navbar__radio-btn._selected .mainmenu-top-navbar__radio-btn__icon:not(.no-color-wash):where([sf~="34"]), .mainmenu-top-navbar__radio-iconbtn._selected .mainmenu-top-navbar__radio-btn__icon:not(.no-color-wash):where([sf~="34"]) { --wash-color: #82D8FF; --wash-filter: url(#w-82d8ff); transition-property: --wash-color; transition-duration: .15s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-top-navbar__radio-btn__label:where([sf~="34"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; letter-spacing: 1px; transform: translateY(3px); transition-property: color, text-shadow; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.mainmenu-top-navbar__radio-btn__label--play:where([sf~="34"]) { transform: translateY(3px); --mgl: 0px; --fsz: 36; font-size: calc(max(1, round(nearest, 36 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1px; }
.mainmenu-top-navbar__radio-btn._selected .mainmenu-top-navbar__radio-btn__label:where([sf~="34"]) { color: #82D8FF; transition-property: color, text-shadow; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.mainmenu-top-navbar__radio-btn._selected .mainmenu-top-navbar__radio-btn__label--play:where([sf~="34"]) { text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
.mainmenu-top-navbar__radio-btn .RadioBox:where([sf~="34"]), .mainmenu-top-navbar__radio-iconbtn .RadioBox:where([sf~="34"]) { --vis-collapse: none; }
.mainmenu-top-navbar__left-container:where([sf~="34"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.mainmenu-top-navbar__right-container:where([sf~="34"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.mainmenu-top-navbar__radio-iconbtn:where([sf~="34"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --tooltip-position: bottom; transition-property: --bgc; transition-duration: .15s; transition-timing-function: ease-in; }
.mainmenu-top-navbar__radio-iconbtn--quit:where([sf~="34"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; }
.mainmenu-top-navbar__radio-iconbtn:hover:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; transition-property: --bgc; transition-duration: .15s; transition-timing-function: ease-in; --sound: "UIPanorama.mainmenu_rollover"; }
.mainmenu-top-navbar__radio-iconbtn._disabled:where([sf~="34"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-top-navbar__radio-iconbtn._disabled:hover:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0); --bg-grad: none; }
#VacNet:where([sf~="34"]) { --vis-collapse: none; }
.show-vacnet-link #VacNet:where([sf~="34"]) { --vis-collapse: initial; }
.mainmenu-top-navbar__alerts:where([sf~="34"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --vis-collapse: none; }
.mainmenu-top-navbar__alerts.show:where([sf~="34"]) { --vis-collapse: initial; }
.mainmenu-top-navbar__alerts-icon:where([sf~="34"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; border-radius: 3px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; --vis-collapse: none; scale: .8 .8; transition-property: opacity, scale, --bgc, --brightness, --wash-color; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-top-navbar__alerts-icon.red-alert:where([sf~="34"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); animation-name: navbar-red-alert; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-top-navbar__alerts-icon.yellow-alert:where([sf~="34"]) { --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); animation-name: navbar-yellow-alert; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-top-navbar__alerts-icon.show:where([sf~="34"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; scale: 1 1; }
.mainmenu-top-navbar__alerts-icon:hover:where([sf~="34"]) { --brightness: 2; --bgc: rgba(177, 175, 45, 0.448495); --bg-grad: none; --img-shadow: drop-shadow(0px 0px 1.5px #b1af2d); animation-name: none; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-top-navbar__alerts__gc:where([sf~="34"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; border-radius: 3px; --vis-collapse: none; scale: .8 .8; transition-property: opacity, scale; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.mainmenu-top-navbar__alerts__gc :is(p-image, :where(img[pimg])):where([sf~="34"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --vis-collapse: initial; opacity: 1; --op-pe: inherit; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-top-navbar__alerts__gc .gc-connect-anim:where([sf~="34"]) { animation-name: navbar-gc-alert; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; }
.mainmenu-top-navbar__alerts__gc.show:where([sf~="34"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; scale: 1 1; }
.mainmenu-top-navbar__alerts__gc:hover:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0.361835); --bg-grad: none; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --brightness: 2; animation-name: none; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes navbar-red-alert {
0% { --brightness: 1; --wash-color: #DB4437; --wash-filter: url(#w-db4437); --bgc: rgba(155, 6, 6, 0.156555); --bg-grad: none; border: 0px solid rgba(155, 6, 6, 0); --bdln: 0; --bdrn: 0; --img-shadow: drop-shadow(0px 0px 1.5px #DB4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 2; --wash-color: #DB4437; --wash-filter: url(#w-db4437); --bgc: rgba(155, 6, 6, 0.156555); --bg-grad: none; border: 3px solid rgba(155, 6, 6, 0.343929); --bdln: 3; --bdrn: 3; --img-shadow: drop-shadow(0px 0px 1.5px #DB4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; --wash-color: #DB4437; --wash-filter: url(#w-db4437); --bgc: rgba(155, 6, 6, 0.156555); --bg-grad: none; border: 0px solid rgba(155, 6, 6, 0); --bdln: 0; --bdrn: 0; --img-shadow: drop-shadow(0px 0px 1.5px #DB4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes navbar-yellow-alert {
0% { --brightness: 1; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --bgc: rgba(177, 175, 45, 0.448495); --bg-grad: none; border: 0px solid rgba(177, 175, 45, 0); --bdln: 0; --bdrn: 0; --img-shadow: drop-shadow(0px 0px 1.5px #b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 2; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --bgc: rgba(177, 175, 45, 0.448495); --bg-grad: none; border: 3px solid rgba(177, 175, 45, 0.680945); --bdln: 3; --bdrn: 3; --img-shadow: drop-shadow(0px 0px 1.5px #b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --bgc: rgba(177, 175, 45, 0.448495); --bg-grad: none; border: 0px solid rgba(177, 175, 45, 0); --bdln: 0; --bdrn: 0; --img-shadow: drop-shadow(0px 0px 1.5px #b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes navbar-gc-alert {
0% { --brightness: 1; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); transform: rotateZ( 1deg ); --img-shadow: drop-shadow(0px 0px 1.5px #b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 2; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); transform: rotateZ( 180deg ); --img-shadow: drop-shadow(0px 0px 1.5px #b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); transform: rotateZ( 359deg ); --img-shadow: drop-shadow(0px 0px 1.5px #b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.dev-btn:where([sf~="34"]) { opacity: 0.268142; --op-pe: inherit; }
.dev-btn:where([sf~="34"]), .MainMenuModeOnly.dev-btn:where([sf~="34"]), .MainBranch.MainMenuRootPanel--PauseMenuMode .MainMenuModeOnly.dev-btn:where([sf~="34"]) { --vis-collapse: none; }
.MainBranch .dev-btn:where([sf~="34"]), .MainBranch .MainMenuModeOnly.dev-btn:where([sf~="34"]) { --vis-collapse: initial; }
.mainmenu-sidebar:where([sf~="34"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); z-index: 3; transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.kk-c-mainmenu-sidebar:has(> .mainmenu-sidebar:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-sidebar:hover:where([sf~="34"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.mainmenu-sidebar--minimized:where([sf~="34"]) { --px: 256px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-sidebar--hidden:where([sf~="34"]) { --px: 400px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
#mainmenu-sidebar__blur-target:where([sf~="34"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.99492; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; }
.mainmenu-sidebar__seperator:where([sf~="34"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0.21089) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.mainmenu-sidebar__seperator--nav:where([sf~="34"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.mainmenu-sidebar__container:where([sf~="34"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.mainmenu-sidebar-fullscreen:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 1; }
.kk-c-mainmenu-sidebar-fullscreen:has(> .mainmenu-sidebar-fullscreen:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-content:where([sf~="34"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --vis-collapse: initial; --mgl: 0px; transition-property: translate, --pxp, --pyp, clip-path, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-content--animate:where([sf~="34"]) { transition-duration: .25s; }
.mainmenu-content--offscreen:where([sf~="34"]) { --px: 0px; --pxp: -100%; --py: 0px; --pyp: 0%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transition-property: translate, --pxp, --pyp, clip-path; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-content__blur:where([sf~="34"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
#mainmenu-content__blur-target:where([sf~="34"]), #mainmenu-inspect__blur-target:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; opacity: 0.947817; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#loadingscreen__blur-target:where([sf~="34"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.947817; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; }
.mainmenu-content__container:where([sf~="34"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transform: translateX( 0% ); --pdt: 64px; --bgc: rgba(0, 0, 0, 0.482646); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.mainmenu-content__container:where([sf~="34"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.mainmenu-content__container--nopadding:where([sf~="34"]) { --pdr: 0px; --pdrn: 0; --pdl: 0px; --pdln: 0; transition-property: none; transition-duration: 0.0s; }
.popup-inspect-border:where([sf~="34"]) { --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.741129) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.784284) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.mainmenu-content__container--inspect:where([sf~="34"]) { --pdr: 0px; --pdrn: 0; --pdl: 0px; --pdln: 0; --pdt: 0px; }
.mainmenu-content__container p-verticalscrollbar:where([sf~="34"]) { --mgr: 16px; z-index: 2; }
.mainmenu-content__container .kk-t-p-verticalscrollbar:has(> p-verticalscrollbar:where([sf~="34"]):not([pvis="0"])), .mainmenu-content__container.kk-t-p-verticalscrollbar:has(> p-verticalscrollbar:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-content--hidden:where([sf~="34"]) { opacity: 0; --op-pe: none; --sound: "UIPanorama.submenu_leveloptions_slidein"; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.mainmenu-content--popuptab:where([sf~="34"]) { transform: translateY( 0% ); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.mainmenu-content--popuptab.mainmenu-content--hidden:where([sf~="34"]) { opacity: 0; --op-pe: none; transform: translateY( 50% ); --sound: "UIPanorama.submenu_leveloptions_slidein"; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.mainmenu-content--popuptab__title:where([sf~="34"]) { font-weight: 700; text-transform: uppercase; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; }
.mainmenu-content--shrunk:where([sf~="34"]) { height: 984px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 984px; animation-name: pano-vpct; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-content__background-color:where([sf~="34"]) { --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; }
.mainmenu-content__background-color--dark:where([sf~="34"]) { --bgc: rgba(20, 20, 20, 0.392779); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; }
.mainmenu-content__container__sidebar:where([sf~="34"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 0.16), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --pdl: 16px; --pdln: 16; --pdt: 8px; }
.mainmenu-content__container__sidebar__btn:where([sf~="34"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --mgb: 4px; border-radius: 3px; }
.mainmenu-content__container__sidebar__btn .RadioBox:where([sf~="34"]) { --vis-collapse: none; }
.mainmenu-content__container__sidebar__btn p-label:where([sf~="34"]) { font-weight: 400; color: white; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; }
.mainmenu-content__container__sidebar__btn._selected:where([sf~="34"]) { --bgc: #82D8FF; --bg-grad: none; }
.mainmenu-content__container__sidebar__btn._selected p-label:where([sf~="34"]) { color: black; font-weight: 700; }
.mainmenu_news_container:where([sf~="34"]) { width: 720px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 720px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 24px; --mgr: 0px; --mgb: 24px; --mgl: 128px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transform: scale3d( 1, 1, 1 ); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; --vis-collapse: none; transition-property: opacity, transform, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu_news_container-movedown:where([sf~="34"]) { --px: 0px; --pxp: 0px; --py: 96px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transition-property: opacity, transform, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu_news_container.hidden:where([sf~="34"]), .mainmenu_active-mission-container.hidden:where([sf~="34"]), .mainmenu_stream_container.hidden:where([sf~="34"]), #MainMenuVanityInfo.hidden:where([sf~="34"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.mainmenu_active-mission-container:where([sf~="34"]) { --bgc: rgba(0, 0, 0, 0.678569); --bg-grad: none; --mgl: 128px; --mgt: 32px; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.content-navbar:where([sf~="34"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.content-navbar--dropdown:where([sf~="34"]) { --pdl: 18px; --pdln: 18; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; }
.content-navbar--dropdown :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="34"]) { min-width: 300px; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.091548) 0%, rgba(0, 0, 0, 0.091548) 100%); --bgc: transparent; }
.content-navbar__title:where([sf~="34"]) { font-weight: 700; text-transform: uppercase; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: grey; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; }
.content-navbar__tabs:where([sf~="34"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.content-navbar__tabs.content-navbar__chatwheel-tabs.content-navbar__tabs--small:where([sf~="34"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdl: 40px; --pdln: 40; --pdr: 40px; --pdrn: 40; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.content-navbar__tabs--dark:where([sf~="34"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.content-navbar__tabs--pickem:where([sf~="34"]) { --bgc: transparent; --bg-grad: none; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 8px; --pdrn: 0; --pdln: 8; }
.major-24 .content-navbar__tabs--pickem:where([sf~="34"]) { transform: translateY(7px); }
.major-24 .content-navbar__tabs--pickem p-radiobutton.content-navbar__tabs__btn--small p-label:where([sf~="34"]) { color: rgb(48, 31, 6); font-weight: 700; }
.major-24 .content-navbar__tabs--pickem .content-navbar__tabs__btn._selected:where([sf~="34"]) { --bgc: rgba(0, 0, 0, 0.180737); --bg-grad: none; }
.workshop #id-navbar-tabs:where([sf~="34"]), .content-navbar__tabs.collapse:where([sf~="34"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.content-navbar__tabs__center-container:where([sf~="34"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.content-navbar__tabs--noflow:where([sf~="34"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.content-navbar__tabs__btn .RadioBox:where([sf~="34"]), .content-navbar__tabs .RadioBox:where([sf~="34"]) { --vis-collapse: none; }
.content-navbar__tabs__btn:where([sf~="34"]), .content-navbar__tabs__btn--small:where([sf~="34"]) { --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 6px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0); --bdln: 1; --bdrn: 1; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.content-navbar__tabs__btn p-label:where([sf~="34"]), .content-navbar__tabs__btn--small p-label:where([sf~="34"]), .content-navbar__tabs__toggle-button p-label:where([sf~="34"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 4px; --pdr: 6px; --pdb: 4px; --pdl: 6px; --pdrn: 6; --pdln: 6; text-align: center; font-weight: 500; color: white; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-transform: uppercase; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; }
.content-navbar__tabs__btn:not(._disabled)._selected p-label:where([sf~="34"]), .content-navbar__tabs__btn--small:not(._disabled)._selected p-label:where([sf~="34"]) { --sound: "UIPanorama.submenu_select"; }
.major-23 .content-navbar__tabs__btn:not(._disabled)._selected p-label:where([sf~="34"]), .major-23 .content-navbar__tabs__btn--small:not(._disabled)._selected p-label:where([sf~="34"]) { color: gold; }
p-radiobutton.content-navbar__tabs__btn--small p-label:where([sf~="34"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; }
.content-navbar__tabs__btn:not(._disabled):hover:where([sf~="34"]), .content-navbar__tabs__toggle-button:not(._disabled):hover:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0.108305); --bg-grad: none; --sound: "UIPanorama.loadout_sector_scroll"; }
.content-navbar__tabs__btn:not(._disabled):hover .major-23:where([sf~="34"]), .content-navbar__tabs__toggle-button:not(._disabled):hover .major-23:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0.108305); --bg-grad: none; }
.major-24 .content-navbar__tabs__btn:not(._disabled):hover:where([sf~="34"]), .major-24 .content-navbar__tabs__toggle-button:not(._disabled):hover:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0.361835); --bg-grad: none; }
.content-navbar__tabs__btn._selected:where([sf~="34"]), .content-navbar__tabs__toggle-button._selected:where([sf~="34"]) { --bgc: rgba(130, 215, 255, 0.263797); --bg-grad: none; }
.major-23 .content-navbar__tabs__btn._selected:where([sf~="34"]), .major-23 .content-navbar__tabs__toggle-button._selected:where([sf~="34"]) { --bgc: rgb(100, 87, 14); --bg-grad: none; }
.content-navbar__tabs__btn._disabled._selected:where([sf~="34"]), .content-navbar__tabs__toggle-button._disabled._selected:where([sf~="34"]) { border: 1px solid white; --bdln: 1; --bdrn: 1; --bgc: transparent; --bg-grad: none; }
.content-navbar__tabs__btn:not(._disabled)._selected p-label:where([sf~="34"]), .content-navbar__tabs__btn--small:not(._disabled)._selected p-label:where([sf~="34"]) { color: #82D8FF; --sound: "UIPanorama.submenu_select"; }
.content-navbar__tabs__btn._disabled:where([sf~="34"]), .content-navbar__tabs__btn.locked:where([sf~="34"]) { color: white; --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.content-navbar__tabs__btn._disabled p-label:where([sf~="34"]), .content-navbar__tabs__btn.locked p-label:where([sf~="34"]) { --mgl: 0px; }
#id-store-nav-xpshop.content-navbar__tabs__btn:where([sf~="34"]) { overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; border-radius: 0px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#id-store-nav-xpshop.content-navbar__tabs__btn .content-navbar__tabs__btn-new:where([sf~="34"]) { --pdt: 1px; --pdr: 3px; --pdb: 1px; --pdl: 3px; --pdrn: 3; --pdln: 3; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Italic, "Arial Unicode MS"; --c9: 0.9; --bg-grad: linear-gradient(90deg, rgb(177, 69, 204) 0%, rgb(145, 10, 179) 100%); --bgc: transparent; color: white; box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 0.686275); --bg-fill: rgb(0 0 0 / 0.686275); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-radius: 2px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY( 8px ); }
.content-navbar__tabs__dropdown:where([sf~="34"]) { height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; width: 170px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 170px; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; border: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; --bdrn: 1; border-radius: 3px; }
.content-navbar__tabs__dropdown--right-margin:where([sf~="34"]) { --mgr: 64px; }
.content-navbar__tabs__dropdown .DropDownMenu:where([sf~="34"]), .content-navbar__tabs__dropdown .DropDownChild:where([sf~="34"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 8px; --pdrn: 0; --pdln: 8; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-weight: 500; text-transform: none; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --text-shrink: 1; }
.content-navbar__tabs__dropdown:not(._focus):hover:where([sf~="34"]) { --bgc: rgba(0, 0, 0, 0.100279); --bg-grad: none; }
.content-navbar__tabs__dropdown._focus p-label:where([sf~="34"]) { color: white; }
.content-navbar__tabs__toggle-button:where([sf~="34"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; }
.content-navbar__tabs__toggle-button .TickBox:where([sf~="34"]) { --bg-size: 18px 18px; --bg-w: 18px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: transparent; --bg-grad: none; border-radius: 2px; z-index: 1; border: 2px solid white; --bdln: 2; --bdrn: 2; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc, --wash-color; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.content-navbar__tabs__toggle-button .kk-c-TickBox:has(> .TickBox:where([sf~="34"]):not([pvis="0"])), .content-navbar__tabs__toggle-button.kk-c-TickBox:has(> .TickBox:where([sf~="34"]):not([pvis="0"])) { isolation: isolate; }
.content-navbar__tabs__toggle-button._selected .TickBox:where([sf~="34"]) { height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --bg-img: url("/panorama/images/icons/ui/checkbox.svg"); --bg-size: 18px 18px; --bg-w: 18px; --bgc: transparent; --bg-grad: none; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --wash-color, --bgc; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.content-navbar__tabs__toggle-button p-label:where([sf~="34"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; }
.content-navbar__extra-buttons:where([sf~="34"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 0px; --pdrn: 16; --pdln: 0; }
.content-navbar__extra-buttons--right:where([sf~="34"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 64px; }
.content-navbar__extra-buttons .PopupButton:where([sf~="34"]) { --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; }
.content-navbar__seperator:where([sf~="34"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.472624; --op-pe: inherit; --bgc: #ffffff; --bg-grad: none; }
.content-navbar__seperator--dark:where([sf~="34"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.862912; --op-pe: inherit; --bgc: #3E3E3E; --bg-grad: none; }
.content-controls-actions-bar:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --pdt: 0px; --pdr: 64px; --pdb: 0px; --pdl: 64px; --pdrn: 64; --pdln: 64; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; border-top: 1px solid rgba(255, 255, 255, 0.179361); }
.Language_schinese .TopBarMenuItem p-label:where([sf~="34"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.Language_russian .TopBarMenuItem p-label:where([sf~="34"]) { letter-spacing: 0px; }
.popup-blur:where([sf~="34"]) { --blur: 96px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.blur-background:where([sf~="34"]) { --blur: 128px; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.content-navbar__seperator-tournament:where([sf~="34"]) { --px: 0px; --pxp: 0px; --py: 63.9px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.margins:where([sf~="34"]) { --pdr: 96px; --pdrn: 96; }
.party-search-ping:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 2), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --px: 0px; --pxp: 0px; --py: 100px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.MainMenuRootPanel--PauseMenuMode .party-search-ping:where([sf~="34"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.party-search-ping.hidden:where([sf~="34"]) { --vis-collapse: none; }
.party-search-ping-circle:where([sf~="34"]) { width: 96px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 96px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; border-radius: 50%; --bg-grad: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.544221) 100%); --bgc: transparent; border: 3px solid rgba(255, 255, 255, 0.510417); --bdln: 3; --bdrn: 3; mix-blend-mode: screen; --s2-blend: screen; }
.party-search-pulse:where([sf~="34"]) { animation-name: party-search-loop; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.party-search-pulse-fast:where([sf~="34"]) { animation-name: party-search-loop-fast; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@keyframes party-search-loop {
0% { transform: scale3d( .5, .5, .5 ); opacity: 0; --op-pe: none; }
15% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; transform: scale3d( 1.0, 1.0, 1.0 ); --blur: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes party-search-loop-fast {
0% { transform: scale3d( 0.3, 0.3, 0.3 ); opacity: 0; --op-pe: none; }
30% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; transform: scale3d( 1, 1, 1); --blur: 14.142136px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.align-preview:where([sf~="34"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.MainMenuModeOnly:where([sf~="34"]) { --vis-collapse: initial; }
.MainMenuRootPanel--PauseMenuMode .MainMenuModeOnly:where([sf~="34"]) { --vis-collapse: none; }
.PauseMenuModeOnly:where([sf~="34"]) { --vis-collapse: none; }
.MainMenuRootPanel--PauseMenuMode .PauseMenuModeOnly:not(.hide-non-prime):where([sf~="34"]) { --vis-collapse: initial; }
.DisableDuringDemoPlayback:where([sf~="34"]) { --vis-collapse: initial; }
.MainMenuRootPanel--PauseMenuDuringDemoPlayback .DisableDuringDemoPlayback:where([sf~="34"]) { --vis-collapse: none; }
.setting-is-new p-label:where([sf~="34"]) { --brightness: 1.2; font-weight: 700; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.fairplay-link:where([sf~="34"]) { text-decoration: underline; }
.top-nav-party:where([sf~="34"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 0.3), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdl: 16px; --pdln: 16; }
.top-nav-party__avatar:where([sf~="34"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --bgc: red; --bg-grad: none; --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.top-nav-party__chat-icon:where([sf~="34"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 0px; }
#id-play-menu-pausemenu-annotations:where([sf~="34"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#id-play-menu-pausemenu-annotations._disabled:where([sf~="34"]) { opacity: 0.696476; --op-pe: inherit; }
#id-play-menu-pausemenu-annotations._disabled .PopupButton:hover:where([sf~="34"]) { --bgc: rgba(255, 255, 255, 0); --bg-grad: none; }
#id-play-menu-pausemenu-annotations #id-play-menu-pausemenu-annotations__internal:where([sf~="34"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; }
#id-play-menu-pausemenu-annotations #id-play-menu-pausemenu-annotations-roundrestricted:where([sf~="34"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
#id-play-menu-pausemenu-annotations #id-play-menu-pausemenu-annotations-roundrestricted.unhide:where([sf~="34"]) { --vis-collapse: initial; }
#id-play-menu-pausemenu-annotations #id-play-menu-pausemenu-annotations-dropdown:where([sf~="34"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
#id-play-menu-pausemenu-annotations #id-play-menu-pausemenu-annotations-dropdown p-label:where([sf~="34"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; transform: translateY(3px); transition-property: color, text-shadow; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; text-transform: none; transform: translateY(3px); }
#id-play-menu-pausemenu-annotations .gamemode-setting-radiobutton:where([sf~="34"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
/* styles/mainmenu_mini_store.css */
.mini-store-container:where([sf~="35"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.443137); --bg-fill: initial; --bg-solid: initial; --mgt: 8px; }
.mini-store-container.hidden:where([sf~="35"]) { opacity: 0; --op-pe: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgt: 0px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mini-store__carousel-nav:where([sf~="35"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 8px; --vis-collapse: initial; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; z-index: 2; }
.kk-c-mini-store__carousel-nav:has(> .mini-store__carousel-nav:where([sf~="35"]):not([pvis="0"])) { isolation: isolate; }
.mini-store-separator:where([sf~="35"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mini-store__carousel-blocker:where([sf~="35"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; z-index: 1; }
.kk-c-mini-store__carousel-blocker:has(> .mini-store__carousel-blocker:where([sf~="35"]):not([pvis="0"])) { isolation: isolate; }
.mini-store__header:where([sf~="35"]) { --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.mini-store__header .mini-store__header__more-btn:where([sf~="35"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.mini-store__header .mini-store__header__more-btn p-label:where([sf~="35"]) { font-family: Stratum2 Light TF, "Arial Unicode MS"; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.mini-store__header .mini-store__header__more-btn p-label:hover:where([sf~="35"]) { color: white; }
/* styles/mainmenu_play.css */
.content-navbar__extra-buttons .PopupButton.hidden:where([sf~="36"]) { --vis-collapse: none; }
.map-selection-list-container:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; --bgc: rgba(0, 0, 0, 0.072022); --bg-grad: none; }
.map-selection-list:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; opacity: 1; --op-pe: inherit; transform: translateY( 0px ); --vis-collapse: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-selection-list--inner:where([sf~="36"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.map-selection-btn__wins:where([sf~="36"]) { --vis-collapse: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 60px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.show-win-count .map-selection-btn__wins:where([sf~="36"]) { --vis-collapse: initial; }
.map-selection-btn__wins p-label:where([sf~="36"]) { font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.map-selection-btn__wins :is(p-image, :where(img[pimg])):where([sf~="36"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.map-selection-list--official-competitive:where([sf~="36"]), .map-selection-list--official-casual:where([sf~="36"]), .map-selection-list--official-deathmatch:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2:where([sf~="36"]), .map-selection-list--official-skirmish:where([sf~="36"]), .map-selection-list--official-gungameprogressive:where([sf~="36"]), .map-selection-list--official-rush:where([sf~="36"]), .map-selection-list--official-retakes:where([sf~="36"]), .map-selection-list--listen-competitive:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2:where([sf~="36"]), .map-selection-list--listen-skirmish:where([sf~="36"]), .map-selection-list--listen-casual:where([sf~="36"]), .map-selection-list--listen-deathmatch:where([sf~="36"]), .map-selection-list--listen-gungameprogressive:where([sf~="36"]), .map-selection-list--listen-rush:where([sf~="36"]), .map-selection-list--listen-retakes:where([sf~="36"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: clip; overflow-y: clip; --ovx: squish; --ovy: squish; --ovxn: initial; --ovyn: initial; --ovxf: initial; --ovyf: initial; }
.map-selection-list--official-competitive .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-casual .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-deathmatch .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2 .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-skirmish .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-gungameprogressive .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-rush .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-retakes .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-competitive .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2 .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-skirmish .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-casual .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-deathmatch .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-gungameprogressive .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-rush .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-retakes .map-selection-btn__groupmap-icons:where([sf~="36"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.map-selection-list--official-competitive .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-casual .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-deathmatch .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2 .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-skirmish .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-gungameprogressive .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-rush .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-retakes .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-competitive .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2 .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-skirmish .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-casual .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-deathmatch .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-gungameprogressive .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-rush .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-retakes .map-selection-btn__groupmap-icons .map-selection-btn__map-icon:where([sf~="36"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.map-selection-list--official-competitive .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--official-casual .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--official-deathmatch .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2 .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--official-skirmish .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--official-gungameprogressive .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--official-rush .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--official-retakes .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--listen-competitive .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2 .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--listen-skirmish .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--listen-casual .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--listen-deathmatch .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--listen-gungameprogressive .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--listen-rush .map-selection-btn__ratingemblem:where([sf~="36"]), .map-selection-list--listen-retakes .map-selection-btn__ratingemblem:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --py: 92px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.map-selection-list--official-competitive .map-selection-btn:where([sf~="36"]), .map-selection-list--official-casual .map-selection-btn:where([sf~="36"]), .map-selection-list--official-deathmatch .map-selection-btn:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2 .map-selection-btn:where([sf~="36"]), .map-selection-list--official-skirmish .map-selection-btn:where([sf~="36"]), .map-selection-list--official-gungameprogressive .map-selection-btn:where([sf~="36"]), .map-selection-list--official-rush .map-selection-btn:where([sf~="36"]), .map-selection-list--official-retakes .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-competitive .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2 .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-skirmish .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-casual .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-deathmatch .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-gungameprogressive .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-rush .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-retakes .map-selection-btn:where([sf~="36"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.map-selection-list--official-competitive .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-competitive.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-casual .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-casual.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-deathmatch .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-deathmatch.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-scrimcomp2v2 .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-scrimcomp2v2.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-skirmish .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-skirmish.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-gungameprogressive .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-gungameprogressive.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-rush .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-rush.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-retakes .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--official-retakes.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-competitive .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-competitive.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-scrimcomp2v2 .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-scrimcomp2v2.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-skirmish .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-skirmish.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-casual .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-casual.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-deathmatch .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-deathmatch.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-gungameprogressive .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-gungameprogressive.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-rush .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-rush.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-retakes .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list--listen-retakes.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .map-selection-list--official-competitive .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-competitive.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-casual .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-casual.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-deathmatch .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-deathmatch.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-scrimcomp2v2 .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-scrimcomp2v2.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-skirmish .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-skirmish.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-gungameprogressive .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-gungameprogressive.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-rush .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-rush.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-retakes .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--official-retakes.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-competitive .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-competitive.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-scrimcomp2v2 .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-scrimcomp2v2.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-skirmish .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-skirmish.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-casual .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-casual.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-deathmatch .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-deathmatch.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-gungameprogressive .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-gungameprogressive.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-rush .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-rush.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-retakes .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after, .map-selection-list--listen-retakes.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.map-selection-list--official-rush #MapTile.map-selection-btn:where([sf~="36"]), .map-selection-list--listen-rush #MapTile.map-selection-btn:where([sf~="36"]) { height: 820px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 820px; animation-name: pano-vpct; width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --mgt: 30px; --mgb: 30px; --mgl: 20px; }
.map-selection-list--official-rush .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-rush .map-selection-btn:where([sf~="36"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.map-selection-list--official-rush .leaderboard_embedded:where([sf~="36"]), .map-selection-list--listen-rush .leaderboard_embedded:where([sf~="36"]) { --mgt: 30px; --mgb: 30px; --mgl: 10px; }
.map-selection-list--listen-rush #MapTile.map-selection-btn:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 30px; --mgr: 30px; --mgb: 30px; --mgl: 30px; }
.map-selection-list--official-deathmatch:where([sf~="36"]), .map-selection-list--official-casual:where([sf~="36"]), .map-selection-list--official-gungameprogressive:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2:where([sf~="36"]), .map-selection-list--official-retakes:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.map-selection-list--official-deathmatch .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-casual .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-gungameprogressive .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2 .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--official-retakes .map-selection-btn__groupmap-icons:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2 .map-selection-btn__groupmap-icons:where([sf~="36"]) { width: 340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 340px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.map-selection-list--official-deathmatch .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-casual .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-gungameprogressive .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2 .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-retakes .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2 .map-selection-btn__map-icon:where([sf~="36"]) { width: 125px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 125px; height: 125px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 125px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.map-selection-list--official-deathmatch #gameModeButtonContainer_deathmatch_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-deathmatch #gameModeButtonContainer_casual_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-casual #gameModeButtonContainer_deathmatch_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-casual #gameModeButtonContainer_casual_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-gungameprogressive #gameModeButtonContainer_deathmatch_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-gungameprogressive #gameModeButtonContainer_casual_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2 #gameModeButtonContainer_deathmatch_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-scrimcomp2v2 #gameModeButtonContainer_casual_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-retakes #gameModeButtonContainer_deathmatch_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-retakes #gameModeButtonContainer_casual_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2 #gameModeButtonContainer_deathmatch_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-scrimcomp2v2 #gameModeButtonContainer_casual_officialmg_casualsigma .map-selection-btn__map-icon:where([sf~="36"]) { width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.map-selection-list--listen-rush .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-rush .map-selection-btn__map-icon:where([sf~="36"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.map-selection-list--official-skirmish:where([sf~="36"]), .map-selection-list--listen-gungameprogressive:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.map-selection-list--listen-deathmatch:where([sf~="36"]), .map-selection-list--listen-competitive:where([sf~="36"]), .map-selection-list--listen-casual:where([sf~="36"]), .map-selection-list--listen-retakes:where([sf~="36"]), .map-selection-list--official-competitive:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgl: 6%; --mgt: 8px; --mgb: 8px; }
.map-selection-list--listen-deathmatch .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-competitive .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-casual .map-selection-btn:where([sf~="36"]), .map-selection-list--listen-retakes .map-selection-btn:where([sf~="36"]), .map-selection-list--official-competitive .map-selection-btn:where([sf~="36"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; width: min(calc((100% + var(--ppx)) * 0.105), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.48), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.48; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.map-selection-list--listen-deathmatch .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-competitive .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-casual .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--listen-retakes .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list--official-competitive .map-selection-btn__map-icon:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.map-selection-list--listen-deathmatch p-label.map-selection-info__map-name:where([sf~="36"]), .map-selection-list--listen-competitive p-label.map-selection-info__map-name:where([sf~="36"]), .map-selection-list--listen-casual p-label.map-selection-info__map-name:where([sf~="36"]), .map-selection-list--listen-retakes p-label.map-selection-info__map-name:where([sf~="36"]), .map-selection-list--official-competitive p-label.map-selection-info__map-name:where([sf~="36"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --mgb: 4px; }
.map-selection-list--workshop:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.map-selection-list--workshop .map-selection-btn:where([sf~="36"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 140; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.map-selection-list-premier:where([sf~="36"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
#gameModeButtonContainer_workshop:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.workshop-tile-actions:where([sf~="36"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .15s; transition-timing-function: ease-in-out; }
.map-selection-btn:hover .workshop-tile-actions:where([sf~="36"]) { opacity: 1; --op-pe: inherit; }
.workshop-tile-actions__btn:where([sf~="36"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --mgl: 4px; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; border-radius: 3px; transition-property: --bgc; transition-duration: .15s; transition-timing-function: ease-in-out; }
.workshop-tile-actions__btn :is(p-image, :where(img[pimg])):where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.workshop-tile-actions__btn:hover:where([sf~="36"]) { --bgc: rgba(255, 255, 255, 0.485126); --bg-grad: none; }
.workshop-tile-actions__btn._disabled:where([sf~="36"]) { opacity: 0.572641; --op-pe: inherit; }
.map-selection-btn--workshop-installed .map-selection-info__new:where([sf~="36"]) { --bgc: rgba(90, 90, 90, 0.934918); --bg-grad: none; }
.map-selection-btn--workshop-unplayable .map-selection-btn:where([sf~="36"]) { --saturation: 0.3; --brightness: 0.6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection-list-coop:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; --vis-collapse: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-selection-list-rush:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; --vis-collapse: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-selection-list-directchallenge:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-height: 760px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; --vis-collapse: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.directchallenge-explanation-container:where([sf~="36"]) { --mgt: 32px; --mgr: 32px; --mgb: 32px; --mgl: 32px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; width: 630px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 630px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.directchallenge-explanation-container.hidden:where([sf~="36"]) { opacity: 0; --op-pe: none; }
.directchallenge-explanation-container :is(p-image, :where(img[pimg])):where([sf~="36"]) { --wash-color: rgb(71, 179, 230); --wash-filter: url(#w-rgb_71_179_230); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.directchallenge-explanation__top:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 60px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.directchallenge-explanation__top .directchallenge-explanation.title:where([sf~="36"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.directchallenge-explanation__top :is(p-image, :where(img[pimg])):where([sf~="36"]), .directchallenge-explanation__top p-label:where([sf~="36"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.directchallenge-explanation__top :is(p-image, :where(img[pimg])):where([sf~="36"]) { --mgr: 20px; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.directchallenge-explanation__lower:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 30px; --mgl: 60px; }
.directchallenge-explanation__lower :is(p-image, :where(img[pimg])):where([sf~="36"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgr: 16px; }
.directchallenge-explanation.note:where([sf~="36"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 38px; }
.directchallenge-explanation:where([sf~="36"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: notosans; --c9: 1; }
.directchallenge-explanation__lower p-label:where([sf~="36"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.directchallenge-explanation.title:where([sf~="36"]) { --mgb: 4px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.directchallenge-buttons-container:where([sf~="36"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.directchallenge-section:where([sf~="36"]) { height: auto; --fh: 0.33; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.kk-c-directchallenge-section:has(> .directchallenge-section:where([sf~="36"]):not([pvis="0"])) { --kid-fill-h: 1; }
.directchallenge-section .IconButton:hover:where([sf~="36"]) { --bgc: rgba(0, 0, 0, 0.367398); --bg-grad: none; }
.directchallenge-section .IconButton:where([sf~="36"]) { width: 350px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 350px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; }
.directchallenge-section .IconButton :is(p-image, :where(img[pimg])):where([sf~="36"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --bgc: rgba(50, 50, 50, 0.818972); --bg-grad: none; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; --wash-color: rgb(71, 179, 230); --wash-filter: url(#w-rgb_71_179_230); transition-property: --p-background-colo; transition-duration: 0.2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.directchallenge-section .IconButton:hover :is(p-image, :where(img[pimg])):where([sf~="36"]) { --bgc: rgba(32, 32, 32, 0.779789); --bg-grad: none; transition-property: --p-background-colo; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.directchallenge-section__text-container:where([sf~="36"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.directchallenge-section__title:where([sf~="36"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; font-weight: 700; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; }
.directchallenge-section__text:where([sf~="36"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2; --c9: 0.9; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; max-width: 280px; --maxw: 280px; --mgt: 4px; }
.directchallenge-section .IconButton:hover .directchallenge-section__title:where([sf~="36"]), .directchallenge-section .IconButton:hover .directchallenge-section__text:where([sf~="36"]) { color: white; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.directchallenge-desc:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 32px; }
.directchallenge-status:where([sf~="36"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; }
.directchallenge-status__header:where([sf~="36"]) { --bgc: rgba(0, 0, 0, 0.43392); --bg-grad: none; }
.directchallenge-status__header:where([sf~="36"]) { --pdt: 32px; --pdr: 32px; --pdb: 32px; --pdl: 32px; --pdrn: 32; --pdln: 32; --pdb: 32px; }
.directchallenge-status__queue-members:where([sf~="36"]) { --pdt: 32px; --pdr: 32px; --pdb: 32px; --pdl: 32px; --pdrn: 32; --pdln: 32; --pdb: 8px; --pdt: 16px; }
.directchallenge-status__header__text:where([sf~="36"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgl: 32px; }
.directchallenge-status__queue-members:where([sf~="36"]) { transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.directchallenge-status__queue-members.hidden:where([sf~="36"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.directchallenge-status__header__avatar:where([sf~="36"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.directchallenge-status__header__avatar:hover:where([sf~="36"]) { --brightness: 1.5; transform: scale3d( 1.05, 1.05, 1.05 ); transition-property: --brightness, transform; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#JsDirectChallengeIcon:where([sf~="36"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.directchallenge-status__header__codesourcelabel:where([sf~="36"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; max-width: 350px; --maxw: 350px; --text-shrink: 1; white-space: nowrap; --mgb: 8px; }
.directchallenge-status__header__codesource:where([sf~="36"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; max-width: 350px; --maxw: 350px; --text-shrink: 1; white-space: nowrap; }
.directchallenge-status__header__queuecode:where([sf~="36"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; animation-name: challengecode-pulse; animation-duration: .5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --wash-color: rgb(71, 179, 230); --wash-filter: url(#w-rgb_71_179_230); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes challengecode-pulse {
0% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
.directchallenge-status__queue-members__label:where([sf~="36"]) { font-family: Stratum2; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --mgb: 16px; }
#CopyChallengeKey:where([sf~="36"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#CopyChallengeKey.IconButton:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --mgb: -8px; }
#CopyChallengeKey.IconButton :is(p-image, :where(img[pimg])):where([sf~="36"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#CopyChallengeKey.IconButton p-label:where([sf~="36"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-transform: uppercase; --mgl: 16px; }
.directchallenge-validator-results-container:where([sf~="36"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; }
.directchallenge-status__queuememberscontainer:where([sf~="36"]) { height: auto; --fh: 1.0; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; overflow-x: auto; overflow-y: clip; --ovx: scroll; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: initial; }
.kk-c-directchallenge-status__queuememberscontainer:has(> .directchallenge-status__queuememberscontainer:where([sf~="36"]):not([pvis="0"])) { --kid-fill-h: 1; }
.directchallenge__party:where([sf~="36"]) { width: 290px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 290px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgr: 30px; transition-property: opacity, transform, translate, --pxp, --pyp; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; --mgb: 10px; border-radius: 10px; --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; }
.directchallenge__party.multi:where([sf~="36"]) { --pdt: 6px; --pdb: 6px; }
.directchallenge__party.hidden:where([sf~="36"]) { transform: scaleY( 0 ); opacity: 0; --op-pe: none; --vis-collapse: none; }
.directchallenge__party__member:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --pdl: 10px; --pdln: 10; }
.coop-mission-controls:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.coop-mission__control:where([sf~="36"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --pdl: 16px; --pdln: 16; --pdr: 20px; --pdrn: 20; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.coop-mission__desc:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 370px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 370px; z-index: 1; color: white; text-align: center; --mgt: 48px; }
.kk-c-coop-mission__desc:has(> .coop-mission__desc:where([sf~="36"]):not([pvis="0"])) { isolation: isolate; }
.coop-mission__icon-container:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; z-index: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.kk-c-coop-mission__icon-container:has(> .coop-mission__icon-container:where([sf~="36"]):not([pvis="0"])) { isolation: isolate; }
.coop-mission__icon:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; z-index: 1; --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 12px; }
.kk-c-coop-mission__icon:has(> .coop-mission__icon:where([sf~="36"]):not([pvis="0"])) { isolation: isolate; }
.map-selection-list-all:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.gamemode-settings-sidebar:where([sf~="36"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 5%; --mgr: 0px; --mgb: 5%; --mgl: 0px; animation-name: pano-vpct; }
.map-selection-list__quick-selection-sets:where([sf~="36"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity, translate, --pxp, --pyp; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.map-selection-list__quick-selection-sets__btns:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.competitive.official .map-selection-list__quick-selection-sets:where([sf~="36"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; opacity: 1; --op-pe: inherit; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity, translate, --pxp, --pyp; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.competitive.official.directchallenge .map-selection-list__quick-selection-sets:where([sf~="36"]), .competitive.official.premier .map-selection-list__quick-selection-sets:where([sf~="36"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; }
.map-selection-list__quick-selection-sets .game-mode-selection-radios-spacer:where([sf~="36"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; }
.map-selection__quick-selection-set-title:where([sf~="36"]) { --mgb: 4px; --pdl: 20px; --pdln: 20; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 300; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: rgba(212, 212, 212, 0.81354); }
.map-selection__quick-selection-set:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; border-radius: 3px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 12px; --pdln: 12; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; }
.map-selection__quick-selection-set.match:where([sf~="36"]) { --bgc: rgba(189, 189, 189, 0.50164); --bg-grad: none; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; }
.map-selection__quick-selection-set.match p-label:where([sf~="36"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection__quick-selection-set p-label:where([sf~="36"]), .map-selection__quick-selection-set-icon p-label:where([sf~="36"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 500; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 280px; color: rgba(255, 255, 255, 0.866552); text-overflow: ellipsis; }
.map-selection__quick-selection-set-icon:where([sf~="36"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 8px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; border-radius: 3px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transition-property: --bgc, transform; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.map-selection__quick-selection-set-icon :is(p-image, :where(img[pimg])):where([sf~="36"]) { height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; }
.map-selection__quick-selection-set:hover:not(._disabled):where([sf~="36"]), .map-selection__quick-selection-set-icon:hover:not(._disabled):where([sf~="36"]) { --bgc: rgba(0, 0, 0, 0.176039); --bg-grad: none; transition-property: --bgc, transform; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.map-selection__quick-selection-set-icon.save:where([sf~="36"]) { animation-name: play-menu-save-favorites; animation-duration: .25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes play-menu-save-favorites {
0% { transform: scale3d( 1, 1, 1); }
50% { transform: scale3d( 1.1, 1.1, 1); }
100% { transform: scale3d( 1, 1, 1); }
}
.map-selection__quick-selection-set._disabled:where([sf~="36"]), .map-selection__quick-selection-set-icon._disabled:where([sf~="36"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-gamemode-flag-competitive:where([sf~="36"]), #id-gamemode-flag-deathmatch:where([sf~="36"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, translate, --pxp, --pyp; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.gamemode-settings-sidebar__options:where([sf~="36"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, translate, --pxp, --pyp; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.gamemode-setting-radiobutton:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; --pdt: 6px; --pdr: 20px; --pdb: 6px; --pdl: 20px; --pdrn: 20; --pdln: 20; transition-property: opacity, translate, --pxp, --pyp; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.gamemode-setting-radiobutton:hover:where([sf~="36"]) { --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; }
.gamemode-setting-radiobutton p-label:where([sf~="36"]), .gamemode-setting-radiobutton._disabled p-label:where([sf~="36"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 500; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; text-overflow: ellipsis; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 7px; --pdb: 0px; --pdl: 0px; --pdrn: 7; --pdln: 0; }
.gamemode-setting-radiobutton .kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"])), .gamemode-setting-radiobutton.kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"])), .gamemode-setting-radiobutton._disabled .kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"])), .gamemode-setting-radiobutton._disabled.kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .gamemode-setting-radiobutton .kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"]))::after, .gamemode-setting-radiobutton.kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"]))::after, .gamemode-setting-radiobutton._disabled .kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"]))::after, .gamemode-setting-radiobutton._disabled.kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.gamemode-setting-radiobutton .RadioBox:where([sf~="36"]) { min-height: 16px; --mh-set: 1; --mhp: 1; min-width: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 0.001% 0.001% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; border-radius: 50%; transform: translateX(-3px); z-index: 1; border: 1px solid white; --bdln: 1; --bdrn: 1; --wash-color: white; --wash-filter: initial; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc, --wash-color; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.gamemode-setting-radiobutton .kk-c-RadioBox:has(> .RadioBox:where([sf~="36"]):not([pvis="0"])), .gamemode-setting-radiobutton.kk-c-RadioBox:has(> .RadioBox:where([sf~="36"]):not([pvis="0"])) { isolation: isolate; }
.gamemode-setting-radiobutton._selected .RadioBox:where([sf~="36"]) { min-height: 16px; --mh-set: 1; --mhp: 1; min-width: 16px; --bg-size: 14px 14px; --bg-w: 14px; --bg-grad: radial-gradient(ellipse 35% 35% at 50% 50%, white 0%, white 80%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 1px solid white; --bdln: 1; --bdrn: 1; transition-property: --bgc, --wash-color; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.generic_select"; }
.gamemode-setting-radiobutton._disabled:where([sf~="36"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.gamemode-setting-radiobutton._disabled .RadioBox:where([sf~="36"]) { box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.gamemode-setting-limited-test-warning-container:where([sf~="36"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --pdl: 8px; --pdln: 8; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; --bgc: rgba(0, 0, 0, 0.222102); --bg-grad: none; border-radius: 5px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transition-property: translate, --pxp, --pyp; transition-duration: 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.gamemode-setting-limited-test-warning:where([sf~="36"]) { --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.map-selection-list p-radiobutton:where([sf~="36"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.map-selection-list p-verticalscrollbar:where([sf~="36"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.map-selection-list--competitive-section-container:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.map-selection-list--competitive-section-container.has-selection-list-section--type-capt:where([sf~="36"]) { overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.map-selection-list-section:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; overflow-x: clip; overflow-y: visible; --ovx: clip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.AspectRatio16x9 .map-selection-list-section:not(.map-selection-list-section--single-column):where([sf~="36"]) { --pdl: 90px; --pdln: 90; }
.map-selection-list-section--single-column:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 0.28), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-right: 0px solid rgba(255, 255, 255, 0); --bdrn: 0; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.map-selection-list--competitive-section-container.has-selection-list-section--type-capt .map-selection-list-section:not(.map-selection-list-section--type-capt):where([sf~="36"]) { overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.map-selection-list-section.map-selection-list-section--type-capt:where([sf~="36"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.map-selection-list-section__header:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-bottom: 1px solid rgba(255, 255, 255, 0.282779); }
.map-selection-list-section-header__text:where([sf~="36"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-weight: 300; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.map-selection-list-section-header__about-btn:where([sf~="36"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.map-selection-list-section-header__about-btn:hover:where([sf~="36"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection-list-section-header__about-btn._disabled:where([sf~="36"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection-list-section-header__text.small:where([sf~="36"]) { --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; color: rgba(204, 204, 204, 1); }
.map-selection-list-section-header__line:where([sf~="36"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --bg-grad: linear-gradient(90deg, rgba(255, 255, 255, 0.679367) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; }
.map-selection-list._disabled .map-selection-list-section-header:where([sf~="36"]) { color: rgba(130, 130, 130, 1); }
.map-selection-btn:where([sf~="36"]) { width: 224px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 224px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 117; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; border: 0px solid rgba(202, 202, 202, 0.261411); --bdln: 0; --bdrn: 0; box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 0.15); --bg-fill: rgb(0 0 0 / 0.15); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --tooltip-position: bottom; transition-property: border, box-shadow, --brightness, opacity; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.map-selection-list-section--single-column .map-selection-btn:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.map-selection-btn.coop-map-tile:where([sf~="36"]) { height: 552px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 552px; animation-name: pano-vpct; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 70 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.map-selection-btn__screenshot:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; scale: 1 1; --bg-rep: no-repeat; transition-property: opacity, scale; transition-duration: 2s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-selection-list-section--type-capt .map-selection-btn:where([sf~="36"]) { --mgl: 0px; --mgr: 0px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.map-selection-list-section--type-capt .kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])), .map-selection-list-section--type-capt.kk-c-map-selection-btn:has(> .map-selection-btn:where([sf~="36"]):not([pvis="0"])) { --kid-fill-h: 1; }
.map-selection-list-section-header__text_activedutymaps:where([sf~="36"]) { --vis-collapse: none; }
.play-menu__lobbymapveto_activated .has-selection-list-section--type-capt .map-selection-list-section--type-comp .map-selection-list-section__header p-label:where([sf~="36"]), .play-menu__lobbymapveto_activated .has-selection-list-section--type-capt .map-selection-list-section--type-comp .map-selection-list-section__header p-button:where([sf~="36"]), .play-menu__lobbymapveto_activated .has-selection-list-section--type-capt .map-selection-list-section--type-comp p-togglebutton .TickBox:where([sf~="36"]) { opacity: 0; --op-pe: none; }
.play-menu__lobbymapveto_activated .has-selection-list-section--type-capt .map-selection-list-section--type-comp p-togglebutton:not(.map-selection-btn-activedutymap):where([sf~="36"]) { --vis-collapse: none; }
.play-menu__lobbymapveto_activated .has-selection-list-section--type-capt .map-selection-list-section--type-comp .map-selection-list-section__header p-label.map-selection-list-section-header__text_activedutymaps:where([sf~="36"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.map-selection-btn:not(._disabled):Hover .map-selection-btn__screenshot:where([sf~="36"]) { scale: 1.02 1.02; transition-property: opacity, scale; transition-duration: 2s, .25s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.submenu_contents_rollover"; }
.map-selection-btn:Hover .Focused:where([sf~="36"]) { --sound: "UIPanorama.submenu_contents_rollover"; }
.map-selection-btn._selected .map-selection-btn__screenshot:where([sf~="36"]), .play-menu__lobbymapveto_activated .map-selection-btn .map-selection-btn__screenshot:where([sf~="36"]) { scale: 1.2 1.2; transition-property: opacity, scale; transition-duration: 2s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-selection-btn._selected:where([sf~="36"]), .play-menu__lobbymapveto_activated .map-selection-btn:where([sf~="36"]) { border: 4px solid rgba(255, 255, 255, 0.922068); --bdln: 4; --bdrn: 4; transition-property: border, box-shadow, --brightness; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.map-selection-btn__gradient:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.432109); --bg-grad: none; }
.map-selection-btn-container:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.map-selection-btn__top-icon-row:where([sf~="36"]) { --mgl: 8px; --mgt: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.map-selection-btn__top-icon-row.tall:where([sf~="36"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.map-selection-btn__groupmap-icons.map-selection-btn__groupmap-icons-2x:where([sf~="36"]) { width: 184px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 184px; }
.map-selection-btn__groupmap-icons-subcontainer:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.map-selection-btn__map-icon:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --img-shadow: drop-shadow(0px 0px 5px color-mix(in srgb, #000000 78.721709%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection-btn--full .map-selection-btn__map-icon:where([sf~="36"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.map-selection-list._disabled .map-selection-btn:where([sf~="36"]), .map-selection-list.is-client .map-selection-btn:where([sf~="36"]) { opacity: 0.696476; --op-pe: inherit; --brightness: .3; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection-list._disabled .map-selection-btn .map-selection-btn__screenshot:where([sf~="36"]), .map-selection-list._disabled .map-selection-btn._selected .map-selection-btn__map-icon:where([sf~="36"]), .map-selection-list.is-client .map-selection-btn._selected .map-selection-btn__map-icon:where([sf~="36"]) { scale: 1 1; opacity: 1; --op-pe: inherit; }
.map-selection-list._disabled .map-selection-btn._selected:where([sf~="36"]), .map-selection-list.is-client .map-selection-btn._selected:where([sf~="36"]), .play-menu__lobbymapveto_activated .has-selection-list-section--type-capt.map-selection-list._disabled .map-selection-list-section--type-comp .map-selection-btn:where([sf~="36"]), .play-menu__lobbymapveto_activated .has-selection-list-section--type-capt.map-selection-list.is-client .map-selection-list-section--type-comp .map-selection-btn:where([sf~="36"]) { border: 5px solid rgb(148, 147, 147); --bdln: 5; --bdrn: 5; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection-list._disabled .map-selection-btn._selected .map-selection-btn__screenshot:where([sf~="36"]), .map-selection-list.is-client .map-selection-btn._selected .map-selection-btn__screenshot:where([sf~="36"]) { scale: 1.2 1.2; }
.map-selection-info:where([sf~="36"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
p-radiobutton p-label.map-selection-info__map-name:where([sf~="36"]) { --mgb: 24px; }
.map-selection-info__map-name:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --mgb: 6px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; text-overflow: ellipsis; }
p-radiobutton.map-selection-btn p-label:where([sf~="36"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.map-selection-btn--full .map-selection-info__map-name:where([sf~="36"]) { --vis-collapse: none; }
.map-selection-info__new:where([sf~="36"]) { --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 10px; --pdrn: 8; --pdln: 10; --bg-grad: linear-gradient(90deg, rgb(85, 150, 224) 0%, #3281AC 100%); --bgc: transparent; color: white; font-weight: 500; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-bottom-right-radius: 6px; }
.map-selection-list .map-selection-btn .map-selection-info__new:where([sf~="36"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-togglebutton .map-selection-info__new:where([sf~="36"]), p-radiobutton .map-selection-info__new:where([sf~="36"]) { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --mgl: 0px; }
.map-selection-info__wait-time-block:where([sf~="36"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 0px; --mgr: 4px; --mgb: 12px; --mgl: 4px; --vis-collapse: initial; }
.map-selection-list--official-rush p-radiobutton.map-selection-btn .map-selection-info__wait-time-block p-label:where([sf~="36"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.map-selection-list-section--type-capt .map-selection-info:where([sf~="36"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.map-selection-info__map-capt:where([sf~="36"]) { text-align: left; text-overflow: clip; --fsz: 17; font-size: calc(max(1, round(nearest, 17 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 8%; --pdr: 5%; --pdb: 8%; --pdl: 5%; --pdrn: 0; --pdln: 0; --bgc: rgba(0, 0, 0, 0.485683); --bg-grad: none; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 0.83), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --vis-collapse: none; }
.map-selection-list-section--type-capt .map-selection-info__map-capt:where([sf~="36"]) { --vis-collapse: initial; }
.map-selection-list-section--type-capt .map-selection-info__wait-time-block:where([sf~="36"]) { opacity: 0; --op-pe: none; }
.map-selection-list-section--type-capt .map-selection-info__map-name:where([sf~="36"]) { --vis-collapse: none; }
.map-selection-info__wait-time-block.hidden:where([sf~="36"]), .map-selection-info__new.hidden:where([sf~="36"]), .map-selection-info__new--star.hidden:where([sf~="36"]) { --vis-collapse: none; }
.map-selection-info__wait-icon:where([sf~="36"]) { width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --mgr: 4px; }
.map-selection-btn .RadioBox:where([sf~="36"]) { --vis-collapse: none; }
.map-selection-btn .TickBox:where([sf~="36"]) { mix-blend-mode: screen; --s2-blend: screen; }
.map-selection-list._disabled .map-selection-btn .TickBox:where([sf~="36"]) { --vis-collapse: none; }
.map-selection-list.hidden:where([sf~="36"]), .map-selection-list-coop.hidden:where([sf~="36"]) { opacity: 0; --op-pe: none; transform: translateY( 500px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-selection-list.skip-transition:where([sf~="36"]), .map-selection-list-coop.skip-transition:where([sf~="36"]) { transition-duration: 0s; }
.map-selection-btn p-carouselnav:where([sf~="36"]) { z-index: 3; }
.map-selection-btn .kk-t-p-carouselnav:has(> p-carouselnav:where([sf~="36"]):not([pvis="0"])), .map-selection-btn.kk-t-p-carouselnav:has(> p-carouselnav:where([sf~="36"]):not([pvis="0"])) { isolation: isolate; }
.map-selection-btn__screenshot.Focused:where([sf~="36"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0px ); transition-property: opacity, --saturation, --contrast, scale; transition-duration: 2s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.map-selection-btn__screenshot.LeftOfFocus1:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus2:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus3:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus4:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus5:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus6:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus7:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus8:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus9:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus10:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus11:where([sf~="36"]), .map-selection-btn__screenshot.LeftOfFocus12:where([sf~="36"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 2s; transition-timing-function: ease-in-out; }
.map-selection-btn__screenshot.RightOfFocus1:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus2:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus3:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus4:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus5:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus6:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus7:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus8:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus9:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus10:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus11:where([sf~="36"]), .map-selection-btn__screenshot.RightOfFocus12:where([sf~="36"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 2s; transition-timing-function: ease-in-out; }
.play-menu-controls-actions-bar:where([sf~="36"]) { --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --pdl: 64px; --pdln: 64; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; border-top: 1px solid rgba(255, 255, 255, 0.282779); }
.settings-container:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 32px; --pdln: 32; --pdr: 32px; --pdrn: 32; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-bottom: 1px solid rgba(255, 255, 255, 0.282779); }
.play-settings-gamemodeflags:where([sf~="36"]) { --vis-collapse: none; }
.play-menu-controls-lobby-count:where([sf~="36"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: -25px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.play-menu-controls-lobby-count .play-menu-controls-lobby-icon:where([sf~="36"]) { --mgl: 2px; --vis-collapse: none; }
.play-menu-controls-lobby-count.play-menu-controls-lobby-count-1 .play-menu-controls-lobby-icon:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-2 .play-menu-controls-lobby-icon:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-3 .play-menu-controls-lobby-icon:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-4 .play-menu-controls-lobby-icon:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-5 .play-menu-controls-lobby-icon:where([sf~="36"]) { --vis-collapse: initial; --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu-controls-lobby-count.play-menu-controls-lobby-count-1 .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-1:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-2 .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-2:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-3 .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-3:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-4 .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-4:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-5 .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-5:where([sf~="36"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu-controls-lobby-count.play-menu-controls-lobby-count-1.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-1:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-2.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-2:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-3.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-3:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-4.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-4:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-5.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-5:where([sf~="36"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu-controls-lobby-count.play-menu-controls-lobby-count-5.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-1:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-5.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-2:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-5.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-3:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-5.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-4:where([sf~="36"]), .play-menu-controls-lobby-count.play-menu-controls-lobby-count-5.play-menu-controls-lobby-count-host .play-menu-controls-lobby-icon.play-menu-controls-lobby-icon-5:where([sf~="36"]) { animation-name: play-menu-controls-lobby-count-full-team; animation-duration: 1.8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; transition-property: border; opacity: 1; --op-pe: inherit; }
@keyframes play-menu-controls-lobby-count-full-team {
0% { transform: scale3d( .9, .9, .9); }
55% { --img-shadow: drop-shadow(1px 1px 0.5px #ffffff); transform: scale3d( 1, 1, 1); --brightness: 1.8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( .9, .9, .9); }
}
.play-menu-controls-actions-bar__right:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 20px; }
.play-menu-controls-action-bar__right__go-cancel:where([sf~="36"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.play-menu__playbtn:where([sf~="36"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; min-width: 300px; --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 0px; box-shadow: 0px 0px 8px 5.333333px rgb(0 0 0 / 0.254902); --bg-fill: rgb(0 0 0 / 0.254902); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 1px solid rgba(9, 219, 9, 0.534658); --bdln: 1; --bdrn: 1; --bgc: rgba(9, 49, 9, 0.481223); --bg-grad: none; perspective: 200px; perspective-origin: 0% 0%; transition-property: opacity, box-shadow, --wash-color, transform; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.play-menu__playbtn:hover:where([sf~="36"]) { --sound: "UIPanorama.mainmenu_rollover"; }
.play-menu__playbtn:hover .play-menu__playbtn__bar:where([sf~="36"]) { --brightness: 2; box-shadow: 0px 0px 62px 46.333333px rgba(4, 179, 4, 0.768368); --bg-fill: rgba(4, 179, 4, 0.768368); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --brightness, box-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu__playbtn.pressed:where([sf~="36"]) { transform: translateY( -0px ) rotateX(100deg); opacity: 0; --op-pe: none; transition-property: opacity, box-shadow, --wash-color, transform; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.play-menu__playbtn.hidden:where([sf~="36"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.play-menu__playbtn._disabled:where([sf~="36"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu__playbtn p-label:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; text-align: center; text-transform: uppercase; color: rgb(85, 228, 20); font-weight: 700; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 4px; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.play-menu__playbtn .play-menu__playbtn__bar:where([sf~="36"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.235392); --bg-grad: none; box-shadow: 0px 0px 32px 26.333333px rgba(6, 141, 6, 0.848628); --bg-fill: rgba(6, 141, 6, 0.848628); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --brightness, box-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.play-menu__playbtn .play-menu__playbtn__bg:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --wash-color: rgb(33, 180, 33); --wash-filter: url(#w-rgb_33_180_33); --brightness: 1.5; --bg-rep: repeat; --bg-pos: 20% 60%; --bg-size: auto auto; --bg-w: 0px; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-img-opacity: .5; --bg-img-own: none; transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu__playbtn .play-menu__playbtn__bg:where([sf~="36"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.play-menu__playbtn .play-menu__playbtn__bg p-ccsgosteaminputaction .steam-button-glyph:where([sf~="36"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; }
.play-menu__playbtn .play-menu__playbtn__bg p-label.steam-button-name:where([sf~="36"]) { --vis-collapse: none; }
.play-menu__playbtn .group-text-with-steam-button:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; z-index: 2; }
.play-menu__playbtn .kk-c-group-text-with-steam-button:has(> .group-text-with-steam-button:where([sf~="36"]):not([pvis="0"])), .play-menu__playbtn.kk-c-group-text-with-steam-button:has(> .group-text-with-steam-button:where([sf~="36"]):not([pvis="0"])) { isolation: isolate; }
.play-menu__playbtn.play-menu__playbtn--stopsearch:where([sf~="36"]) { border: 1px solid rgba(204, 11, 11, 0.234462); --bdln: 1; --bdrn: 1; }
.play-menu__playbtn.play-menu__playbtn--stopsearch._disabled:where([sf~="36"]) { transform: translateY( 64px ); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.play-menu__playbtn.play-menu__playbtn--stopsearch:hover .play-menu__playbtn__bar:where([sf~="36"]) { box-shadow: 0px 0px 62px 46.333333px rgb(179 39 4 / 0.637); --bg-fill: rgb(179 39 4 / 0.637); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.play-menu__playbtn.play-menu__playbtn--stopsearch .play-menu__playbtn__bar:where([sf~="36"]) { --bgc: rgba(190, 16, 16, 0.163332); --bg-grad: none; box-shadow: 0px 0px 32px 26.333333px rgb(109 34 34 / 0.767); --bg-fill: rgb(109 34 34 / 0.767); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.play-menu__playbtn.play-menu__playbtn--stopsearch .play-menu__playbtn__bg:where([sf~="36"]) { --wash-color: rgb(180, 33, 33); --wash-filter: url(#w-rgb_180_33_33); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu__playbtn.play-menu__playbtn--stopsearch p-label:where([sf~="36"]) { color: #DB4437; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 12px; --pdr: 0px; --pdb: 12px; --pdl: 0px; --pdrn: 0; --pdln: 0; text-overflow: ellipsis; }
.play-menu__botdifficulty:where([sf~="36"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 0px; --mgb: 26px; }
.play-menu__botdifficulty.hidden:where([sf~="36"]) { --vis-collapse: none; }
.map-selection-no-subscriptions:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.map-selection-no-subscriptions-label:where([sf~="36"]) { --pdl: 200px; --pdln: 200; --pdr: 200px; --pdrn: 200; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.game-mode-selection-radios-spacer:where([sf~="36"]) { width: 15px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 15px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.6), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.6; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgl: 8px; --mgr: 8px; border-left: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.workshop-search-textentry-container:where([sf~="36"]) { --mgb: 12px; width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; }
.workshop-search-textentry-container .IconButton:where([sf~="36"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 24px; }
.workshop-search-textentry:where([sf~="36"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 10px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; border-radius: 0px; --bgc: rgba(0, 0, 0, 0.156438); --bg-grad: none; border: 0px solid rgba(255, 255, 255, 1); --bdln: 0; --bdrn: 0; border-bottom: 2px solid rgba(255, 255, 255, 1); transition-property: border; transition-duration: 0.2s; }
.workshop-search-textentry-container p-textentry:where([sf~="36"]) { --pdt: 12px; --pdr: 8px; --pdb: 12px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.workshop-search-textentry._focus:where([sf~="36"]) { border-bottom: 6px solid rgba(255, 255, 255, 1); box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: border; transition-duration: 0.2s; }
.workshop-search-textentry #PlaceholderText:where([sf~="36"]) { color: rgb(221, 221, 221); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.play-menu__tournament-only:where([sf~="36"]) { --vis-collapse: none; }
.play-menu__tournament .play-menu__tournament-only:where([sf~="36"]) { --vis-collapse: initial; }
#PlayMenulLeaderboards.show:where([sf~="36"]) { animation-name: show-leaderboard-btn; animation-duration: .75s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes show-leaderboard-btn {
0% { transform: translateY(100%); }
100% { transform: translateY(0%); }
}
.play-menu-option-btn:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; transition-property: --bgc; transition-duration: .20s; transition-timing-function: ease-in-out; }
.play-menu-option-btn:hover:not(.play-menu-option-btn._disabled):where([sf~="36"]) { --bgc: rgba(0, 0, 0, 0.222102); --bg-grad: none; transition-property: --bgc; transition-duration: .20s; transition-timing-function: ease-in-out; }
.play-menu-option-btn._disabled:where([sf~="36"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu-option-btn p-label:where([sf~="36"]), p-togglebutton.play-menu-option-btn p-label:where([sf~="36"]), p-togglebutton.play-menu-option-btn._selected p-label:where([sf~="36"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 500; color: white; --text-shrink: 1; --pdr: 14px; --pdrn: 14; }
#PrimeStatusPanel:where([sf~="36"]) { --pdl: 16px; --pdln: 16; --pdr: 16px; --pdrn: 16; width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; --mgb: 32px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.play-menu-prime:where([sf~="36"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.play-menu-prime.disabled:where([sf~="36"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu-prime :is(p-image, :where(img[pimg])):where([sf~="36"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --mgr: 0px; }
.play-menu-prime-text:where([sf~="36"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: uppercase; font-weight: 700; --mgl: 4px; letter-spacing: 1.5px; color: white; }
.play-menu-prime-warning:where([sf~="36"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgl: 4px; color: rgba(250, 248, 248, 0.818423); --vis-collapse: none; }
.play-menu-get-prime:where([sf~="36"]) { width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; --bgc: #0D354A; --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; border-radius: 10px; border: 1.5px solid #3281AC; --bdln: 1.5; --bdrn: 1.5; box-shadow: 4px 4px 4px 2.666667px rgb(0 0 0 / 0.266667); --bg-fill: rgb(0 0 0 / 0.266667); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: 0% 50%; --bg-img-opacity: .05; --bg-img-own: none; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.play-menu-get-prime:where([sf~="36"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.play-menu-get-prime :is(p-image, :where(img[pimg])):where([sf~="36"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.play-menu-get-prime p-label:where([sf~="36"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; font-weight: 700; color: white; --text-shrink: 1; }
.play-menu-get-prime:hover:where([sf~="36"]) { --brightness: 1.5; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu-get-prime._disabled:where([sf~="36"]) { --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --mgl: 0px; }
.play-menu-get-prime._disabled:hover:where([sf~="36"]) { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.content-navbar p-button.play-menu-get-prime p-label:where([sf~="36"]), .content-navbar p-togglebutton.play-menu-toggle-prime p-label:where([sf~="36"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-height: 32px; --text-shrink: 1; }
.play-menu-primestatus-image:where([sf~="36"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --bg-img: url("/panorama/images/icons/ui/prime_disabled.webp"); --bg-pos: 50% 50%; --bg-size: 100% 100%; --bg-w: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; }
.play-menu-prime-logo-bg .play-menu-primestatus-image:where([sf~="36"]) { --bg-img: url("/panorama/images/icons/ui/prime_active.webp"); }
.content-navbar p-togglebutton.play-menu-toggle-prime:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.play-menu-toggle-prime .TickBox:where([sf~="36"]) { --vis-collapse: none; }
.play-menu-toggle-prime._selected .play-menu-prime-toggle__slider-pill:where([sf~="36"]) { --bg-grad: radial-gradient(ellipse 90% 70% at 50% 60%, #22a527 0%, #22a527 70%, rgb(10, 88, 10) 100%); --bgc: transparent; border: 1.5px solid #147717; --bdln: 1.5; --bdrn: 1.5; transition-property: --bgc, box-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.play-menu-prime-toggle__slider-pill:where([sf~="36"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; --bgc: rgba(0, 0, 0, 0.239307); --bg-grad: none; border-radius: 16px; border: 1.5px solid rgba(0, 0, 0, 0.188442); --bdln: 1.5; --bdrn: 1.5; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 12px; --bg-grad: radial-gradient(ellipse 90% 70% at 50% 60%, rgba(0, 0, 0, 0.188442) 0%, rgba(0, 0, 0, 0.188442) 70%, rgba(0, 0, 0, 0.188442) 100%); --bgc: transparent; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.play-menu-prime-toggle__slider:where([sf~="36"]) { --bgc: white; --bg-grad: none; border-radius: 50%; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: transform, --bgc; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.play-menu-toggle-prime._selected .play-menu-prime-toggle__slider:where([sf~="36"]) { transform: translateX( 50% ); transition-property: transform, --bgc; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.play-menu-mapandlbs-container:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 16px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.play-menu-svl-auto-squad-toggle-container:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgl: 16px; --mgr: 16px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
#SurvivalAutoSquadToggle.PopupButton:not(.PopupButton._disabled)._selected:where([sf~="36"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#SurvivalAutoSquadToggle.PopupButton:not(.PopupButton._disabled):where([sf~="36"]) { --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.play-menu-map-rotation-timer:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: initial; }
.play-menu-map-rotation-timer.hidden:where([sf~="36"]) { --vis-collapse: none; }
.play-menu-map-rotation-timer-label:where([sf~="36"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 300; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.play-maps-controls-contianer:where([sf~="36"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid rgba(255, 255, 255, 0.300012); --mgr: 64px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ipf-pos: initial; --ipf-inset: initial; --ipf-js: initial; --ipf-as: initial; --ipf-tr: initial; }
.play-lobby-leader-container:where([sf~="36"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --vis-collapse: none; --pdl: 16px; --pdln: 16; --mgb: 24px; }
.lobby-leader-avatar:where([sf~="36"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; --mgr: 8px; border-radius: 3px; }
.lobby-leader-text:where([sf~="36"]) { text-overflow: ellipsis; max-height: 20px; letter-spacing: 1px; }
.playmenu--premier__party:where([sf~="36"]) { width: 570px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 570px; height: 295px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 295px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgr: 64px; --pdb: 16px; }
.playmenu--premier__leaderboard:where([sf~="36"]) { width: 570px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 570px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdb: 16px; --mgl: 64px; }
.kk-c-playmenu--premier__leaderboard:has(> .playmenu--premier__leaderboard:where([sf~="36"]):not([pvis="0"])) { --kid-fill-h: 1; }
.premier-play-menu-mapwinrecord:where([sf~="36"]) { --mgt: 12px; width: 575px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 575px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 64px; }
.kk-c-premier-play-menu-mapwinrecord:has(> .premier-play-menu-mapwinrecord:where([sf~="36"]):not([pvis="0"])) { --kid-fill-h: 1; }
.AspectRatio4x3 .playmenu--premier__party:where([sf~="36"]), .AspectRatio4x3 .premier-play-menu-mapwinrecord:where([sf~="36"]), .AspectRatio4x3 .playmenu--premier__leaderboard:where([sf~="36"]), .AspectRatio4x3 .premier-season-progress:where([sf~="36"]) { --mgr: 0px; --mgl: 0px; }
.premier-side:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.premier-side .premier-inner:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.premier-side .premier-inner.right:where([sf~="36"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.premier-side .premier-inner.left:where([sf~="36"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.premier-side.right:where([sf~="36"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.21089) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
#PlayMenuReplayNewUserTrainingButton:where([sf~="36"]) { width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; --pdt: 6px; --pdr: 20px; --pdb: 6px; --pdl: 20px; --pdrn: 20; --pdln: 20; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
#PlayMenuReplayNewUserTrainingButton:hover:where([sf~="36"]) { --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; }
#PlayMenuReplayNewUserTrainingButton p-label:where([sf~="36"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 500; color: white; --text-shrink: 1; --mgl: 0px; --pdt: 0px; --pdr: 7px; --pdb: 0px; --pdl: 0px; --pdrn: 7; --pdln: 0; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --px: 0.0px; --pxp: 0px; --py: 0.0px; --pyp: 0px; --pz: 0.0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#PlayMenuReplayNewUserTrainingButton .kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"])), #PlayMenuReplayNewUserTrainingButton.kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { #PlayMenuReplayNewUserTrainingButton .kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"]))::after, #PlayMenuReplayNewUserTrainingButton.kk-t-p-label:has(> p-label:where([sf~="36"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#id-play-menu-practicesettings-annotations-dropdown:where([sf~="36"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --mgr: 10px; }
#id-play-menu-practicesettings-annotations-dropdown p-label:where([sf~="36"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: none; text-overflow: ellipsis; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#id-play-menu-practicesettings-annotations .gamemode-setting-radiobutton:where([sf~="36"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdl: 8px; --pdln: 8; --mgr: 6px; }
#id-play-menu-practicesettings-annotations .gamemode-setting-radiobutton .annotation-workshop-link:where([sf~="36"]) { font-weight: 300; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
#id-play-menu-practicesettings-annotations .gamemode-setting-radiobutton :is(p-image, :where(img[pimg])):where([sf~="36"]) { width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; }
/* styles/popups/popup_major_hub.css */
.popup-major-hub:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; max-width: 100%; color: rgb(64, 85, 67); --bgc: transparent; --bg-grad: none; border: 0px solid white; --bdln: 0; --bdrn: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: rgba(0, 0, 0, 0.482646); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; }
.popup-major-hub:where([sf~="37"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-hub.major-23:where([sf~="37"]) { --bgc: rgba(15, 0, 0, 0.151938); --bg-grad: none; --bgc: rgba(15, 0, 0, 0.764178); --bg-grad: none; }
.popup-major-hub.major-24:where([sf~="37"]) { --bgc: rgba(26, 31, 48, 0.78778); --bg-grad: none; }
.popup-major-hub.major-24 .major-hub-store__souvenir__body:where([sf~="37"]) { font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; color: rgb(56, 43, 6); text-shadow: none; --bgc: transparent; --bg-grad: none; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-major-hub.major-25:where([sf~="37"]) { --bgc: rgba(57, 37, 71, 0.816355); --bg-grad: none; }
.popup-major-hub.major-25 .major-hub-store__souvenir__body:where([sf~="37"]) { font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; color: rgb(224, 190, 231); text-shadow: none; --bgc: transparent; --bg-grad: none; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-major-hub.major-26:where([sf~="37"]) { --bgc: rgba(5, 26, 1, 0.927923); --bg-grad: none; }
.popup-major-hub.major-26 .major-hub-store__souvenir__body:where([sf~="37"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; color: white; text-shadow: none; --bgc: transparent; --bg-grad: none; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-major-hub .major-hub-title-container:where([sf~="37"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 0px; }
.popup-major-hub .major-hub-title-container .major-hub-title-text:where([sf~="37"]) { color: white; --mgl: 24px; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-transform: uppercase; letter-spacing: 4px; }
.popup-major-hub .major-hub-store__souvenir__body:where([sf~="37"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; max-height: 64px; --text-shrink: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; color: white; }
.major-hub-section-title:where([sf~="37"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgt: 8px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; z-index: 2; }
.kk-c-major-hub-section-title:has(> .major-hub-section-title:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-23 .major-hub-section-title:where([sf~="37"]) { --bg-grad: linear-gradient(90deg, rgba(126, 108, 8, 0.644508) 20%, rgba(126, 108, 8, 0) 100%); --bgc: transparent; }
.major-24 .major-hub-section-title:where([sf~="37"]) { color: rgb(48, 31, 6); text-shadow: 0px 0px 8px color-mix(in srgb, rgba(143, 83, 15, 0.586546) 50%, transparent); --mgt: 12px; opacity: 0.800796; --op-pe: inherit; }
.major-25 .major-hub-section-title:where([sf~="37"]) { color: rgb(224, 190, 231); --mgt: 6px; opacity: 0.800796; --op-pe: inherit; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.major-hub-bottom-bar:where([sf~="37"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.major-hub-bottom-bar .hidden:where([sf~="37"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.major-hub-store:where([sf~="37"]) { width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bg-size: 100% 250%; --bg-w: 0px; }
.major-25 .major-hub-store:where([sf~="37"]) { border: 1px solid rgba(0, 0, 0, 0.184282); --bdln: 1; --bdrn: 1; border-top: 1px solid rgba(113, 62, 124, 0.381327); box-shadow: 0px 2px 5px 4.333333px rgb(0 0 0 / 0.396078); --bg-fill: rgb(0 0 0 / 0.396078); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.major-26 .major-hub-store:where([sf~="37"]) { box-shadow: 0px 2px 5px 4.333333px rgb(0 0 0 / 0.396078); --bg-fill: rgb(0 0 0 / 0.396078); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.major-26 .major-hub-store.major-background-size:where([sf~="37"]) { --bg-size: cover; --bg-w: 0px; }
.major-hub-store .major-hub-store__items-section:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: --bg-size, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.major-hub-store .major-hub-store__items-section.major-background-size:where([sf~="37"]) { --bg-size: 100% 301%; --bg-w: 0px; --bg-pos: top; --bg-rep: no-repeat; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner:where([sf~="37"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner_stickers:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 0.7), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(7, 71, 51, 0.522068) 100%); --bgc: transparent; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner_images:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; mask-image: url("/panorama/images/masks/top-bottom-fade-4.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image:where([sf~="37"]) { height: 156px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 156px; transform-origin: 50% 50%; --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; --img-shadow: drop-shadow(1px 4px 4px #000000) drop-shadow(1px 4px 4px color-mix(in srgb, #000000 11.329309%, transparent)); --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: 1.5s, 1.5s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.0:where([sf~="37"]) { transform: translateY( 25% ) translateX( 0% ) rotateZ( 0deg); z-index: 1; --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.0:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.0:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.0.show:where([sf~="37"]) { opacity: 0.892208; --op-pe: inherit; transform: translateY( 15% ) translateX( 2% ) rotateZ( 0deg); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.1:where([sf~="37"]) { transform: translateY( 18% ) translateX( 7% ) rotateZ( 10deg); z-index: 2; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.1:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.1:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.1.show:where([sf~="37"]) { opacity: 1; --op-pe: inherit; transform: translateY( 8% ) translateX( 10% ) rotateZ( 10deg); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.2:where([sf~="37"]) { transform: translateY( 16% ) translateX( 18% ) rotateZ( -8deg); z-index: 10; height: 170px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 170px; width: 170px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 170px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.2:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.2:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.2.show:where([sf~="37"]) { opacity: 1; --op-pe: inherit; transform: translateY(12% ) translateX( 20% ) rotateZ(-8deg); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.3:where([sf~="37"]) { transform: translateY( 15% ) translateX( 28% ) rotateZ( -4deg); --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.3.show:where([sf~="37"]) { opacity: 0.892208; --op-pe: inherit; transform: translateY( 5% ) translateX( 30% ) rotateZ( -4deg); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.4:where([sf~="37"]) { transform: translateY( 12% ) translateX( 32% ) rotateZ( 8deg); z-index: 2; --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.4:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.4:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.4.show:where([sf~="37"]) { opacity: 1; --op-pe: inherit; transform: translateY( 2% ) translateX( 35% ) rotateZ( 8deg); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.5:where([sf~="37"]) { transform: translateY( 38% ) translateX( 48% ) rotateZ( -2deg); z-index: 5; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.5:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.5:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.5.show:where([sf~="37"]) { opacity: 1; --op-pe: inherit; transform: translateY( 25% ) translateX( 45% ) rotateZ( -2deg); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.6:where([sf~="37"]) { transform: translateY( 14% ) translateX( 58% ) rotateZ( -4deg); z-index: 3; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.6:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.6:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.6.show:where([sf~="37"]) { opacity: 0.892208; --op-pe: inherit; --brightness: .7; transform: translateY( 14% ) translateX( 55% ) rotateZ( -4deg); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.7:where([sf~="37"]) { transform: translateY( 15% ) translateX( 63% ) rotateZ( 5deg); z-index: 8; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.7:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.7:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.7.show:where([sf~="37"]) { opacity: 1; --op-pe: inherit; transform: translateY( 3% ) translateX( 60% ) rotateZ( 5deg); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.8:where([sf~="37"]) { transform: translateY( 14% ) translateX( 73% ) rotateZ( 7deg); z-index: 10; height: 164px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 164px; width: 164px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 164px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.8:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.8:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.8.show:where([sf~="37"]) { opacity: 1; --op-pe: inherit; transform: translateY( 5% ) translateX( 69% ) rotateZ( 7deg); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.9:where([sf~="37"]) { transform: translateY( 12% ) translateX( 72% ) rotateZ( 5deg); z-index: 4; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.9:where([sf~="37"]):not([pvis="0"])), .major-hub-store .major-hub-store__items-section .major-hub-store__banner.kk-c-major-hub-store__banner__image:has(> .major-hub-store__banner__image.9:where([sf~="37"]):not([pvis="0"])) { isolation: isolate; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__image.9.show:where([sf~="37"]) { opacity: 0.892208; --op-pe: inherit; --brightness: .8; transform: translateY( 0% ) translateX( 75% ) rotateZ( 5deg); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__souvenir:where([sf~="37"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdr: 16px; --pdrn: 16; --bg-grad: linear-gradient(270deg, rgba(58, 155, 29, 0.776027) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__souvenir .major-hub-store__banner__souvenir__text:where([sf~="37"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__souvenir .major-hub-store__banner__souvenir__image:where([sf~="37"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: 440px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 440px; transform-origin: 50% 50%; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__text:where([sf~="37"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 12px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.4), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.4; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__text p-label:where([sf~="37"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__text .major-hub-store__banner__title:where([sf~="37"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 0px 0px 12px rgb(0 0 0 / 0.5), 0px 0px 12px color-mix(in srgb, rgb(0 0 0 / 0.5) 77.255%, transparent); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__text .major-hub-store__banner__desc:where([sf~="37"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 0px 0px 12px rgb(0 0 0 / 0.5), 0px 0px 12px color-mix(in srgb, rgb(0 0 0 / 0.5) 4.535%, transparent); }
.major-hub-store .major-hub-store__items-section .major-hub-store__banner .major-hub-store__banner__text .major-hub-store__banner__desc-new:where([sf~="37"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 0px 0px 12px rgb(0 0 0 / 0.5), 0px 0px 12px color-mix(in srgb, rgb(0 0 0 / 0.5) 4.535%, transparent); color: rgb(226, 219, 176); letter-spacing: 1.5px; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: white; text-transform: uppercase; text-shadow: 0px 0px 4px rgb(0 0 0 / 0.741176), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.741176) 4.535%, transparent); }
.major-hub-store.graffiti-panel-visible .major-hub-store__items-section:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 0.83), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bg-size: 110% 301%; --bg-w: 0px; --bg-pos: top; }
.major-26 .major-hub-store.graffiti-panel-visible .major-hub-store__items-section:where([sf~="37"]) { --bg-size: 120% 330%; --bg-w: 0px; --bg-pos: 0px 8%; border: 1px solid rgba(62, 124, 77, 0.617446); --bdln: 1; --bdrn: 1; }
.major-hub-store__spray:where([sf~="37"]) { --vis-collapse: none; --mgl: 8px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.major-hub-store__spray.major-background-size:where([sf~="37"]) { --bg-size: 650% 301%; --bg-w: 0px; --bg-pos: top; --bg-rep: no-repeat; }
.major-25 .major-hub-store__spray:where([sf~="37"]) { border: 1px solid rgba(0, 0, 0, 0.184282); --bdln: 1; --bdrn: 1; border-top: 1px solid rgba(113, 62, 124, 0.381327); }
.major-26 .major-hub-store__spray.major-background-size:where([sf~="37"]) { --bg-size: auto 320%; --bg-w: 0px; --bg-pos: 100% 8%; border: 1px solid rgba(62, 124, 77, 0.617446); --bdln: 1; --bdrn: 1; }
.graffiti-panel-visible .major-hub-store__spray:where([sf~="37"]) { --vis-collapse: initial; }
.major-hub-store__spray .major-hub-store__spray-info:where([sf~="37"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; min-height: 35%; --mh-set: 1; --mhp: 1; }
.major-hub-store__spray .major-hub-store__spray-image:where([sf~="37"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 32px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 135 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 152px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 152px; }
.major-hub-store__spray .major-hub-store__spray-btn:where([sf~="37"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #0D354A; --bg-grad: none; border-radius: 3px; width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.major-hub-store__spray .major-hub-store__spray-btn p-label:where([sf~="37"]) { text-align: center; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; letter-spacing: 1px; --pdt: 3px; --pdr: 8px; --pdb: 3px; --pdl: 8px; --pdrn: 8; --pdln: 8; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; }
.major-hub-store__spray .major-hub-store__spray-btn:hover:where([sf~="37"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .major-hub-store__spray .major-hub-store__spray-btn:where([sf~="37"]) { --bgc: rgba(48, 31, 6, 0.875946); --bg-grad: none; border-radius: 0px; }
.major-24 .major-hub-store__spray .major-hub-store__spray-btn p-label:where([sf~="37"]) { color: rgb(224, 198, 140); }
.major-25 .major-hub-store__spray .major-hub-store__spray-btn:where([sf~="37"]) { --bgc: #3b2d50; --bg-grad: none; box-shadow: 0px 2px 5px 4.333333px rgb(0 0 0 / 0.145098); --bg-fill: rgb(0 0 0 / 0.145098); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.major-26 .major-hub-store__spray .major-hub-store__spray-btn:where([sf~="37"]) { --bgc: #0F9D58; --bg-grad: none; box-shadow: 0px 2px 5px 4.333333px rgb(0 0 0 / 0.145098); --bg-fill: rgb(0 0 0 / 0.145098); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.major-hub-challenges-pickem:where([sf~="37"]) { width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; height: 660px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 660px; animation-name: pano-vpct; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; }
.major-24 .major-hub-challenges-pickem:where([sf~="37"]) { --mgt: 0px; height: 608px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 608px; animation-name: pano-vpct; }
.major-25 .major-hub-challenges-pickem:where([sf~="37"]) { border: 1px solid rgba(0, 0, 0, 0.184282); --bdln: 1; --bdrn: 1; border-top: 1px solid rgba(113, 62, 124, 0.381327); box-shadow: 0px 2px 5px 4.333333px rgb(0 0 0 / 0.396078); --bg-fill: rgb(0 0 0 / 0.396078); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.major-26 .major-hub-challenges-pickem:where([sf~="37"]) { border: 1px solid rgba(62, 124, 77, 0.617446); --bdln: 1; --bdrn: 1; box-shadow: 0px 2px 5px 4.333333px rgb(0 0 0 / 0.396078); --bg-fill: rgb(0 0 0 / 0.396078); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.major-hub-challenges-pickem.major-background-size:where([sf~="37"]) { --bg-size: cover; --bg-w: 0px; --bg-pos: bottom; --bg-rep: no-repeat; }
.major-26 .major-hub-challenges-pickem.major-background-size:where([sf~="37"]) { --bg-size: 100% 160%; --bg-w: 0px; --bg-pos: 0% 100%; }
.pencil-line-major-24:where([sf~="37"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-line.webp"); width: min(calc((100% + var(--ppx)) * 0.98), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
.major-24 .pencil-line-major-24:where([sf~="37"]) { --vis-collapse: initial; }
.pencil-line-major-24.vertical:where([sf~="37"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.95), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.95; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-line-vertical.webp"); --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; }
.major-hub-challenges-column:where([sf~="37"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-right: 1px solid rgba(255, 255, 255, 0.427734); --bdrn: 1; }
.major-23 .major-hub-challenges-column:where([sf~="37"]) { border-right: 1px solid rgba(223, 191, 10, 0.252584); --bdrn: 1; }
.major-24 .major-hub-challenges-column:where([sf~="37"]) { border-right: 0px solid rgba(223, 191, 10, 0.252584); --bdrn: 0; }
.major-25 .major-hub-challenges-column:where([sf~="37"]) { border-right: 1px solid rgba(123, 67, 128, 0.537885); --bdrn: 1; }
.major-26 .major-hub-challenges-column:where([sf~="37"]) { border-right: 1px solid rgba(67, 128, 72, 0.403714); --bdrn: 1; }
.major-hub-coin:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; transform: translateY( 0px); transition-property: opacity, transform; transition-duration: .5s, .5s; transition-timing-function: ease-in-out, ease-in-out; }
.no-active-coin .major-hub-coin:where([sf~="37"]) { --vis-collapse: none; opacity: 0; --op-pe: none; transform: translateY( -40px); transition-property: opacity, transform; transition-duration: .5s, .5s; transition-timing-function: ease-in-out, ease-in-out; }
.major-hub-coin .major-hub-coin__charges:where([sf~="37"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 16px; --mgr: 16px; }
.major-hub-coin .major-hub-coin__charges p-label:where([sf~="37"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 1px 1px 6px rgb(0 0 0 / 0.733), 1px 1px 6px color-mix(in srgb, rgb(0 0 0 / 0.733) 4.535%, transparent); color: white; }
.major-hub-coin .major-hub-coin__charges :is(p-image, :where(img[pimg])):where([sf~="37"]) { --brightness: .5; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-coin .major-hub-coin__status:where([sf~="37"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 8px; }
.major-hub-coin .major-hub-coin__status .major-hub-coin__status__image:where([sf~="37"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; width: 46px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 46px; }
.major-hub-coin .major-hub-coin__status .major-hub-coin__status__image.bronze:where([sf~="37"]) { --wash-color: #b67c43; --wash-filter: url(#w-b67c43); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-coin .major-hub-coin__status .major-hub-coin__status__image.silver:where([sf~="37"]) { --wash-color: #858585; --wash-filter: url(#w-858585); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-coin .major-hub-coin__status .major-hub-coin__status__image.gold:where([sf~="37"]) { --wash-color: #b19500; --wash-filter: url(#w-b19500); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-coin .major-hub-coin__status .major-hub-coin__status__num:where([sf~="37"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.major-hub-coin .major-hub-coin__status .major-hub-coin__status__text:where([sf~="37"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; }
.major-24 .major-hub-coin .major-hub-coin__status .major-hub-coin__status__text:where([sf~="37"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(48, 31, 6); font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; }
.major-hub-coin .major-hub-coin__model:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 240px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 240px; transform: translateY( 12px) translateX( 5px ); mask-image: url("/panorama/images/masks/top-bottom-fade-4.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; transition-property: --brightness; transition-duration: .2s; transition-timing-function: ease-in-out; }
.major-hub-coin .major-hub-coin__model:hover:where([sf~="37"]) { --brightness: 2; transition-property: --brightness; transition-duration: .2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .major-hub-coin .major-hub-coin__model:where([sf~="37"]) { --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .major-hub-coin .major-hub-coin__model:hover:where([sf~="37"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-pass-upsell:where([sf~="37"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; --vis-collapse: none; }
.no-active-coin .major-hub-pass-upsell:where([sf~="37"]) { --vis-collapse: initial; }
.major-hub-pass-upsell .major-hub-pass-upsell__image:where([sf~="37"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 140 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 160px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 160px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.major-24 .major-hub-pass-upsell .major-hub-pass-upsell__image:where([sf~="37"]) { --img-shadow: drop-shadow(2px 0px 12px color-mix(in srgb, rgb(0, 0, 0) 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-25 .major-hub-pass-upsell .major-hub-pass-upsell__image:where([sf~="37"]) { --img-shadow: drop-shadow(2px 0px 12px color-mix(in srgb, rgb(0, 0, 0) 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-pass-upsell .major-hub-pass-upsell__image-coin:where([sf~="37"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 130 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 112px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 112px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --img-shadow: drop-shadow(0px 2px 2px color-mix(in srgb, rgb(0 0 0 / 0.815) 78.721709%, transparent)); --saturation: 1.1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-pass-upsell .major-hub-pass-upsell__text:where([sf~="37"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; letter-spacing: 1.5px; text-align: center; }
.major-24 .major-hub-pass-upsell .major-hub-pass-upsell__text:where([sf~="37"]) { color: rgb(48, 31, 6); text-shadow: 0px 0px 8px color-mix(in srgb, rgba(143, 83, 15, 0.586546) 50%, transparent); }
.major-hub-rounded-btn:where([sf~="37"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #0F9D58; --bg-grad: none; border-radius: 24px; --pdt: 5px; --pdr: 16px; --pdb: 5px; --pdl: 16px; --pdrn: 16; --pdln: 16; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.major-hub-rounded-btn p-label:where([sf~="37"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; transform: translateY( 1px); color: white; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-height: 20px; }
.major-hub-rounded-btn:hover:where([sf~="37"]) { --brightness: 1.4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-challenges-container:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 8px; }
.major-hub-challenges-container .major-hub-challenge:where([sf~="37"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; min-height: 34px; --mh-set: 1; --mhp: 1; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 1px; --mgr: 6px; --mgb: 1px; --mgl: 6px; --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; }
.no-active-coin .major-hub-challenges-container .major-hub-challenge:where([sf~="37"]) { --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.major-hub-challenges-container .major-hub-challenge.complete:where([sf~="37"]) { --bg-grad: linear-gradient(90deg, rgb(15, 141, 15) 0%, rgba(4, 82, 4, 0.73673) 100%); --bgc: transparent; }
.major-hub-challenges-container .major-hub-challenge.disqualified:where([sf~="37"]) { --bg-grad: linear-gradient(90deg, rgb(161, 15, 15) 0%, rgba(82, 4, 4, 0.638294) 100%); --bgc: transparent; }
.major-hub-challenges-container .major-hub-challenge .major-hub-challenge__icon-container:where([sf~="37"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.major-hub-challenges-container .major-hub-challenge .major-hub-challenge__icon:where([sf~="37"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; opacity: 0.892208; --op-pe: inherit; }
.no-active-coin .major-hub-challenges-container .major-hub-challenge .major-hub-challenge__icon:where([sf~="37"]) { opacity: 0.414305; --op-pe: inherit; transition-property: opacity; transition-duration: .5s; transition-timing-function: ease-in-out; }
.major-hub-challenges-container .major-hub-challenge .major-hub-challenge__name:where([sf~="37"]) { --fsz: 11; font-size: calc(max(1, round(nearest, 11 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-height: 28px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --text-shrink: 1; color: white; --mgr: 6px; }
.major-hub-challenges-container .major-hub-challenge .kk-c-major-hub-challenge__name:has(> .major-hub-challenge__name:where([sf~="37"]):not([pvis="0"])), .major-hub-challenges-container .major-hub-challenge.kk-c-major-hub-challenge__name:has(> .major-hub-challenge__name:where([sf~="37"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .major-hub-challenges-container .major-hub-challenge .kk-c-major-hub-challenge__name:has(> .major-hub-challenge__name:where([sf~="37"]):not([pvis="0"]))::after, .major-hub-challenges-container .major-hub-challenge.kk-c-major-hub-challenge__name:has(> .major-hub-challenge__name:where([sf~="37"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.no-active-coin .major-hub-challenges-container .major-hub-challenge .major-hub-challenge__name:where([sf~="37"]) { opacity: 0.414305; --op-pe: inherit; transition-property: opacity; transition-duration: .5s; transition-timing-function: ease-in-out; }
.complete .major-hub-challenges-container .major-hub-challenge .major-hub-challenge__name:where([sf~="37"]) { opacity: 1; --op-pe: inherit; }
.major-24 .major-hub-challenges-container:where([sf~="37"]), .major-25 .major-hub-challenges-container:where([sf~="37"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.major-24 .major-hub-challenges-container .major-hub-challenge:where([sf~="37"]), .major-25 .major-hub-challenges-container .major-hub-challenge:where([sf~="37"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; min-height: 28px; --mh-set: 1; --mhp: 1; width: min(calc((100% + var(--ppx)) * 0.96), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --mgt: 1px; --mgr: 3px; --mgb: 1px; --mgl: 3px; --bgc: rgba(0, 0, 0, 0.072022); --bg-grad: none; }
.major-24 .major-hub-challenges-container .major-hub-challenge.complete:where([sf~="37"]), .major-25 .major-hub-challenges-container .major-hub-challenge.complete:where([sf~="37"]) { --bgc: rgba(37, 122, 62, 0.722748); --bg-grad: none; }
.major-24 .major-hub-challenges-container .major-hub-challenge.disqualified:where([sf~="37"]), .major-25 .major-hub-challenges-container .major-hub-challenge.disqualified:where([sf~="37"]) { --bgc: rgba(126, 4, 4, 0.44288); --bg-grad: none; }
.major-24 .major-hub-challenges-container .major-hub-challenge__name:where([sf~="37"]), .major-25 .major-hub-challenges-container .major-hub-challenge__name:where([sf~="37"]) { color: rgb(48, 31, 6); font-weight: 500; }
.major-24 .major-hub-challenges-container .major-hub-challenge__icon:where([sf~="37"]), .major-25 .major-hub-challenges-container .major-hub-challenge__icon:where([sf~="37"]) { --wash-color: rgb(48, 31, 6); --wash-filter: url(#w-rgb_48_31_6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.no-active-coin.major-24 .major-hub-challenges-container .major-hub-challenge:where([sf~="37"]), .no-active-coin.major-25 .major-hub-challenges-container .major-hub-challenge:where([sf~="37"]) { --bgc: rgba(0, 0, 0, 0.047246); --bg-grad: none; }
.no-active-coin.major-24 .major-hub-challenges-container .major-hub-challenge__icon:where([sf~="37"]), .no-active-coin.major-25 .major-hub-challenges-container .major-hub-challenge__icon:where([sf~="37"]) { opacity: 0.832484; --op-pe: inherit; }
.no-active-coin.major-24 .major-hub-challenges-container .major-hub-challenge__name:where([sf~="37"]), .no-active-coin.major-25 .major-hub-challenges-container .major-hub-challenge__name:where([sf~="37"]) { opacity: 0.832484; --op-pe: inherit; }
.major-25 .major-hub-challenges-container .major-hub-challenge:where([sf~="37"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; min-height: 28px; --mh-set: 1; --mhp: 1; width: min(calc((100% + var(--ppx)) * 0.96), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --bgc: rgba(39, 30, 53, 0.519687); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.major-25 .major-hub-challenges-container .major-hub-challenge__name:where([sf~="37"]) { color: rgba(255, 255, 255, 0.626349); }
.major-25 .major-hub-challenges-container .major-hub-challenge__icon:where([sf~="37"]) { --wash-color: rgba(255, 255, 255, 0.4); --wash-filter: url(#w-rgba_255_255_255_0_4); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loading .content-navbar__tabs--pickem:where([sf~="37"]) { --vis-collapse: none; }
.IconButton:where([sf~="37"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.IconButton :is(p-image, :where(img[pimg])):where([sf~="37"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; }
.major-24 .IconButton :is(p-image, :where(img[pimg])):where([sf~="37"]) { --wash-color: rgb(48, 31, 6); --wash-filter: url(#w-rgb_48_31_6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-hub-pickem__nav-separator:where([sf~="37"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; --bg-grad: linear-gradient(90deg, rgba(255, 255, 255, 0.124299) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; }
.major-23 .major-hub-pickem__nav-separator:where([sf~="37"]) { --bg-grad: linear-gradient(90deg, rgba(223, 191, 10, 0.252584) 0%, rgba(223, 191, 10, 0) 100%); --bgc: transparent; }
.major-24 .major-hub-pickem__nav-separator:where([sf~="37"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-dotted-line.webp"); width: min(calc((100% + var(--ppx)) * 0.68), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; }
.major-25 .major-hub-pickem__nav-separator:where([sf~="37"]) { --bg-grad: linear-gradient(90deg, rgba(123, 67, 128, 0.537885) 0%, rgba(123, 67, 128, 0) 100%); --bgc: transparent; }
.major-26 .major-hub-pickem__nav-separator:where([sf~="37"]) { --bg-grad: linear-gradient(90deg, rgba(67, 128, 87, 0.602893) 0%, rgba(67, 128, 100, 0) 100%); --bgc: transparent; }
.major-hub-pickem__tab-active:where([sf~="37"]) { width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; --bgc: rgb(14, 209, 95); --bg-grad: none; border-radius: 50%; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --vis-collapse: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 2px; }
.major-24 .major-hub-pickem__tab-active:where([sf~="37"]) { --bgc: rgb(48, 31, 6); --bg-grad: none; }
.active .major-hub-pickem__tab-active:where([sf~="37"]) { --vis-collapse: initial; }
.major-hub-pickem__page:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.loading .major-hub-pickem__page:where([sf~="37"]), .major-hub-pickem__page.hidden:where([sf~="37"]) { --vis-collapse: none; transform: translateX(-50%); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.major-hub-pickem__page.blue:where([sf~="37"]) { --bgc: blue; --bg-grad: none; }
.major-hub-pickem__loading:where([sf~="37"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; }
.loading .major-hub-pickem__loading:where([sf~="37"]) { --vis-collapse: initial; }
.major-hub-pickem__loading .major-hub-pickem__loading__block:where([sf~="37"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.major-hub-pickem__loading p-label:where([sf~="37"]) { text-align: center; color: white; --mgt: 8px; }
.major-hub-pickem__loading .Spinner:where([sf~="37"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.timeout .major-hub-pickem__loading .Spinner:where([sf~="37"]) { --vis-collapse: none; }
.major-hub-pickem__loading :is(p-image, :where(img[pimg])):where([sf~="37"]) { --vis-collapse: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.timeout .major-hub-pickem__loading :is(p-image, :where(img[pimg])):where([sf~="37"]) { --vis-collapse: initial; }
.group-stage-drag-icon:where([sf~="37"]) { transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.group-stage-drag-icon.drag-start:where([sf~="37"]) { transform: scale3d(1.2, 1.2, 1.2); }
.group-stage-drag-icon.drag-end:where([sf~="37"]) { transform: scale3d(0.7, 0.7, 0.7); opacity: 0; --op-pe: none; }
.leaderboard_open_button:where([sf~="37"]) { --mgr: 46px; --mgt: 8px; }
.leaderboard-has-nodata .leaderboard_open_button:where([sf~="37"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.AspectRatio16x10 .popup-major-hub .major-hub-store:where([sf~="37"]), .AspectRatio16x10 .popup-major-hub .major-hub-challenges-pickem:where([sf~="37"]), .AspectRatio16x10 .popup-major-hub .major-hub-bottom-bar:where([sf~="37"]), .AspectRatio16x9 .popup-major-hub .major-hub-store:where([sf~="37"]), .AspectRatio16x9 .popup-major-hub .major-hub-challenges-pickem:where([sf~="37"]), .AspectRatio16x9 .popup-major-hub .major-hub-bottom-bar:where([sf~="37"]), .AspectRatio21x9 .popup-major-hub .major-hub-store:where([sf~="37"]), .AspectRatio21x9 .popup-major-hub .major-hub-challenges-pickem:where([sf~="37"]), .AspectRatio21x9 .popup-major-hub .major-hub-bottom-bar:where([sf~="37"]) { width: 1600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1600px; }
.AspectRatio16x10 .popup-major-hub .major-hub-challenges-column:where([sf~="37"]), .AspectRatio16x9 .popup-major-hub .major-hub-challenges-column:where([sf~="37"]), .AspectRatio21x9 .popup-major-hub .major-hub-challenges-column:where([sf~="37"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; }
.AspectRatio16x10 .popup-major-hub .major-hub-pickem__page:where([sf~="37"]), .AspectRatio16x9 .popup-major-hub .major-hub-pickem__page:where([sf~="37"]), .AspectRatio21x9 .popup-major-hub .major-hub-pickem__page:where([sf~="37"]) { --mgl: 48px; }
.AspectRatio16x10 .popup-major-hub .group-stage-teams-container:where([sf~="37"]), .AspectRatio16x9 .popup-major-hub .group-stage-teams-container:where([sf~="37"]), .AspectRatio21x9 .popup-major-hub .group-stage-teams-container:where([sf~="37"]) { --mgr: 48px; }
.AspectRatio16x10 .popup-major-hub #id-leaderboard.leaderboard_embedded:where([sf~="37"]), .AspectRatio16x9 .popup-major-hub #id-leaderboard.leaderboard_embedded:where([sf~="37"]), .AspectRatio21x9 .popup-major-hub #id-leaderboard.leaderboard_embedded:where([sf~="37"]) { --mgr: 16px; }
.AspectRatio16x10 .popup-major-hub .leaderboard_open_button:where([sf~="37"]), .AspectRatio16x9 .popup-major-hub .leaderboard_open_button:where([sf~="37"]), .AspectRatio21x9 .popup-major-hub .leaderboard_open_button:where([sf~="37"]) { --mgr: 24px; }
/* styles/avatar.css */
.avatar:where([sf~="38"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --brightness: 1; transform: scale3d(1, 1, 1); transition-property: --brightness, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar-flair:where([sf~="38"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; --py: -5px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.avatar--party .avatar-flair:where([sf~="38"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.avatar-flair__icon:where([sf~="38"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; z-index: 2; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.kk-c-avatar-flair__icon:has(> .avatar-flair__icon:where([sf~="38"]):not([pvis="0"])) { isolation: isolate; }
.avatar-lobby-leader:where([sf~="38"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #FFD700; --wash-filter: url(#w-ffd700); --mgl: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar-lobby-speaking:where([sf~="38"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --wash-color: #FFD700; --wash-filter: url(#w-ffd700); --mgb: 5px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar--party .avatar-flair__icon:where([sf~="38"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.114233)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar-image:where([sf~="38"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 16px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.eom .avatar-image:where([sf~="38"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; border-radius: 50%; }
.team-select-teammate .avatar--party .avatar-image:where([sf~="38"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.avatar--party .avatar-image:where([sf~="38"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 12px; }
.avatar-image__status:where([sf~="38"]) { width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; box-shadow: 0px 0px 4px 2.666667px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); z-index: 2; }
.kk-c-avatar-image__status:has(> .avatar-image__status:where([sf~="38"]):not([pvis="0"])) { isolation: isolate; }
.avatar--party .avatar-image__icon:where([sf~="38"]), .avatar--vanity .avatar-image__icon:where([sf~="38"]) { box-shadow: 0px 0px 0px 0px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.avatar-image__status--ingame:where([sf~="38"]) { --bgc: #4CAF50; --bg-grad: none; }
.avatar-image__status--online:where([sf~="38"]) { --bgc: #4ABAF6; --bg-grad: none; }
.avatar-image__status--offline:where([sf~="38"]) { --bgc: grey; --bg-grad: none; }
.avatar-image__status--profile:where([sf~="38"]) { --mgl: 18px; }
.avatar-image__icon:where([sf~="38"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --brightness: 1; box-shadow: 0px 0px 4px 2.666667px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --brightness, border, opacity; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar-image__default:where([sf~="38"]) { --bgc: rgba(209, 209, 209, 0.469597); --bg-grad: none; --bg-img: url("/panorama/images/icons/ui/player.svg"); --bg-size: 70% 70%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; border: 0px solid white; --bdln: 0; --bdrn: 0; transition-property: border; transition-duration: .25s; transition-timing-function: ease-in-out; }
.avatar--party .avatar-image__icon:where([sf~="38"]), .avatar--party .avatar-image__default:where([sf~="38"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.friendslist .avatar:hover:not(.avatar--party) .avatar-image__icon:where([sf~="38"]), .eom-survival .avatar:hover:not(.avatar--party) .avatar-image__icon:where([sf~="38"]) { border: 3px solid white; --bdln: 3; --bdrn: 3; --brightness: 1; transition-property: border, --brightness; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar-teamcolor:where([sf~="38"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: initial; opacity: 1; --op-pe: inherit; --img-shadow: drop-shadow(2px 2px 1.5px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.avatar-flair.hidden:where([sf~="38"]), .avatar-flair__icon.hidden:where([sf~="38"]), .avatar-image__icon.hidden:where([sf~="38"]), .avatar-image__status.hidden:where([sf~="38"]), .avatar-teamcolor.hidden:where([sf~="38"]), .avatar-lobby-leader.hidden:where([sf~="38"]), .avatar-lobby-speaking.hidden:where([sf~="38"]) { --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.avatar-survival__avatar-dead:where([sf~="38"]) { --mgt: 76px; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; --bg-grad: linear-gradient(180deg, rgba(204, 0, 0, 0.083249) 0%, rgba(151, 0, 0, 0) 100%); --bgc: transparent; }
.avatar-survival__avatar-dead--nocolor:where([sf~="38"]) { --bg-grad: linear-gradient(180deg, rgba(172, 172, 172, 0.299871) 0%, rgba(131, 131, 131, 0) 100%); --bgc: transparent; }
/* styles/hud/hudhealthammocenter.css */
p-csgohudhealthammocenter:where([sf~="39"]) { height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --mgb: 16px; --vis-collapse: none; }
p-csgohudhealthammocenter.HUD--HA--active:where([sf~="39"]) { --vis-collapse: initial; }
.hud-HA-main.HUD--has-helmet:not(.HUD--has-armor) .hud-HA-icon--armor:where([sf~="39"]), .hud-HA-main.HUD--has-helmet.HUD--has-armor .hud-HA-icon--armor:where([sf~="39"]) { opacity: 0; --op-pe: none; }
.hud-HA-main:not(.HUD--has-helmet) .hud-HA-icon--helmet:where([sf~="39"]) { opacity: 0; --op-pe: none; }
.hud-HA-main:not(.HUD--has-heavyassaultsuit) .hud-HA-icon--heavy:where([sf~="39"]) { opacity: 0; --op-pe: none; }
.HUD--weapon--on-change.hud-WPN-main:where([sf~="39"]) { animation-name: weapon--change; animation-duration: 0.1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes weapon--change {
0% { transform: scale3d( 0.75, 0.75, 0.75 ); }
100% { transform: scale3d( 1, 1, 1.0 ); }
}
p-csgohudhealthammocenter.HUD--no-player:where([sf~="39"]) { --vis-collapse: none; }
@keyframes on-damage {
0% { transform: translateY( 0% ); --brightness: 1; color: #DD0000; opacity: 1; --op-pe: inherit; text-shadow: 0px 0px 9px #DD0000, 0px 0px 9px color-mix(in srgb, #DD0000 77.255%, transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
10% { transform: translateY( 0% ); --brightness: 5; color: #DD0000; opacity: 1; --op-pe: inherit; text-shadow: 0px 0px 0px #DD0000, 0px 0px 0px #DD0000, 0px 0px 0px #DD0000; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
75% { --brightness: 1; color: #DD0000; opacity: 0.696476; --op-pe: inherit; text-shadow: 0px 0px 0px #DD0000; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( 25% ); color: #DD0000; --brightness: 1; opacity: 0; --op-pe: none; text-shadow: 0px 0px 0px #DD0000; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-HA-bar.HUD--health--on-damage:where([sf~="39"]) { transform-origin: 50% -50%; animation-name: jitter-bar; animation-duration: .15s; animation-timing-function: ease-out; animation-iteration-count: 1; }
@keyframes jitter-bar {
0% { transform: scale3d( 1.15, 1.15, 1 ) translate3d( -2px, 2px, 0px); --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
25% { transform: scale3d( 1, 1, 1 ) translate3d( 0px, 2px, 0px); --brightness: 5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { transform: scale3d( 1, 1, 1 ) translate3d( 2px, -3px, 0px); --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1, 1, 1 ) translate3d( 0px, 0px, 0px); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-HA-bar:where([sf~="39"]), #AmmoClipBar:where([sf~="39"]) { width: 65px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 65px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; border: 1px solid rgba(0, 0, 0, 0); --bdln: 1; --bdrn: 1; }
.hud-HA-bar:where([sf~="39"]) { --bg-grad: linear-gradient(270deg, rgba(255, 0, 0, 0.06585) 0%, rgba(255, 0, 0, 1) 50%, rgba(255, 0, 0, 1) 100%); --bgc: transparent; --brightness: 1; --py: -10px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -2px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); border: 1px solid #000000; --bdln: 1; --bdrn: 1; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-HA-bar .ProgressBarLeft:where([sf~="39"]) { --bgc: #ffffff; --bg-grad: none; }
.hud-HA-bar .ProgressBarRight:where([sf~="39"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
#ExpectedBombHealthBar.BombPlantedPulse__Slow .ProgressBarMiddle:where([sf~="39"]) { animation-duration: 0.8s; }
#ExpectedBombHealthBar.BombPlantedPulse__Medium .ProgressBarMiddle:where([sf~="39"]) { animation-duration: 0.5s; }
#ExpectedBombHealthBar.BombPlantedPulse__Fast .ProgressBarMiddle:where([sf~="39"]) { animation-duration: 0.3s; }
#ExpectedBombHealthBar:where([sf~="39"]) { transition-property: opacity, transform; transition-duration: 0.3s, 0.3s; transform: scale3d( 1, 4, 1); opacity: 0; --op-pe: none; }
#ExpectedBombHealthBar .ProgressBarLeft:where([sf~="39"]), #ExpectedBombHealthBar .ProgressBarMiddle:where([sf~="39"]), #ExpectedBombHealthBar .ProgressBarRight:where([sf~="39"]) { --bgc: white; --bg-grad: none; transition-duration: 1s; }
#ExpectedBombHealthBar.expected-bomb-damage-active:where([sf~="39"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1); }
#ExpectedBombHealthBar.expected-bomb-damage-active .ProgressBarLeft:where([sf~="39"]) { --bgc: rgba(0, 255, 0, 0.762251); --bg-grad: none; }
#ExpectedBombHealthBar.expected-bomb-damage-active .ProgressBarMiddle:where([sf~="39"]) { animation-name: ExpectedBombDamage; animation-timing-function: ease-out; animation-iteration-count: infinite; }
#ExpectedBombHealthBar.expected-bomb-damage-active .ProgressBarRight:where([sf~="39"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
@keyframes ExpectedBombDamage {
0% { --bgc: rgba(255, 128, 0, 0.768222); --bg-grad: none; }
50% { --bgc: rgba(255, 0, 0, 1); --bg-grad: none; }
100% { --bgc: rgba(255, 128, 0, 0.768222); --bg-grad: none; }
}
.hud-HA--on-damage .hud-HA-bar--health .ProgressBarLeft:where([sf~="39"]), .hud-HA--critical .hud-HA-bar--health .ProgressBarLeft:where([sf~="39"]) { --bgc: red; --bg-grad: none; }
.hud-HA-health .hud-HA-health_or_ammo-label.HUD--health--on-damage:where([sf~="39"]) { animation-name: on-damage; animation-duration: 0.6s; animation-timing-function: ease-out; animation-iteration-count: 1; }
.hud-HA-health .hud-HA-text.HUD--health--on-damage:where([sf~="39"]) { transform-origin: 50% -50%; animation-name: jitter-number; animation-duration: .15s; animation-timing-function: ease-out; animation-iteration-count: 1; }
@keyframes jitter-number {
0% { transform: scale3d( 1.15, 1.15, 1 ) translate3d( -3px, -4px, 0px); --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
25% { transform: scale3d( 1, 1, 1 ) translate3d( 0px, -2px, 0px); --brightness: 5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { transform: scale3d( 1, 1, 1 ) translate3d( 3px, 5px, 0px); --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1, 1, 1 ) translate3d( 0px, 0px, 0px); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.HUD--weapon--on-fired:where([sf~="39"]) { transform-origin: 50% 50%; animation-name: jitter-number; animation-duration: .05s; animation-timing-function: ease-out; animation-iteration-count: 1; }
@keyframes on-c4-pickup {
0% { transform: translateY( -100px ) scale3d( -1.2, 1.2, 1); --brightness: 1; opacity: 0; --op-pe: none; color: #eabe54; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { transform: translateY( 0px ) scale3d( -1.2, 1.2, 1); --brightness: 1; opacity: 1; --op-pe: inherit; color: #eabe54; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
75% { transform: translateY( 0px ) scale3d(-1.4, 1.4, 1); --brightness: 2; opacity: 1; --op-pe: inherit; color: #eabe54; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( 0px ) scale3d( -1, 1, 1); --brightness: 1; opacity: 1; --op-pe: inherit; color: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.HUD--has-c4--on-pickup:where([sf~="39"]) { animation-name: on-c4-pickup; animation-duration: 1.25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes on-kit-pickup {
0% { transform: translateY( -100px ) scale3d( -1.2, 1.2, 1); --brightness: 1; opacity: 0; --op-pe: none; color: rgb(150, 200, 250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { transform: translateY( 0px ) scale3d( -1.2, 1.2, 1); --brightness: 1; opacity: 1; --op-pe: inherit; color: rgb(150, 200, 250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
75% { transform: translateY( 0px ) scale3d(-1.4, 1.4, 1); --brightness: 2; opacity: 1; --op-pe: inherit; color: rgb(150, 200, 250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( 0px ) scale3d( -1, 1, 1); --brightness: 1; opacity: 1; --op-pe: inherit; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.HUD--has-kit--on-pickup:where([sf~="39"]) { animation-name: on-kit-pickup; animation-duration: 1.25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.HudHealthAmmoCenter p-label:where([sf~="39"]) { --py: 2px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.Language_vietnamese .HudHealthAmmoCenter p-label.stratum-bold:where([sf~="39"]) { font-family: ForceStratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; }
.hud-HA-icon-container:where([sf~="39"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; }
.hud-HA-icon-container .hud-WPN-ammo-reserve__icon:where([sf~="39"]) { height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 4px; --py: -1px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --vis-collapse: none; }
.hud-HA-icon-container.HUD--on-reload:where([sf~="39"]) { animation-name: reload; animation-timing-function: ease-in; animation-duration: 0.3s; }
@keyframes reload {
0% { transform: translateY(0px); }
50% { transform: translateY(50px); }
50.01% { transform: translateY(-50px); }
100% { transform: translateY(0px); }
}
.hud-HA-icon-outline-container:where([sf~="39"]) { --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --py: 3px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.hud-HA:where([sf~="39"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0; --op-pe: none; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.hud-HA.HUD--on-kill:where([sf~="39"]) { animation-name: on-kill; animation-duration: 0.7s; animation-timing-function: ease-out; animation-iteration-count: 1; }
.survival .hud-HA:where([sf~="39"]) { width: 550px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 550px; }
.HUD--HA--active .hud-HA:where([sf~="39"]) { opacity: 1; --op-pe: inherit; }
.hud-HA-main-container:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 200px; }
.hud-HA-main-container .hud-HA-main:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.hud-HA-main-container .hud-HA-main .hud-HA-health:where([sf~="39"]) { height: 53px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 53px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.hud-HA-main-container .hud-HA-main .hud-HA-health .hud-HA-text:where([sf~="39"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.hud-HA__stroke:where([sf~="39"]) { width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.HUD--spectating-target .hud-HA__stroke:where([sf~="39"]) { --vis-collapse: none; }
.hud-HA__stroke.right:where([sf~="39"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bg-grad: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 0, 0, 0) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.hud-HA__stroke.left:where([sf~="39"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bg-grad: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 0, 0, 0) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.hud-HA-icon:where([sf~="39"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 1; --op-pe: inherit; }
.hud-HA-icon--health:where([sf~="39"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; }
.hud-HA--critical .hud-HA-icon--health:where([sf~="39"]) { --wash-color: #ff0000; --wash-filter: url(#w-ff0000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-HA-icon--heavy:where([sf~="39"]) { --pdt: 1px; --wash-color: #ffffff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-HA-icon--helmet:where([sf~="39"]), .hud-WPN-icon--reserve:where([sf~="39"]) { opacity: 1; --op-pe: inherit; transform: translateY( -3px ); }
.hud-HA-icon--armor:where([sf~="39"]) { opacity: 1; --op-pe: inherit; --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-HA-armor:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; transform: translateY(5px); }
.HUD--has-armor .hud-HA-armor:where([sf~="39"]) { opacity: 1; --op-pe: inherit; }
.hud-HA-armor-text:where([sf~="39"]), .hud-WPN-reserve-text:where([sf~="39"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.hud-HA-text p-label:where([sf~="39"]), .hud-WPN-text p-label:where([sf~="39"]) { --fsz: 42; font-size: calc(max(1, round(nearest, 42 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; color: #ffffff; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; letter-spacing: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --text-shrink: 1; }
.hud-WPN-text p-label:where([sf~="39"]) { --pdl: 0px; --pdln: 0; text-align: center; }
.hud-WPN-pipe:where([sf~="39"]) { --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 0px; --pdrn: 4; --pdln: 0; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 0.616725; --op-pe: inherit; width: 15px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 15px; }
.hud-HA-armor-text p-label:where([sf~="39"]), .hud-WPN-reserve-text__label:where([sf~="39"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; text-align: center; --text-shrink: 1; letter-spacing: 0px; --pdl: 0px; --pdln: 0; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.hud-HA-armor-text p-label:where([sf~="39"]) { transform: translateY(3px); }
.hud-WPN-reserve-text__label:where([sf~="39"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: right; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; }
.hud-HA--critical .hud-HA-bg-h:where([sf~="39"]) { --bg-grad: linear-gradient(90deg, rgba(119, 0, 0, 0) 0%, rgba(119, 0, 0, 0.824148) 10%, rgba(119, 0, 0, 0.824148) 100%); --bgc: transparent; }
.hud-HA--critical .hud-HA-text .hud-HA-health_or_ammo-label:where([sf~="39"]) { text-shadow: 0px 0px 9px #DD0000, 0px 0px 9px color-mix(in srgb, #DD0000 39.190625%, transparent); }
.HUD--health--low .hud-HA-text .hud-HA-health_or_ammo-label:where([sf~="39"]) { --brightness: 1.75; text-shadow: 0px 0px 9px #DD0000, 0px 0px 9px color-mix(in srgb, #DD0000 77.255%, transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--ammo-clip--low .hud-WPN-text .hud-HA-health_or_ammo-label:where([sf~="39"]), .HUD--ammo-reserve--low .hud-WPN-reserve-text__label:where([sf~="39"]) { text-shadow: 0px 0px 9px #DD0000, 0px 0px 9px color-mix(in srgb, #DD0000 39.190625%, transparent); }
.hud-HA-armor--pickup .hud-HA-armor:where([sf~="39"]) { animation-name: hud-HA-armor--pickup; animation-duration: 0.4s; animation-timing-function: linear; animation-iteration-count: 6; }
@keyframes hud-HA-armor--pickup {
0% { opacity: 1; --op-pe: inherit; --brightness: 1; transform: scale3d( 1.2, 1.2, 1.2 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
49% { opacity: 1; --op-pe: inherit; --brightness: 1; transform: scale3d( 1.2, 1.2, 1.2 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { opacity: 0.696476; --op-pe: inherit; --brightness: 4; transform: scale3d( 1.4, 1.4, 1.4 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
99% { opacity: 0.696476; --op-pe: inherit; --brightness: 2; transform: scale3d( 1.0, 1.0, 1.0 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { opacity: 1; --op-pe: inherit; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-HA-center:where([sf~="39"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --world-blur: gaussian(2,2,2); mask-image: url("/panorama/images/masks/circle.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.hud-HA-center__circle:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50%; }
.hud-HA-center__circle__border:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-radius: 50%; border: 3px solid rgb(255, 255, 255); --bdln: 3; --bdrn: 3; color: white; }
.hud-HA-center__equipment:where([sf~="39"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.hud-HA-center-ct-icon:where([sf~="39"]), .hud-HA-center-t-icon:where([sf~="39"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; opacity: 1; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; }
.HUD--team--terrorist .hud-HA-center-t-icon:where([sf~="39"]) { --vis-collapse: initial; }
.HUD--team--ct .hud-HA-center-ct-icon:where([sf~="39"]) { --vis-collapse: initial; }
.hud-WPN-main:where([sf~="39"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 200px; }
@keyframes fast-reload {
0% { transform: translateY(0px); --wash-color: red; --wash-filter: url(#w-red); opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY(100px); --wash-color: red; --wash-filter: url(#w-red); opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-WPN-ammo-reserve:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transition-property: opacity, transform; transition-duration: .0s, .0s; transition-timing-function: ease-in-out, ease-in-out; }
.hud-WPN-ammo-reserve .hud-WPN-ammo:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.hud-WPN-ammo-reserve .hud-WPN-ammo .hud-WPN-text:where([sf~="39"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.hud-WPN-ammo-reserve .hud-WPN-ammo .hud-HA-ammo-mode-icon_container:where([sf~="39"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: -5px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.hud-WPN-ammo-reserve .hud-WPN-ammo #AmmoClipBar:where([sf~="39"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; --brightness: 1; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; --py: -14px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; border: 1px solid #000000; --bdln: 1; --bdrn: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-WPN-ammo-reserve .hud-WPN-ammo #AmmoClipBar .ProgressBarLeft:where([sf~="39"]) { --bgc: #ffffff; --bg-grad: none; }
.HUD--ammo-clip--low .hud-WPN-ammo-reserve .hud-WPN-ammo #AmmoClipBar .ProgressBarLeft:where([sf~="39"]) { --wash-color: red; --wash-filter: url(#w-red); box-shadow: 0px 0px 2.5px 1.666667px #DD0000; --bg-fill: #DD0000; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-WPN-ammo-reserve .hud-WPN-reserve:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.hud-WPN-ammo-reserve .hud-WPN-reserve #HudReserveMagsContainer:where([sf~="39"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.hud-WPN-ammo-icon--single:where([sf~="39"]), .hud-WPN-ammo-icon--fullauto:where([sf~="39"]), .hud-WPN-ammo-icon--burst:where([sf~="39"]) { width: 55px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 55px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 10; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --vis-collapse: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.HUD--weapon--single.HUD--weapon--can-change-fire-mode .hud-WPN-ammo-icon--single:where([sf~="39"]) { --vis-collapse: initial; }
.HUD--weapon--burst.HUD--weapon--can-change-fire-mode .hud-WPN-ammo-icon--burst:where([sf~="39"]) { --vis-collapse: initial; }
.HUD--weapon--semi-auto.HUD--weapon--can-change-fire-mode .hud-WPN-ammo-icon--single:where([sf~="39"]) { --vis-collapse: initial; }
.HUD--weapon--full-auto.HUD--weapon--can-change-fire-mode .hud-WPN-ammo-icon--fullauto:where([sf~="39"]) { --vis-collapse: initial; }
#HudReserveMagsContainer:where([sf~="39"]) { --vis-collapse: none; }
.reserve-ammo-as-numbers #HudReserveMagsContainer:where([sf~="39"]) { --vis-collapse: none; }
.show-mags #HudReserveMagsContainer:where([sf~="39"]) { --vis-collapse: initial; }
#HudReserveAmmoCounter:where([sf~="39"]) { --vis-collapse: initial; }
.reserve-ammo-as-icons #HudReserveAmmoCounter:where([sf~="39"]) { --vis-collapse: none; }
.HUD--ammo-reserve--magazine .ammo-reserve--magazine:where([sf~="39"]), .HUD--ammo-reserve--shotgun_shell .ammo-reserve--shotgun_shell:where([sf~="39"]), .HUD--ammo-reserve--box .ammo-reserve--box:where([sf~="39"]), .HUD--ammo-reserve--revolver_loader .ammo-reserve--revolver_loader:where([sf~="39"]), .HUD--ammo-reserve--banana_mag .ammo-reserve--banana_mag:where([sf~="39"]), .HUD--ammo-reserve--bizon_tube .ammo-reserve--bizon_tube:where([sf~="39"]), .HUD--ammo-reserve--p90 .ammo-reserve--p90:where([sf~="39"]), .HUD--ammo-reserve--generic_bullet .ammo-reserve--generic_bullet:where([sf~="39"]) { --vis-collapse: initial; }
.HUD--holding-0ammo .hud-WPN-ammo-reserve:where([sf~="39"]), .HUD--holding-1ammo .hud-WPN-ammo-reserve:where([sf~="39"]) { --vis-collapse: none; }
.hud-WPN-burst-icon:where([sf~="39"]) { transform: translateY( -4px ); opacity: 0.696476; --op-pe: inherit; }
.HUD--holding-1ammo .hud-WPN-reserve:where([sf~="39"]) { --vis-collapse: none; }
.hud-HA__kills:where([sf~="39"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; transform: translate3d( 0px, 52px, 0px); }
.kill-flag-svg-container:where([sf~="39"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.hud-HA__kill-flag:where([sf~="39"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translate3d( 0px, 42px, 0px); transition-property: transform; transition-duration: 0.0s; transition-timing-function: ease-in-out; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.kill-flag-svg-size:where([sf~="39"]) { height: 152px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 152px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.kill-flag-spotlight:where([sf~="39"]) { --bg-grad: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; border-radius: 10px; opacity: 0; --op-pe: none; }
.kill-flag-bg-blur:where([sf~="39"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 152px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 152px; mask-image: url("/panorama/images/hud/kill_mask.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --world-blur: gaussian(2,2,2); --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; }
.kill-flag-bg-pattern:where([sf~="39"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 152px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 152px; mask-image: url("/panorama/images/hud/kill_mask.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.2; --bg-img-own: none; }
.kill-flag-bg-pattern:where([sf~="39"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.kill-flag-bg-design:where([sf~="39"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 152px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 152px; }
.hud-HA__kill-flag.animate:where([sf~="39"]) { transition-duration: 0.2s; }
p-label.hud-HA__kills__count:where([sf~="39"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 21px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -1px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); color: white; text-align: center; border: 1px solid rgba(0, 0, 0, 0); --bdln: 1; --bdrn: 1; letter-spacing: 0px; text-align: center; --fsz: 21; font-size: calc(max(1, round(nearest, 21 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.HUD--NumKills--1 .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--1.HUD--required-1Kill .hud-HA__kill-flag1:where([sf~="39"]), .HUD--required-1Kill .HUD--required-kill-flag1:where([sf~="39"]) { transform: translate3d( 0px, 0px, 0px) rotateZ(0deg); }
.HUD--NumKills--2 .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--1.HUD--required-2Kills .hud-HA__kill-flag1:where([sf~="39"]), .HUD--required-2Kills .HUD--required-kill-flag1:where([sf~="39"]) { transform: translate3d( -2px, 2px, 0px) rotateZ(-6deg); }
.HUD--NumKills--3:not(.scrimcomp2v2) .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--1.HUD--required-3Kills .hud-HA__kill-flag1:where([sf~="39"]), .HUD--required-3Kills .HUD--required-kill-flag1:where([sf~="39"]) { transform: translate3d( -3px, 4px, 0px)rotateZ(-12deg); }
.HUD--NumKills--4:not(.scrimcomp2v2) .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--1.HUD--required-4Kills .hud-HA__kill-flag1:where([sf~="39"]), .HUD--required-4Kills .HUD--required-kill-flag1:where([sf~="39"]) { transform: translate3d( -5px, 6px, 0px)rotateZ(-18deg); }
.HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--1.HUD--required-5Kills .hud-HA__kill-flag1:where([sf~="39"]), .HUD--required-5Kills .HUD--required-kill-flag1:where([sf~="39"]), .HUD--NumKills--extra .HUD--required-kill-flag1:where([sf~="39"]) { transform: translate3d( -7px, 8px, 0px) rotateZ(-24deg); }
.HUD--NumKills--2:not(.scrimcomp2v2) .hud-HA__kill-flag2:where([sf~="39"]), .HUD--required-2Kills .HUD--required-kill-flag2:where([sf~="39"]) { transform: translate3d( 2px, 0px, 0px) rotateZ(6deg); }
.HUD--NumKills--3:not(.scrimcomp2v2) .hud-HA__kill-flag2:where([sf~="39"]), .HUD--required-3Kills .HUD--required-kill-flag2:where([sf~="39"]) { transform: translate3d( 0px, 2px, 0px) rotateZ(0deg); }
.HUD--NumKills--4:not(.scrimcomp2v2) .hud-HA__kill-flag2:where([sf~="39"]), .HUD--required-4Kills .HUD--required-kill-flag2:where([sf~="39"]) { transform: translate3d( -2px, 4px, 0px) rotateZ(-6deg); }
.HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag2:where([sf~="39"]), .HUD--required-5Kills .HUD--required-kill-flag2:where([sf~="39"]), .HUD--NumKills--extra .HUD--required-kill-flag2:where([sf~="39"]) { transform: translate3d( -3px, 6px, 0px) rotateZ(-12deg); }
.HUD--NumKills--3:not(.scrimcomp2v2) .hud-HA__kill-flag3:where([sf~="39"]), .HUD--required-3Kills .HUD--required-kill-flag3:where([sf~="39"]) { transform: translate3d( 3px, 0px, 0px) rotateZ(12deg); }
.HUD--NumKills--4:not(.scrimcomp2v2) .hud-HA__kill-flag3:where([sf~="39"]), .HUD--required-4Kills .HUD--required-kill-flag3:where([sf~="39"]) { transform: translate3d( 2px, 2px, 0px) rotateZ(6deg); }
.HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag3:where([sf~="39"]), .HUD--required-5Kills .HUD--required-kill-flag3:where([sf~="39"]), .HUD--NumKills--extra .HUD--required-kill-flag3:where([sf~="39"]) { transform: translate3d( 0px, 4px, 0px) rotateZ(0deg); }
.HUD--NumKills--4:not(.scrimcomp2v2) .hud-HA__kill-flag4:where([sf~="39"]), .HUD--required-4Kills .HUD--required-kill-flag4:where([sf~="39"]) { transform: translate3d( 5px, 0px, 0px) rotateZ(18deg); }
.HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag4:where([sf~="39"]), .HUD--required-5Kills .HUD--required-kill-flag4:where([sf~="39"]), .HUD--NumKills--extra .HUD--required-kill-flag4:where([sf~="39"]) { transform: translate3d( 3px, 2px, 0px) rotateZ(12deg); }
.HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag5:where([sf~="39"]), .HUD--required-5Kills .HUD--required-kill-flag5:where([sf~="39"]), .HUD--NumKills--extra .HUD--required-kill-flag5:where([sf~="39"]) { transform: translate3d( 7px, 0px, 0px) rotateZ(24deg); }
.scrimcomp2v2.HUD--NumKills--2 .hud-HA__kill-flag5:where([sf~="39"]), .scrimcomp2v2.HUD--NumKills--extra .hud-HA__kill-flag-extra:where([sf~="39"]) { transform: translate3d( 2px, 0px, 0px) rotateZ(6deg); }
.scrimcomp2v2.HUD--NumKills--3 .hud-HA__kill-flag-extra:where([sf~="39"]), .scrimcomp2v2.HUD--NumKills--4 .hud-HA__kill-flag-extra:where([sf~="39"]), .scrimcomp2v2.HUD--NumKills--5 .hud-HA__kill-flag-extra:where([sf~="39"]), .HUD--NumKills--extra .hud-HA__kill-flag-extra:where([sf~="39"]) { transform: translate3d( 0px, 0px, 0px) rotateZ(0deg); }
.HUD--NumKills--1 .hud-HA__kill-flag1.animate:where([sf~="39"]), .HUD--NumKills--2 .hud-HA__kill-flag2.animate:where([sf~="39"]), .HUD--NumKills--3 .hud-HA__kill-flag3.animate:where([sf~="39"]), .HUD--NumKills--4 .hud-HA__kill-flag4.animate:where([sf~="39"]), .HUD--NumKills--5 .hud-HA__kill-flag5.animate:where([sf~="39"]), .HUD--on-kill.hud-HA__kill-flag-extra:where([sf~="39"]) { animation-name: on-kill; animation-duration: 0.7s; animation-timing-function: ease-out; animation-iteration-count: 1; }
.HUD--NumKills--1 .hud-HA__kill-flag1.animate .kill-flag-spotlight:where([sf~="39"]), .HUD--NumKills--2 .hud-HA__kill-flag2.animate .kill-flag-spotlight:where([sf~="39"]), .HUD--NumKills--3 .hud-HA__kill-flag3.animate .kill-flag-spotlight:where([sf~="39"]), .HUD--NumKills--4 .hud-HA__kill-flag4.animate .kill-flag-spotlight:where([sf~="39"]), .HUD--NumKills--5 .hud-HA__kill-flag5.animate .kill-flag-spotlight:where([sf~="39"]), .HUD--NumKills--extra .hud-HA__kill-flag-extra.animate .kill-flag-spotlight:where([sf~="39"]) { animation-name: on-kill-spotlight; animation-duration: 0.7s; animation-timing-function: ease-out; animation-iteration-count: 1; }
@keyframes on-kill {
0% { --brightness: 6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
30% { --brightness: 6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes on-kill-spotlight {
0% { opacity: 0; --op-pe: none; }
1% { opacity: 0.414305; --op-pe: inherit; }
30% { opacity: 0.414305; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
.HUD--NumKills--1 .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--2 .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--3 .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--4 .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--5 .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--extra .hud-HA__kill-flag1:where([sf~="39"]), .HUD--NumKills--2 .hud-HA__kill-flag2:where([sf~="39"]), .HUD--NumKills--3 .hud-HA__kill-flag2:where([sf~="39"]), .HUD--NumKills--4 .hud-HA__kill-flag2:where([sf~="39"]), .HUD--NumKills--5 .hud-HA__kill-flag2:where([sf~="39"]), .HUD--NumKills--extra .hud-HA__kill-flag2:where([sf~="39"]), .HUD--NumKills--3 .hud-HA__kill-flag3:where([sf~="39"]), .HUD--NumKills--4 .hud-HA__kill-flag3:where([sf~="39"]), .HUD--NumKills--5 .hud-HA__kill-flag3:where([sf~="39"]), .HUD--NumKills--extra .hud-HA__kill-flag3:where([sf~="39"]), .HUD--NumKills--4 .hud-HA__kill-flag4:where([sf~="39"]), .HUD--NumKills--5 .hud-HA__kill-flag4:where([sf~="39"]), .HUD--NumKills--extra .hud-HA__kill-flag4:where([sf~="39"]), .HUD--NumKills--5 .hud-HA__kill-flag5:where([sf~="39"]), .HUD--NumKills--extra .hud-HA__kill-flag5:where([sf~="39"]), .HUD--NumKills--extra .hud-HA__kills__count:where([sf~="39"]) { --vis-collapse: initial; }
.default:where([sf~="39"]), .headshot:where([sf~="39"]), .blast:where([sf~="39"]), .burn:where([sf~="39"]), .slash:where([sf~="39"]), .shock:where([sf~="39"]) { --vis-collapse: none; }
.HUD--Kill1--default .hud-HA__kill-flag1 .default:where([sf~="39"]), .HUD--Kill2--default .hud-HA__kill-flag2 .default:where([sf~="39"]), .HUD--Kill3--default .hud-HA__kill-flag3 .default:where([sf~="39"]), .HUD--Kill4--default .hud-HA__kill-flag4 .default:where([sf~="39"]), .HUD--Kill5--default .hud-HA__kill-flag5 .default:where([sf~="39"]), .HUD--Kill1--headshot .hud-HA__kill-flag1 .headshot:where([sf~="39"]), .HUD--Kill2--headshot .hud-HA__kill-flag2 .headshot:where([sf~="39"]), .HUD--Kill3--headshot .hud-HA__kill-flag3 .headshot:where([sf~="39"]), .HUD--Kill4--headshot .hud-HA__kill-flag4 .headshot:where([sf~="39"]), .HUD--Kill5--headshot .hud-HA__kill-flag5 .headshot:where([sf~="39"]), .HUD--Kill1--blast .hud-HA__kill-flag1 .blast:where([sf~="39"]), .HUD--Kill2--blast .hud-HA__kill-flag2 .blast:where([sf~="39"]), .HUD--Kill3--blast .hud-HA__kill-flag3 .blast:where([sf~="39"]), .HUD--Kill4--blast .hud-HA__kill-flag4 .blast:where([sf~="39"]), .HUD--Kill5--blast .hud-HA__kill-flag5 .blast:where([sf~="39"]), .HUD--Kill1--burn .hud-HA__kill-flag1 .burn:where([sf~="39"]), .HUD--Kill2--burn .hud-HA__kill-flag2 .burn:where([sf~="39"]), .HUD--Kill3--burn .hud-HA__kill-flag3 .burn:where([sf~="39"]), .HUD--Kill4--burn .hud-HA__kill-flag4 .burn:where([sf~="39"]), .HUD--Kill5--burn .hud-HA__kill-flag5 .burn:where([sf~="39"]), .HUD--Kill1--slash .hud-HA__kill-flag1 .slash:where([sf~="39"]), .HUD--Kill2--slash .hud-HA__kill-flag2 .slash:where([sf~="39"]), .HUD--Kill3--slash .hud-HA__kill-flag3 .slash:where([sf~="39"]), .HUD--Kill4--slash .hud-HA__kill-flag4 .slash:where([sf~="39"]), .HUD--Kill5--slash .hud-HA__kill-flag5 .slash:where([sf~="39"]), .HUD--Kill1--shock .hud-HA__kill-flag1 .shock:where([sf~="39"]), .HUD--Kill2--shock .hud-HA__kill-flag2 .shock:where([sf~="39"]), .HUD--Kill3--shock .hud-HA__kill-flag3 .shock:where([sf~="39"]), .HUD--Kill4--shock .hud-HA__kill-flag4 .shock:where([sf~="39"]), .HUD--Kill5--shock .hud-HA__kill-flag5 .shock:where([sf~="39"]) { --vis-collapse: initial; }
#WeaponPanelBottom:where([sf~="39"]) { height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; }
.WeaponPanel:where([sf~="39"]) { opacity: 1; --op-pe: inherit; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; width: 260px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 260px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#WeaponPanelBottomBG:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; opacity: 1; --op-pe: inherit; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.465819) 10%, rgba(0, 0, 0, 0.537458) 40%, rgba(0, 0, 0, 0.537458) 70%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
#WeaponPanelBottomBGGradient:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 130px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 130px; }
#WeaponPanelBottomBGSolid:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 130px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 130px; }
#WeaponPanelBottom:where([sf~="39"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#WeaponPanelBottomContent:where([sf~="39"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.AmmoAnim__Grenades:where([sf~="39"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; }
.AmmoAnim__Grenades--Hidden:where([sf~="39"]) { --vis-collapse: none; }
.AmmoAnim_GrenadeIcon:where([sf~="39"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --mgl: 5px; transform: rotateZ( 20deg ); --wash-color: #ffffff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.AmmoAnim_GrenadeIcon--Hidden:where([sf~="39"]) { --vis-collapse: none; }
@keyframes on-health-low {
0% { opacity: 0.657841; --op-pe: inherit; }
50% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0.657841; --op-pe: inherit; }
}
.hud-spectator-bkg-BOT:where([sf~="39"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 3px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 3px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.465819) 100%); --bgc: transparent; }
.HudSpecplayer__Bg:where([sf~="39"]) { --vis-collapse: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 460px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 460px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; border-radius: 5px; --world-blur: gaussian(2,2,2); --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; }
.HudSpecplayer__Bg.HUD--weapon--scoped:where([sf~="39"]) { --world-blur: none; }
.HudSpecplayer__Bg_panel:where([sf~="39"]) { width: 460px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 460px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .03; --bg-img-own: none; }
.HudSpecplayer__Bg_panel:where([sf~="39"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.hud-spec-side-bar:where([sf~="39"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; }
.HudSpecplayer__Avatar:where([sf~="39"]) { --vis-collapse: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.HudSpecplayer__Avatar .HudSpecplayerRoot--visible:where([sf~="39"]) { --vis-collapse: initial; }
.HudSpecplayerRoot--visible:where([sf~="39"]) { --vis-collapse: initial; transition-property: transform, opacity; transition-timing-function: ease-in-out, ease-in-out; transition-duration: 0.2s, 0.2s; }
.HudSpecplayerParentContainer:where([sf~="39"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 642px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 642px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --vis-collapse: none; --mgb: 10px; }
.HudSpecplayerRoot__avatar:where([sf~="39"]) { width: 57px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 57px; height: 57px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 57px; border-radius: 50%; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.HUD--team--ct .HudSpecplayerRoot__avatardefault:where([sf~="39"]) { --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgct.webp"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; }
.HUD--team--terrorist .HudSpecplayerRoot__avatardefault:where([sf~="39"]) { --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgt.webp"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; }
.HudSpecplayer__player-name-contianer:where([sf~="39"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 14px; --pdln: 14; max-width: 190px; --maxw: 190px; text-overflow: ellipsis; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.HudSpecplayer__player-name:where([sf~="39"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 21px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 21px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: left; width: 190px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 190px; color: rgba(255, 255, 255, 0.868294); white-space: nowrap; --text-shrink: 1; --text-shrink-min:  14px ; text-overflow: ellipsis; }
#jsHonorIcon:where([sf~="39"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgl: 0px; --mgr: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.HudSpecplayer__player-clan:where([sf~="39"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 17px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 17px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: left; width: 190px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 190px; color: rgba(255, 255, 255, 0.868294); text-overflow: ellipsis; white-space: nowrap; }
.HudSpecplayer__key-hints:where([sf~="39"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --vis-collapse: initial; }
.HudSpecplayer__key-hints-text:where([sf~="39"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 1px 1px 1px black, 1px 1px 1px black; color: rgba(187, 187, 187, 1); --mgt: 7px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdl: 10px; --pdln: 10; }
#ServerSponserLogosContainer:where([sf~="39"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --vis-collapse: none; }
.HudSpecplayer__SponserLogos:where([sf~="39"]) { height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.HudSpecplayerBG:where([sf~="39"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; opacity: 1; --op-pe: inherit; }
.HudSpecplayerBG__Border:where([sf~="39"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; }
.HudSpecplayerBG__TeamLogo:where([sf~="39"]) { rotate: -20deg; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 0px; --mgb: 0px; opacity: 0.347608; --op-pe: inherit; --bg-rep: no-repeat; --bg-pos: 15% 41%; --bg-size: 17% 215%; --bg-w: 0px; --bg-img: url("/panorama/images/hud/winpanel/ct_patch.webp"); --vis-collapse: none; }
.HudSpecplayer__Item:where([sf~="39"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(1px 3px 1px #313131) drop-shadow(1px 3px 1px color-mix(in srgb, #313131 1.62929%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HudSpecplayer__ItemName__label:where([sf~="39"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: right; width: 190px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 190px; }
.HudSpecplayer__ItemName:where([sf~="39"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdr: 14px; --pdrn: 14; max-width: 190px; --maxw: 190px; text-overflow: ellipsis; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.possessive-player-name:where([sf~="39"]) { color: #adadad; text-align: right; text-overflow: ellipsis; max-width: 10px; --maxw: 10px; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.weapon-name:where([sf~="39"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.weapon-kit-name:where([sf~="39"]) { --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.weapon-name-custom:where([sf~="39"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; }
.original-owner-seal:where([sf~="39"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --mgr: 6px; transform: translateY(-2px); }
.HudSpecAdr-container:where([sf~="39"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.HudSpecAdr__text:where([sf~="39"]), .HudSpecAdr__text--title:where([sf~="39"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.HudSpecAdr__text--title:where([sf~="39"]) { --text-shrink: 1; font-weight: 300; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdr: 2px; --pdrn: 2; }
#HudHighlightClip:where([sf~="39"]) { width: 345px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 345px; height: 195px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 195px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: -92px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --vis-collapse: none; opacity: 0; --op-pe: none; --brightness: 100; scale: 1 0; transition-property: opacity, scale, --brightness; transition-duration: .0s, .2s, 1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; --bgc: black; --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HudHighlightClip.IsPlaying:where([sf~="39"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; scale: 1 1; --brightness: 1; transition-property: opacity, scale, --brightness; transition-duration: 0s, 0s, 0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/mainmenu_watch.css */
.WatchMenu:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); transition-property: opacity, --blur, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.WatchMenu--Hide:where([sf~="40"]) { opacity: 0; --op-pe: none; transition-property: opacity, --blur; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.WatchMenu--Streams:where([sf~="40"]) { --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.TournamentMenu:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); transition-property: opacity, --blur, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.TournamentMenu--Hide:where([sf~="40"]) { opacity: 0; --op-pe: none; transform: translateX( 200px ); transition-property: opacity, --blur, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.TournamentMenu--FlowDown:where([sf~="40"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.MatchList--Selector:where([sf~="40"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 0%; --pdr: 0%; --pdb: 0%; --pdl: 0%; --pdrn: 0; --pdln: 0; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; min-height: 64px; --mh-set: 1; --mhp: 1; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; transition-property: opacity, --blur, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.MatchList--Selector p-label:where([sf~="40"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; }
.MatchList--Selector._focus p-label:where([sf~="40"]) { color: white; }
.MatchList--Selector._disabled:where([sf~="40"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.MatchList--Selector._disabled:hover:where([sf~="40"]) { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.MatchList:where([sf~="40"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.MatchList--Filled:where([sf~="40"]) { border-right: 1px solid rgba(255, 255, 255, 0.179361); --bdrn: 1; }
.mainmenu-content__container .MatchList p-verticalscrollbar:where([sf~="40"]) { --mgr: 6px; }
.InfoPanel:where([sf~="40"]) { --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; }
.MatchList-scroll:where([sf~="40"]) { --pdt: 0%; --pdr: 0%; --pdb: 0%; --pdl: 0%; --pdrn: 0; --pdln: 0; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.MatchList .RadioBox:where([sf~="40"]) { --vis-collapse: none; }
.MatchList p-radiobutton:where([sf~="40"]) { --mgt: 2px; --mgr: 20px; --mgb: 1px; --mgl: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: linear-gradient(90deg, white 0%, white 0%, rgba(48, 48, 48, 0.189452) 0%, rgba(48, 48, 48, 0.189452) 0%, rgba(48, 48, 48, 0) 100%); --bgc: transparent; }
.MatchList p-radiobutton:not(._disabled):hover:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, white 0%, white 1.25%, rgba(255, 255, 255, 0.486185) 1.25%, rgba(48, 48, 48, 0.080309) 2.5%, rgba(48, 48, 48, 0) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; --sound: "UIPanorama.sidemenu_rollover"; }
.MatchList p-radiobutton._selected:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, white 0%, white 2.5%, rgba(255, 255, 255, 0.606453) 2.5%, rgba(255, 255, 255, 0.32517) 5.3%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .1s; transition-timing-function: ease-in-out; --sound: "UIPanorama.sidemenu_select"; }
.MatchTile.MatchVictory:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 255, 0, 0.323652) 0%, rgba(0, 255, 0, 0.323652) 0%, rgba(0, 255, 0, 0.323652) 0%, rgba(0, 255, 0, 0) 100%); --bgc: transparent; }
.MatchTile.MatchTied:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 255, 0, 0.179337) 0%, rgba(0, 255, 0, 0.179337) 0%, rgba(0, 255, 0, 0.179337) 0%, rgba(0, 255, 0, 0) 100%); --bgc: transparent; }
.MatchTile.MatchLoss:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 0, 0, 0.040912) 0%, rgba(255, 0, 0, 0.040912) 0%, rgba(255, 0, 0, 0.040912) 0%, rgba(255, 0, 0, 0) 100%); --bgc: transparent; }
.MatchTile.MatchLoss:not(._disabled):hover:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, white 0%, white 1.25%, rgba(255, 0, 0, 0.17251) 1.25%, rgba(255, 0, 0, 0.040912) 2.5%, rgba(255, 0, 0, 0) 100%); --bgc: transparent; }
.MatchTile.MatchLoss._selected:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, white 0%, white 2.5%, rgba(255, 102, 102, 0.427382) 2.5%, rgba(255, 170, 170, 0.182181) 5.3%, rgba(255, 0, 0, 0) 100%); --bgc: transparent; }
.MatchTile.MatchTied:not(._disabled):hover:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, white 0%, white 1.25%, rgba(102, 255, 102, 0.471646) 1.25%, rgba(0, 255, 0, 0.179337) 2.5%, rgba(0, 255, 0, 0) 100%); --bgc: transparent; }
.MatchTile.MatchTied._selected:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, white 0%, white 2.5%, rgba(102, 255, 102, 0.471646) 2.5%, rgba(170, 255, 170, 0.200675) 5.3%, rgba(0, 255, 0, 0) 100%); --bgc: transparent; }
.MatchTile.MatchVictory:not(._disabled):hover:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, white 0%, white 1.25%, rgba(102, 255, 102, 0.471646) 1.25%, rgba(0, 255, 0, 0.323652) 2.5%, rgba(0, 255, 0, 0) 100%); --bgc: transparent; }
.MatchTile.MatchVictory._selected:where([sf~="40"]) { --bg-grad: linear-gradient(90deg, white 0%, white 2.5%, rgba(102, 255, 102, 0.471646) 2.5%, rgba(170, 255, 170, 0.346183) 5.3%, rgba(0, 255, 0, 0) 100%); --bgc: transparent; }
.StreamBox:where([sf~="40"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: 550px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 550px; height: 331.2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 331.2px; animation-name: pano-vpct; --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; }
.Flag:where([sf~="40"]) { width: 33.28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 33.28px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.OtherTournaments:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: auto; overflow-y: clip; --ovx: scroll; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 16px; --mgr: 64px; }
.OtherTournaments p-horizontalscrollbar:where([sf~="40"]) { --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; }
.Info-Message:where([sf~="40"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; text-align: left; --mgl: 0px; font-family: notosans, 'Arial Unicode MS'; --c9: 1; text-shadow: 0px 0px 0px currentColor; line-height: 24px; }
.mainmenu-watch-content__container:where([sf~="40"]) { transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
#Stream-title:where([sf~="40"]) { height: 53px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 53px; }
#Stream-text:where([sf~="40"]) { font-weight: 700; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 5px; color: white; }
#Stream-views:where([sf~="40"]) { color: #cfcfcf; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#CountryFlag:where([sf~="40"]) { --pdr: 9px; --pdrn: 9; }
#mainImage:where([sf~="40"]) { width: 1400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1400px; height: 360px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 360px; animation-name: pano-vpct; --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; }
#front-image:where([sf~="40"]) { width: 2000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2000px; height: 4000px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4000px; animation-name: pano-vpct; --saturation: 0.7; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#logo:where([sf~="40"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 190px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 190px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
#description:where([sf~="40"]) { --pdt: 0px; --pdr: 30px; --pdb: 0px; --pdl: 30px; --pdrn: 30; --pdln: 30; text-align: center; }
.tournament-tile-root:where([sf~="40"]) { width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 0px; --mgr: 20px; --mgb: 0px; --mgl: 20px; }
.tournament-tile-content:hover:where([sf~="40"]) { --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.762164) 0%, rgba(0, 0, 0, 0.277279) 100%); --bgc: transparent; transition-duration: 0.25s; --sound: "UIPanorama.mainmenu_rollover"; }
.tournament-title:where([sf~="40"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: white; --mgt: 15px; --mgb: 15px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.tournament-tile-content:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 800px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 800px; animation-name: pano-vpct; transition-property: --brightness, scale, --bgc, transform; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; transition-duration: 0.0s, 0.0s, 0.0s, 0.0s; --bgc: black; --bg-grad: none; box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 0.5); --bg-fill: rgb(0 0 0 / 0.5); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.tournament-tile__bg:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: scaleY(0); transform-origin: 50% 100%; opacity: 0; --op-pe: none; transition-property: --blur, transform; transition-duration: .5s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.tournament-tile-content:hover .tournament-tile__bg:where([sf~="40"]) { transform: scaleY(1); opacity: 0.524924; --op-pe: inherit; transition-property: --blur, transform, opacity; transition-duration: .5s, .25s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.tournament-to-logo-container:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 112px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 112px; }
.tournament-to-logo-container.tall-logo:where([sf~="40"]) { height: 92px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 92px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 20px; }
.tournament-to-logo:where([sf~="40"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.tournament-results:where([sf~="40"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
.tournament__champions:where([sf~="40"]) { --mgt: 40px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.tournament__champions .team-logo:where([sf~="40"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 20px; }
.tournament__champions .champion-desc:where([sf~="40"]) { --mgt: 10px; --pdt: 0px; --pdr: 10px; --pdb: 0px; --pdl: 10px; --pdrn: 10; --pdln: 10; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.tournament__champions .champion-desc p-label:where([sf~="40"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --text-shrink: 1; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; text-transform: uppercase; }
.tournament__champions .champion-desc :is(p-image, :where(img[pimg])):where([sf~="40"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgr: 8px; }
.tournament__champions .champion-desc :is(p-image, :where(img[pimg])):where([sf~="40"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgr: 8px; }
#JsChampionsHoverTarget:where([sf~="40"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#JsChampionsHoverTarget p-label:where([sf~="40"]) { transition-property: text-shadow, color, transform; transition-duration: 0.3s, 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
#JsChampionsHoverTarget :is(p-image, :where(img[pimg])):where([sf~="40"]) { transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-in-out; }
#JsChampionsHoverTarget.has-team-data:hover p-label:where([sf~="40"]) { text-shadow: 0px 0px 6px rgb(0 0 0 / 0.952), 0px 0px 6px color-mix(in srgb, rgb(0 0 0 / 0.952) 4.535%, transparent); transform: scale3d( 1.1, 1.1 ,0); color: white; transition-property: text-shadow, color, transform; transition-duration: 0.3s, 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
#JsChampionsHoverTarget.has-team-data:hover :is(p-image, :where(img[pimg])):where([sf~="40"]) { transform: scale3d( 1.1, 1.1 ,0); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-in-out; }
.tournament__champions .champion-name:where([sf~="40"]) { --mgt: 5px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 4px; font-weight: 700; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --text-shrink: 1; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; max-height: 30px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.tournament-results__legends:where([sf~="40"]) { --mgt: 30px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.legends-container:where([sf~="40"]) { transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.legends-container.hidden:where([sf~="40"]) { opacity: 0; --op-pe: none; }
.tournament-results__legends__legend:where([sf~="40"]) { --mgb: 14px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.tournament-legend-desc:where([sf~="40"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.tournament-legend-name:where([sf~="40"]) { --mgt: 2px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.tournament-results__legends__legend :is(p-image, :where(img[pimg])):where([sf~="40"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgr: 10px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, #242150 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournament-player-container:where([sf~="40"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: transform, opacity; transition-duration: 0.1s, 0.1s; transition-timing-function: ease-in-out, ease-in-out; }
.tournament-player:where([sf~="40"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgb: 4px; transition-property: transform, opacity; transition-duration: 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out; --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; transform: rotateX( 0deg ); }
#JsTournamentPlayerPhoto:where([sf~="40"]) { --bg-img: url("/panorama/images/icons/ui/pro_player.svg"); --bg-size: 100%; --bg-w: 0px; }
.tournament-player.hidden:where([sf~="40"]) { transform: rotateX( 90deg ); opacity: 0; --op-pe: none; }
.tournament-player__photo:where([sf~="40"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.tournament-player__name:where([sf~="40"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 8px; text-align: left; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.top-padding:where([sf~="40"]) { --pdt: 20px; }
#color:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgb(19, 44, 82); --bg-grad: none; opacity: 0.696476; --op-pe: inherit; }
#background:where([sf~="40"]) { --saturation: 0.7; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-content--blur-target:where([sf~="40"]) { opacity: 0.947817; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0.21788); --bg-grad: none; }
.mainmenu-content--blur-target-edited:where([sf~="40"]) { height: 984px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 984px; animation-name: pano-vpct; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.947817; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0.21788); --bg-grad: none; }
.mainmenu-content-edited:where([sf~="40"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --vis-collapse: initial; clip-path: inset(0% calc(100% - 100%) calc(100% - 100%) 0%); transition-property: translate, --pxp, --pyp, clip-path; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.tournament-change-height:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.blur-background:where([sf~="40"]) { --blur: 4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.zero-opacity:where([sf~="40"]) { --blur: 4px; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.no-margin:where([sf~="40"]) { --mgl: 0px; }
.subsection-content__background-color:where([sf~="40"]) { --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; }
.subsection-content__background-color--dark:where([sf~="40"]) { --bgc: rgba(20, 20, 20, 0.392779); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; }
.subsection-content:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.info-icon:where([sf~="40"]) { --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-button__image--blur:where([sf~="40"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.content-navbar__tabs p-radiobutton.hidden:where([sf~="40"]) { --vis-collapse: none; }
.matchinfo-tournamentinfo-minimal:where([sf~="40"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.matchinfo-tournamentinfo-minimal--team:where([sf~="40"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: 520px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 520px; height: 520px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 520px; animation-name: pano-vpct; --bgc: green; --bg-grad: none; }
.matchinfo-tournamentinfo-minimal--score-label:where([sf~="40"]) { --fsz: 64; font-size: calc(max(1, round(nearest, 64 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; }
.matchinfo-tournamentinfo-minimal--team-image:where([sf~="40"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; }
/* styles/tooltips/tooltip_text.css */
.TextContents:where([sf~="41"]) { min-width: 80px; max-width: 350px; --maxw: 350px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#TextLabel:where([sf~="41"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.GameModeTooltip #TextLabel:where([sf~="41"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.BindingsTooltip #TextLabel:where([sf~="41"]) { font-weight: 100; color: #dddddd; --fsz: 17; font-size: calc(max(1, round(nearest, 17 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.ShortTextTooltip #TextLabel:where([sf~="41"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #c8c8c8; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-width: 400px; --maxw: 400px; }
.LongTextTooltip .TextContents:where([sf~="41"]) { max-width: 900px; --maxw: 900px; }
.LeaverConsequencesTooltip #TextLabel:where([sf~="41"]) { text-shadow: 0px 0px 6px color-mix(in srgb, rgb(255 0 0 / 0.533333) 45.45%, transparent); }
.RecommendedUpgradeTooltip #TextLabel:where([sf~="41"]) { color: #FF9900; }
.LBTooltip:where([sf~="41"]) { color: #ccc; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.Compendium2021Page #TextTooltip.BracketTooltip #TextLabel:where([sf~="41"]) { color: white; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; min-width: 64px; }
.MonsterHunter .TextContents p-b:where([sf~="41"]) { font-weight: 400; color: #aaa; }
.HeroAtlasInstructions .TextContents #TextLabel:where([sf~="41"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; color: #ccc; line-height: 1.3; }
.HeroAtlasInstructions .TextContents p-b:where([sf~="41"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; font-weight: 600; }
.HeroAtlasInstructions .TextContents p-i:where([sf~="41"]) { color: gray; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
/* styles/popups/popup_acknowledge_item.css */
p-csgodelayloadpanel:where([sf~="42"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
p-csgodelayloadpanel.Offscreen:where([sf~="42"]) { opacity: 0; --op-pe: none; }
.PopupPanel.popup-acknowledge:where([sf~="42"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-width: 100%; --pdb: 0px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.popup__rarity-bar:where([sf~="42"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(180deg, white 0%, rgba(175, 175, 175, 0.857159) 100%); --bgc: transparent; box-shadow: 0px 2px 3px 2px rgb(0 0 0 / 0.5); --bg-fill: rgb(0 0 0 / 0.5); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.operation.popup-acknowledge__bg:where([sf~="42"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: none; --bg-video: "/panorama/videos/op11_underwater.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --brightness: .14; --bg-rep: no-repeat; --bg-size: clip_then_cover; --bg-w: 0px; --bg-pos: 50% 50%; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-acknowledge-inspect-border:where([sf~="42"]) { --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.741129) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.661497) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.popup-acknowledge__item:where([sf~="42"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateX( 0px ); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-acknowledge__item__model:where([sf~="42"]) { height: 576px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 576px; animation-name: pano-vpct; width: 1080px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1080px; }
.popup-acknowledge__item__image:where([sf~="42"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 130 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 384px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 384px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 64px; --mgr: 0px; --mgb: 64px; --mgl: 0px; }
.popup-acknowledge__info-block:where([sf~="42"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 96px; --mgb: 96px; transition-property: opacity, transform; transition-duration: .5s, .5s; transition-timing-function: ease-in, ease-in; }
.popup-acknowledge__info__title-container:where([sf~="42"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 32px; --mgr: 0px; --mgb: 0px; --mgl: 96px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.popup-acknowledge__info__title:where([sf~="42"]) { --fsz: 64; font-size: calc(max(1, round(nearest, 64 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(141, 141, 141); text-align: center; text-transform: uppercase; mix-blend-mode: screen; --s2-blend: additive; }
.popup-acknowledge__info__itemname:where([sf~="42"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-width: 900px; --maxw: 900px; font-weight: 700; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; white-space: normal; text-overflow: ellipsis; }
.popup-acknowledge__subtitle:where([sf~="42"]) { --vis-collapse: initial; }
.popup-acknowledge__subtitle.hidden:where([sf~="42"]) { --vis-collapse: none; }
.popup-acknowledge__subtitle-label:where([sf~="42"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-height: 24px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; white-space: normal; }
.popup-acknowledge__subtitle_seticon:where([sf~="42"]) { height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-acknowledge__subtitle_seticon.popup-acknowledge__subtitle_seticon_tiny:where([sf~="42"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.popup-acknowledge__item-count:where([sf~="42"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; border-radius: 5px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; color: rgba(255, 255, 255, 0.485126); --mgt: 0px; --mgr: 96px; --mgb: 96px; --mgl: 0px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.popup-acknowledge .PopupButtonRow:where([sf~="42"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; border-top: 1px solid rgba(255, 255, 255, 0.220751); }
.Focused .popup-acknowledge__item:where([sf~="42"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0px ); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.Focused .popup-acknowledge__item__model.popup-acknowledge__item__model--vertical:where([sf~="42"]) { height: 940px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 940px; animation-name: pano-vpct; width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; }
.PreviouslyLeft:not(.Focused) .popup-acknowledge__item:where([sf~="42"]) { transform: translateX( -100% ); opacity: 0.044596; --op-pe: inherit; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.PreviouslyRight:not(.Focused) .popup-acknowledge__item:where([sf~="42"]) { transform: translateX( 100% ); opacity: 0.044596; --op-pe: inherit; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-acknowledge p-carouselnav:where([sf~="42"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 32px; --pdb: 0px; --pdl: 32px; --pdrn: 32; --pdln: 32; --mgb: 32px; z-index: 5; }
.popup-acknowledge .kk-t-p-carouselnav:has(> p-carouselnav:where([sf~="42"]):not([pvis="0"])), .popup-acknowledge.kk-t-p-carouselnav:has(> p-carouselnav:where([sf~="42"]):not([pvis="0"])) { isolation: isolate; }
.popup-acknowledge__equip:where([sf~="42"]) { --vis-collapse: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 48px; z-index: 5; }
.kk-c-popup-acknowledge__equip:has(> .popup-acknowledge__equip:where([sf~="42"]):not([pvis="0"])) { isolation: isolate; }
.popup-acknowledge__equip.hidden:where([sf~="42"]) { --vis-collapse: none; }
.popup-acknowledge__equip .PopupButton:where([sf~="42"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.op-tier__reward-tier:where([sf~="42"]) { --vis-collapse: none; }
.tier-reward .op-tier__reward-tier:where([sf~="42"]) { --vis-collapse: initial; }
/* styles/context_menus/context_menu_base.css */
#Contents:where([sf~="43"]) { --bg-grad: linear-gradient(180deg, rgba(48, 48, 48, 0.974613) 0%, rgba(51, 51, 51, 0.975737) 100%); --bgc: transparent; --pdt: 7px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; border: 2px solid black; --bdln: 2; --bdrn: 2; --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; }
#Contents.PlayerMenuContents:where([sf~="43"]) { border-top: 4px solid rgba(80, 80, 80, 0.266401); border-right: 4px solid rgba(53, 49, 71, 0.231669); --bdrn: 4; border-bottom: 4px solid rgba(46, 42, 73, 0.223876); border-left: 4px solid rgba(53, 54, 55, 0.23464); --bdln: 4; --bgc: #1b1d24; --bg-grad: none; width: 1000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1000px; --pdt: 24px; --pdr: 24px; --pdb: 24px; --pdl: 24px; --pdrn: 24; --pdln: 24; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: transform, scale, opacity, --bgc, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; transition-delay: 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s, 0.0s; }
#ChatLineContextMenu #Contents.PlayerMenuContents:where([sf~="43"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 20px; }
.GameMode_Duos #ChatLineContextMenu #Contents.PlayerMenuContents:where([sf~="43"]) { width: 1000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1000px; }
#LeftArrow:where([sf~="43"]), #RightArrow:where([sf~="43"]), #TopArrow:where([sf~="43"]), #BottomArrow:where([sf~="43"]) { --bg-rep: no-repeat; --bg-pos: 0px 0px; --bg-size: contain; --bg-w: 0px; z-index: 1; --vis-collapse: none; }
.kk-i-LeftArrow:has(> #LeftArrow:where([sf~="43"]):not([pvis="0"])), .kk-i-RightArrow:has(> #RightArrow:where([sf~="43"]):not([pvis="0"])), .kk-i-TopArrow:has(> #TopArrow:where([sf~="43"]):not([pvis="0"])), .kk-i-BottomArrow:has(> #BottomArrow:where([sf~="43"]):not([pvis="0"])) { isolation: isolate; }
#LeftArrow:where([sf~="43"]), #RightArrow:where([sf~="43"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --mgt: 4px; --mgb: 4px; --mgr: 4px; }
#LeftArrow:where([sf~="43"]) { --wash-color: #666666; --wash-filter: url(#w-666666); --mgr: -5px; --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ShowLeftArrowImage #LeftArrow:where([sf~="43"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_left.webp"); --wash-color: #252b30; --wash-filter: url(#w-252b30); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#ChatLineContextMenu #LeftArrow:where([sf~="43"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_left.webp"); width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --wash-color: #2b2a2c; --wash-filter: url(#w-2b2a2c); --mgr: -3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#RightArrow:where([sf~="43"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_right.webp"); --wash-color: #252b30; --wash-filter: url(#w-252b30); --mgl: -2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#TopArrow:where([sf~="43"]), #BottomArrow:where([sf~="43"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 21px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 21px; --mgl: 12px; --mgr: 12px; }
#TopArrow:where([sf~="43"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_top.webp"); --wash-color: #252b30; --wash-filter: url(#w-252b30); --mgb: -2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#BottomArrow:where([sf~="43"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_bottom.webp"); --wash-color: #252b30; --wash-filter: url(#w-252b30); --mgt: -2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#ContextMenuBody.LeftArrowVisible #LeftArrow:where([sf~="43"]) { --vis-collapse: initial; }
#ContextMenuBody.RightArrowVisible #RightArrow:where([sf~="43"]) { --vis-collapse: initial; }
#ContextMenuBody.TopArrowVisible #TopArrow:where([sf~="43"]) { --vis-collapse: initial; }
#ContextMenuBody.BottomArrowVisible #BottomArrow:where([sf~="43"]) { --vis-collapse: initial; }
.ContextMenu_NoArrow #ContextMenuBody.LeftArrowVisible #LeftArrow:where([sf~="43"]) { --vis-collapse: none; }
.ContextMenu_NoArrow #ContextMenuBody.RightArrowVisible #RightArrow:where([sf~="43"]) { --vis-collapse: none; }
.ContextMenu_NoArrow #ContextMenuBody.TopArrowVisible #TopArrow:where([sf~="43"]) { --vis-collapse: none; }
.ContextMenu_NoArrow #ContextMenuBody.BottomArrowVisible #BottomArrow:where([sf~="43"]) { --vis-collapse: none; }
#ContextMenuBody.LeftArrowVisible #Contents:where([sf~="43"]) { --mgl: 0px; min-height: 60px; --mh-set: 1; --mhp: 1; }
#ContextMenuBody.RightArrowVisible #Contents:where([sf~="43"]) { --mgr: 0px; min-height: 60px; --mh-set: 1; --mhp: 1; }
#ContextMenuBody.BottomArrowVisible #Contents:where([sf~="43"]) { --mgb: 0px; min-width: 60px; }
#ContextMenuBody.TopArrowVisible #Contents:where([sf~="43"]) { --mgt: 0px; min-width: 60px; }
#ContextMenuBody:where([sf~="43"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.ContextMenuBodyRow:where([sf~="43"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
/* styles/endofmatch-rank.css */
.eom-rank-carepackage-bg-fx:where([sf~="44"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; transform: translateY(-50px); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; mix-blend-mode: screen; --s2-blend: screen; }
.eom-rank:where([sf~="44"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --brightness: 10; transform: scale3d(1.1, 1.1, 1); transition-property: transform, --blur, --brightness; transition-duration: 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in, ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-rank.eom-rank-show:where([sf~="44"]) { transform: scale3d(1, 1, 1); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-rank .eom-rank__care-package:where([sf~="44"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --px: 450px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -50px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --wash-color: black; --wash-filter: url(#w-black); --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.care-package-eligible .eom-rank .eom-rank__care-package:where([sf~="44"]) { --vis-collapse: initial; }
.eom-rank .eom-rank__care-package.earned-rewards:where([sf~="44"]) { animation-name: eom-earned-rewards; animation-duration: 0.4s; animation-timing-function: ease-in; animation-iteration-count: 5; --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-rank .eom-rank__care-package-earned-fx:where([sf~="44"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --px: 450px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -50px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); mix-blend-mode: screen; --s2-blend: screen; }
.eom-rank .eom-rank-data-bg:where([sf~="44"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --wash-color: #4aa8ff; --wash-filter: url(#w-4aa8ff); --bgc: black; --bg-grad: none; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: 60% auto; --bg-w: 0px; mask-image: url("/panorama/images/masks/fade-both-right-left2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-rank .eom-rank-xpshop-root:where([sf~="44"]) { --py: 12px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
.eom-rank .eom-rank-xpshop-root #jsXpShopTrackContainer:where([sf~="44"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: opacity; transition-duration: 0.2s; }
.eom-rank .eom-rank-xpshop-root .xpshop-bg:where([sf~="44"]) { width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: 130% auto; --bg-w: 0px; mask-image: url("/panorama/images/masks/fade-both-right-left2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; --wash-color: #46C786; --wash-filter: url(#w-46c786); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-rank .eom-rank-xpshop-root.reveal:where([sf~="44"]) { --vis-collapse: initial; animation-name: xpshop-reveal; animation-duration: 0.3s; animation-timing-function: ease-in-out; }
.eom-rank .eom-rank-data:where([sf~="44"]) { width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdt: 112px; }
.eom-rank .eom-rank-data .eom-rank-current-icon:where([sf~="44"]) { --mgt: 0px; }
.eom-rank .eom-rank-data .eom-rank-current-icon #id-eom-rank__current__emblem:where([sf~="44"]) { width: 92px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 92px; height: 92px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 92px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.eom-rank .eom-rank-data .eom-skillgroup__info-bar-label-container .eom-skillgroup__info-label:where([sf~="44"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 10px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdr: 10px; --pdrn: 10; text-align: center; --wash-color: #94c3f0; --wash-filter: url(#w-94c3f0); color: white; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; letter-spacing: 4px; text-shadow: 0px 0px 8px rgba(221, 221, 221, 0.789347); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes xpshop-reveal {
0% { --brightness: 15; --blur: 3px; opacity: 0; --op-pe: none; transform: scale3d( 1.5, 1.5, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
75% { --blur: 3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1.5; --blur: 0px; opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.eom-win__main__line:where([sf~="44"]) { height: 1.25px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1.25px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: white; --bg-grad: none; z-index: 3; }
.kk-c-eom-win__main__line:has(> .eom-win__main__line:where([sf~="44"]):not([pvis="0"])) { isolation: isolate; }
.xptrail-announce-container:where([sf~="44"]) { --vis-collapse: none; max-height: 40px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: linear-gradient(315deg, rgba(74, 168, 255, 0) 0%, rgba(48, 121, 189, 0.651083) 30%, rgba(48, 121, 189, 0.651083) 70%, rgba(74, 168, 255, 0) 100%); --bgc: transparent; mask-image: url("/panorama/images/masks/fade-both-right-left.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --pdt: 4px; --pdr: 100px; --pdb: 4px; --pdl: 100px; --pdrn: 100; --pdln: 100; border-top: 1px solid #4aa8ff; border-bottom: 1px solid #4aa8ff; --mgt: -24px; }
.xptrail-announce-container p-label:where([sf~="44"]) { color: white; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.xptrail-remaining-time-enabled .xptrail-announce-container:where([sf~="44"]) { --vis-collapse: initial; animation-name: xptrail-announcement-reveal; animation-duration: 0.5s; animation-timing-function: ease-in-out; }
@keyframes xptrail-announcement-reveal {
0% { transform: scaleX( 0 ); --bgc: white; --bg-grad: none; }
60% { --bgc: white; --bg-grad: none; --brightness: 100; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scaleX( 1 ); --brightness: 1; --bgc: black; --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
#id-eom-rank__bar-container:where([sf~="44"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 50px; --pdt: 5px; --pdl: 10px; --pdln: 10; --pdr: 5px; --pdrn: 5; min-height: 32px; --mh-set: 1; --mhp: 1; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; transition-property: opacity; transition-duration: 1.0s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#id-eom-rank__bar-container #id-eom-rank__bar--bg:where([sf~="44"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bgc: rgb(3, 21, 48); --bg-grad: none; width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; }
#id-eom-rank__bar-container .eom-rank__bar--white:where([sf~="44"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bgc: white; --bg-grad: none; width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; --bg-grad: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); --bgc: transparent; transform-origin: 0% 0%; transform: scaleX(0); z-index: 10; transition-property: transform; transition-duration: 1.0s; transition-timing-function: ease-in; }
#id-eom-rank__bar-container .kk-c-eom-rank__bar--white:has(> .eom-rank__bar--white:where([sf~="44"]):not([pvis="0"])), #id-eom-rank__bar-container.kk-c-eom-rank__bar--white:has(> .eom-rank__bar--white:where([sf~="44"]):not([pvis="0"])) { isolation: isolate; }
#id-eom-rank__bar-container .eom-rank__bar--white.eom-rank__bar--white--show:where([sf~="44"]) { transform: scaleX(1); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in; }
#id-eom-rank__bar-container .eom-rank__bar:where([sf~="44"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
#id-eom-rank__bar-container .eom-rank__bar .eom-rank__bar__segment:where([sf~="44"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; border: 1px solid rgba(0, 0, 0, 0.445153); --bdln: 1; --bdrn: 1; transform-origin: 0% 0%; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.0s, 0.0s, 0.0s, 0.0s, 0.0s; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1), cubic-bezier(0.39, 0.575, 0.565, 1), cubic-bezier(0.39, 0.575, 0.565, 1), cubic-bezier(0.39, 0.575, 0.565, 1), cubic-bezier(0.39, 0.575, 0.565, 1); }
#id-eom-rank__bar-container .eom-rank__bar .eom-rank__lister:where([sf~="44"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; transition-property: translate, --pxp, --pyp; transition-duration: 0.0s, 0.0s, 0.0s; transition-timing-function: linear, linear, linear; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#id-eom-rank__bar-container .eom-rank__bar .eom-rank__lister .eom-rank__lister__line:where([sf~="44"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.268142; --op-pe: inherit; --bgc: yellow; --bg-grad: none; --vis-collapse: initial; }
#id-eom-rank__bar-container .eom-rank__bar .eom-rank__lister .eom-rank__lister__items:where([sf~="44"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --pdt: 0px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#id-eom-rank__bar-container .eom-rank__bar__xptrailicon-container:where([sf~="44"]) { width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --py: -31px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#id-eom-rank__bar-container .eom-rank__bar__xptrailicon-container #jsHonorIcon:where([sf~="44"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --px: -12px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: transform; transition-duration: 0.1s; --brightness: 0.4; opacity: 1; --op-pe: inherit; --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.xptrail-enabled #id-eom-rank__bar-container .eom-rank__bar__xptrailicon-container #jsHonorIcon:where([sf~="44"]) { --vis-collapse: initial; }
.xptrail-acquired #id-eom-rank__bar-container .eom-rank__bar__xptrailicon-container #jsHonorIcon:where([sf~="44"]) { animation-name: xptrail-acquired; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; --brightness: 1; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes xptrail-acquired {
0% { opacity: 0.696476; --op-pe: inherit; --brightness: 0.2; transform: scale3d(1,1,1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
35% { opacity: 1; --op-pe: inherit; --brightness: 2; transform: scale3d(1.2, 1.2, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; transform: scale3d(1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.eom-rank__lister__item:where([sf~="44"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --brightness: 1.0; transition-property: translate, --pxp, --pyp, transform, --brightness; transition-duration: 0.75s, 0.75s, 0.75s, 0.5s, 3.0s; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275); transform-origin: 0% 50%; --mgt: 12px; --mgl: 5px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-height: 16px; --mh-set: 1; --mhp: 1; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-rank__lister__item--appear:where([sf~="44"]) { transform: translateX(-40px); transform: scale3d(0.5, 0.5, 1); --brightness: 5.0; transition-property: translate, --pxp, --pyp, transform, --brightness; transition-duration: 0.75s, 0.75s, 0.75s, 0.5s, 3.0s; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-rank__lister__item--old:where([sf~="44"]) { transform: scale3d(0.7, 0.7, 1.0); --brightness: 1.0; --mgt: -5px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; transition-property: translate, --pxp, --pyp, transform, --brightness; transition-duration: 0.75s, 0.75s, 0.75s, 0.5s, 3.0s; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.175, 0.885, 0.32, 1.275); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-rank__lister__item--old .eom-rank__lister__item__desc:where([sf~="44"]) { --mgt: 0px; }
.eom-rank__lister__item__desc:where([sf~="44"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: lightgray; font-weight: 500; text-shadow: 0px 0px 4px rgb(0 0 0 / 0.596078), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.596078) 4.535%, transparent); }
.eom-rank__lister__item__amt:where([sf~="44"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; letter-spacing: 1px; font-weight: 500; text-shadow: 0px 0px 4px rgb(0 0 0 / 0.596078), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.596078) 4.535%, transparent); }
.eom-rank__blue.eom-rank__lister__item__amt:where([sf~="44"]) { color: rgba(42, 176, 237, 1); }
.eom-rank__green.eom-rank__lister__item__amt:where([sf~="44"]) { color: rgba(124, 188, 10, 1); }
.eom-rank__red.eom-rank__lister__item__amt:where([sf~="44"]) { --bgc: #8C2121; --bg-grad: none; }
.eom-rank__yellow.eom-rank__lister__item__amt:where([sf~="44"]) { color: rgba(204, 204, 46, 1); }
.eom-rank__purple.eom-rank__lister__item__amt:where([sf~="44"]) { --bgc: #9966CC; --bg-grad: none; }
.eom-rank__model:where([sf~="44"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; }
.hidden:where([sf~="44"]) { --vis-collapse: none; }
.subdue:where([sf~="44"]) { opacity: 0.414305; --op-pe: inherit; transition-property: opacity; transition-duration: 1.0s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.eom-rank__blue.eom-rank__bar__segment:where([sf~="44"]) { --bgc: rgba(42, 176, 237, 1); --bg-grad: none; }
.eom-rank__green.eom-rank__bar__segment:where([sf~="44"]) { --bgc: rgba(124, 188, 10, 1); --bg-grad: none; }
.eom-rank__red.eom-rank__bar__segment:where([sf~="44"]) { --bgc: #8C2121; --bg-grad: none; }
.eom-rank__yellow.eom-rank__bar__segment:where([sf~="44"]) { --bgc: rgba(204, 204, 46, 1); --bg-grad: none; }
.eom-rank__purple.eom-rank__bar__segment:where([sf~="44"]) { --bgc: #9966CC; --bg-grad: none; }
.eom-rank-new-reveal:where([sf~="44"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgr: 710px; perspective: 1000px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.eom-rank-new-reveal .eom-rank-new-reveal__flag:where([sf~="44"]) { height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; opacity: 0; --op-pe: none; perspective-origin: 0% 0%; transform-origin: 0% 0%; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-rank-new-reveal .eom-rank-new-reveal__image:where([sf~="44"]) { opacity: 0; --op-pe: none; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --mgt: 94px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-rank-new-reveal .eom-rank-new-reveal__particle-flare:where([sf~="44"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0; --op-pe: none; transform: scale3d(0, 0, 1); }
.eom-rank-new-reveal.eom-rank-new-reveal--anim .eom-rank-new-reveal__flag:where([sf~="44"]) { animation-name: eom-show-rank-flag; animation-duration: .5s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-rank-new-reveal.eom-rank-new-reveal--anim .eom-rank-new-reveal__image:where([sf~="44"]) { animation-name: eom-show-rank-image; animation-delay: .5s; animation-duration: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-rank-new-reveal.eom-rank-new-reveal--anim .eom-rank-new-reveal__particle-flare:where([sf~="44"]) { animation-name: eom-show-rank-flare; animation-delay: .75s; animation-duration: .25s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-rank-new-reveal .eom-rank-new-reveal__flare-halo:where([sf~="44"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; opacity: 0; --op-pe: none; --py: 50px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); mix-blend-mode: screen; --s2-blend: additive; animation-name: eom-show-rank-flare-halo; animation-duration: 4.5s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes eom-earned-rewards {
0% { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-rank-flag {
0% { --brightness: 20; opacity: 0; --op-pe: none; transform: translateY(-180px)scaleY(.5); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
10% { --brightness: 1; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
70% { opacity: 1; --op-pe: inherit; transform: translateY(90px) scaleY(1); }
80% { opacity: 1; --op-pe: inherit; transform: translateY(80px) scaleY(1); }
100% { opacity: 1; --op-pe: inherit; transform: translateY(90px) scaleY(1); }
}
@keyframes eom-show-rank-image {
0% { --brightness: 1; opacity: 0; --op-pe: none; transform: scale3d(3, 3, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
70% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
80% { --brightness: 5; opacity: 1; --op-pe: inherit; transform: scale3d(1.2, 1.2, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-rank-flare {
0% { opacity: 0; --op-pe: none; transform: scale3d(.0, .0, 1); }
100% { opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); }
}
@keyframes eom-show-rank-flare-halo {
0% { opacity: 0; --op-pe: none; transform: scale3d(.0, .0, 1); }
10% { opacity: 0; --op-pe: none; transform: scale3d(.5, .5, 1); }
95% { opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); }
100% { opacity: 0; --op-pe: none; transform: scale3d(1.5, 1.5, 1); }
}
/* styles/mission_tile.css */
@keyframes subtle-motion {
0% { --px: -6px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
100% { --px: 6px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
}
.mission-root:where([sf~="45"]) { transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, transform, --brightness, --saturation; transition-duration: .15s, .15s, .15s, .15s, .15s, .15s, .15s, .15s, .15s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mission-root.hidden:where([sf~="45"]), .mission-root.hidden:not(.hide-non-prime):where([sf~="45"]) { --vis-collapse: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgt: 0px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mission-root #missionButton:not(.DISABLED):hover .background-contents:where([sf~="45"]) { transform: scale3d( 1.05, 1.05, 1); }
.mission-root #missionButton:not(.DISABLED):hover .background-contents .mission-bg:where([sf~="45"]) { --brightness: 1.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.background-contents:where([sf~="45"]) { --bgc: black; --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: transform; transition-duration: .1s; transition-timing-function: ease-in-out; }
.background-contents .mission-bg:where([sf~="45"]) { --bg-img: url("/panorama/images/backgrounds/mission_background.webp"); --bg-pos: 50% 50%; --bg-size: 200%; --bg-w: 0px; --bg-img-opacity: 1; --bg-img-own: none; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; }
.background-contents .mission-bg:where([sf~="45"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.background-contents .mission-art-bg:where([sf~="45"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); opacity: 0.696476; --op-pe: inherit; transform: scale3d( 1.05, 1.05, 1); transition-property: transform, --brightness; transition-duration: .2s, 0.1s; transition-timing-function: ease-in-out, ease-in-out; --px: -4px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); animation-name: subtle-motion; animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate-reverse; }
.background-contents .mission-bg-searching:where([sf~="45"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: green; --bg-grad: none; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-rep: no-repeat; --wash-color: rgb(20, 160, 20); --wash-filter: url(#w-rgb_20_160_20); --bg-size: 310% auto; --bg-w: 0px; --bg-pos: 0% 50%; transition-property: transform, opacity; transition-duration: .2s, 0.1s; transition-timing-function: ease-in-out, ease-in-out; opacity: 0; --op-pe: none; transform: scaleY(0.0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mission-main-content:where([sf~="45"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: visible; --ovx: clip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.mission-header:where([sf~="45"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; border-bottom: 1px solid rgba(255, 255, 255, 0.486185); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 10px; }
.mission-title:where([sf~="45"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Condensed; --c9: 0.9; font-weight: 300; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.mission-time-remaining:where([sf~="45"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2; --c9: 0.9; font-weight: 300; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-height: 26px; --text-shrink: 1; }
.hide-time .mission-time-remaining:where([sf~="45"]) { --vis-collapse: none; }
.mission-location:where([sf~="45"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.mission-mode-mapgroup:where([sf~="45"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2; --c9: 0.9; font-stretch: condensed; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --text-shrink: 1; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); max-height: 24px; }
#missionMapicon:where([sf~="45"]), #missionModeicon:where([sf~="45"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --vis-collapse: none; --py: 70px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0.696476; --op-pe: inherit; }
#missionMapicon:where([sf~="45"]) { --px: 0px; --pxp: 38%; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#missionModeicon:where([sf~="45"]) { --px: 0px; --pxp: -38%; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.mission-main:where([sf~="45"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.mission-main .mission-directive:where([sf~="45"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2; --c9: 0.9; font-stretch: condensed; font-weight: 300; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-height: 50px; --text-shrink: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 5px; }
.mission-progress-container:where([sf~="45"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 6px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mission-progress-container .mission-num:where([sf~="45"]) { height: 25px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 25px; min-width: 30px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; font-family: Stratum2; --c9: 0.9; font-stretch: condensed; --wash-color: white; --wash-filter: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --mgt: 1px; --mgr: 10px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mission-progress-container .mission-xp-reward-container:where([sf~="45"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 5px; }
.mission-progress-container .mission-xp-reward-container .mission-xp-reward-img:where([sf~="45"]) { --wash-color: rgb(19, 135, 168); --wash-filter: url(#w-rgb_19_135_168); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 25px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 25px; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; opacity: 1; --op-pe: inherit; --img-shadow: drop-shadow(0px 0px 0px black) drop-shadow(0px 0px 0px black) drop-shadow(0px 0px 0px black); --pdt: 1px; --pdr: 0px; --pdb: 1px; --pdl: 0px; --pdrn: 0; --pdln: 0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mission-progress-container .mission-xp-reward-container .mission-xp-reward:where([sf~="45"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; font-family: Stratum2 Medium Condensed; --c9: 0.9; --wash-color: white; --wash-filter: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --text-shrink: 1; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; --py: 1.5px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mission-additional-container:where([sf~="45"]), .mission-description-container:where([sf~="45"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.mission-additional-container .mission-additional:where([sf~="45"]), .mission-additional-container .mission-description:where([sf~="45"]), .mission-description-container .mission-additional:where([sf~="45"]), .mission-description-container .mission-description:where([sf~="45"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Condensed; --c9: 0.9; color: white; --text-shrink: 1; --text-shrink-min: 18px; max-height: 46px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; }
#id-mainmenu-mission-panel:where([sf~="45"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
#id-mainmenu-mission-panel.COMPLETE #missionButton:where([sf~="45"]) { --vis-collapse: none; }
#id-mainmenu-mission-panel .mission-complete:where([sf~="45"]) { --vis-collapse: none; }
#id-mainmenu-mission-panel.COMPLETE .mission-complete:where([sf~="45"]) { --vis-collapse: initial; }
#id-mainmenu-mission-panel.COMPLETE:where([sf~="45"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
#id-mainmenu-mission-panel .mission-complete:where([sf~="45"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 46px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 46px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#id-mainmenu-mission-panel .mission-complete .mission-header--complete:where([sf~="45"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
#id-mainmenu-mission-panel .mission-complete .mission-header--complete p-label:where([sf~="45"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-mainmenu-mission-panel.SEARCHING_FOR_MISSION .mission-bg-searching:where([sf~="45"]) { opacity: 1; --op-pe: inherit; transform: scaleY(1.0); }
#id-mainmenu-mission-panel .mission-main-content:where([sf~="45"]) { transition-property: transform, opacity, --wash-color; transition-duration: .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
#id-mainmenu-mission-panel.SEARCHING_FOR_MISSION .mission-main-content:where([sf~="45"]) { opacity: 1; --op-pe: inherit; transform: translateY(-36px); --wash-color: rgb(194, 255, 194); --wash-filter: url(#w-rgb_194_255_194); transform-origin: 50% 0%; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-mainmenu-mission-panel .searching:where([sf~="45"]) { --vis-collapse: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-mainmenu-mission-panel .searching p-label:where([sf~="45"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Condensed; --c9: 0.9; color: white; }
#id-mainmenu-mission-panel.SEARCHING_FOR_MISSION .searching:where([sf~="45"]) { --vis-collapse: initial; animation-name: slow-pulse; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.DISABLED:where([sf~="45"]) { --saturation: 0.5; --brightness: 0.3; opacity: 0.947817; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.DISABLED.SEARCHING_FOR_MISSION:where([sf~="45"]) { --saturation: 1; --brightness: 1; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes slow-pulse {
0% { opacity: 0.414305; --op-pe: inherit; }
50% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0.414305; --op-pe: inherit; }
}
/* styles/rating_emblem.css */
.rating-root:where([sf~="46"]) { height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 250 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.rating-effect:where([sf~="46"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; mix-blend-mode: screen; --s2-blend: screen; }
#jsPremierRating:where([sf~="46"]), #jsRating-Competitive:where([sf~="46"]), #jsRating-Wingman:where([sf~="46"]) { --vis-collapse: none; opacity: 0; --op-pe: none; }
.Premier #jsPremierRating:where([sf~="46"]), .Competitive #jsRating-Competitive:where([sf~="46"]), .Wingman #jsRating-Wingman:where([sf~="46"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.image-rating:where([sf~="46"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.comp-rating-label:where([sf~="46"]) { font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); color: #c4c4c4; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; }
.premier-rating:where([sf~="46"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.premier-rating .rating__bg:where([sf~="46"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --wash-color: #b0c3d9; --wash-filter: url(#w-b0c3d9); --pdb: 1px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-0 .premier-rating .rating__bg:where([sf~="46"]) { --wash-color: #b0c3d9; --wash-filter: url(#w-b0c3d9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-1 .premier-rating .rating__bg:where([sf~="46"]) { --wash-color: #8cc6ff; --wash-filter: url(#w-8cc6ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-2 .premier-rating .rating__bg:where([sf~="46"]) { --wash-color: #6a7dff; --wash-filter: url(#w-6a7dff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-3 .premier-rating .rating__bg:where([sf~="46"]) { --wash-color: #c166ff; --wash-filter: url(#w-c166ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-4 .premier-rating .rating__bg:where([sf~="46"]) { --wash-color: #f03cff; --wash-filter: url(#w-f03cff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-5 .premier-rating .rating__bg:where([sf~="46"]) { --wash-color: #eb4b4b; --wash-filter: url(#w-eb4b4b); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-6 .premier-rating .rating__bg:where([sf~="46"]) { --wash-color: #ffd700; --wash-filter: url(#w-ffd700); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-rating .rating__label-container:where([sf~="46"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.premier-rating .rating__label-container .rating__value:where([sf~="46"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 10px; text-shadow: 1px 1px 1px #000000; font-family: Stratum2 Black Italic, 'Arial Unicode MS'; --c9: 0.9; color: white; --brightness: 1.7; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-rating .rating__label-container .rating__value .major:where([sf~="46"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 0.1px; }
.premier-rating .rating__label-container .rating__value .minor:where([sf~="46"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 0.5px; }
.player-card-skillgroup .rating-root:where([sf~="46"]), .matchstakes-container .rating-root:where([sf~="46"]), .map-selection-btn .rating-root:where([sf~="46"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 250 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.player-card-skillgroup .premier-rating .rating__label-container .rating__value:where([sf~="46"]), .matchstakes-container .premier-rating .rating__label-container .rating__value:where([sf~="46"]), .map-selection-btn .premier-rating .rating__label-container .rating__value:where([sf~="46"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; --pdt: 2px; }
.player-card-skillgroup .premier-rating .rating__label-container .rating__value .major:where([sf~="46"]), .matchstakes-container .premier-rating .rating__label-container .rating__value .major:where([sf~="46"]), .map-selection-btn .premier-rating .rating__label-container .rating__value .major:where([sf~="46"]) { --fsz: 23; font-size: calc(max(1, round(nearest, 23 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.player-card-skillgroup .premier-rating .rating__label-container .rating__value .minor:where([sf~="46"]), .matchstakes-container .premier-rating .rating__label-container .rating__value .minor:where([sf~="46"]), .map-selection-btn .premier-rating .rating__label-container .rating__value .minor:where([sf~="46"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.player-card-skillgroup .image-rating:where([sf~="46"]), .matchstakes-container .image-rating:where([sf~="46"]), .map-selection-btn .image-rating:where([sf~="46"]) { --img-shadow: drop-shadow(0px 0px 2.5px color-mix(in srgb, #000000 78.721709%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card-skillgroup.matchstakes-container .rating-root:where([sf~="46"]), .matchstakes-container.matchstakes-container .rating-root:where([sf~="46"]), .map-selection-btn.matchstakes-container .rating-root:where([sf~="46"]) { height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.tier-0 .premier-rating p-label:where([sf~="46"]) { --wash-color: #b0c3d9; --wash-filter: url(#w-b0c3d9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-1 .premier-rating p-label:where([sf~="46"]) { --wash-color: #8cc6ff; --wash-filter: url(#w-8cc6ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-2 .premier-rating p-label:where([sf~="46"]) { --wash-color: #6a7dff; --wash-filter: url(#w-6a7dff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-3 .premier-rating p-label:where([sf~="46"]) { --wash-color: #c166ff; --wash-filter: url(#w-c166ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-4 .premier-rating p-label:where([sf~="46"]) { --wash-color: #f03cff; --wash-filter: url(#w-f03cff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-5 .premier-rating p-label:where([sf~="46"]) { --wash-color: #eb4b4b; --wash-filter: url(#w-eb4b4b); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tier-6 .premier-rating p-label:where([sf~="46"]) { --wash-color: #ffd700; --wash-filter: url(#w-ffd700); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .premier-rating .rating__label-container .rating__value:where([sf~="46"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --text-shrink: 1; text-align: right; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --pdt: 15%; }
.eom-skillgroup .premier-rating .rating__label-container--eom:where([sf~="46"]) { width: 155px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 155px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 26px; transition-property: transform; transition-duration: 1s; transition-timing-function: ease-in-out; }
.eom-skillgroup .premier-rating .rating__label-container--eom.digitpanel-container-4-digit-offset:where([sf~="46"]) { transform: translateX(-16px); }
.eom-skillgroup .premier-rating .rating__label-container--eom.digitpanel-container-3-digit-offset:where([sf~="46"]) { transform: translateX(-40px); }
.eom-skillgroup .premier-rating .rating__label-container--eom .digitpanel-container:where([sf~="46"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; transform: translateY(5px); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eom-skillgroup .premier-rating .rating__label-container--eom .digitpanel-container .digitpanel__digit:where([sf~="46"]) { transition-property: transform; transition-duration: 10s; transition-timing-function: ease-in-out; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.eom-skillgroup .premier-rating .rating__label-container--eom .digitpanel-container .digitpanel__digit p-label:where([sf~="46"]) { font-family: Stratum2 Black Italic, 'Arial Unicode MS'; --c9: 0.9; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; font-weight: 700; color: white; text-shadow: 0px 0px 8px color-mix(in srgb, #000000 45.45%, transparent); }
#jsPremierRatingMajor:where([sf~="46"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#jsPremierRatingMajor .digitpanel__digit:where([sf~="46"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --mgr: -4px; }
#jsPremierRatingMajor .digitpanel__digit p-label:where([sf~="46"]) { --fsz: 60; font-size: calc(max(1, round(nearest, 60 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#jsPremierRatingMinor:where([sf~="46"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform: translateY(8px) translateX(-6px); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
#jsPremierRatingMinor .digitpanel__digit:where([sf~="46"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; --mgr: -6px; }
#jsPremierRatingMinor .digitpanel__digit p-label:where([sf~="46"]) { --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#jsPremierRatingMinor #DigitPanel-Digit-0:where([sf~="46"]) { --mgr: -13px; --mgl: -8px; }
/* styles/operation/operation_shared.css */
.OpTintTextYellow:where([sf~="47"]) { color: #93EEFB; }
.op-main-container:where([sf~="47"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.op-main-movie:where([sf~="47"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: none; --bg-video: "/panorama/videos/op11_underwater.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-grad: linear-gradient(180deg, #5186a8 0%, #315264 100%); --bgc: transparent; --bg-size: cover; --bg-w: 0px; --bg-img-opacity: 0.75; --bg-img-own: none; }
.op-main-movie:where([sf~="47"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.op-main-movie.dark:where([sf~="47"]) { --brightness: 0.2; --blur: 2px; transition-property: --brightness, --blur; transition-duration: 3s, 3s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main-left-padding:where([sf~="47"]) { --pdl: 32px; --pdln: 32; }
.op9-title:where([sf~="47"]) { font-family: 'Noto Sans'; --c9: 1; --fsz: 64; font-size: calc(max(1, round(nearest, 64 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-transform: uppercase; letter-spacing: 10px; text-align: center; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --text-shrink: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: transform; transition-duration: .75s; transition-timing-function: ease-in-out; }
.op9-title--top:where([sf~="47"]) { mask-image: url("/panorama/images/masks/op9-logo-top.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bg-grad: linear-gradient(180deg, rgb(176, 117, 231) 0%, #7648A5 100%); background-clip: text; color: transparent; transform: translateX( .5% ); }
.op9-title--bottom:where([sf~="47"]) { mask-image: url("/panorama/images/masks/op9-logo-bottom.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bg-grad: linear-gradient(180deg, rgb(54, 21, 85) 0%, rgb(104, 40, 163) 100%); background-clip: text; color: transparent; transform: translateX( -.5% ); }
.op-header:where([sf~="47"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-bottom: 1px solid rgba(175, 205, 224, 0.672508); }
.op-header--thin:where([sf~="47"]) { --pdt: 6px; --pdb: 6px; }
.op-header__text:where([sf~="47"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: White; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; letter-spacing: 2px; --text-shrink: 1; }
.op-header__text.total-stars:where([sf~="47"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: right; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --pdr: 24px; --pdrn: 24; }
.op-header__text.total-stars-right:where([sf~="47"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: left; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --pdl: 24px; --pdln: 24; }
.op-main .op-header__text:where([sf~="47"]) { --fsz: 36; font-size: calc(max(1, round(nearest, 36 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: clip; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; color: #D3ACF8; }
.op-main .op-header__text.total-stars-right:where([sf~="47"]) { --pdl: 8px; --pdln: 8; }
.op-header__num:where([sf~="47"]) { font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; color: white; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; letter-spacing: 1px; text-align: center; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 0px; }
.op-main .op-header__num:where([sf~="47"]) { text-overflow: clip; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --fsz: 36; font-size: calc(max(1, round(nearest, 36 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --bg-grad: linear-gradient(0deg, #D3ACF8 0%, rgb(246, 240, 252) 100%); background-clip: text; color: transparent; }
.popup-acknowledge .op-header__num:where([sf~="47"]) { --fsz: 64; font-size: calc(max(1, round(nearest, 64 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: notosans, 'Arial Unicode MS'; --c9: 1; }
.op-header__stars-bg:where([sf~="47"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.op-header__stars-bg.light:where([sf~="47"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; mask-image: url("/panorama/images/masks/top-bottom-fade.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.op-mission-reward-name__container:where([sf~="47"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.op-mission-reward-name:where([sf~="47"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; transform-origin: 50% 100%; transform: rotateX( 0deg ); }
.op-mission-reward-name__text:where([sf~="47"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: left; letter-spacing: 3px; text-transform: uppercase; color: #93EEFB; --bgc: #0A2333; --bg-grad: none; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; text-overflow: ellipsis; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; text-align: center; }
.op-mission-reward-name__text.no-background:where([sf~="47"]) { --bgc: transparent; --bg-grad: none; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.op-mission-reward-name__text.mixedcase:where([sf~="47"]) { text-transform: none; }
.op-mission-reward-name__text.large:where([sf~="47"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; --pdl: 16px; --pdln: 16; }
.op-mission-reward-name__text.inspect-warning:where([sf~="47"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; text-align: center; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.op-mission-reward-tag:where([sf~="47"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 20px; --pdrn: 6; --pdln: 20; transform: translateX( -10px ); color: #1A0E25; --bgc: #D3ACF8; --bg-grad: none; }
.op-mission-reward-tag.hidden:where([sf~="47"]) { --vis-collapse: none; }
.op-mainmenu__missions__name__container:where([sf~="47"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.op-mainmenu__missions .op-mission-reward-name:where([sf~="47"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 590px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 590px; }
.op-mainmenu__missions .op-mission-reward-name__text:where([sf~="47"]), .op-mainmenu__rewards .op-mission-reward-name__text:where([sf~="47"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 12px; --pdrn: 6; --pdln: 12; text-align: left; }
.op-mainmenu__missions .kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text:where([sf~="47"]):not([pvis="0"])), .op-mainmenu__missions.kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text:where([sf~="47"]):not([pvis="0"])), .op-mainmenu__rewards .kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text:where([sf~="47"]):not([pvis="0"])), .op-mainmenu__rewards.kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text:where([sf~="47"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .op-mainmenu__missions .kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text:where([sf~="47"]):not([pvis="0"]))::after, .op-mainmenu__missions.kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text:where([sf~="47"]):not([pvis="0"]))::after, .op-mainmenu__rewards .kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text:where([sf~="47"]):not([pvis="0"]))::after, .op-mainmenu__rewards.kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text:where([sf~="47"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.op-mission-reward-name__text.week:where([sf~="47"]) { --bgc: #93EEFB; --bg-grad: none; width: auto; --fw: .3; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; text-align: center; }
.kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text.week:where([sf~="47"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-op-mission-reward-name__text:has(> .op-mission-reward-name__text.week:where([sf~="47"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.op-missions-text-m:where([sf~="47"]) { color: #D3ACF8; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --text-shrink: 1; }
.op-missions-text-m--left:where([sf~="47"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.op-main-wash-color-light:where([sf~="47"]) { --wash-color: #D3ACF8; --wash-filter: url(#w-d3acf8); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-reward-warning:where([sf~="47"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; font-weight: 700; text-align: left; letter-spacing: 3px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #D3ACF8; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-height: 24px; }
.op-reward-warning-icon:where([sf~="47"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; }
.op-main-btn:where([sf~="47"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --brightness: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: #D3ACF8; --bg-grad: none; border-radius: 3px; transition-property: --bgc; transition-duration: .3s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main .op-main-btn:hover:where([sf~="47"]) { --bgc: white; --bg-grad: none; transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.op-main-btn p-label:where([sf~="47"]) { color: #1A0E25; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: left; text-transform: uppercase; font-weight: 500; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 16px; --mgr: 12px; --mgb: 12px; --mgl: 12px; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --text-shrink: 1; }
.op-main-btn.small p-label:where([sf~="47"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
.op-main-btn :is(p-image, :where(img[pimg])):where([sf~="47"]) { --wash-color: #1A0E25; --wash-filter: url(#w-1a0e25); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; transition-property: --wash-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main-topbar__icon:where([sf~="47"]) { --wash-color: #0A2333; --wash-filter: url(#w-0a2333); opacity: 1; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/popups/popup_inventory_inspect.css */
.popup-inspect-background:where([sf~="48"]) { --bgc: black; --bg-grad: none; }
.popup-inspect-modelpanel:where([sf~="48"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: url("/panorama/images/backgrounds/inspect.svg"); --bg-rep: no-repeat; --bg-size: auto 101%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-img-opacity: 0.2; --bg-img-own: none; transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-inspect-modelpanel:where([sf~="48"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-xray-container .popup-inspect-modelpanel:where([sf~="48"]), .popup-in-xray .popup-inspect-modelpanel:where([sf~="48"]) { --bg-img: none; }
.popup-inspect-modelpanel_darken:where([sf~="48"]) { --brightness: .25; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-inspect-modelpanel_darken_blur:where([sf~="48"]) { --blur: 32px; --brightness: .4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-inspect-image:where([sf~="48"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 130 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 450px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 450px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateY( 0% ); transition-property: transform; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
#id-character-button-container:where([sf~="48"]) { width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; transition-property: opacity, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
#id-character-button-container.hidden:where([sf~="48"]) { opacity: 0; --op-pe: none; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; }
.popup-inspect-image.y-offset:where([sf~="48"]) { transform: translateY( -10% ); transition-property: transform; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.popup-inspect-modelpanel--char:where([sf~="48"]) { width: 1080px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1080px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.93), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.93; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-char-model-controls:where([sf~="48"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; border-right: 1px solid rgba(255, 255, 255, 0.485126); --bdrn: 1; transition-property: opacity, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.popup-char-model-controls.hidden:where([sf~="48"]) { opacity: 0; --op-pe: none; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; --vis-collapse: initial; transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-char-model-controls :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="48"]) { width: 280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 280px; height: 46px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 46px; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0.10177) 0%, rgba(0, 0, 0, 0.10177) 100%, rgba(0, 0, 0, 0.10177) 100%); --bgc: transparent; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-inspect-modelpanel.hidden:where([sf~="48"]) { opacity: 0; --op-pe: none; transform: translateY( 100% ); transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-inspect__header-block:where([sf~="48"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-inspect__desc:where([sf~="48"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 900px; --maxw: 900px; max-height: 205px; --pdt: 16px; --pdr: 28px; --pdb: 0px; --pdl: 28px; --pdrn: 28; --pdln: 28; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-weight: 500; mix-blend-mode: screen; --s2-blend: additive; }
.popup-inspect__certificate:where([sf~="48"]) { --pdt: 16px; --wash-color: rgb(42, 42, 42); --wash-filter: url(#w-rgb_42_42_42); height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 70 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-inspect-raritybar:where([sf~="48"]) { --bg-grad: linear-gradient(90deg, #FFFFFF 0%, #b9b9b9 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 6px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 6px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; }
#InspectActionButton:where([sf~="48"]) { --context-menu-position: top; }
.inspect-model-image-panel:where([sf~="48"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.inspect-model-image-panel--hidden:where([sf~="48"]) { transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; opacity: 0; --op-pe: none; }
.hidden:where([sf~="48"]) { --vis-collapse: none; }
.spacer:where([sf~="48"]) { --mgl: 25px; --mgr: 25px; }
.inv-lootlist-btns-container:where([sf~="48"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 48px; }
.inv-arrow-btn:where([sf~="48"]) { --mgt: 0px; --mgr: 48px; --mgb: 0px; --mgl: 48px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 0.696476; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform-origin: 0% 100%; transform: translateX(500px); transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.inv-arrow-btn--left:where([sf~="48"]) { transform-origin: 100% 100%; transform: translateX(-500px); }
.inv-arrow-btn:hover:not(._disabled):where([sf~="48"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.inv-arrow-btn__image:where([sf~="48"]) { transform: rotateZ(-90deg); --mgb: 16px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.inv-arrow-btn__image--left:where([sf~="48"]) { transform: rotateZ(90deg); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.inv-arrow-btn._disabled:where([sf~="48"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.inv-arrow-btn__text:where([sf~="48"]) { color: white; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; text-overflow: ellipsis; transform: translateY( -1px ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.inv-arrow-btn__rarity:where([sf~="48"]) { border-radius: 50%; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; --bgc: white; --bg-grad: none; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.inv-arrow-btn._disabled .inv-arrow-btn__text:where([sf~="48"]), .inv-arrow-btn._disabled .inv-arrow-btn__rarity:where([sf~="48"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.inv-lootlist-title-container:where([sf~="48"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 16px; }
.border-right-white:where([sf~="48"]) { border-right: 1px solid rgba(255, 255, 255, 0.337286); --bdrn: 1; }
/* styles/endofmatch-characters.css */
#id-eom-characters-root:where([sf~="49"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: -1; transition-property: opacity, --brightness; transition-duration: 0.1s, 0.1s; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.kk-i-id-eom-characters-root:has(> #id-eom-characters-root:where([sf~="49"]):not([pvis="0"])) { isolation: isolate; }
.charlineup__model-preview-panel:where([sf~="49"]) { --bgc: red; --bg-grad: none; }
#id-eom-characters__teamname:where([sf~="49"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
#id-eom-characters__teamname p-label:where([sf~="49"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: white; }
#id-eom-characters__players:where([sf~="49"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdl: 25px; --pdln: 25; --pdr: 25px; --pdrn: 25; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#id-eom-characters__models:where([sf~="49"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdl: 25px; --pdln: 25; --pdr: 25px; --pdrn: 25; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#id-eom-characters__player__data:where([sf~="49"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.player-stats-card-container:where([sf~="49"]) { width: 230px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 230px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 20px; }
.eom-characters__player__commend:where([sf~="49"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --brightness: 0.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-characters__player__commend:hover:where([sf~="49"]) { --brightness: 1; transition-property: --brightness; transition-duration: 0.3s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hidden:where([sf~="49"]) { --vis-collapse: none; }
.eom-chars__layout--ffa:where([sf~="49"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; }
.eom-chars__layout--scrimcomp2v2:where([sf~="49"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; }
.eom-chars__layout__team-logo:where([sf~="49"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --px: 0px; --pxp: 0px; --py: 100px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 100px; opacity: 0.165745; --op-pe: inherit; mix-blend-mode: screen; --s2-blend: additive; }
#id-eom-chars__layout__logo--t:where([sf~="49"]) { --px: 300px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#id-eom-chars__layout__logo--ct:where([sf~="49"]) { --px: -300px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.character-lineup:where([sf~="49"]) { width: 1050px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1050px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgb: 50px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); mix-blend-mode: screen; --s2-blend: additive; }
.layout-position-container:where([sf~="49"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --px: 0px; --pxp: 0px; --py: 600px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.eom-chars__layout__position:where([sf~="49"]) { width: min(calc((100% + var(--ppx)) * 0.33), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-chars__layout__position p-label:where([sf~="49"]) { font-weight: 700; text-shadow: none; text-align: center; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-family: Stratum2 Bold Condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 100; font-size: calc(max(1, round(nearest, 100 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.eom-chars__layout__position--1st:where([sf~="49"]) { color: rgb(236, 217, 100); opacity: 1; --op-pe: inherit; }
p-label.eom-chars__layout__position--1st:where([sf~="49"]) { --fsz: 140; font-size: calc(max(1, round(nearest, 140 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.eom-chars__layout__position--2nd:where([sf~="49"]) { opacity: 1; --op-pe: inherit; }
.eom-chars__layout__position--3rd:where([sf~="49"]) { opacity: 1; --op-pe: inherit; }
p-label.eom-chars__layout__position--3rd:where([sf~="49"]) { color: rgb(206, 144, 86); }
.eom-chars__laurel__layout__position--1st:where([sf~="49"]) { opacity: 1; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-chars__laurel__layout__position--2nd:where([sf~="49"]) { opacity: 1; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-chars__laurel__layout__position--3rd:where([sf~="49"]) { opacity: 1; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.glowgoldbg:where([sf~="49"]) { mix-blend-mode: screen; --s2-blend: additive; z-index: -1; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --wash-color: #ECD964; --wash-filter: url(#w-ecd964); opacity: 0.524924; --op-pe: inherit; --mgt: -10px; --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-glowgoldbg:has(> .glowgoldbg:where([sf~="49"]):not([pvis="0"])) { isolation: isolate; }
.eom-chars__layout--ffa__glowsilver:where([sf~="49"]) { --bg-grad: radial-gradient(ellipse 35% 35% at 40% 40%, rgba(195, 195, 195, 0.312683) 0%, rgba(195, 195, 195, 0) 100%); --bgc: transparent; mix-blend-mode: screen; --s2-blend: additive; z-index: -1; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: -10px; --mgr: 0px; --mgb: 0px; --mgl: 40px; }
.kk-c-eom-chars__layout--ffa__glowsilver:has(> .eom-chars__layout--ffa__glowsilver:where([sf~="49"]):not([pvis="0"])) { isolation: isolate; }
.eom-chars__layout--ffa__glowbronze:where([sf~="49"]) { --bg-grad: radial-gradient(ellipse 35% 35% at 40% 40%, rgba(169, 143, 118, 0.282666) 0%, rgba(169, 143, 118, 0) 100%); --bgc: transparent; mix-blend-mode: screen; --s2-blend: additive; z-index: -1; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: -10px; --mgr: 0px; --mgb: 0px; --mgl: 40px; }
.kk-c-eom-chars__layout--ffa__glowbronze:has(> .eom-chars__layout--ffa__glowbronze:where([sf~="49"]):not([pvis="0"])) { isolation: isolate; }
.SlowSpin:where([sf~="49"]) { transform: translateX(0px) translateY(0px) rotateY(0deg); animation-name: ratio-loop; animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; --blur: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.SlowerSpin:where([sf~="49"]) { transform: translateX(0px) translateY(0px) rotateY(0deg); animation-name: ratio-loop; animation-duration: 16s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@keyframes ratio-loop {
0% { transform: translateX(0px) translateY(0px) rotateY(-5deg); }
50% { transform: translateX(0px) translateY(0px) rotateY(5deg); }
100% { transform: translateX(0px) translateY(0px) rotateY(-5deg); }
}
.vanity-info-container:where([sf~="49"]) { --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -200px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.charlineup__player__commend:where([sf~="49"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --brightness: 0.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.charlineup__player__commend:hover:where([sf~="49"]) { --brightness: 1; transition-property: --brightness; transition-duration: 0.3s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.debug:where([sf~="49"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --bgc: red; --bg-grad: none; }
.player-stats-card-container:where([sf~="49"]) { --vis-collapse: none; opacity: 0; --op-pe: none; transform-origin: 100% 100%; }
.player-stats-card-container.reveal:where([sf~="49"]) { animation-name: slam; animation-duration: 0.3s; animation-delay: 0s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; --vis-collapse: initial; transform: translateX(-105px) scale3d( 1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d( 0px, 0px, 0px ); opacity: 1; --op-pe: inherit; --sound: "UIPanorama.EOM.CardReveal"; }
@keyframes slam {
0% { transform: translateX(-105px) scale3d( 1, 1, 1) rotateX(-40deg) rotateY(10deg) rotateZ(-7deg) translate3d( 0px, 40px, 400px ); }
98% { transform: translateX(-105px) scale3d( 1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d( 0px, 0px, 0px ); --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateX(-105px) scale3d( 1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d( 0px, 0px, 0px ); }
}
/* styles/endofmatch-voting.css */
.eom-voting:where([sf~="50"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#id-map-selection-container:where([sf~="50"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 12px; }
#id-map-selection-container__directive:where([sf~="50"]) { --mgl: 15px; }
.eom-voting__timer:where([sf~="50"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-voting__item:where([sf~="50"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 9px; --mgr: 9px; --mgb: 9px; --mgl: 9px; }
.vote-item--separator:where([sf~="50"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; --mgt: 0px; --mgr: 24px; --mgb: 0px; --mgl: 24px; }
.map-selection-btn--vote:where([sf~="50"]) { width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 175; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 10px; --mgr: 16px; --mgb: 10px; --mgl: 16px; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.map-selection-btn--vote._selected:where([sf~="50"]) { border: 2px solid white; --bdln: 2; --bdrn: 2; box-shadow: 0px 0px 3px 2px white; --bg-fill: white; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
p-radiobutton.map-selection-btn--vote p-label:where([sf~="50"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
p-radiobutton.map-selection-btn--vote .map-selection-item-countLabel:where([sf~="50"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.map-selection-btn:not(._disabled):Hover .map-selection-btn__screenshot:where([sf~="50"]) { scale: 1.2 1.2; transition-property: opacity, scale; transition-duration: 2s, .25s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.submenu_contents_rollover"; }
.map-selection-btn--vote--rndm:where([sf~="50"]) { --wash-color: black; --wash-filter: url(#w-black); transition-property: --wash-color; transition-duration: 0.5s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection-btn__gradient:where([sf~="50"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.059773) 0%, rgba(0, 0, 0, 1) 100%); --bgc: transparent; }
@keyframes pulse-random {
0% { border: 1px solid rgba(255, 255, 255, 0); --bdln: 1; --bdrn: 1; }
50% { border: 5px solid yellow; --bdln: 5; --bdrn: 5; }
100% { border: 1px solid rgba(255, 255, 255, 0); --bdln: 1; --bdrn: 1; }
}
.map-selection-btn__gradient--whiteout:where([sf~="50"]) { animation-name: pulse-random; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.map-selection-list--vote:where([sf~="50"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
p-radiobutton p-label.map-selection-item-count:where([sf~="50"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --mgb: 40px; font-family: Stratum2; --c9: 0.9; font-weight: 700; --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.map-selection-btn__skirmishicon:where([sf~="50"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 48px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; color: white; --img-shadow: drop-shadow(0px 0px 1.5px color-mix(in srgb, black 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-map-selection-btn__winner:where([sf~="50"]) { --wash-color: #2bff00; --wash-filter: url(#w-2bff00); scale: 2 2; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(0px 0px 0.5px #2bff00); transition-property: scale, opacity; transition-duration: 0.1s, 0.1s; transition-timing-function: ease-in-out, ease-in-out; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-map-selection-btn__winner.appear:where([sf~="50"]) { scale: 1 1; opacity: 1; --op-pe: inherit; }
/* styles/hud/hud.css */
p-csgohud:where([sf~="51"]), #PopupManager:where([sf~="51"]), #ItemPreviewDebugManager:where([sf~="51"]), #TooltipManager:where([sf~="51"]), #ContextMenuManager:where([sf~="51"]), #HudInstructor:where([sf~="51"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#HudElemBlur:where([sf~="51"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 3px; --vis-collapse: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HudBlur:where([sf~="51"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 32px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HudBlurLess:where([sf~="51"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HudTopLeft:where([sf~="51"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#HudTopCenter:where([sf~="51"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; opacity: 1; --op-pe: inherit; --mgt: 2px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#HudBottomCenter:where([sf~="51"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --mgb: 2px; }
.HudBottomCenter--float:where([sf~="51"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: -150px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; }
#HudBottomGradient:where([sf~="51"]) { --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.537458) 0%, rgba(0, 0, 0, 0) 50%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 600px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 600px; animation-name: pano-vpct; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; opacity: 1; --op-pe: inherit; }
#HudLowerLeft:where([sf~="51"]) { transition-property: transform; transition-duration: .1s; transition-timing-function: ease-out; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#HudBottomCenter:where([sf~="51"]), #HudLowerLeft:where([sf~="51"]), #HudBottomRight:where([sf~="51"]) { transition-property: transform; transition-duration: .1s; transition-timing-function: ease-out; }
.DemoControllerFull #HudBottomCenter:where([sf~="51"]), .DemoControllerFull #HudLowerLeft:where([sf~="51"]), .DemoControllerFull #HudBottomRight:where([sf~="51"]) { transform: translateY(-86px); }
.DemoControllerMinimal #HudBottomCenter:where([sf~="51"]), .DemoControllerMinimal #HudLowerLeft:where([sf~="51"]), .DemoControllerMinimal #HudBottomRight:where([sf~="51"]) { transform: translateY(-50px); }
#HudTimerPanel p-label:where([sf~="51"]) { color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --pdl: 15px; --pdln: 15; --pdr: 15px; --pdrn: 15; --pdt: 2px; --pdb: 2px; }
#HudTimerPanel p-label.TimerAlert:where([sf~="51"]) { color: red; }
#HudTopRight:where([sf~="51"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#HudCenter:where([sf~="51"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 100px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#HudRadio:where([sf~="51"]) { --px: 0px; --pxp: 0px; --py: 460px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#HudBottomRight:where([sf~="51"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
#HudWeaponPanel:where([sf~="51"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#HudWeaponSelection:where([sf~="51"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#HudInWorld:where([sf~="51"]), #HudDamageIndicator:where([sf~="51"]), #HudReticle:where([sf~="51"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#HudTeamCounter:where([sf~="51"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; --mgt: 2px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#HudVote:where([sf~="51"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.HUD--localplayer--spectator .WinPanelRoot--Win-T .WinPanelRow__BG__Glitch:where([sf~="51"]), .HUD--localplayer--spectator .WinPanelRoot--Win-T .WinPanelRow__BG__Dots:where([sf~="51"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/popups/popup_accept_match.css */
.accept-match:where([sf~="52"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); scale: 1; transform: translateY( 0px ); min-width: 0px; opacity: 1; --op-pe: inherit; border-radius: 0px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; transition-property: transform, scale, opacity, --bgc, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; }
.accept-match-hit-blocker:where([sf~="52"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(0, 0, 0, 0.004597); --bg-grad: none; }
.accept-match-container:where([sf~="52"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 20%; box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: opacity, transform; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in, ease-in; }
.accept-match-container.hide:where([sf~="52"]) { opacity: 0; --op-pe: none; transform: scale3d(.8,.8, 1); }
.accept-match-warning:where([sf~="52"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgb(16, 112, 19); --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; opacity: 1; --op-pe: inherit; transform: translateY( 1% ); box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 3px solid #4CAF50; --bdln: 3; --bdrn: 3; transition-property: transform; transition-duration: 0.4s; transition-timing-function: ease-in; }
.accept-match-warning.hidden:where([sf~="52"]) { opacity: 0; --op-pe: none; transform: translateY( 10% ); transition-property: transform; transition-duration: 0.4s; transition-timing-function: ease-in; }
.accept-match-warning--label:where([sf~="52"]) { text-align: center; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 650px; --maxw: 650px; --text-shrink: 1; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.accept-match__bg:where([sf~="52"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; min-width: 720px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bg-grad: linear-gradient(180deg, #4CAF50 0%, #255E28 100%); --bgc: transparent; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); z-index: 2; --bg-rep: no-repeat; --bg-pos: 0% 50%; --bg-size: 100%; --bg-w: 0px; --bg-img: none; --bg-video: "/panorama/videos/gobutton.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.kk-c-accept-match__bg:has(> .accept-match__bg:where([sf~="52"]):not([pvis="0"])) { isolation: isolate; }
.accept-match__map:where([sf~="52"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; --brightness: .05; --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-img: url("/panorama/images/map_icons/screenshots/360p/de_overpass.webp"); --bg-img-opacity: 0.8; --bg-img-own: none; --bg-size: clip_then_cover; --bg-w: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.accept-match__map:where([sf~="52"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.accept-match__map__image:where([sf~="52"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; opacity: 0.268142; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.accept-match__data:where([sf~="52"]) { --mgt: 20px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.accept-match__data.auto:where([sf~="52"]) { --mgt: 0px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; zoom: 1.25; --uizi: 1.25; --zl: calc(var(--mgl) / 1.25); --zr: calc(var(--mgr) / 1.25); --zt: calc(var(--mgtv, var(--mgt)) / 1.25); --zb: calc(var(--mgbv, var(--mgb)) / 1.25); }
.accept-match__data__details:where([sf~="52"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.accept-match__data__title:where([sf~="52"]) { text-transform: uppercase; --fsz: 52; font-size: calc(max(1, round(nearest, 52 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: rgb(101, 228, 106); text-shadow: 0px 0px 4px rgb(0 0 0 / 0.534), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.534) 4.535%, transparent); }
.accept-match__data__title--details:where([sf~="52"]) { text-transform: none; --fsz: 19; font-size: calc(max(1, round(nearest, 19 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: rgb(101, 228, 106); text-shadow: 0px 0px 4px rgb(0 0 0 / 0.534), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.534) 4.535%, transparent); }
.accept-match__data__time:where([sf~="52"]) { border-radius: 2px; width: 242px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 242px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 16px; }
.accept-match__data__time__text:where([sf~="52"]) { text-transform: uppercase; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: rgb(101, 228, 106); text-shadow: 0px 0px 4px rgb(0 0 0 / 0.534), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.534) 4.535%, transparent); text-align: center; }
.accept-match__data__time.hidden:where([sf~="52"]) { --vis-collapse: none; }
.accept-match__data__gameserver:where([sf~="52"]) { border-radius: 2px; width: 242px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 242px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 44px; }
.accept-match__data__gameserver__text:where([sf~="52"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #b1af2d; text-shadow: 0px 0px 4px rgb(0 0 0 / 0.534), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.534) 4.535%, transparent); text-align: center; }
.accept-match__data__gameserver.hidden:where([sf~="52"]) { --vis-collapse: none; }
.accept-match__seperator:where([sf~="52"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; opacity: 2; --op-pe: inherit; --bgc: #0F9D58; --bg-grad: none; }
.accept-match .FlatButton:where([sf~="52"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 76px; zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; --bgc: rgb(53, 182, 81); --bg-grad: none; transition-property: opacity, zoom, --uizi, --zl, --zr, --zt, --zb; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.accept-match .FlatButton.hidden:where([sf~="52"]) { opacity: 0; --op-pe: none; zoom: 1.5; --uizi: 1.5; --zl: calc(var(--mgl) / 1.5); --zr: calc(var(--mgr) / 1.5); --zt: calc(var(--mgtv, var(--mgt)) / 1.5); --zb: calc(var(--mgbv, var(--mgb)) / 1.5); transition-property: opacity, zoom, --uizi, --zl, --zr, --zt, --zb; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.accept-match .FlatButton p-label:where([sf~="52"]) { font-weight: 700; text-transform: uppercase; --mgt: 12px; --mgr: 32px; --mgb: 10px; --mgl: 32px; color: rgb(18, 59, 8); --fsz: 52; font-size: calc(max(1, round(nearest, 52 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; transition-property: color, text-shadow; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.FlatButton:hover p-label:where([sf~="52"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; color: White; text-shadow: 0px 0px 4px rgba(144, 212, 144, 0.684676), 0px 0px 4px rgba(144, 212, 144, 0.684676), 0px 0px 4px rgba(144, 212, 144, 0.684676), 0px 0px 4px rgba(144, 212, 144, 0.684676); transition-property: color, text-shadow; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.accept-match__top-icon:where([sf~="52"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 0px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.accept-match__slots-count:where([sf~="52"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 70px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.accept-match__slots:where([sf~="52"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgb: 0px; zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; transition-property: opacity, zoom, --uizi, --zl, --zr, --zt, --zb, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.accept-match__slots.hidden:where([sf~="52"]) { opacity: 0; --op-pe: none; --vis-collapse: none; zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; transition-property: opacity, zoom, --uizi, --zl, --zr, --zt, --zb, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.accept-match__slots__player:where([sf~="52"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --brightness: 1; border: 4px solid rgb(33, 78, 34); --bdln: 4; --bdrn: 4; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --brightness, border, opacity; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; --bgc: rgb(28, 71, 31); --bg-grad: none; --bg-img: url("/panorama/images/icons/ui/player.svg"); --bg-img-opacity: 0.05; --bg-img-own: none; --bg-size: 70% 70%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; transition-property: --bg-img-opacity, --bgc, box-shadow, border; transition-duration: .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.accept-match__slots__player:where([sf~="52"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.accept-match__slots__player--accepted:where([sf~="52"]) { border: 4px solid #0F9D58; --bdln: 4; --bdrn: 4; box-shadow: 0px 0px 4px 2.666667px rgba(144, 212, 144, 0.684676); --bg-fill: rgba(144, 212, 144, 0.684676); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: rgb(70, 160, 71); --bg-grad: none; --bg-img-opacity: 1; --bg-img-own: none; transition-property: --bg-img-opacity, --bgc, box-shadow, border; transition-duration: .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.accept-match__slots__player--accepted:where([sf~="52"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.accept-match.Hidden:where([sf~="52"]) { opacity: 0; --op-pe: none; scale: 1.25; transform: translateY( -10px ); --sound: "UIPanorama.ui_custom_lobby_dialog_slide"; }
.accept-match__agreement:where([sf~="52"]) { transform: translateY( 20px ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.88448); --bg-grad: none; border-radius: 6px; max-width: 740px; --maxw: 740px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.accept-match__agreement p-button:where([sf~="52"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.accept-match__agreement p-button:hover:where([sf~="52"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.accept-match__agreement_spacer:where([sf~="52"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; }
.accept-match__agreement-label:where([sf~="52"]) { color: rgba(255, 255, 255, 0.836909); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; }
.accept-match__agreement-label--small:where([sf~="52"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; }
.TextSpan:where([sf~="52"]) { text-decoration: underline; }
.map-draft-phase-teams:where([sf~="52"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 720px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 720px; height: 260px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 260px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 120px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; z-index: 2; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; --vis-collapse: none; }
.kk-c-map-draft-phase-teams:has(> .map-draft-phase-teams:where([sf~="52"]):not([pvis="0"])) { isolation: isolate; }
.accept-match-with-player-list .map-draft-phase-teams:where([sf~="52"]) { --vis-collapse: initial; }
.accept-match-with-player-list .accept-match__map:where([sf~="52"]) { height: 530px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 530px; animation-name: pano-vpct; }
.accept-match-with-player-list .accept-match__slots__player:where([sf~="52"]) { height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --bg-img: none; --mgb: 30px; }
.accept-match-with-player-list .accept-match .FlatButton:where([sf~="52"]) { --mgb: 50px; }
.accept-match-with-player-list .accept-match__slots-count:where([sf~="52"]) { --mgb: 30px; }
.map-draft-phase-teams__team:where([sf~="52"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.map-draft-phase-teams__border:where([sf~="52"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; --bgc: rgba(101, 228, 106, 0.515343); --bg-grad: none; }
.map-draft-phase-teams__title:where([sf~="52"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1.8px; --pdt: 0px; --pdr: 12px; --pdb: 6px; --pdl: 12px; --pdrn: 12; --pdln: 12; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: rgb(101, 228, 106); text-shadow: 0px 0px 4px rgb(0 0 0 / 0.534), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.534) 4.535%, transparent); text-transform: uppercase; }
.map-draft-phase-button__avatar:where([sf~="52"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.map-draft-phase-teams__team--left .map-draft-phase-teams__title:where([sf~="52"]), .map-draft-phase-teams__team--left .map-draft-phase-button__avatar-name:where([sf~="52"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
.map-draft-phase-teams__team--left .map-draft-phase-button__avatar:where([sf~="52"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.map-draft-phase-teams .map-draft-phase-button__avatar-name:where([sf~="52"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; color: rgb(101, 228, 106); text-shadow: 0px 0px 4px rgb(0 0 0 / 0.534), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.534) 4.535%, transparent); }
.map-draft-phase-teams .map-draft-phase-button__avatar:where([sf~="52"]) { --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; }
.map-draft-phase-button__avatar p-csgoavatarimage:where([sf~="52"]) { --vis-collapse: initial; --mgt: 3px; --mgr: 3px; --mgb: 3px; --mgl: 3px; --bgc: rgb(101, 228, 106); --bg-grad: none; border: 1px solid rgb(101, 228, 106); --bdln: 1; --bdrn: 1; }
.map-draft-phase-teams .map-draft-phase-button__avatar:hover p-csgoavatarimage:where([sf~="52"]), .map-draft-phase-teams .map-draft-phase-button__avatar:hover .map-draft-phase-button__avatar-name:where([sf~="52"]) { --brightness: 2; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phase-teams .map-draft-phase-button__avatar p-csgoavatarimage:where([sf~="52"]) { width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; }
.map-draft-phase-teams .avatar-teamcolor:where([sf~="52"]), .map-draft-phase-teams .avatar-image__default:where([sf~="52"]) { width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; opacity: 0; --op-pe: none; }
/* styles/popups/popup_play_gamemodeflags.css */
.radio-options-container:where([sf~="53"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; }
#RadioOptionsContainer .PopupButton:where([sf~="53"]) { --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#RadioOptionsContainer .PopupButton p-label:where([sf~="53"]) { --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 16px; }
#RadioOptionsContainer .PopupButton p-label.small:where([sf~="53"]) { --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 16px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; }
/* styles/popups/popup_prime_status.css */
.PopupPanel:where([sf~="54"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.prime-status__title:where([sf~="54"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.prime-status__title .title_image:where([sf~="54"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
.prime-status__title p-label:where([sf~="54"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.prime-status__desc_container:where([sf~="54"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 15px; --mgl: 15px; --mgr: 15px; --mgb: 5px; --pdb: 0px; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.prime-status__desc:where([sf~="54"]) { text-align: left; --pdt: 0px; --pdr: 32px; --pdb: 16px; --pdl: 32px; --pdrn: 32; --pdln: 32; }
.prime-status__desc p-label:where([sf~="54"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.prime-status__faq:where([sf~="54"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 5px; --bgc: rgba(0, 0, 0, 0.082681); --bg-grad: none; --pdt: 32px; --pdr: 32px; --pdb: 32px; --pdl: 32px; --pdrn: 32; --pdln: 32; }
.prime-status__faq .faq_title:where([sf~="54"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdb: 16px; font-weight: 300; }
.prime-status__faq .faq_desc:where([sf~="54"]) { text-align: left; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.prime-status__status_container:where([sf~="54"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 15px; --pdr: 15px; --pdb: 15px; --pdl: 15px; --pdrn: 15; --pdln: 15; }
.prime-status__status:where([sf~="54"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 20px; --pdl: 10px; --pdln: 10; }
.prime-status__status p-label:where([sf~="54"]) { --pdl: 10px; --pdln: 10; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #CCCCCC; width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; }
.prime-status__warning p-label:where([sf~="54"]), .prime-status__status.warning_status p-label:where([sf~="54"]) { color: #FF9900; }
.prime-status__status.ok_status p-label:where([sf~="54"]) { color: #73A332; }
.prime-status__close_icon:where([sf~="54"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: rotateZ( 180deg ); transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.prime-status__close_button:Hover:where([sf~="54"]) { --brightness: .5; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.prime-status__close_button:Hover .prime-status__close_icon:where([sf~="54"]) { --brightness: .1; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.prime-status__buttons:where([sf~="54"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdr: 32px; --pdrn: 32; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.prime-status__buttons.hidden:where([sf~="54"]) { --vis-collapse: none; }
.prime-status__loading:where([sf~="54"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.prime-status__loading p-label:where([sf~="54"]), .prime-status__loading .Spinner:where([sf~="54"]) { --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
/* styles/tooltips/tooltip_souvenir_receipt.css */
.tooltip-souvenir-receipt:where([sf~="55"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 340px; }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__header:where([sf~="55"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: rgba(255, 255, 255, 0.207607); --bg-grad: none; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 6px; }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__list:where([sf~="55"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-top: 1px solid rgba(255, 255, 255, 0.068232); --mgt: 8px; --pdt: 8px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__row:where([sf~="55"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__row .tooltip-souvenir-receipt__name:where([sf~="55"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; text-overflow: ellipsis; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__row .kk-c-tooltip-souvenir-receipt__name:has(> .tooltip-souvenir-receipt__name:where([sf~="55"]):not([pvis="0"])), .tooltip-souvenir-receipt .tooltip-souvenir-receipt__row.kk-c-tooltip-souvenir-receipt__name:has(> .tooltip-souvenir-receipt__name:where([sf~="55"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .tooltip-souvenir-receipt .tooltip-souvenir-receipt__row .kk-c-tooltip-souvenir-receipt__name:has(> .tooltip-souvenir-receipt__name:where([sf~="55"]):not([pvis="0"]))::after, .tooltip-souvenir-receipt .tooltip-souvenir-receipt__row.kk-c-tooltip-souvenir-receipt__name:has(> .tooltip-souvenir-receipt__name:where([sf~="55"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__row .tooltip-souvenir-receipt__discount:where([sf~="55"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: #0F9D58; --bg-grad: none; font-weight: 700; --pdt: 2px; --pdr: 4px; --pdb: 2px; --pdl: 4px; --pdrn: 4; --pdln: 4; border-radius: 3px; color: black; }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__row .cart-item__currency:where([sf~="55"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgr: 4px; transform: translateY(-1px); }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__row .tooltip-souvenir-receipt__price:where([sf~="55"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.tooltip-souvenir-receipt .tooltip-souvenir-receipt__row .tooltip-souvenir-receipt__price .inline-coin-icon:where([sf~="55"]) { height: 13px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 13px; width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: translateY(-2px); }
/* styles/mainmenu_major_tile.css */
.mainmenu-major-tile:where([sf~="56"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.443137); --bg-fill: initial; --bg-solid: initial; --mgt: 8px; }
.mainmenu-major-tile.major-24:where([sf~="56"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: transparent; --bg-grad: none; --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_mainmenu_bg_24.webp"); --bg-size: 100% auto; --bg-w: 0px; --bg-pos: 100% 100%; --bg-rep: no-repeat; }
.mainmenu-major-tile.major-24 .mainmenu-major-tile__title:where([sf~="56"]) { color: rgb(48, 31, 6); }
.mainmenu-major-tile.major-25:where([sf~="56"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: transparent; --bg-grad: none; --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_mainmenu_bg_25.webp"); --bg-size: 100% auto; --bg-w: 0px; --bg-pos: 100% 100%; --bg-rep: no-repeat; }
.mainmenu-major-tile.major-25 .mainmenu-major-tile__title:where([sf~="56"]) { color: rgb(224, 190, 231); }
.mainmenu-major-tile.major-26:where([sf~="56"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: transparent; --bg-grad: none; --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_mainmenu_bg_26.webp"); --bg-size: 100% auto; --bg-w: 0px; --bg-pos: 100% 100%; --bg-rep: no-repeat; }
.mainmenu-major-tile.hidden:where([sf~="56"]) { opacity: 0; --op-pe: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgt: 0px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-major-tile .mainmenu-major-tile__btn:where([sf~="56"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 2; }
.mainmenu-major-tile .kk-c-mainmenu-major-tile__btn:has(> .mainmenu-major-tile__btn:where([sf~="56"]):not([pvis="0"])), .mainmenu-major-tile.kk-c-mainmenu-major-tile__btn:has(> .mainmenu-major-tile__btn:where([sf~="56"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-major-tile .mainmenu-major-tile__btn .mainmenu-major-tile__promo:where([sf~="56"]) { width: 175px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 175px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(0px 2px 6px rgb(0 0 0 / 0.54902)) drop-shadow(0px 2px 6px color-mix(in srgb, rgb(0 0 0 / 0.54902) 28.552013%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-major-tile .mainmenu-major-tile__btn .mainmenu-major-tile__info:where([sf~="56"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mainmenu-major-tile .mainmenu-major-tile__btn .mainmenu-major-tile__item:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-tile__btn .mainmenu-major-tile__item_2:where([sf~="56"]) { width: 92px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 92px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; transform: rotateZ( -10deg ); --img-shadow: drop-shadow(0px 2px 6px rgb(0 0 0 / 0.623529)) drop-shadow(0px 2px 6px color-mix(in srgb, rgb(0 0 0 / 0.623529) 28.552013%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-major-tile .mainmenu-major-tile__btn .mainmenu-major-tile__item_2:where([sf~="56"]) { width: 84px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 84px; transform: rotateZ( 10deg ) translateX( 40px); }
.mainmenu-major-tile .mainmenu-major-tile__btn .mainmenu-major-tile__promo_desc:where([sf~="56"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: rgb(255, 255, 255); text-shadow: 2px 2px 10px rgb(0, 0, 0), 2px 2px 10px rgb(0, 0, 0), 2px 2px 10px color-mix(in srgb, rgb(0, 0, 0) 63.61%, transparent); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --text-shrink: 1; text-align: center; color: white; font-family: Stratum2 medium, "Arial Unicode MS"; --c9: 0.9; z-index: 5; transition-property: --brightness, --bgc; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.mainmenu-major-tile .mainmenu-major-tile__btn .kk-c-mainmenu-major-tile__promo_desc:has(> .mainmenu-major-tile__promo_desc:where([sf~="56"]):not([pvis="0"])), .mainmenu-major-tile .mainmenu-major-tile__btn.kk-c-mainmenu-major-tile__promo_desc:has(> .mainmenu-major-tile__promo_desc:where([sf~="56"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-major-tile .mainmenu-major-tile__image:where([sf~="56"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 16px; }
.can-sell-items.mainmenu-major-tile .mainmenu-major-tile__image:where([sf~="56"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.has-reduction.mainmenu-major-tile .mainmenu-major-tile__image:where([sf~="56"]) { opacity: 1; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; mask-image: url("/panorama/images/masks/top-bottom-fade-4.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.mainmenu-major-tile .mainmenu-major-tile__new-items:where([sf~="56"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdb: 8px; --bg-grad: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.can-sell-items.mainmenu-major-tile .mainmenu-major-tile__new-items:where([sf~="56"]) { --vis-collapse: initial; }
.has-reduction.mainmenu-major-tile .mainmenu-major-tile__new-items:where([sf~="56"]) { --mgb: 8px; }
.has-reduction.mainmenu-major-tile .mainmenu-major-tile__new-items p-label:where([sf~="56"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(63, 48, 27); font-weight: 900; text-align: center; text-shadow: 1px 1px 5px color-mix(in srgb, rgb(0 0 0 / 0.8) 45.45%, transparent); border-radius: 14px; --bg-grad: linear-gradient(180deg, #efefef 0%, rgb( 212, 211, 211 ) 100%); --bgc: transparent; max-height: 22px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; transform: translateX( -65px ); }
.has-reduction.mainmenu-major-tile .mainmenu-major-tile__new-items p-label .inline-coin-icon:where([sf~="56"]) { height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 5px; --mgr: 5px; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.has-reduction.mainmenu-major-tile .mainmenu-major-tile__new-items p-itemimage:where([sf~="56"]) { height: 112px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 112px; --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; }
.mainmenu-major-tile .mainmenu-major-tile__new-items p-label:where([sf~="56"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: left; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 12px; color: white; text-shadow: 1px 1px 12px rgb(0 0 0 / 0.8), 1px 1px 12px color-mix(in srgb, rgb(0 0 0 / 0.8) 77.255%, transparent); --text-shrink: 1; }
.mainmenu-major-tile .mainmenu-major-tile__new-items p-itemimage:where([sf~="56"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --img-shadow: drop-shadow(0px 4px 6px rgb(0 0 0 / 0.854902)) drop-shadow(0px 4px 6px color-mix(in srgb, rgb(0 0 0 / 0.854902) 28.552013%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-major-tile .mainmenu-major-tile__new-items p-itemimage#id-open-major-item-image-1:where([sf~="56"]) { --mgl: 24px; transform: translateY(-14px); }
.mainmenu-major-tile .mainmenu-major-tile__new-items p-itemimage#id-open-major-item-image-2:where([sf~="56"]) { --mgl: 48px; }
.mainmenu-major-tile p-carousel:where([sf~="56"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 30px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.mainmenu-major-tile .mainmenu-major-item:where([sf~="56"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: --brightness, transform, opacity; transition-duration: .2s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-major-tile .mainmenu-major-item p-itemimage:where([sf~="56"]) { width: 220px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 220px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --img-shadow: drop-shadow(2px 4px 5px rgb(0 0 0 / 0.712)) drop-shadow(2px 4px 5px color-mix(in srgb, rgb(0 0 0 / 0.712) 28.552013%, transparent)); transition-property: --img-shadow; transition-duration: .2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-major-tile .mainmenu-major-item p-label:where([sf~="56"]) { border-radius: 14px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; white-space: nowrap; color: black; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; --bg-grad: linear-gradient(180deg, #efefef 0%, rgb( 212, 211, 211 ) 100%); --bgc: transparent; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.mainmenu-major-tile .mainmenu-major-item .mainmenu-major-tile__view-item:where([sf~="56"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; }
.mainmenu-major-tile .mainmenu-major-item .mainmenu-major-tile__view-item :is(p-image, :where(img[pimg])):where([sf~="56"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; }
.mainmenu-major-tile .mainmenu-major-item.Focused:where([sf~="56"]) { opacity: 1; --op-pe: inherit; transform: translateX(0px); z-index: 3; }
.mainmenu-major-tile .kk-c-mainmenu-major-item:has(> .mainmenu-major-item.Focused:where([sf~="56"]):not([pvis="0"])), .mainmenu-major-tile.kk-c-mainmenu-major-item:has(> .mainmenu-major-item.Focused:where([sf~="56"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-major-tile .mainmenu-major-item.Focused .mainmenu-major-tile__view-item:where([sf~="56"]) { --vis-collapse: initial; }
.mainmenu-major-tile .mainmenu-major-item.LeftOfFocus1:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.LeftOfFocus2:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.LeftOfFocus3:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.LeftOfFocus4:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.LeftOfFocus5:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.LeftOfFocus6:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.LeftOfFocus7:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.LeftOfFocus8:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.LeftOfFocus9:where([sf~="56"]) { opacity: 0; --op-pe: none; transform: translateX( -64px ) scale3d(.8, .8, 1); }
.mainmenu-major-tile .mainmenu-major-item.RightOfFocus1:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus2:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus3:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus4:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus5:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus6:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus7:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus8:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus9:where([sf~="56"]) { opacity: 0; --op-pe: none; transform: translateX( 64px ) scale3d(.8, .8, 1); }
.mainmenu-major-tile .mainmenu-major-item.LeftOfFocus1:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus1:where([sf~="56"]) { opacity: 0.892208; --op-pe: inherit; --brightness: .3; z-index: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-major-tile .kk-c-mainmenu-major-item:has(> .mainmenu-major-item.LeftOfFocus1:where([sf~="56"]):not([pvis="0"])), .mainmenu-major-tile.kk-c-mainmenu-major-item:has(> .mainmenu-major-item.LeftOfFocus1:where([sf~="56"]):not([pvis="0"])), .mainmenu-major-tile .kk-c-mainmenu-major-item:has(> .mainmenu-major-item.RightOfFocus1:where([sf~="56"]):not([pvis="0"])), .mainmenu-major-tile.kk-c-mainmenu-major-item:has(> .mainmenu-major-item.RightOfFocus1:where([sf~="56"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-major-tile .mainmenu-major-item.LeftOfFocus1 p-itemimage:where([sf~="56"]), .mainmenu-major-tile .mainmenu-major-item.RightOfFocus1 p-itemimage:where([sf~="56"]) { --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/popups/pet_photo_library.css */
.photo-library__body:where([sf~="57"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid rgba(255, 255, 255, 0.309963); border-bottom: 1px solid rgba(255, 255, 255, 0.309963); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-photo-library__body:has(> .photo-library__body:where([sf~="57"]):not([pvis="0"])) { --kid-fill-h: 1; }
.photo-library__list:where([sf~="57"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-bottom: 1px solid rgba(255, 255, 255, 0.235392); overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.kk-c-photo-library__list:has(> .photo-library__list:where([sf~="57"]):not([pvis="0"])) { --kid-fill-h: 1; }
.photo-library__empty:where([sf~="57"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --pdt: 24px; --pdr: 0px; --pdb: 24px; --pdl: 0px; --pdrn: 0; --pdln: 0; color: rgba(255, 255, 255, 0.666537); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.kk-c-photo-library__empty:has(> .photo-library__empty:where([sf~="57"]):not([pvis="0"])) { --kid-fill-h: 1; }
.pb-library__title:where([sf~="57"]) { text-align: center; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdb: 8px; }
.photo-library__item:where([sf~="57"]) { width: min(calc((100% + var(--ppx)) * 0.92), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0); --bg-fill: initial; --bg-solid: initial; --bgc: rgba(41, 75, 88, 0); --bg-grad: none; }
.photo-library__item:hover:where([sf~="57"]) { --sound: "UIPanorama.store_item_rollover"; }
.photo-library__item:hover .photo-library__delete-btn:where([sf~="57"]) { --vis-collapse: initial; opacity: 0.892208; --op-pe: inherit; transform: translateY( 0px ); }
.photo-library__item:hover .photo-library__image:where([sf~="57"]) { --brightness: 1.3; transform: scale3d(1.05, 1.05, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.photo-library__image:where([sf~="57"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: --brightness, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.photo-library__delete-btn:where([sf~="57"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; border-radius: 4px; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; --vis-collapse: none; opacity: 0; --op-pe: none; transform: translateY( -8px ); transition-property: opacity, transform, --bgc; transition-duration: .2s, .2s, .2s; transition-timing-function: ease-out, ease-out, ease-out; }
.photo-library__delete-btn :is(p-image, :where(img[pimg])):where([sf~="57"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.photo-library__item--draggable:hover:where([sf~="57"]) { animation-name: photo-library-nudge; animation-duration: .3s; animation-timing-function: ease-in-out; animation-iteration-count: 4; }
@keyframes photo-library-nudge {
0% { transform: rotateZ( 0deg ); }
25% { transform: rotateZ( -1.5deg ); }
75% { transform: rotateZ( 1.5deg ); }
100% { transform: rotateZ( 0deg ); }
}
/* styles/stats/playerstats.css */
.stats_width:where([sf~="58"]) { width: 1250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1250px; --pdl: 8px; --pdln: 8; --pdr: 8px; --pdrn: 8; }
.AspectRatio16x9 .stats_width:where([sf~="58"]), .AspectRatio16x10 .stats_width:where([sf~="58"]), .AspectRatio21x9 .stats_width:where([sf~="58"]) { width: 1850px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1850px; }
.RadioBox:where([sf~="58"]) { --vis-collapse: none; }
p-radiobutton p-label:where([sf~="58"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.subscription-status:where([sf~="58"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.subscription-status.stats-subscription-lastday .id-subscription-status-desc:where([sf~="58"]) { --vis-collapse: none; }
.subscription-status.stats-subscription-active .subscription-status__icon:where([sf~="58"]) { --vis-collapse: none; }
.subscription-status__block:where([sf~="58"]) { --pdl: 12px; --pdln: 12; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgr: 16px; }
.subscription-status__icon:where([sf~="58"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.subscription-status__label--small:where([sf~="58"]) { font-weight: 400; color: white; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; }
.subscription-status__label--yellow:where([sf~="58"]) { --wash-color: rgb(229, 233, 17); --wash-filter: url(#w-rgb_229_233_17); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.201277), 1px 1px 1px color-mix(in srgb, rgba(0, 0, 0, 0.201277) 50%, transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.subscription-status__label--green:where([sf~="58"]) { --wash-color: #60ec77; --wash-filter: url(#w-60ec77); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.201277), 1px 1px 1px color-mix(in srgb, rgba(0, 0, 0, 0.201277) 50%, transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.content-navbar--dropdown :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="58"]) { min-width: 290px; }
.content-navbar--dropdown:where([sf~="58"]) { --pdl: 8px; --pdln: 8; border-bottom: 1px solid transparent; }
.content-navbar__logo:where([sf~="58"]) { --mgr: 20px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.content-navbar__manage-btn:where([sf~="58"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; border: 1px solid rgba(112, 112, 112, 0.532657); --bdln: 1; --bdrn: 1; border-radius: 3px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; transition-property: --bgc; transition-duration: 0.15s; transition-timing-function: ease-in-out; }
.content-navbar__manage-btn__icon:where([sf~="58"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: rgb( 99, 99, 99 ); --wash-filter: url(#w-rgb_99_99_99); --mgr: 8px; transform: translateY( -1px ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.content-navbar__manage-btn:hover:where([sf~="58"]) { --bgc: rgba(107, 107, 107, 0.176857); --bg-grad: none; transition-property: --bgc; transition-duration: 0.15s; transition-timing-function: ease-in-out; }
p-button.content-navbar__manage-btn p-label:where([sf~="58"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: rgb(94, 94, 94); text-transform: uppercase; --mgl: 0px; }
.content-navbar__subscribe-btn:where([sf~="58"]) { border: 1px solid #60ec7e; --bdln: 1; --bdrn: 1; border-radius: 3px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --bgc: rgba(11, 80, 23, 0.366636); --bg-grad: none; transition-property: --bgc; transition-duration: 0.15s; transition-timing-function: ease-in-out; }
.content-navbar__subscribe-btn:hover:where([sf~="58"]) { --bgc: rgba(4, 44, 11, 0.548173); --bg-grad: none; transition-property: --bgc; transition-duration: 0.15s; transition-timing-function: ease-in-out; }
p-textbutton.content-navbar__subscribe-btn p-label:where([sf~="58"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #60ec77; text-transform: uppercase; --mgl: 0px; }
.playerstats-std-bg:where([sf~="58"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; border-radius: 10px; }
.Spinner:where([sf~="58"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --bg-img: url("/panorama/images/icons/ui/loading.svg"); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: contain; --bg-w: 0px; animation-name: SpinnerRotate; animation-duration: 1.25s; animation-timing-function: linear; animation-iteration-count: infinite; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
@keyframes SpinnerRotate {
0% { transform: scaleX( 1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
49% { transform: scaleX( 1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
50% { transform: scaleX( -1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
100% { transform: scaleX( -1 ); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
}
.playerstats_mode_label_primary:where([sf~="58"]) { font-weight: 400; --pdl: 25px; --pdln: 25; }
.playerstats_mode_label_secondary:where([sf~="58"]) { font-weight: 300; --pdl: 33px; --pdln: 33; }
.playerstats_mode_label_primary_section:where([sf~="58"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --mgt: 10px; --mgb: 10px; --bg-grad: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.568072) 10%, rgba(255, 255, 255, 0.568072) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; }
.playerstats_section_heading:where([sf~="58"]) { --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.playerstats__linegraph-container:where([sf~="58"]) { --bgc: rgba(20, 20, 20, 0.311264); --bg-grad: none; border-radius: 5px; }
.playerstats__matchlister-container:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(20, 20, 20, 0.311264); --bg-grad: none; border-radius: 5px; --mgl: 8px; }
.playerstats__row--top:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 4px; }
.playerstats__row--middle:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 4px; }
.playerstats__row--bottom:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 4px; --mgb: 8px; }
.normal-heading:where([sf~="58"]) { color: rgba(204, 204, 204, 1); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.large-heading:where([sf~="58"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.normal-label:where([sf~="58"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; white-space: nowrap; }
.label--small:where([sf~="58"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.label--small:where([sf~="58"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.normal-label-no-align:where([sf~="58"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.normal-value:where([sf~="58"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: right; }
.value--small:where([sf~="58"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; }
.normal-value--no-align:where([sf~="58"]) { font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: right; }
.value--xlarge:where([sf~="58"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.value--medium:where([sf~="58"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.value--large:where([sf~="58"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.value.prereveal:where([sf~="58"]) { opacity: 0; --op-pe: none; }
.value:where([sf~="58"]) { transition-property: opacity; transition-duration: 0.4s; transition-timing-function: ease-in-out; }
.value--rank:where([sf~="58"]), p-radiobutton._selected p-label.value--rank:where([sf~="58"]), p-radiobutton:hover p-label.value--rank:where([sf~="58"]) { color: #99ff99; }
.digitpanel-container--large:where([sf~="58"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.digitpanel-container--large .digitpanel__digit:where([sf~="58"]) { width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; }
.digitpanel-container--large p-label:where([sf~="58"]) { --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.digitpanel-container--xlarge:where([sf~="58"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.digitpanel-container--xlarge .digitpanel__digit:where([sf~="58"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; }
.digitpanel-container--xlarge p-label:where([sf~="58"]) { --fsz: 45; font-size: calc(max(1, round(nearest, 45 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.digitpanel-container p-label:where([sf~="58"]) { font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; --bg-grad: linear-gradient(0deg, rgba(100, 100, 100, 1) 0%, white 80%, white 100%); background-clip: text; color: transparent; }
.playerstats__topleft:where([sf~="58"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-playerstats__topleft:has(> .playerstats__topleft:where([sf~="58"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-playerstats__topleft:has(> .playerstats__topleft:where([sf~="58"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.playerstats__topright:where([sf~="58"]) { width: 325px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 325px; }
.playerstats__records__root:where([sf~="58"]) { --mgb: 4px; }
.rotatein:where([sf~="58"]), .slidein:where([sf~="58"]) { transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; }
.rotatein:where([sf~="58"]) { transform: scale3d(0.5, 0.5, 0.5) translateX(40px) rotateX(-90deg); }
.slidein:where([sf~="58"]) { transform: scale3d(0.9, 0.9, 0.9) translateX(0px) translateY(50px); }
.stats-panel:where([sf~="58"]) { --bgc: rgba(20, 20, 20, 0.311264); --bg-grad: none; border-radius: 5px; --mgb: 8px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; }
.stats-panel--mainrow:where([sf~="58"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-stats-panel--mainrow:has(> .stats-panel--mainrow:where([sf~="58"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-stats-panel--mainrow:has(> .stats-panel--mainrow:where([sf~="58"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.stats-panel--2ndrow:where([sf~="58"]) { height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; }
.vertical-divider:where([sf~="58"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; --bdrn: 1; }
.horizontal-divider:where([sf~="58"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; border: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; --bdrn: 1; }
.stats-panel__cell:where([sf~="58"]) { --pdl: 12px; --pdln: 12; --pdr: 12px; --pdrn: 12; --pdt: 8px; --pdb: 8px; }
.stats-panel__cell__sub:where([sf~="58"]) { --pdt: 8px; --pdb: 8px; }
.debug:where([sf~="58"]) { border: 1px solid red; --bdln: 1; --bdrn: 1; }
.mainrow__matchesplayed:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 0.145), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; min-width: 130px; }
.mainrow__adr:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 0.145), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; min-width: 130px; }
.mainrow__kdr:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 0.145), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; min-width: 130px; }
.mainrow__kills:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 0.133), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; min-width: 120px; }
.mainrow__1vx:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 0.16699999999999998), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; min-width: 150px; }
.onevx__1v1:where([sf~="58"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.onevx__1v2:where([sf~="58"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.matchesplayed__dot:where([sf~="58"]) { height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-radius: 50%; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 5px; }
.match--win:where([sf~="58"]) { --bgc: rgb(0, 252, 0); --bg-grad: none; }
.match--tie:where([sf~="58"]) { --bgc: olive; --bg-grad: none; }
.match--loss:where([sf~="58"]) { --bgc: rgb(208, 0, 0); --bg-grad: none; }
.mainrow__weapons:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 0.265), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.weapons__row:where([sf~="58"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.2), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.2; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --tooltip-position: left; }
.weapons__row__kd:where([sf~="58"]) { --px: 30px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.weapons__row :is(p-image, :where(img[pimg])):where([sf~="58"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.stats-panel--mapmates:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 0.4), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --mgr: 8px; }
.stat__mate__icon:where([sf~="58"]), .stat__map__icon:where([sf~="58"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; border-radius: 5px; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
.stats-panel--misc:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.stats-panel--graphbtn:where([sf~="58"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; }
.width-fill-parent-flow:where([sf~="58"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-width-fill-parent-flow:has(> .width-fill-parent-flow:where([sf~="58"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-width-fill-parent-flow:has(> .width-fill-parent-flow:where([sf~="58"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#Contents:where([sf~="58"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; border-radius: 0px; box-shadow: 0px 0px 2.5px 6.666667px rgb(255 0 0 / 0.8); --bg-fill: rgb(255 0 0 / 0.8); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.TooltipContainer.LeftArrowVisible #Contents:where([sf~="58"]) { min-height: 0px; --mh-set: 0; --mhp: initial; }
.playerstats-tt__root:where([sf~="58"]) { border: 1px solid black; --bdln: 1; --bdrn: 1; --pdt: 15px; --pdr: 15px; --pdb: 15px; --pdl: 15px; --pdrn: 15; --pdln: 15; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; border-radius: 5px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: black; --bg-grad: none; }
.limit-width .playerstats-tt__root:where([sf~="58"]) { max-width: 200px; --maxw: 200px; }
.playerstats-tt_statbtn__curve:where([sf~="58"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 50; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.playerstats-tt__root p-label:where([sf~="58"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; letter-spacing: 0px; line-height: 20px; color: rgba(204, 204, 204, 1); }
.playerstats-tt__root--statbutton p-label:where([sf~="58"]) { text-align: center; }
.tt__graph-stat-value__match:where([sf~="58"]) { --mgb: 5px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.playerstats-tt__stat-name:where([sf~="58"]) { --mgr: 10px; }
.playerstats-tt__match__map:where([sf~="58"]) { text-align: right; text-transform: uppercase; }
.playerstats-tt__match__myscore:where([sf~="58"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; text-align: right; }
.playerstats-tt__match__enemyscore:where([sf~="58"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; text-align: left; }
.playerstats-tt__match--win p-label:where([sf~="58"]) { color: green; }
.playerstats-tt__match--loss p-label:where([sf~="58"]) { color: red; }
.playerstats-tt__match--tie p-label:where([sf~="58"]) { color: rgb(175, 175, 0); }
.playerstats-tt__match--dnf:where([sf~="58"]) { --bgc: rgba(112, 0, 0, 0.243884); --bg-grad: none; }
.playerstats-tt__header:where([sf~="58"]) { --mgb: 5px; border-bottom: 1px solid gray; color: black; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.playerstats-tt__matches:where([sf~="58"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); max-height: 122px; }
.playerstats-tt__blurbackground:where([sf~="58"]) { --bg-grad: linear-gradient(323.130102deg, #14202b 0%, #1e2d3d 100%); --bgc: transparent; --blur: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.832484; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playerstats-tt__root--matchstats:where([sf~="58"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.playerstats-tt__row:where([sf~="58"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.tt__column__name:where([sf~="58"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.tt__column__name__primary-value:where([sf~="58"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.tt__column__name__secondary-value:where([sf~="58"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.playerstats-tt__root--matchstats .divider:where([sf~="58"]) { border: 1px solid rgba(204, 204, 204, 1); --bdln: 1; --bdrn: 1; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; }
.playerstats-tt__title:where([sf~="58"]) { text-align: right; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; --mgr: 10px; }
p-label.playerstats-tt__value:where([sf~="58"]) { text-align: center; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.tt__column__name__secondary-value p-label.playerstats-tt__value:where([sf~="58"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.tt__value-container:where([sf~="58"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.mode4096 .hide-wingman:where([sf~="58"]), .mode8192 .hide-wingman:where([sf~="58"]), .mode12288 .hide-wingman:where([sf~="58"]) { --vis-collapse: none; }
.singlematch__root:where([sf~="58"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: translateY( 100%); --pdl: 96px; --pdln: 96; --pdr: 96px; --pdrn: 96; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 984px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 984px; animation-name: pano-vpct; --bgc: rgba(0, 0, 0, 0.678569); --bg-grad: none; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease-in-out; }
.singlematch__root.reveal:where([sf~="58"]) { transform: translateY( 0%); }
.singlematch__root .mi-main:where([sf~="58"]) { transition-property: none; transition-duration: 0s; transition-timing-function: ease-in-out; }
.singlematch__dismiss.PopupButton:where([sf~="58"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#PageSpinner:where([sf~="58"]) { --mgl: 30px; }
.incomplete-notice:where([sf~="58"]) { opacity: 0; --op-pe: none; }
.stats-loading.incomplete-notice:where([sf~="58"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease-in-out; }
.playerstats__nodata_notice:where([sf~="58"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; }
.playerstats__nodata_notice p-label:where([sf~="58"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 10px; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; }
p-panel:where([sf~="58"]), p-label:where([sf~="58"]), p-csgoavatarimage:where([sf~="58"]) { transition-property: --bgc, color; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.no-data.playerstats__records__root:where([sf~="58"]) { --bgc: rgba(20, 20, 20, 0.311264); --bg-grad: none; border-radius: 5px; }
.no-data p-radiobutton p-label:where([sf~="58"]), .no-data p-label:where([sf~="58"]), .no-data .matchesplayed__dot:where([sf~="58"]) { color: transparent; --bgc: transparent; --bg-grad: none; }
.no-data .hide-nodata:where([sf~="58"]) { opacity: 0; --op-pe: none; }
.no-data .stat__mate__icon:where([sf~="58"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.no-data .normal-heading:where([sf~="58"]) { --bgc: rgba(0, 0, 0, 0.072022); --bg-grad: none; }
.no-data .horizontal-divider:where([sf~="58"]), .no-data .vertical-divider:where([sf~="58"]) { border: 1px solid rgba(255, 255, 255, 0); --bdln: 1; --bdrn: 1; }
.no-data .stats-panel:where([sf~="58"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.no-data :is(p-image, :where(img[pimg])):where([sf~="58"]) { opacity: 0; --op-pe: none; }
.no-data p-spidergraph:where([sf~="58"]), .no-data p-uicanvas:where([sf~="58"]) { opacity: 0.275931; --op-pe: inherit; --wash-color: black; --wash-filter: url(#w-black); --blur: 2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.no-data #GraphContainerBG:where([sf~="58"]) { border-color: transparent; opacity: 0; --op-pe: none; }
.no-data :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="58"]) { opacity: 0; --op-pe: none; --bgc: rgba(0, 0, 0, 0.072022); --bg-grad: none; }
.no-data .value--rank:where([sf~="58"]), .no-data .RadioButton:where([sf~="58"]) { opacity: 0; --op-pe: none; color: transparent; }
.data-message:where([sf~="58"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: 'Arial Unicode MS'; --c9: 1; color: white; }
.playerstats-dropdown:where([sf~="58"]) { --bg-size: 12px 12px; --bg-w: 12px; --bg-pos: right calc(20px - var(--bg-w, 0px)) top 70%; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --bgc: rgba(0, 0, 0, 0.196524); --bg-grad: none; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgr: 6px; border-radius: 2px; }
.playerstats-dropdown-entry:where([sf~="58"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: none; color: rgba(204, 204, 204, 1); font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; }
.playerstats-dropdown-entry p-label:where([sf~="58"]) { --text-shrink: 1; }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).playerstats-dropdown._focus p-label:where([sf~="58"]) { color: rgba(204, 204, 204, 1); }
p-radiobutton:where([sf~="58"]) { transition-property: --bgc, color; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
p-radiobutton:not(p-selected):hover:where([sf~="58"]) { --bgc: rgba(50, 50, 50, 0.678758); --bg-grad: none; }
p-radiobutton:not(p-hover)._selected:where([sf~="58"]) { --bgc: rgba(100, 100, 100, 0.870413); --bg-grad: none; }
.map-graph-tooltip-labels:where([sf~="58"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; min-width: 140px; --text-shrink: 1; }
/* styles/popups/popup_capability_decodable.css */
.popup-decodable-blur-anim:where([sf~="59"]) { transition-property: --blur, opacity; transition-duration: 1s, 1s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-decodable-blur-target:where([sf~="59"]) { --blur: 16px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-decodable-lootlist-container:where([sf~="59"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; max-height: 620px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 0px; --pdr: 64px; --pdb: 80px; --pdl: 64px; --pdrn: 64; --pdln: 64; transform: translateY( 0% ); --vis-collapse: initial; --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .02; --bg-img-own: none; transition-property: transform; transition-delay: .0s; transition-duration: 1s; transition-timing-function: ease-in-out; }
.popup-decodable-lootlist-container:where([sf~="59"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-decodable-lootlist-container.hidden:where([sf~="59"]) { transform: translateY( 100% ); --vis-collapse: initial; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-in-out; }
.popup-decodable-lootlist:where([sf~="59"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --pdt: 16px; border-top: 1px solid rgba(255, 255, 255, 0.485126); }
.popup-decodable-lootlist-single-reward:where([sf~="59"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; transform: translateY(4px); opacity: 1; --op-pe: inherit; transform: translateY( 0px ); transition-property: opacity, transform; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-decodable-lootlist-single-icon:where([sf~="59"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; transform: translateY(-1px); }
.popup-decodable-lootlist-multi-reward-icon:where([sf~="59"]) { --wash-color: #4ab0e7; --wash-filter: url(#w-4ab0e7); --mgr: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-decodable-lootlist-multi-reward:where([sf~="59"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #4ab0e7; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateY(-1px); }
.popup-browse-btn:where([sf~="59"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; border-radius: 3px; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.029303) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .3s; transition-timing-function: ease-in-out; }
.popup-browse-btn:hover:where([sf~="59"]) { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.235581) 0%, rgba(0, 0, 0, 0.235581) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; }
#id-special-item:where([sf~="59"]) { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); transition-property: opacity, transform; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
#CanDecodableDescRental:where([sf~="59"]) { opacity: 0; --op-pe: none; transform: translateY( 100px ); transition-property: opacity, transform; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
.rental-mode #id-special-item:where([sf~="59"]), .rental-mode #CanDecodableDesc:where([sf~="59"]) { opacity: 0; --op-pe: none; transform: translateY( 100px ); transition-property: opacity, transform; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
.rental-mode #CanDecodableDescRental:where([sf~="59"]) { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); transition-property: opacity, transform; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-decodable-opening:where([sf~="59"]) { transform: translateY( 0% ); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 133 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --brightness: 1; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-decodable-opening.hidden:where([sf~="59"]) { opacity: 0; --op-pe: none; transform: scaleY( 0 ); --vis-collapse: initial; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, white 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; transition-property: --bgc, transform, opacity; transition-duration: .25s, .25s, 0.1s; transition-timing-function: ease-in, ease-in, ease-in; }
.popup-decodable-opening__list:where([sf~="59"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; mask-image: url("/panorama/images/masks/case-opening-outer.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .02; --bg-img-own: none; }
.popup-decodable-opening__list:where([sf~="59"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-decodable-opening__list--magnified:where([sf~="59"]) { mask-image: url("/panorama/images/masks/case-opening.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; }
.popup-decodable-opening-items-container:where([sf~="59"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; overflow-x: auto; overflow-y: clip; --ovx: scroll; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-decodable-opening-items-container p-horizontalscrollbar:where([sf~="59"]) { opacity: 0; --op-pe: none; transition-property: transform; transition-duration: 6s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.popup-decodable-scroll-item:where([sf~="59"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 70; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(145, 145, 145, 0.851049) 0%, rgba(100, 100, 110, 0.835841) 100%); --bgc: transparent; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; --brightness: .5; --blur: 3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-decodable-scroll-item.magnified:where([sf~="59"]) { width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 75; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; --brightness: 1; --blur: 0px; border: 1px solid rgb(68, 68, 68); --bdln: 1; --bdrn: 1; border-radius: 2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-decodable-scroll-item-rarity:where([sf~="59"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-grad: radial-gradient(ellipse 50% 120% at 50% 50%, white 0%, rgb(200, 200, 200 ) 100%); --bgc: transparent; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; box-shadow: -2px -2px 2px 5.333333px rgb(65 65 65 / .25); --bg-fill: rgb(65 65 65 / .25); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-decodable-scroll-item-tint:where([sf~="59"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.4), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.4; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-grad: linear-gradient(0deg, rgb(145, 145, 145) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.popup-decodable-center-bar:where([sf~="59"]) { width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; height: 268px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 268px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: #b1af2d; --bg-grad: none; box-shadow: -2px -2px 2px 5.333333px rgb(65 65 65 / .25); --bg-fill: rgb(65 65 65 / .25); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-decodable-wash-color-unusual:where([sf~="59"]) { --wash-color: #ffd700; --wash-filter: url(#w-ffd700); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-decodable-wash-color-unusual-bg:where([sf~="59"]) { --wash-color: #ffd700; --wash-filter: url(#w-ffd700); --bg-img: none; --bg-video: "/panorama/videos/acknowledge540p.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-rep: no-repeat; --bg-size: 200% 200%; --bg-w: 0px; --bg-pos: 50% 50%; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-decodable-countdown-text:where([sf~="59"]) { transform: scaleY( 1 ) translateY( 0% ); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 200; font-size: calc(max(1, round(nearest, 200 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bg-grad: linear-gradient(0deg, rgb(145, 145, 145) 0%, rgba(255, 255, 255, 1) 100%); background-clip: text; color: transparent; text-shadow: 2px 2px 2px color-mix(in srgb, #000000 45.45%, transparent); }
.popup-countdown-anim:where([sf~="59"]) { animation-name: unlock-countdown-anim; animation-duration: 0.75s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes unlock-countdown-anim {
0% { transform: scale3d( 3, 3, 3 ); opacity: 0; --op-pe: none; --blur: 4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1, 1, 1 ); --blur: 4px; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.popup-countdown-timer-circle:where([sf~="59"]) { width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; height: 700px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 700px; animation-name: pano-vpct; border: 7px solid rgba(255, 255, 255, 0.282779); --bdln: 7; --bdrn: 7; border-radius: 50%; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(255, 255, 255, 0.24544); --bg-grad: none; }
.popup-countdown-timer-circle-anim:where([sf~="59"]) { animation-name: countdown-timerbar-animation; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes countdown-timerbar-animation {
0% { --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
100% { --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
}
.popup-xray-container:where([sf~="59"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-xray:where([sf~="59"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 68; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 960px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 960px; --mgt: 115px; border-radius: 10px; }
.popup-xray__status:where([sf~="59"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 18px; --pdr: 18px; --pdb: 18px; --pdl: 18px; --pdrn: 18; --pdln: 18; }
.popup-xray__status__dot:where([sf~="59"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; border-radius: 50%; --bgc: #b1af2d; --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-xray__status__dot.in-use:where([sf~="59"]) { --bgc: #0F9D58; --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-xray-actions:where([sf~="59"]) { height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-xray-actions.hidden:where([sf~="59"]) { transform: translateY( -200px ); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-xray-actions__label:where([sf~="59"]) { width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; --pdl: 16px; --pdln: 16; }
.popup-xray-container__line-container:where([sf~="59"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-xray-container__line-container.hide:where([sf~="59"]), .popup-xray-inverse-effect.hide:where([sf~="59"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-xray-container__line:where([sf~="59"]) { --bgc: white; --bg-grad: none; width: 5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 5px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; box-shadow: 6px 0px 6px 4px white; --bg-fill: white; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.popup-xray-container__gradient:where([sf~="59"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bg-grad: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0.427734) 15%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
#PopUpXrayModelOrImage:where([sf~="59"]) { clip-path: inset(0% calc(100% - 100%) calc(100% - 100%) 0%); transition-property: --brightness, --contrast, --saturation, --bgc, --blur; transition-duration: 1s, .5s, .5s, .25s, 2s; transition-delay: 0s, 0s, 0s, 0s, 1s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in; }
#PopUpXrayModelOrImageReveal:where([sf~="59"]) { --contrast: -1; --saturation: -1; --bgc: rgb(0, 0, 0); --bg-grad: none; opacity: 0; --op-pe: none; transition-property: --brightness, --contrast, --saturation, --bgc; transition-duration: 1s, 1s, 1s, 1s; transition-delay: 2s, 2s, 2s, 2s; transition-timing-function: ease-in, ease-in, ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#PopUpXrayModelOrImageReveal.no-anim:where([sf~="59"]) { transition-property: none; transition-duration: 0s; transition-delay: 0s; transition-timing-function: ease-in; }
#PopUpXrayModelOrImageReveal.popup-xray-reverse-effect:where([sf~="59"]) { --contrast: 1; --saturation: 1; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-xray-inverse-effect:where([sf~="59"]) { --brightness: 1; --contrast: -1; --saturation: -1; --bgc: rgb(255, 255, 255); --bg-grad: none; --blur: 4px; transition-property: --brightness, --contrast, --saturation, --bgc, --blur; transition-duration: 1s, .5s, .5s, .25s, 2s; transition-delay: 0s, 0s, 0s, 0s, 1s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-xray-container__square-container:where([sf~="59"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; box-shadow: 8px 0px 8px 5.333333px rgb(0 0 0 / 0.513725); --bg-fill: rgb(0 0 0 / 0.513725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: rgba(0, 0, 0, 0.311325); --bg-grad: none; border-radius: 10px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 2px; }
.popup-xray-container__square:where([sf~="59"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 106px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 106px; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; --bg-img: url("/panorama/images/icons/ui/exit.svg"); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 12px; --bg-w: 12px; --bg-img-opacity: 0.08; --bg-img-own: none; transition-property: --bgc; transition-duration: 2s; transition-timing-function: ease-in-out; }
.popup-xray-container__square:where([sf~="59"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-xray-container__bars:where([sf~="59"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 32px; opacity: 0.472624; --op-pe: inherit; }
.popup-xray-container__bars--vertical:where([sf~="59"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 32px; opacity: 0.472624; --op-pe: inherit; transform: rotateZ(-90deg); --px: 260px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
/* styles/hud/hudteamcounter-equipmentinfo.css */
.debug:where([sf~="60"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.show-equip-info:where([sf~="60"]) { zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; transition-property: zoom, --uizi, --zl, --zr, --zt, --zb; transition-duration: .5s, .5s, .5s, .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.equipinfo-root:where([sf~="60"]) { opacity: 0; --op-pe: none; transform: translateY( -100px ); transition-property: --mgt; transition-duration: 0.5s, 0.5s; --mgt: 0px; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); z-index: -10; }
.kk-c-equipinfo-root:has(> .equipinfo-root:where([sf~="60"]):not([pvis="0"])) { isolation: isolate; }
.competitive .ROUNDDOWNTIME .equipinfo-root:where([sf~="60"]), .competitive.HUD--localplayer--dead .equipinfo-root:where([sf~="60"]), .competitive.HUD--localplayer--spectator .equipinfo-root:where([sf~="60"]), .scrimcomp2v2 .ROUNDDOWNTIME .equipinfo-root:where([sf~="60"]), .scrimcomp2v2.HUD--localplayer--dead .equipinfo-root:where([sf~="60"]), .scrimcomp2v2.HUD--localplayer--spectator .equipinfo-root:where([sf~="60"]) { --mgt: 14px; }
.equipinfo-root :is(p-image, :where(img[pimg])):where([sf~="60"]) { --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.322169)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.equipinfo-root p-label:where([sf~="60"]) { text-shadow: 1px 1px 1px black; }
.dead .equipinfo-root :is(p-image, :where(img[pimg])):where([sf~="60"]), .dead .equipinfo-root p-label:where([sf~="60"]) { --wash-color: #dddddd; --wash-filter: url(#w-dddddd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.SHOW-EQUIPINFO .equipinfo-root:where([sf~="60"]) { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); }
.equipinfo-root .equipinfo__container:where([sf~="60"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 2px; --pdb: 0px; --pdl: 2px; --pdrn: 2; --pdln: 2; --pdt: 86px; }
.equipinfo-root .equipinfo__row:where([sf~="60"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; --vis-collapse: none; }
.equipinfo-root .equipinfo__armor--nohelmet:where([sf~="60"]), .equipinfo-root .equipinfo__armor--helmet:where([sf~="60"]), .equipinfo-root .equipinfo__c4:where([sf~="60"]), .equipinfo-root .equipinfo__defuser:where([sf~="60"]) { --vis-collapse: none; }
.equipinfo-root .equipinfo__row--money:where([sf~="60"]), .equipinfo-root.SHOW-WEAPON .equipinfo__row--weapon:where([sf~="60"]), .equipinfo-root .equipinfo__row--nades:where([sf~="60"]), .equipinfo-root.SHOW-ARMOR .equipinfo__row--armor:where([sf~="60"]), .equipinfo-root.SHOW-ARMOR-HELMET .equipinfo__row--armor:where([sf~="60"]), .equipinfo-root.SHOW-C4 .equipinfo__row--armor:where([sf~="60"]), .equipinfo-root.SHOW-DEFUSER .equipinfo__row--armor:where([sf~="60"]), .equipinfo-root.SHOW-ARMOR .equipinfo__armor--nohelmet:where([sf~="60"]), .equipinfo-root.SHOW-ARMOR-HELMET .equipinfo__armor--helmet:where([sf~="60"]), .equipinfo-root.SHOW-C4 .equipinfo__c4:where([sf~="60"]), .equipinfo-root.SHOW-DEFUSER .equipinfo__defuser:where([sf~="60"]) { --vis-collapse: initial; }
.equipinfo-root .equipinfo__money:where([sf~="60"]) { --fsz: 17; font-size: calc(max(1, round(nearest, 17 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; color: white; }
.equipinfo-root.SHRINK-MONEY .equipinfo__money:where([sf~="60"]) { --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.equipinfo-root .equipinfo__row--nades:where([sf~="60"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.equipinfo-root .equipinfo__row--nades .equipinfo__nade:where([sf~="60"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 13.5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13.5px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.equipinfo-root .equipinfo__row--armor:where([sf~="60"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.equipinfo__bg-container:where([sf~="60"]) { width: min(calc((100% + var(--ppx)) * 0.94), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 176px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 176px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
.SHOW-EQUIPINFO .equipinfo__bg-container:where([sf~="60"]), #ScoreAndTimeAndBomb .equipinfo__bg-container:where([sf~="60"]) { --vis-collapse: initial; }
.dead .equipinfo__bg-container:where([sf~="60"]) { height: 101px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 101px; }
#ScoreAndTimeAndBomb .equipinfo__bg-container:where([sf~="60"]) { height: 106px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 106px; width: min(calc((100% + var(--ppx)) * 0.98), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.deathmatch #ScoreAndTimeAndBomb .equipinfo__bg-container:where([sf~="60"]), .gungameprogressive #ScoreAndTimeAndBomb .equipinfo__bg-container:where([sf~="60"]) { height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; }
.equipinfo__bg-container .equipinfo__blurbg:where([sf~="60"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --world-blur: gaussian(2,2,2); mask-image: url("/panorama/images/masks/top-bottom-fade-4.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.15; --bg-img-own: none; --bg-pos: 100% 100%; }
.equipinfo__bg-container .equipinfo__blurbg:where([sf~="60"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.equipinfo__bg-container .equipinfo--score-time__bg:where([sf~="60"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; mask-image: url("/panorama/images/masks/score-time-mask.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bgc: rgba(0, 0, 0, 0.762164); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.025; --bg-img-own: none; --bg-pos: 100% 100%; }
.equipinfo__bg-container .equipinfo--score-time__bg:where([sf~="60"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.PlayerCountInsteadOfAvatars .equipinfo__bg-container .equipinfo--score-time__bg:where([sf~="60"]) { mask-image: url("/panorama/images/masks/score-time-mask--playercount.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.deathmatch .equipinfo__bg-container .equipinfo--score-time__bg:where([sf~="60"]), .gungameprogressive .equipinfo__bg-container .equipinfo--score-time__bg:where([sf~="60"]) { mask-image: url("/panorama/images/masks/score-time-dm-mask.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.equipinfo__bg-container .equipinfo__bg:where([sf~="60"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.485683) 0%, rgba(0, 0, 0, 0.485683) 50%, rgba(0, 0, 0, 0.196524) 100%); --bgc: transparent; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, --brightness; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; mask-image: url("/panorama/images/masks/top-bottom-fade-4.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%); --bgc: transparent; }
#Hud:not(.HUD--localplayer--spectator) #ScoreAndTimeAndBomb .equipinfo__bg-container .equipinfo__bg:where([sf~="60"]) { --bgc: rgba(0, 0, 0, 0.485683); --bg-grad: none; }
.Avatar__SpectateTarget .equipinfo__bg-container .equipinfo__bg:where([sf~="60"]) { --bg-grad: linear-gradient(180deg, rgba(85, 85, 85, 1) 0%, rgba(85, 85, 85, 1) 30%, rgba(0, 0, 0, 1) 100%); --bgc: transparent; }
.dead .equipinfo__bg-container .equipinfo__bg:where([sf~="60"]), #ScoreAndTimeAndBomb .equipinfo__bg-container .equipinfo__bg:where([sf~="60"]) { --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.485683) 0%, rgba(0, 0, 0, 0.485683) 100%); --bgc: transparent; }
.equipinfo__row--divider:where([sf~="60"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --bgc: rgba(255, 255, 255, 0.209272); --bg-grad: none; --mgb: 3px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
/* styles/loadout_grid.css */
.loadout-grid-container:where([sf~="61"]) { --mgr: 64px; }
.loadout-grid-container .loadout-grid__slots:where([sf~="61"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.56), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.56; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-bottom: 1px solid rgba(255, 255, 255, 0.282779); --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; --mgb: 8px; transition-property: border; transition-duration: .25s; transition-timing-function: ease-in-out; }
.loadout-grid-container .loadout-grid__slots .loadout-grid__slots__container:where([sf~="61"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.loadout-grid-container .loadout-grid__slots .loadout-grid__slots__ct:where([sf~="61"]), .loadout-grid-container .loadout-grid__slots .loadout-grid__slots__t:where([sf~="61"]) { transform-origin: 50% 50%; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.loadout-grid-container .loadout-grid__slots .loadout-grid__slots__ct .loadout-column__title:not(._selected):hover p-label:where([sf~="61"]), .loadout-grid-container .loadout-grid__slots .loadout-grid__slots__t .loadout-column__title:not(._selected):hover p-label:where([sf~="61"]) { color: white; }
.loadout-grid-container .loadout-grid__slots .loadout-grid__slots__ct .loadout-column__title:not(._selected):hover .RadioBox:where([sf~="61"]), .loadout-grid-container .loadout-grid__slots .loadout-grid__slots__t .loadout-column__title:not(._selected):hover .RadioBox:where([sf~="61"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-grid__slots .loadout-grid__slots__ct .loadout-column__title._disabled p-label:where([sf~="61"]), .loadout-grid-container .loadout-grid__slots .loadout-grid__slots__t .loadout-column__title._disabled p-label:where([sf~="61"]) { color: black; opacity: 0.696476; --op-pe: inherit; }
.loadout-grid-container .loadout-grid__slots .loadout-grid__slots__t:where([sf~="61"]) { --bgc: rgba(100, 81, 6, 0.416894); --bg-grad: none; --bg-grad: linear-gradient(90deg, rgba(100, 81, 6, 0.416894) 0%, rgba(100, 81, 6, 0.416894) 75%, rgba(100, 81, 6, 0) 100%); --bgc: transparent; border-left: 4px solid rgba(214, 180, 45, 0.731722); --bdln: 4; }
.loadout-grid-container .loadout-grid__slots .loadout-grid__slots__ct:where([sf~="61"]) { --px: -308px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); z-index: 2; --bg-grad: linear-gradient(270deg, rgba(29, 86, 135, 0.341262) 0%, rgba(29, 86, 135, 0.341262) 75%, rgba(5, 66, 120, 0) 100%); --bgc: transparent; border-right: 4px solid rgba(48, 147, 234, 0.799482); --bdrn: 4; }
.loadout-grid-container .loadout-grid__slots .kk-c-loadout-grid__slots__ct:has(> .loadout-grid__slots__ct:where([sf~="61"]):not([pvis="0"])), .loadout-grid-container .loadout-grid__slots.kk-c-loadout-grid__slots__ct:has(> .loadout-grid__slots__ct:where([sf~="61"]):not([pvis="0"])) { isolation: isolate; }
.loadout-grid-container .loadout-grid__slots .loadout-grid__slots__t:where([sf~="61"]) { --px: 308px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); z-index: 1; }
.loadout-grid-container .loadout-grid__slots .kk-c-loadout-grid__slots__t:has(> .loadout-grid__slots__t:where([sf~="61"]):not([pvis="0"])), .loadout-grid-container .loadout-grid__slots.kk-c-loadout-grid__slots__t:has(> .loadout-grid__slots__t:where([sf~="61"]):not([pvis="0"])) { isolation: isolate; }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__t:where([sf~="61"]) { z-index: 2; }
.loadout-grid-container.loadout_t_selected .kk-c-loadout-grid__slots__t:has(> .loadout-grid__slots__t:where([sf~="61"]):not([pvis="0"])), .loadout-grid-container.loadout_t_selected.kk-c-loadout-grid__slots__t:has(> .loadout-grid__slots__t:where([sf~="61"]):not([pvis="0"])) { isolation: isolate; }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__ct:where([sf~="61"]) { z-index: 1; }
.loadout-grid-container.loadout_t_selected .kk-c-loadout-grid__slots__ct:has(> .loadout-grid__slots__ct:where([sf~="61"]):not([pvis="0"])), .loadout-grid-container.loadout_t_selected.kk-c-loadout-grid__slots__ct:has(> .loadout-grid__slots__ct:where([sf~="61"]):not([pvis="0"])) { isolation: isolate; }
.loadout-grid-container .loadout-grid__inv:where([sf~="61"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.loadout-grid-container .loadout-grid__inv .loadout-grid__inv__navbar:where([sf~="61"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgr: 16px; --mgl: 16px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.loadout-grid-container .loadout-grid__inv .loadout-grid__inv__navbar #id-loadout-filter-itemdef:where([sf~="61"]) { --mgl: 10px; }
.loadout-grid-container .loadout-grid__inv .loadout-grid__inv__navbar .IconButton:where([sf~="61"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 4px; --mgr: 8px; --mgb: 4px; --mgl: 8px; }
#id-loadout-column0:where([sf~="61"]), #id-loadout-column4:where([sf~="61"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#id-loadout-column0 .loadout-column__title p-label:where([sf~="61"]), #id-loadout-column4 .loadout-column__title p-label:where([sf~="61"]) { min-width: 0px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; text-align: center; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; }
#id-loadout-column0:where([sf~="61"]) { --mgl: 8px; }
#id-loadout-column4:where([sf~="61"]) { --mgr: 8px; }
.loadout-column:where([sf~="61"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: 528px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 528px; animation-name: pano-vpct; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; }
.loadout-column .loadout-column__title:where([sf~="61"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; text-transform: uppercase; }
.loadout-column .loadout-column__title p-label:where([sf~="61"]) { text-align: left; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; text-transform: uppercase; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.loadout-column .loadout-column__title .RadioBox:where([sf~="61"]) { opacity: 1; --op-pe: inherit; --mgr: 8px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: transparent; --bg-grad: none; border-radius: 0px; border: 0px solid white; --bdln: 0; --bdrn: 0; --mgr: 6px; --bg-size: 14px 14px; --bg-w: 14px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --bg-img: url("/panorama/images/icons/ui/filter_line.svg"); transition-property: --wash-color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.loadout-column .loadout-column__title._selected p-label:where([sf~="61"]) { color: black; }
.loadout-column .loadout-column__title._selected .RadioBox:where([sf~="61"]) { --wash-color: black; --wash-filter: url(#w-black); --bg-img: url("/panorama/images/icons/ui/filter.svg"); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-column .loadout-slot:where([sf~="61"]) { width: 160px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 160px; height: 98px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 98px; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; transition-property: --bgc; transition-duration: .15s; transition-timing-function: ease-in-out; }
.loadout-column .loadout-slot .loadout-slot__image:where([sf~="61"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 133 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --img-shadow: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)); transition-property: transform, --brightness, --img-shadow, opacity; transition-duration: .15s, .15s, .15s, .15s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-column .loadout-slot .loadout-slot-svg__image:where([sf~="61"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.349096; --op-pe: inherit; --wash-color: rgba(0, 0, 0, 0.963); --wash-filter: url(#w-rgba_0_0_0_0_963); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-column .loadout-slot .loadout-slot-rarity:where([sf~="61"]) { height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.loadout-column .loadout-slot .loadout-slot__name:where([sf~="61"]), .loadout-column .loadout-slot .loadout-slot__money:where([sf~="61"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 0; --op-pe: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; --mgr: 4px; --mgb: 4px; transition-property: opacity; transition-duration: .15s; transition-timing-function: ease-in-out; }
.loadout-column .loadout-slot .loadout-slot__money:where([sf~="61"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; --mgl: 4px; }
.loadout-column .loadout-slot .loadout-slot-filter-icon:where([sf~="61"]) { opacity: 0.892208; --op-pe: inherit; --mgt: 2px; --mgr: 0px; --mgb: 0px; --mgl: 0px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --bg-size: 14px 14px; --bg-w: 14px; --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-img: url("/panorama/images/icons/ui/filter.svg"); }
.loadout-column .loadout-slot .loadout-slot-shuffle-icon:where([sf~="61"]) { opacity: 0.892208; --op-pe: inherit; --mgt: 2px; --mgr: 0px; --mgb: 0px; --mgl: 0px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --bg-size: 14px 14px; --bg-w: 14px; --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-img: url("/panorama/images/icons/ui/random.svg"); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.loadout-column .loadout-slot.droptarget p-itemimage:where([sf~="61"]) { transform: scale3d(1, 1, 1); animation-name: dropped-target; animation-duration: .2s; animation-timing-function: ease-out; animation-iteration-count: 1; }
.loadout-column .loadout-slot.dragged-away:where([sf~="61"]) { --bgc: rgba(0, 0, 0, 0.43392); --bg-grad: none; }
.loadout-column .loadout-slot.dragged-away p-itemimage:where([sf~="61"]) { --saturation: 0.6; --brightness: 0.2; opacity: 0.616725; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-column .loadout-slot:hover:not(.dragged-away):where([sf~="61"]), .loadout-column .loadout-slot:hover:not(.drop-target):where([sf~="61"]) { --bgc: rgba(143, 143, 143, 0.295823); --bg-grad: none; --sound: "UIPanorama.inventory_item_rollover"; }
.loadout-column .loadout-slot:hover:not(.dragged-away) p-itemimage:where([sf~="61"]), .loadout-column .loadout-slot:hover:not(.drop-target) p-itemimage:where([sf~="61"]) { transform: translateY( -6px); --brightness: 1.6; --img-shadow: drop-shadow(-3px 6px 3px color-mix(in srgb, rgb(0 0 0 / .2) 22.725%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-column .loadout-slot.loadout-slot--skinny:where([sf~="61"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --bgc: rgba(0, 0, 0, 0.072022); --bg-grad: none; }
.loadout-column .kk-c-loadout-slot:has(> .loadout-slot.loadout-slot--skinny:where([sf~="61"]):not([pvis="0"])), .loadout-column.kk-c-loadout-slot:has(> .loadout-slot.loadout-slot--skinny:where([sf~="61"]):not([pvis="0"])) { --kid-fill-h: 1; }
.loadout-column .loadout-slot.loadout-slot-column-1:where([sf~="61"]) { height: 93px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 93px; }
.loadout-column .loadout-slot.loadout-slot--margin-bottom:where([sf~="61"]) { --mgb: 6px; }
.loadout-column .loadout-slot.loadout-valid-target.loadout-drag-enter:where([sf~="61"]) { --bgc: rgba(0, 0, 0, 0.43392); --bg-grad: none; }
.loadout-column .loadout-slot.loadout-valid-target.loadout-drag-enter p-itemimage:where([sf~="61"]) { opacity: 0.524924; --op-pe: inherit; }
.loadout-column .loadout-slot.old-item-slot p-itemimage:where([sf~="61"]) { transform: scale3d(1, 1, 1); animation-name: dropped-target; animation-duration: .2s; animation-timing-function: ease-out; animation-iteration-count: 1; }
.loadout-column:hover .loadout-slot__name:where([sf~="61"]), .loadout-column:hover .loadout-slot__money:where([sf~="61"]) { opacity: 0.832484; --op-pe: inherit; }
#id-loadout-column3 .loadout-slot__image:where([sf~="61"]) { --tooltip-position: left; }
@keyframes hover-wiggle {
0% { transform: translateX( 1px ) translateY(-5px ); }
50% { transform: translateX( -1px ) translateY( -7px ) rotateX( 10deg ); }
100% { transform: translateX( 1px ) translateY( -6px ); }
}
@keyframes dropped-target {
0% { --brightness: 5; transform: scale3d(1.2, 1.2, 0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; transform: scale3d(1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.loadout-grid-container .loadout-team-select-btn:where([sf~="61"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 620px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 620px; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.loadout-grid-container .loadout-team-select-btn .RadioBox:where([sf~="61"]), .loadout-grid-container .loadout-team-select-btn .TickBox:where([sf~="61"]) { --vis-collapse: none; }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__agent:where([sf~="61"]) { width: 332px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 332px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transition-property: opacity, --brightness; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__row-slots:where([sf~="61"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__row-slots .loadout-model-panel__slot:where([sf~="61"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; --mgb: 5px; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; transition-property: --bgc; transition-duration: .15s; transition-timing-function: ease-in-out; }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__row-slots .loadout-model-panel__slot .loadout-slot__image:where([sf~="61"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 73; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__row-slots .loadout-model-panel__slot .loadout-slot-svg__image:where([sf~="61"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.892208; --op-pe: inherit; }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__row-slots .loadout-model-panel__slot .loadout-slot-rarity:where([sf~="61"]) { height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__row-slots .loadout-model-panel__slot .loadout-slot-filter-icon:where([sf~="61"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bg-size: 16px 16px; --bg-w: 16px; --bg-img: url("/panorama/images/icons/ui/filter.svg"); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --img-shadow: drop-shadow(0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.266667) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__row-slots .loadout-model-panel__slot .loadout-slot-shuffle-icon:where([sf~="61"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bg-size: 16px 16px; --bg-w: 16px; --bg-img: url("/panorama/images/icons/ui/random.svg"); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --img-shadow: drop-shadow(0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.266667) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-team-select-btn .loadout-grid__row-slots .loadout-model-panel__slot:hover:where([sf~="61"]) { --bgc: rgba(205, 205, 205, 0.467956); --bg-grad: none; --sound: "UIPanorama.inventory_item_rollover"; }
.loadout-grid-container .loadout-team-select-btn .loadout-grid-team_title:where([sf~="61"]) { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgt: 16px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); border: 1px solid white; --bdln: 1; --bdrn: 1; border-radius: 3px; color: black; }
.loadout-grid-container .loadout-team-select-btn.loadout-valid-target:where([sf~="61"]) { border: 2px dashed white; --bdln: 2; --bdrn: 2; }
.loadout-grid-container .loadout-team-select-btn:hover:where([sf~="61"]) { --sound: "UIPanorama.inventory_item_rollover"; }
.loadout-grid-container .loadout-grid__slots__t .loadout-grid__agent:where([sf~="61"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.loadout-grid-container .loadout-grid__slots__t .loadout-grid__row-slots:where([sf~="61"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: translateX(260px); }
.loadout-grid-container .loadout-grid__slots__t .loadout-grid-team_title:where([sf~="61"]) { --bgc: #eabe54; --bg-grad: none; border: 1px solid #eabe54; --bdln: 1; --bdrn: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.loadout-grid-container .loadout-grid__slots__t .loadout-slot__name:where([sf~="61"]) { color: #eabe54; }
.loadout-grid-container .loadout-grid__slots__t .loadout-slot-filter-icon:where([sf~="61"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-grid__slots__t .loadout-slot-shuffle-icon:where([sf~="61"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-grid__slots__t .loadout-column__title:where([sf~="61"]) { color: rgb(150, 200, 250); }
.loadout-grid-container .loadout-grid__slots__t .loadout-column__title._selected:where([sf~="61"]) { --bgc: #eabe54; --bg-grad: none; }
.loadout-grid-container .loadout-grid__slots__t .loadout-column__title:not(._selected) p-label:where([sf~="61"]) { color: #eabe54; }
.loadout-grid-container .loadout-grid__slots__t .loadout-column__title:not(._selected) .RadioBox:where([sf~="61"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-grid__slots__ct .loadout-grid-team_title:where([sf~="61"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; border: 1px solid rgb(150, 200, 250); --bdln: 1; --bdrn: 1; }
.loadout-grid-container .loadout-grid__slots__ct .loadout-grid__row-slots:where([sf~="61"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transform: translateX(-260px); }
.loadout-grid-container .loadout-grid__slots__ct .loadout-slot__name:where([sf~="61"]) { color: rgb(150, 200, 250); }
.loadout-grid-container .loadout-grid__slots__ct .loadout-slot-filter-icon:where([sf~="61"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-grid__slots__ct .loadout-slot-shuffle-icon:where([sf~="61"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-grid__slots__ct .loadout-column__title:where([sf~="61"]) { color: rgb(150, 200, 250); }
.loadout-grid-container .loadout-grid__slots__ct .loadout-column__title._selected:where([sf~="61"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.loadout-grid-container .loadout-grid__slots__ct .loadout-column__title:not(._selected) p-label:where([sf~="61"]) { color: rgb(150, 200, 250); }
.loadout-grid-container .loadout-grid__slots__ct .loadout-column__title:not(._selected) .RadioBox:where([sf~="61"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .loadout-grid__slots__ct .loadout-valid-target:where([sf~="61"]) { border: 2px dashed rgb(150, 200, 250); --bdln: 2; --bdrn: 2; box-shadow: inset 0px 0px 12px 0px rgb(26 26 26 / 0.403922); --bg-fill: initial; --bg-solid: initial; }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__ct:where([sf~="61"]) { --bg-grad: linear-gradient(270deg, rgba(5, 66, 120, 0) 0%, rgba(5, 66, 120, 0) 80%, rgba(4, 82, 150, 0) 100%); --bgc: transparent; border-right: 4px solid rgba(100, 81, 6, 0); --bdrn: 4; }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__ct .loadout-grid__slots__container:where([sf~="61"]) { opacity: 0; --op-pe: none; }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__ct .loadout-grid__row-slots:where([sf~="61"]) { opacity: 0.524924; --op-pe: inherit; }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__ct .loadout-grid__agent:where([sf~="61"]) { opacity: 0.696476; --op-pe: inherit; --brightness: .5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__ct .loadout-team-select-btn.loadout-team-select-btn:hover .loadout-grid-team_title:where([sf~="61"]) { opacity: 0.767696; --op-pe: inherit; }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__ct .loadout-team-select-btn.loadout-team-select-btn:hover .loadout-grid__agent:where([sf~="61"]) { opacity: 0.767696; --op-pe: inherit; --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container.loadout_t_selected .loadout-grid__slots__ct .loadout-grid-team_title:where([sf~="61"]) { --bgc: transparent; --bg-grad: none; color: rgb(150, 200, 250); opacity: 0.892208; --op-pe: inherit; }
.loadout-grid-container.loadout_t_selected .loadout-valid-target:where([sf~="61"]) { border: 2px dashed #eabe54; --bdln: 2; --bdrn: 2; box-shadow: inset 0px 0px 12px 0px rgb(26 26 26 / 0.403922); --bg-fill: initial; --bg-solid: initial; }
.loadout-grid-container:not(.loadout_t_selected) .loadout-grid__slots__t:where([sf~="61"]) { --bg-grad: linear-gradient(90deg, rgba(100, 81, 6, 0) 0%, rgba(100, 81, 6, 0) 80%, rgba(51, 41, 1, 0) 100%); --bgc: transparent; border-left: 4px solid rgba(100, 81, 6, 0); --bdln: 4; }
.loadout-grid-container:not(.loadout_t_selected) .loadout-grid__slots__t .loadout-grid__slots__container:where([sf~="61"]) { opacity: 0; --op-pe: none; }
.loadout-grid-container:not(.loadout_t_selected) .loadout-grid__slots__t .loadout-grid__row-slots:where([sf~="61"]) { opacity: 0.524924; --op-pe: inherit; }
.loadout-grid-container:not(.loadout_t_selected) .loadout-grid__slots__t .loadout-grid__agent:where([sf~="61"]) { opacity: 0.696476; --op-pe: inherit; --brightness: .5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container:not(.loadout_t_selected) .loadout-grid__slots__t .loadout-team-select-btn.loadout-team-select-btn:hover .loadout-grid-team_title:where([sf~="61"]) { opacity: 0.767696; --op-pe: inherit; }
.loadout-grid-container:not(.loadout_t_selected) .loadout-grid__slots__t .loadout-team-select-btn.loadout-team-select-btn:hover .loadout-grid__agent:where([sf~="61"]) { opacity: 0.767696; --op-pe: inherit; --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container:not(.loadout_t_selected) .loadout-grid__slots__t .loadout-grid-team_title:where([sf~="61"]) { --bgc: transparent; --bg-grad: none; color: #eabe54; opacity: 0.524924; --op-pe: inherit; }
.loadout-drag-icon:where([sf~="61"]) { height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 133 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transform: scale3d(0.7, 0.7, 0.7) translateY(-25%) translateX(-50%); transition-property: transform, opacity; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.loadout-drag-icon.drag-start:where([sf~="61"]) { transform: scale3d(1, 1, 1) translateY(-25%) translateX(-50%); }
.loadout-drag-icon.drag-end:where([sf~="61"]) { transform: scale3d(0.7, 0.7, 0.7) translateY(-25%) translateX(-50%); opacity: 0; --op-pe: none; }
.IconButton:where([sf~="61"]) { --bgc: rgba(255, 255, 255, 0.139255); --bg-grad: none; }
.loadout-grid-cancel-text:where([sf~="61"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdl: 5px; --pdln: 5; }
/* styles/mainmenu_license.css */
.mainmenu-license-container:where([sf~="62"]) { height: 275px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 275px; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --bgc: black; --bg-grad: none; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-img: url("/panorama/images/backgrounds/license_bg.webp"); --bg-size: cover; --bg-w: 0px; --bg-img-opacity: .3; --bg-img-own: none; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgt: 8px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-license-container:where([sf~="62"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.mainmenu-license-container.hidden:where([sf~="62"]) { opacity: 0; --op-pe: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgt: 0px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-license-container .mainmenu-license__text:where([sf~="62"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: white; max-height: 150px; --text-shrink: 1; }
.mainmenu-license-container .mainmenu-license__text--title:where([sf~="62"]) { --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; }
/* styles/mainmenu_xpshop_tile.css */
.mainmenu-xpshop-tile:where([sf~="63"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.443137); --bg-fill: rgb(0 0 0 / 0.443137); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgt: 8px; --bg-img: url("/panorama/images/backgrounds/xpshop_background.webp"); --bg-size: 500% 250%; --bg-w: 0px; --bg-pos: 0% 0%; --bg-rep: no-repeat; --bg-img-opacity: .5; --bg-img-own: none; --bg-grad: linear-gradient(180deg, #317714 0%, #14252e 100%); --bgc: transparent; }
.mainmenu-xpshop-tile:where([sf~="63"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.mainmenu-xpshop-tile.hidden:where([sf~="63"]) { opacity: 0; --op-pe: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgt: 0px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-xpshop-tile .mainmenu-xpshop-tile__btn:where([sf~="63"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 4; }
.mainmenu-xpshop-tile .kk-c-mainmenu-xpshop-tile__btn:has(> .mainmenu-xpshop-tile__btn:where([sf~="63"]):not([pvis="0"])), .mainmenu-xpshop-tile.kk-c-mainmenu-xpshop-tile__btn:has(> .mainmenu-xpshop-tile__btn:where([sf~="63"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-xpshop-tile .mainmenu-xpshop-tile__image:where([sf~="63"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 16px; }
.can-sell-items.mainmenu-xpshop-tile .mainmenu-xpshop-tile__image:where([sf~="63"]) { width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.6), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.6; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; mask-image: url("/panorama/images/masks/top-bottom-fade-4.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --mgt: -16px; }
.mainmenu-xpshop-tile .mainmenu-major-tile__new-items:where([sf~="63"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --vis-collapse: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.can-sell-items.mainmenu-xpshop-tile .mainmenu-major-tile__new-items:where([sf~="63"]) { --vis-collapse: initial; }
.mainmenu-xpshop-tile .mainmenu-major-tile__new-items p-label:where([sf~="63"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: rgb(36, 40, 53); max-height: 20px; --text-shrink: 1; }
.mainmenu-xpshop-tile .mainmenu-major-tile__new-items p-itemimage:where([sf~="63"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 140 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; --mgt: 8px; --mgr: 4px; --mgb: 8px; --mgl: 8px; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.mainmenu-xphop-tile__title-container:where([sf~="63"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; z-index: 3; }
.kk-c-mainmenu-xphop-tile__title-container:has(> .mainmenu-xphop-tile__title-container:where([sf~="63"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-xphop-tile__title-container .mainmenu-xphop-tile__title:where([sf~="63"]) { --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: White; text-transform: uppercase; }
.mainmenu-xpshop-info-bar:where([sf~="63"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 4; }
.kk-c-mainmenu-xpshop-info-bar:has(> .mainmenu-xpshop-info-bar:where([sf~="63"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-balance:where([sf~="63"]) { --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-balance .mainmenu-xpshop-balance__title:where([sf~="63"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #46C786; text-shadow: 0px 0px 6px rgb(0 0 0 / 0.8), 0px 0px 6px color-mix(in srgb, rgb(0 0 0 / 0.8) 77.255%, transparent); }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-balance .mainmenu-xpshop-balance__container:where([sf~="63"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-balance .mainmenu-xpshop-balance__container .mainmenu-xpshop-balance__label:where([sf~="63"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --mgr: 4px; transform: translateY( 2px ); }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-balance .mainmenu-xpshop-balance__container :is(p-image, :where(img[pimg])):where([sf~="63"]) { --wash-color: #46C786; --wash-filter: url(#w-46c786); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-bottom:where([sf~="63"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.515778) 100%); --bgc: transparent; }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-bottom .mainmenu-xpshop-track-progress:where([sf~="63"]) { --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 12px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #46C786; text-shadow: 0px 0px 6px rgb(0 0 0 / 0.8), 0px 0px 6px color-mix(in srgb, rgb(0 0 0 / 0.8) 77.255%, transparent); }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-bottom .mainmenu-xpshop-line:where([sf~="63"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --bgc: #46C786; --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0.414305; --op-pe: inherit; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; }
.mainmenu-xpshop-info-bar .mainmenu-xpshop-bottom .mainmenu-xpshop-tracks:where([sf~="63"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 0px; --mgr: 0px; --mgb: 8px; --mgl: 0px; }
.mainmenu-xpshop-upsell:where([sf~="63"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 12px; --pdr: 12px; --pdb: 0px; --pdl: 12px; --pdrn: 12; --pdln: 12; z-index: 3; }
.kk-c-mainmenu-xpshop-upsell:has(> .mainmenu-xpshop-upsell:where([sf~="63"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-xpshop-upsell .mainmenu-xpshop-upsell__label:where([sf~="63"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-style: italic; font-weight: 700; color: #46C786; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 0px 0px 6px black, 0px 0px 6px black, 0px 0px 6px color-mix(in srgb, black 63.61%, transparent); }
.mainmenu-xpshop-upsell .mainmenu-xpshop-upsell__label.line-2:where([sf~="63"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-style: normal; font-weight: 500; color: #ffffff; }
.mainmenu-xpshop-upsell .mainmenu-xpshop-upsell__label.line-3:where([sf~="63"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-style: italic; font-weight: 300; color: #ffffff; }
.mainmenu-xpshop-upsell .mainmenu-xpshop-upsell__image:where([sf~="63"]) { height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 130 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(2px 3px 6px color-mix(in srgb, black 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-particle:where([sf~="63"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; transform: translateZ( 9px ) scaleX(-1); --wash-color: rgb(169, 240, 169); --wash-filter: url(#w-rgb_169_240_169); z-index: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-mainmenu-xpshop-particle:has(> .mainmenu-xpshop-particle:where([sf~="63"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-xpshop-carousel:where([sf~="63"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; z-index: 2; }
.kk-c-mainmenu-xpshop-carousel:has(> .mainmenu-xpshop-carousel:where([sf~="63"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-xpshop-itemtile:where([sf~="63"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: opacity, transform, --blur; transition-duration: .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-xpshop-itemtile .mainmenu-xpshop-itemtile-image:where([sf~="63"]) { height: 164px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 164px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 10px; --img-shadow: drop-shadow(0px 4px 6px color-mix(in srgb, rgba(0, 0, 0, 0.43392) alpha-only 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-itemtile .mainmenu-xpshop-itemtile-image__blur:where([sf~="63"]) { --blur: 4px; scale: 4 3.76; transform: translateY( -60px ) translateX( -40px ); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 100px; opacity: 0; --op-pe: none; --brightness: .2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-itemtile .xpshop__item-tile__new-tag:where([sf~="63"]) { --vis-collapse: none; }
.new.mainmenu-xpshop-itemtile .xpshop__item-tile__new-tag:where([sf~="63"]) { --vis-collapse: initial; }
.mainmenu-xpshop-itemtile .mainmenu-xpshop-itemtile__set-image:where([sf~="63"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; opacity: 0.472624; --op-pe: inherit; --brightness: .5; mask-image: url("/panorama/images/masks/top-bottom-fade.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-itemtile.Focused:where([sf~="63"]) { opacity: 1; --op-pe: inherit; transform: translateX(0px); z-index: 3; }
.kk-c-mainmenu-xpshop-itemtile:has(> .mainmenu-xpshop-itemtile.Focused:where([sf~="63"]):not([pvis="0"])) { isolation: isolate; }
.mainmenu-xpshop-itemtile.Focused .mainmenu-major-tile__view-item:where([sf~="63"]) { --vis-collapse: initial; }
.mainmenu-xpshop-itemtile.LeftOfFocus1:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus2:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus3:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus4:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus5:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus6:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus7:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus8:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus9:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus10:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus11:where([sf~="63"]), .mainmenu-xpshop-itemtile.LeftOfFocus12:where([sf~="63"]) { opacity: 0; --op-pe: none; transform: translateX( -140px ) scale3d(1.1, 1.1, 1); --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-itemtile.RightOfFocus1:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus2:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus3:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus4:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus5:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus6:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus7:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus8:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus9:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus10:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus11:where([sf~="63"]), .mainmenu-xpshop-itemtile.RightOfFocus12:where([sf~="63"]) { opacity: 0; --op-pe: none; transform: translateX( 140px ) scale3d(1.1, 1.1, 1); --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-track:where([sf~="63"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.mainmenu-xpshop-track .mainmenu-xpshop-track__pass:where([sf~="63"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; height: 45px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 45px; }
.mainmenu-xpshop-track .mainmenu-xpshop-track__pass .mainmenu-xpshop-pass__bg:where([sf~="63"]) { --wash-color: #2a816e; --wash-filter: url(#w-2a816e); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); animation-name: pass-activate; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-track .mainmenu-xpshop-track__pass .mainmenu-xpshop-pass__label:where([sf~="63"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; color: #46C786; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --text-shrink: 1; }
.mainmenu-xpshop-track .mainmenu-xpshop-track__pass .mainmenu-xpshop-pass__image:where([sf~="63"]) { --wash-color: #46C786; --wash-filter: url(#w-46c786); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-xpshop-track .mainmenu-xpshop-track__pass.hidden:where([sf~="63"]) { --vis-collapse: none; }
.mainmenu-xpshop-track .mainmenu-xpshop-track__pass.small-passes:where([sf~="63"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
@keyframes pass-activate {
0% { --brightness: 1; box-shadow: 0px 0px 3px 2px rgba(7, 136, 93, 0); --bg-fill: rgba(7, 136, 93, 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 2; box-shadow: 0px 0px 3px 2px #2a816e; --bg-fill: #2a816e; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { box-shadow: 0px 0px 3px 2px rgba(7, 136, 93, 0); --bg-fill: rgba(7, 136, 93, 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.xpshop__item-tile__new-tag:where([sf~="63"]) { --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 10px; --pdrn: 8; --pdln: 10; --bg-grad: linear-gradient(90deg, rgb(193, 90, 219) 0%, rgb(161, 17, 197) 100%); --bgc: transparent; color: white; font-weight: 500; transform: rotateZ(-90deg) translateX(-18px) translateY(45%); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 0.227451); --bg-fill: rgb(0 0 0 / 0.227451); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); z-index: 5; }
.kk-c-xpshop__item-tile__new-tag:has(> .xpshop__item-tile__new-tag:where([sf~="63"]):not([pvis="0"])) { isolation: isolate; }
/* styles/matchinfo.css */
.scorebox_backdrop:where([sf~="64"]) { opacity: 0.524924; --op-pe: inherit; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.scorebox_backdrop--tournament:where([sf~="64"]) { opacity: 0.347608; --op-pe: inherit; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.mi-meta__map-icon:where([sf~="64"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 44px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 44px; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.mi-meta__labels:where([sf~="64"]) { --mgl: 10px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.mi-meta__labels p-label:where([sf~="64"]) { --mgr: 70px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.mi-meta__labels--bold:where([sf~="64"]) { font-weight: 700; }
.mi-sb--hidden:where([sf~="64"]) { --px: 400px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0; --op-pe: none; --blur: 6px; transition-property: translate, --pxp, --pyp, clip-path, opacity, --blur; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mi-sb__container:where([sf~="64"]) { height: auto; --fh: 1.0; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.kk-c-mi-sb__container:has(> .mi-sb__container:where([sf~="64"]):not([pvis="0"])) { --kid-fill-h: 1; }
.mi-sb-main:where([sf~="64"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --vis-collapse: none; }
.AspectRatio16x10 .mi-sb-main:where([sf~="64"]), .AspectRatio16x9 .mi-sb-main:where([sf~="64"]), .AspectRatio21x9 .mi-sb-main:where([sf~="64"]) { zoom: 1.2; --uizi: 1.2; --zl: calc(var(--mgl) / 1.2); --zr: calc(var(--mgr) / 1.2); --zt: calc(var(--mgtv, var(--mgt)) / 1.2); --zb: calc(var(--mgbv, var(--mgb)) / 1.2); }
.mi-sb-teamnames p-label:where([sf~="64"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mi-sb-teamnames:where([sf~="64"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; }
.mi-sb__spacer:where([sf~="64"]) { --pdt: 20px; }
.sb-row__cell:where([sf~="64"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; }
.sb-row .RadioBox:where([sf~="64"]) { --vis-collapse: none; }
.sb-row._selected:where([sf~="64"]) { --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; --sound: "generic_button_press"; }
.mi-player-stats:where([sf~="64"]) { height: 270px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 270px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; }
.mi-round-stats__scale-target:where([sf~="64"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mi-player-stats__collapse:where([sf~="64"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; opacity: 0; --op-pe: none; }
.mi-main:where([sf~="64"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: translate, --pxp, --pyp, clip-path, opacity, --blur; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mi-sb-frame:where([sf~="64"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 32px; --pdb: 0px; --pdl: 32px; --pdrn: 32; --pdln: 32; }
.kk-c-mi-sb-frame:has(> .mi-sb-frame:where([sf~="64"]):not([pvis="0"])) { --kid-fill-h: 1; }
.mi-round-stats__title__container:where([sf~="64"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mi-round-stats__title:where([sf~="64"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 20px; --mgr: 5px; --mgb: 20px; --mgl: 5px; }
.mi-round-stats__frame:where([sf~="64"]) { width: 960px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 960px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.round-stats-outer:where([sf~="64"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: auto; overflow-y: clip; --ovx: scroll; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: initial; --pdb: 40px; }
.mi-round-stats__container:where([sf~="64"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.mi-round-summary-bar:where([sf~="64"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mi-round-summary-bar__container:where([sf~="64"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.AspectRatio4x3 .mi-round-summary-bar__container:where([sf~="64"]) { width: 25px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 25px; }
.mi-round-summary-bar__border:where([sf~="64"]) { border-bottom: 2px solid rgba(128, 128, 128, 1); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.mi-round-summary-bar-win__fill:where([sf~="64"]) { --mgl: 1px; --mgr: 1px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(0deg, rgba(128, 128, 128, 0.846378) 0%, rgba(128, 128, 128, 0.476033) 3%, rgba(128, 128, 128, 0.21406) 5%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; }
.mi-round-summary-bar-loss__fill:where([sf~="64"]) { --mgl: 1px; --mgr: 1px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(180deg, rgba(128, 128, 128, 0.941377) 0%, rgba(128, 128, 128, 0.662009) 3%, rgba(128, 128, 128, 0.476033) 5%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; --wash-color: #B01A05; --wash-filter: url(#w-b01a05); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mi-round-summary-bar--EMPTY:where([sf~="64"]) { opacity: 0; --op-pe: none; }
.mi-round-tick--sub:where([sf~="64"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(90, 90, 90, 1); --bg-grad: none; }
.mi-round-tick--minor:where([sf~="64"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(90, 90, 90, 1); --bg-grad: none; }
.mi-round-tick--major:where([sf~="64"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(128, 128, 128, 1); --bg-grad: none; }
.mi-round-tick--left-of-team-switch:where([sf~="64"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(128, 128, 128, 1); --bg-grad: none; }
.mi-round-tick--right-of-team-switch:where([sf~="64"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(128, 128, 128, 1); --bg-grad: none; }
.mi-round-stats__tick-labels:where([sf~="64"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mi-tick-label__container--small:where([sf~="64"]) { width: auto; --fw: 2; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-mi-tick-label__container--small:has(> .mi-tick-label__container--small:where([sf~="64"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-mi-tick-label__container--small:has(> .mi-tick-label__container--small:where([sf~="64"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.mi-tick-label__container:where([sf~="64"]) { width: auto; --fw: 3; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-mi-tick-label__container:has(> .mi-tick-label__container:where([sf~="64"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-mi-tick-label__container:has(> .mi-tick-label__container:where([sf~="64"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.mi-tick-label__container--large:where([sf~="64"]) { width: auto; --fw: 4; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-mi-tick-label__container--large:has(> .mi-tick-label__container--large:where([sf~="64"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-mi-tick-label__container--large:has(> .mi-tick-label__container--large:where([sf~="64"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.mi-tick:where([sf~="64"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; }
.AspectRatio4x3 .mi-tick:where([sf~="64"]) { width: 25px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 25px; }
.mi-tick-label:where([sf~="64"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --text-shrink: 1; }
.mi-tick-class-halftime-align p-label:where([sf~="64"]) { --mgl: -16px; }
.mi-tick-label--halftime:where([sf~="64"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.AspectRatio4x3 .mi-tick-label--halftime:where([sf~="64"]) { width: 750px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 750px; }
.mi-tick-label__spacer:where([sf~="64"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.kk-c-mi-tick-label__spacer:has(> .mi-tick-label__spacer:where([sf~="64"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-mi-tick-label__spacer:has(> .mi-tick-label__spacer:where([sf~="64"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.mi-tick-label__spacer--double:where([sf~="64"]) { width: auto; --fw: 2; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.kk-c-mi-tick-label__spacer--double:has(> .mi-tick-label__spacer--double:where([sf~="64"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-mi-tick-label__spacer--double:has(> .mi-tick-label__spacer--double:where([sf~="64"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.mi-round-summary-bar-win__container:where([sf~="64"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 3; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-mi-round-summary-bar-win__container:has(> .mi-round-summary-bar-win__container:where([sf~="64"]):not([pvis="0"])) { --kid-fill-h: 1; }
.mi-round-summary-bar-loss__container:where([sf~="64"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-mi-round-summary-bar-loss__container:has(> .mi-round-summary-bar-loss__container:where([sf~="64"]):not([pvis="0"])) { --kid-fill-h: 1; }
.mi-icons__eliminations--top:where([sf~="64"]) { height: auto; --fh: 5.5; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.kk-c-mi-icons__eliminations--top:has(> .mi-icons__eliminations--top:where([sf~="64"]):not([pvis="0"])) { --kid-fill-h: 1; }
.mi-icons__eliminations--bottom:where([sf~="64"]) { height: auto; --fh: 1.5; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --wash-color: rgb(99, 44, 38); --wash-filter: url(#w-rgb_99_44_38); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-mi-icons__eliminations--bottom:has(> .mi-icons__eliminations--bottom:where([sf~="64"]):not([pvis="0"])) { --kid-fill-h: 1; }
.mi-icons__frame:where([sf~="64"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; }
.mi-icons__container:where([sf~="64"]) { height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.AspectRatio4x3 .mi-icons__container:where([sf~="64"]) { width: 25px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 25px; }
.mi-icons__padding:where([sf~="64"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-mi-icons__padding:has(> .mi-icons__padding:where([sf~="64"]):not([pvis="0"])) { --kid-fill-h: 1; }
.mi-icons:where([sf~="64"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 18px; --maxw: 18px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.mi-icons--dim:where([sf~="64"]) { --wash-color: rgb( 190, 190, 190 ); --wash-filter: url(#w-rgb_190_190_190); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mi-mvps-shrink-overflow:where([sf~="64"]) { text-overflow: clip; }
.hide-mvps:where([sf~="64"]) { opacity: 1; --op-pe: inherit; }
.hide-mvps > .sb-row__cell--mvps__star:where([sf~="64"]) { opacity: 0; --op-pe: none; }
.hide-mvps > .sb-row__cell--mvps__count:where([sf~="64"]) { opacity: 0; --op-pe: none; }
.sb-row__cell--avatar--placeholder:where([sf~="64"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; }
.sb-row-height:where([sf~="64"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.mi-sb-row--labels:where([sf~="64"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.mi-sb-meta:where([sf~="64"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 80px; --mgb: 10px; }
.mi-sb-menu:where([sf~="64"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --pdt: 0px; --pdr: 64px; --pdb: 0px; --pdl: 64px; --pdrn: 64; --pdln: 64; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; border-top: 1px solid rgba(255, 255, 255, 0.179361); }
.mi-sb-menu p-label:where([sf~="64"]) { text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
.mi-horizontal-separator:where([sf~="64"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; --mgl: 20px; --mgr: 20px; }
.sb-tint--CT:where([sf~="64"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-tint--TERRORIST:where([sf~="64"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-row__cell--name p-label:where([sf~="64"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: left; --mgt: 0px; }
.sb-row__cell--name p-label#name__label:where([sf~="64"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.matchinfo-scoreboard-header-empty-cell:where([sf~="64"]) { opacity: 0; --op-pe: none; }
.matchinfo-scoreboard-header-stat-cell:where([sf~="64"]) { opacity: 0.524924; --op-pe: inherit; }
.round-selection-button:where([sf~="64"]) { --brightness: 1.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.round-selection-button:not(.no-hover):hover:where([sf~="64"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.round-selection-button:not(.no-hover):hover .mi-round-summary-bar__border > .sb-tint--TERRORIST:where([sf~="64"]) { opacity: 1; --op-pe: inherit; --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.round-selection-button:not(.no-hover):hover .sb-tint--TERRORIST:where([sf~="64"]) { opacity: 1; --op-pe: inherit; --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.round-selection-button:not(.no-hover):hover .sb-tint--CT:where([sf~="64"]) { opacity: 1; --op-pe: inherit; --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.round-selection-button:not(.no-hover):hover .mi-icons__eliminations--bottom:where([sf~="64"]) { --brightness: 2.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.round-selection-button:not(.no-hover):hover .mi-round-summary-bar-loss__fill:where([sf~="64"]) { --brightness: 4.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.round-selection-button:not(.no-hover):hover .mi-round-summary-bar--EMPTY:where([sf~="64"]) { --wash-color: white; --wash-filter: initial; opacity: 0.347608; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournamentinfo-minimal-container:where([sf~="64"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.tournamentinfo-minimal:where([sf~="64"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.tournamentinfo-minimal--vs-label:where([sf~="64"]) { --fsz: 36; font-size: calc(max(1, round(nearest, 36 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.tournamentinfo-minimal--team:where([sf~="64"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 48px; --mgr: 64px; --mgb: 48px; --mgl: 64px; }
.tournamentinfo-minimal--score-label:where([sf~="64"]) { --fsz: 192; font-size: calc(max(1, round(nearest, 192 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; }
.AspectRatio4x3 .tournamentinfo-minimal--score-label:where([sf~="64"]) { --fsz: 128; font-size: calc(max(1, round(nearest, 128 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.tournamentinfo-minimal--team-image:where([sf~="64"]) { width: 192px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 192px; height: 192px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 192px; --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 12px; }
.AspectRatio4x3 .tournamentinfo-minimal--team-image:where([sf~="64"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; }
.matchinfo--minimal .hide-when-minimal-info:where([sf~="64"]) { --vis-collapse: none; }
.tournamentinfo-minimal--mapinfo:where([sf~="64"]) { --mgt: 128px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.tournamentinfo-minimal--map-image:where([sf~="64"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0.414305; --op-pe: inherit; --blur: 2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournamentinfo-minimal--timeinfo:where([sf~="64"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.tournamentinfo-minimal--tournament-logo:where([sf~="64"]) { --mgt: 12px; opacity: 0.616725; --op-pe: inherit; --blur: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournamentinfo-minimal--tournamentphase:where([sf~="64"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.tournamentinfo-minimal--matchphase:where([sf~="64"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
/* styles/popups/popup_capability_nameable.css */
.popup-nameable-item-models:where([sf~="65"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.popup-nameable__model:where([sf~="65"]) { width: 1024px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1024px; height: 512px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 512px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#NameableItemModel:where([sf~="65"]) { transition-property: --brightness; transition-timing-function: ease-in-out; transition-duration: 2s; }
.popup-nameable__info-block:where([sf~="65"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 98px; }
.popup-nameable__textentry:where([sf~="65"]) { height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; letter-spacing: 4px; }
.popup-nameable__textentry #PlaceholderText:where([sf~="65"]) { color: rgb(116, 116, 116); --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-nameable-update-title-anim:where([sf~="65"]) { animation-name: UpdateTitle; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes UpdateTitle {
0% { transform: scale3d( 1.5, 1.5, 1.5 ); text-shadow: none; opacity: 0; --op-pe: none; }
50% { transform: scale3d( 1, 1, 1 ); --brightness: 5; text-shadow: 0px 0px 16px rgba(255, 255, 255, 0); opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { text-shadow: 0px 0px 0px #FFFFFF; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.isstorageunit .popup-nameable__model:where([sf~="65"]), .isstorageunit #NameableRemoveBtn:where([sf~="65"]) { --vis-collapse: none; }
/* styles/popups/popup_directchallenge_join.css */
.entry-row:where([sf~="66"]) { --mgl: 32px; }
.entry-row p-textentry:where([sf~="66"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; }
.results-panel:where([sf~="66"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 500px; --maxw: 500px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.not-vailid:where([sf~="66"]) { color: #b1af2d; text-overflow: clip; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.validation-results-container:where([sf~="66"]) { --mgl: 28px; --mgr: 78px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.results-panel-valid .validation-results-container:where([sf~="66"]) { transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.avatar-container:where([sf~="66"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.results-panel-valid .validation-results-container:hover .simple-avatar:where([sf~="66"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
/* styles/popups/popup_pet_book.css */
.PopupPanel:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 100%; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; border: 0px solid rgba(0, 0, 0, 0); --bdln: 0; --bdrn: 0; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.pet-book-stage:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --bgc: rgba(0, 0, 0, 0.601004); --bg-grad: none; }
.pet-book-row-center:where([sf~="67"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateX( -96px ); }
.pet-book:where([sf~="67"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; perspective: 3200px; perspective-origin: 50% 50%; }
.book-page:where([sf~="67"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.book-page-left:where([sf~="67"]) { box-shadow: -2px 4px 4px 2.666667px rgb(0 0 0 / 0.2); --bg-fill: rgb(0 0 0 / 0.2); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.book-page-right:where([sf~="67"]) { box-shadow: 2px 4px 4px 2.666667px rgb(0 0 0 / 0.2); --bg-fill: rgb(0 0 0 / 0.2); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.book-leaf:where([sf~="67"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transform-origin: 0% 50%; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; z-index: 10; opacity: 0; --op-pe: none; --bgc: rgb(241, 241, 241); --bg-grad: none; }
.kk-c-book-leaf:has(> .book-leaf:where([sf~="67"]):not([pvis="0"])) { isolation: isolate; }
.book-leaf-face:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.book-leaf-back:where([sf~="67"]) { transform: scale3d( -1, 1, 1 ); }
.book-leaf-shade:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgb(0, 0, 0); --bg-grad: none; opacity: 0; --op-pe: none; }
.book-leaf-cast:where([sf~="67"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; z-index: 6; opacity: 0; --op-pe: none; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.311325) 0%, rgba(0, 0, 0, 0.087298) 45%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.kk-c-book-leaf-cast:has(> .book-leaf-cast:where([sf~="67"]):not([pvis="0"])) { isolation: isolate; }
.book-gutter:where([sf~="67"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; z-index: 5; opacity: 0; --op-pe: none; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.140714) 50%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.kk-c-book-gutter:has(> .book-gutter:where([sf~="67"]):not([pvis="0"])) { isolation: isolate; }
.pb-page-inner:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.pb-cover:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-grad: linear-gradient(180deg, #789b89 0%, #587667 100%); --bgc: transparent; --bg-img: url("/panorama/images/pet_book/bookcover.webp"); --bg-img-opacity: .4; --bg-img-own: none; --bg-size: contain; --bg-w: 0px; --bg-rep: no-repeat; --bg-pos: 50% 50%; --pdt: 40px; --pdr: 40px; --pdb: 40px; --pdl: 40px; --pdrn: 40; --pdln: 40; }
.pb-cover:where([sf~="67"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-cover__frame:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border: 3px solid rgba(214, 189, 143, 0.828528); --bdln: 3; --bdrn: 3; --pdt: 24px; --pdr: 24px; --pdb: 24px; --pdl: 24px; --pdrn: 24; --pdln: 24; }
.pb-cover__title:where([sf~="67"]) { font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 54; font-size: calc(max(1, round(nearest, 54 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(233, 214, 178); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-transform: uppercase; }
.pb-cover__subtitle:where([sf~="67"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(233, 214, 178, 0.696163); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 16px; }
.pb-back:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --bgc: rgb(244, 241, 233); --bg-grad: none; }
.pb-back__label:where([sf~="67"]) { font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 40; font-size: calc(max(1, round(nearest, 40 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(120, 104, 82); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; text-transform: uppercase; }
.pet-book-bar:where([sf~="67"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 26px; transform: translateX( -96px ); }
.pet-book-bar .pet-book-bar__buttons:where([sf~="67"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 5px; --pdr: 10px; --pdb: 5px; --pdl: 10px; --pdrn: 10; --pdln: 10; border-radius: 6px; --bgc: rgba(0, 0, 0, 0.311325); --bg-grad: none; }
.pet-book-bar .pet-book-bar__action-hint:where([sf~="67"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --mgb: 32px; }
.pet-book-hint:where([sf~="67"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 96px; transform: translateX( -96px ); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.739913); text-align: center; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-out; }
.pet-book-arrow:where([sf~="67"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 6px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 3px; }
.pet-book-arrow .pet-book-arrow__icon:where([sf~="67"]) { transform: rotateZ( 90deg ); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pet-book-arrow .pet-book-arrow__icon.left:where([sf~="67"]) { transform: rotateZ( -90deg ); }
.pet-book-arrow:hover:where([sf~="67"]) { --bgc: rgba(255, 255, 255, 0.427734); --bg-grad: none; }
.pet-book-arrow._disabled:where([sf~="67"]) { opacity: 0.347608; --op-pe: inherit; }
.pet-book-counter:where([sf~="67"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; min-width: 64px; --mgl: 8px; }
.pet-book-counter p-label:where([sf~="67"]) { font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.895083); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pet-book-bar__chapters:where([sf~="67"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pet-book-chapter:where([sf~="67"]), .pb-free-btn:where([sf~="67"]) { height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; min-width: 28px; --mgr: 24px; border-radius: 3px; }
.pet-book-chapter :is(p-image, :where(img[pimg])):where([sf~="67"]), .pb-free-btn :is(p-image, :where(img[pimg])):where([sf~="67"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pet-book-chapter .RadioBox:where([sf~="67"]), .pb-free-btn .RadioBox:where([sf~="67"]) { --vis-collapse: none; }
.pet-book-chapter:hover:where([sf~="67"]), .pb-free-btn:hover:where([sf~="67"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; }
.pet-book-chapter._selected:where([sf~="67"]), .pet-book-chapter._selected:hover:where([sf~="67"]), .pb-free-btn._selected:where([sf~="67"]), .pb-free-btn._selected:hover:where([sf~="67"]) { --bgc: rgb(255, 255, 255); --bg-grad: none; }
.pet-book-chapter._selected :is(p-image, :where(img[pimg])):where([sf~="67"]), .pet-book-chapter._selected:hover :is(p-image, :where(img[pimg])):where([sf~="67"]), .pb-free-btn._selected :is(p-image, :where(img[pimg])):where([sf~="67"]), .pb-free-btn._selected:hover :is(p-image, :where(img[pimg])):where([sf~="67"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pet-book-chapter:last-child:where([sf~="67"]), .pb-free-btn:last-child:where([sf~="67"]) { --mgr: 0px; }
.pet-book-open-btn:where([sf~="67"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 26px; transform: translateX( -96px ); height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; min-width: 190px; border-radius: 4px; --bgc: rgba(255, 255, 255, 0.316449); --bg-grad: none; }
.pet-book-open-btn p-label:where([sf~="67"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1px; text-transform: uppercase; color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pet-book-open-btn:hover:where([sf~="67"]) { --bgc: rgba(255, 255, 255, 0.516545); --bg-grad: none; }
.pet-book-buttons:where([sf~="67"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgr: 16px; --mgb: 22px; z-index: 200; }
.kk-c-pet-book-buttons:has(> .pet-book-buttons:where([sf~="67"]):not([pvis="0"])) { isolation: isolate; }
.pet-book-buttons .PopupButton:where([sf~="67"]) { --mgl: 12px; }
.pb-page:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 30px; --pdr: 20px; --pdb: 24px; --pdl: 20px; --pdrn: 20; --pdln: 20; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgb(241, 241, 241); --bg-grad: none; --bg-img: url("/panorama/images/pet_book/paper_texture.webp"); --bg-img-opacity: .3; --bg-img-own: none; --bg-size: 40%; --bg-w: 0px; --bg-rep: repeat; --bg-pos: 50% 50%; }
.pb-page:where([sf~="67"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page__title-image:where([sf~="67"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-page__subtitle:where([sf~="67"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(48, 45, 42, 0.735204); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 20px; }
.pb-page__caption:where([sf~="67"]) { color: rgb(26, 23, 21); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); letter-spacing: 1px; }
.pb-page__paragraph:where([sf~="67"]) { --pdt: 24px; --pdr: 24px; --pdb: 24px; --pdl: 24px; --pdrn: 24; --pdln: 24; color: rgb(26, 23, 21); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); line-height: 28px; --text-shrink: 1; }
.pb-slot--full:where([sf~="67"]) { width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; }
.pb-slot--full-page:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.pb-slot--wide:where([sf~="67"]) { width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; }
.pb-slot--quad:where([sf~="67"]) { width: 252px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 252px; height: 283px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 283px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.pb-page__dressing:where([sf~="67"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .3s; transition-timing-function: ease-out; }
.pb-dressed .pb-page__dressing:where([sf~="67"]) { opacity: 1; --op-pe: inherit; }
.pb-page--background:where([sf~="67"]), .pb-page--background-tiled:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --bg-pos: 50% 50%; }
.pb-page--background:where([sf~="67"]) { --bg-rep: no-repeat; }
.pb-page--background-tiled:where([sf~="67"]) { --bg-rep: repeat; }
.pb-slot:where([sf~="67"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.02326); --bg-grad: none; border: 5px dashed rgb(143, 143, 141); --bdln: 5; --bdrn: 5; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.pb-slot:hover:where([sf~="67"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; border: 5px dashed rgb(109, 108, 107); --bdln: 5; --bdrn: 5; }
.pb-slot__hint:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 0.7), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(50, 40, 27, 0.365764); }
.pb-slot__clip:where([sf~="67"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.pb-slot__image:where([sf~="67"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pb-slot--filled:where([sf~="67"]) { --bgc: transparent; --bg-grad: none; border: 0px solid rgba(0, 0, 0, 0); --bdln: 0; --bdrn: 0; box-shadow: 0px 0px 2.5px 1.666667px rgb(0 0 0 / 0.15); --bg-fill: rgb(0 0 0 / 0.15); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.pb-slot--filled .pb-slot__hint:where([sf~="67"]) { --vis-collapse: none; }
.pb-slot--filled:hover:where([sf~="67"]) { --bgc: transparent; --bg-grad: none; border: 0px solid rgba(0, 0, 0, 0); --bdln: 0; --bdrn: 0; }
.pb-slot__frame-btn:where([sf~="67"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; border-radius: 4px; --bgc: rgba(0, 0, 0, 0.311325); --bg-grad: none; z-index: 5; --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-out; }
.kk-c-pb-slot__frame-btn:has(> .pb-slot__frame-btn:where([sf~="67"]):not([pvis="0"])) { isolation: isolate; }
.pb-slot__frame-btn :is(p-image, :where(img[pimg])):where([sf~="67"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pb-slot--filled:hover .pb-slot__frame-btn:where([sf~="67"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.pb-slot--framing:where([sf~="67"]) { z-index: 3; }
.kk-c-pb-slot--framing:has(> .pb-slot--framing:where([sf~="67"]):not([pvis="0"])) { isolation: isolate; }
.pb-frame-bar:where([sf~="67"]) { --vis-collapse: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 260px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 260px; --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; border-radius: 6px; --bgc: rgba(20, 20, 20, 0.782441); --bg-grad: none; z-index: 20; }
.kk-c-pb-frame-bar:has(> .pb-frame-bar:where([sf~="67"]):not([pvis="0"])) { isolation: isolate; }
.pb-frame-bar .pb-frame-bar__row:where([sf~="67"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 8px; }
.pb-frame-bar .pb-frame-bar__icon:where([sf~="67"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 10px; }
.pb-frame-bar .pb-frame-bar__icon--turned:where([sf~="67"]) { transform: rotateZ( 90deg ); }
.pb-frame-bar .pb-frame-bar__row--off .pb-frame-bar__icon:where([sf~="67"]) { opacity: 0.347608; --op-pe: inherit; }
.pb-frame-bar :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="67"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; }
.pb-frame-bar :where([p]):has(> :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="67"]):not([pvis="0"])), .pb-frame-bar:has(> :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="67"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .pb-frame-bar :where([p]):has(> :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="67"]):not([pvis="0"]))::after, .pb-frame-bar:has(> :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="67"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pb-frame-bar--open:where([sf~="67"]) { --vis-collapse: initial; }
.pb-slot--eligible:where([sf~="67"]) { border: 5px dashed rgb(255, 255, 255); --bdln: 5; --bdrn: 5; }
.pb-library:where([sf~="67"]) { width: 148px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 148px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 32px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; border-radius: 6px; --bgc: rgba(75, 75, 75, 0.506963); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; border-radius: 8px; }
.pb-library:where([sf~="67"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-library__booth-btn:where([sf~="67"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; border-radius: 6px; --tooltip-position: left; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-library__booth-btn :is(p-image, :where(img[pimg])):where([sf~="67"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pb-library__booth-btn:hover:where([sf~="67"]) { --sound: "UIPanorama.store_item_rollover"; --bgc: rgba(140, 140, 140, 0.881808); --bg-grad: none; }
.pb-slot--drag-over:where([sf~="67"]) { --bgc: rgba(255, 255, 255, 0.653965); --bg-grad: none; }
.pb-drag-image:where([sf~="67"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; opacity: 0.920479; --op-pe: inherit; }
.pb-hint-growth:where([sf~="67"]), .pb-hint-zoom:where([sf~="67"]), .pb-hint-stage:where([sf~="67"]), .pb-hint-pose:where([sf~="67"]), .pb-hint-filter:where([sf~="67"]), .pb-hint-activity:where([sf~="67"]), .pb-hint-headwear:where([sf~="67"]) { font-weight: 700; }
.pb-hint-unmet:where([sf~="67"]) { color: rgba(220, 90, 70, 1); }
.pb-slot--drag-reject:where([sf~="67"]) { border: 5px dashed rgba(220, 90, 70, 0.939802); --bdln: 5; --bdrn: 5; --bgc: rgba(220, 90, 70, 0.203705); --bg-grad: none; }
.pb-page-inner .pb-page .pb-slot.pb-slot--filled.pb-slot--drag-reject:where([sf~="67"]) { border: 5px dashed rgba(220, 90, 70, 0.939802); --bdln: 5; --bdrn: 5; --bgc: rgba(220, 90, 70, 0.203705); --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.pb-slot--reject:where([sf~="67"]) { animation-name: pb-slot-reject-anim; animation-duration: .4s; animation-timing-function: ease-out; animation-iteration-count: 1; }
@keyframes pb-slot-reject-anim {
0% { --bgc: rgba(220, 90, 70, 0.516898); --bg-grad: none; }
100% { --bgc: rgba(220, 90, 70, 0); --bg-grad: none; }
}
.pb-slot--dropped:where([sf~="67"]) { animation-name: pb-slot-drop-anim; animation-duration: .22s; animation-timing-function: ease-out; animation-iteration-count: 1; }
@keyframes pb-slot-drop-anim {
0% { transform: scale3d( 1.14, 1.14, 1 ); opacity: 0; --op-pe: none; }
70% { transform: scale3d( 0.98, 0.98, 1 ); opacity: 1; --op-pe: inherit; }
100% { transform: scale3d( 1, 1, 1 ); opacity: 1; --op-pe: inherit; }
}
.pb-drag-image--remove:where([sf~="67"]) { opacity: 0.616725; --op-pe: inherit; --saturation: .25; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/vanity-loadout.css */
.vanity-loadout-root:where([sf~="68"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY(-100px) translateX(20px); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --vis-collapse: none; width: 1000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1000px; height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-in-out; border-radius: 5px; }
.vanityloadout-border:where([sf~="68"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border-right: 5px solid white; --bdrn: 5; }
.unhide:where([sf~="68"]) { --vis-collapse: initial; }
.visible:where([sf~="68"]) { --vis-collapse: initial; }
.vanity-loadout-interior:where([sf~="68"]) { width: 960px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 960px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --world-blur: gaussian(2,2,2); --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.015; --bg-img-own: none; }
.vanity-loadout-interior:where([sf~="68"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.vanity-loadout-interior #id-collection-background:where([sf~="68"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-size: 33px 25px; --bg-w: 33px; --bg-img-opacity: 0.05; --bg-img-own: none; --saturation: 0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.vanity-loadout-interior #id-collection-background:where([sf~="68"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.vanity-loadout-interior #id-vanity-loadout-playername__label:where([sf~="68"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); rotate: -90deg; transform: translateX(-465px); width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; text-align: center; font-family: Stratum2 Medium Condensed, 'Arial Unicode MS'; --c9: 0.9; letter-spacing: 2px; --fsz: 25; font-size: calc(max(1, round(nearest, 25 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: white; --bg-grad: none; color: black; }
.vanity-loadout-interior .loadout-column:where([sf~="68"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; }
.vanity-loadout-interior .loadout-column .loadout-slot:where([sf~="68"]) { height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 133 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; }
.vanity-loadout-interior .loadout-column .kk-c-loadout-slot:has(> .loadout-slot:where([sf~="68"]):not([pvis="0"])), .vanity-loadout-interior .loadout-column.kk-c-loadout-slot:has(> .loadout-slot:where([sf~="68"]):not([pvis="0"])) { --kid-fill-h: 1; }
.vanity-loadout-interior .loadout-column .loadout-slot .item-rarity-dot:where([sf~="68"]) { width: 5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 5px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
.vanity-loadout-interior .loadout-column .loadout-slot .item-clip-icon:where([sf~="68"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; --wash-color: rgb(180,180,180); --wash-filter: url(#w-rgb_180_180_180); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 8px; --mgr: 20px; --mgb: 8px; --mgl: 20px; --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.vanity-loadout-interior .loadout-column .loadout-slot .item-image:where([sf~="68"]) { height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 133 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: transform, --brightness, --img-shadow; transition-duration: .1s, .1s, .1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --img-shadow: drop-shadow(-1px 2px 1px color-mix(in srgb, rgb(0 0 0 / .2) 22.725%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.vanity-loadout-interior .loadout-column .loadout-slot .item-image:hover:where([sf~="68"]) { transform: translateY( -3px); --img-shadow: drop-shadow(-3px 3px 1.5px color-mix(in srgb, rgb(0 0 0 / .2) 22.725%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.vanity-loadout-interior #id-vanity-contents:where([sf~="68"]) { --mgl: 30px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; mask-image: url("panel://id-wipe"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.vanity-loadout-interior #id-vanity-contents .loadout-grid__slots__container:where([sf~="68"]) { --pdt: 20px; --pdr: 0px; --pdb: 20px; --pdl: 0px; --pdrn: 0; --pdln: 0; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; }
.vanity-loadout-interior #id-vanity-contents .loadout-grid__slots__container .loadout-column:where([sf~="68"]) { width: min(calc((100% + var(--ppx)) * 0.33299999999999996), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.vanity-loadout-interior #id-vanity-contents .loadout-grid__slots__container #id-loadout-mid:where([sf~="68"]) { border-left: 1px solid rgba(255, 255, 255, 0.209272); --bdln: 1; border-right: 1px solid rgba(255, 255, 255, 0.209272); --bdrn: 1; }
.vanity-loadout-interior #id-vanity-contents .loadout-agent:where([sf~="68"]) { width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --px: -150px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); transition-property: opacity, --brightness; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; mask-image: url("/panorama/images/masks/fade-both-left-right3.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc:where([sf~="68"]) { --pdt: 20px; --pdr: 0px; --pdb: 20px; --pdl: 0px; --pdrn: 0; --pdln: 0; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc .vanity-loadout-flair:where([sf~="68"]), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc .vanity-loadout-musickit:where([sf~="68"]), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc .vanity-loadout-melee:where([sf~="68"]), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc .vanity-loadout-gloves:where([sf~="68"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc .kk-c-vanity-loadout-flair:has(> .vanity-loadout-flair:where([sf~="68"]):not([pvis="0"])), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc.kk-c-vanity-loadout-flair:has(> .vanity-loadout-flair:where([sf~="68"]):not([pvis="0"])), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc .kk-c-vanity-loadout-musickit:has(> .vanity-loadout-musickit:where([sf~="68"]):not([pvis="0"])), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc.kk-c-vanity-loadout-musickit:has(> .vanity-loadout-musickit:where([sf~="68"]):not([pvis="0"])), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc .kk-c-vanity-loadout-melee:has(> .vanity-loadout-melee:where([sf~="68"]):not([pvis="0"])), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc.kk-c-vanity-loadout-melee:has(> .vanity-loadout-melee:where([sf~="68"]):not([pvis="0"])), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc .kk-c-vanity-loadout-gloves:has(> .vanity-loadout-gloves:where([sf~="68"]):not([pvis="0"])), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc.kk-c-vanity-loadout-gloves:has(> .vanity-loadout-gloves:where([sf~="68"]):not([pvis="0"])) { --kid-fill-h: 1; }
.vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc #id-flair:where([sf~="68"]), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc #id-musickit:where([sf~="68"]), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc #id-melee:where([sf~="68"]), .vanity-loadout-interior #id-vanity-contents #id-vanity-loadout-misc #id-gloves:where([sf~="68"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#id-close-tab:where([sf~="68"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; border-radius: 5px; }
#id-close-tab #jsCloseBackground:where([sf~="68"]) { --bgc: white; --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --world-blur: gaussian(2,2,2); --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.015; --bg-img-own: none; }
#id-close-tab #jsCloseBackground:where([sf~="68"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
#id-wipe:where([sf~="68"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; scale: 0; --bgc: white; --bg-grad: none; }
#id-wipe #id-glitch:where([sf~="68"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; --bg-img: none; --bg-video: "/panorama/videos/digital_glitch.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --vis-collapse: none; }
.unhide #id-wipe #id-glitch:where([sf~="68"]) { --vis-collapse: initial; }
.wipe #id-glitch:where([sf~="68"]) { animation-name: anim-glitch; animation-duration: 0.5s; animation-timing-function: linear; animation-delay: 0.0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; }
@keyframes anim-glitch {
0% { opacity: 0; --op-pe: none; }
1% { opacity: 1; --op-pe: inherit; }
50% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
#active-selector:where([sf~="68"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#active-selector .border-corner:where([sf~="68"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#active-selector #id-t-l:where([sf~="68"]) { border-top: 1.5px solid rgba(255, 255, 255, 0.486185); border-left: 1.5px solid rgba(255, 255, 255, 0.486185); --bdln: 1.5; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
#active-selector #id-t-r:where([sf~="68"]) { border-top: 1.5px solid rgba(255, 255, 255, 0.486185); border-right: 1.5px solid rgba(255, 255, 255, 0.486185); --bdrn: 1.5; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
#active-selector #id-b-l:where([sf~="68"]) { border-bottom: 1.5px solid rgba(255, 255, 255, 0.486185); border-left: 1.5px solid rgba(255, 255, 255, 0.486185); --bdln: 1.5; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#active-selector #id-b-r:where([sf~="68"]) { border-bottom: 1.5px solid rgba(255, 255, 255, 0.486185); border-right: 1.5px solid rgba(255, 255, 255, 0.486185); --bdrn: 1.5; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.active #active-selector:where([sf~="68"]) { --vis-collapse: initial; }
.PopupButton:where([sf~="68"]) { --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; opacity: 0.268142; --op-pe: inherit; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: ease-in-out; }
.PopupButton:hover:where([sf~="68"]) { opacity: 1; --op-pe: inherit; }
.PopupButton :is(p-image, :where(img[pimg])):where([sf~="68"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; }
.item-rarity-dot.default:where([sf~="68"]) { --wash-color: rgb(66, 60, 60); --wash-filter: url(#w-rgb_66_60_60); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-rarity-dot.common:where([sf~="68"]) { --wash-color: rgb(153, 153, 153); --wash-filter: url(#w-rgb_153_153_153); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-rarity-dot.uncommon:where([sf~="68"]) { --wash-color: #5e98d9; --wash-filter: url(#w-5e98d9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-rarity-dot.rare:where([sf~="68"]) { --wash-color: #4b69ff; --wash-filter: url(#w-4b69ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-rarity-dot.mythical:where([sf~="68"]) { --wash-color: #8847ff; --wash-filter: url(#w-8847ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-rarity-dot.ancient:where([sf~="68"]) { --wash-color: #eb4b4b; --wash-filter: url(#w-eb4b4b); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-rarity-dot.legendary:where([sf~="68"]) { --wash-color: #d32ce6; --wash-filter: url(#w-d32ce6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-rarity-dot.immortal:where([sf~="68"]) { --wash-color: #e4ae39; --wash-filter: url(#w-e4ae39); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/endofmatch.css */
.eom:where([sf~="69"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; opacity: 0; --op-pe: none; --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.371014) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.eom-scoreboard-toggle-instructions:where([sf~="69"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 10px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: gray; }
.eom.eom--reveal:where([sf~="69"]) { opacity: 1; --op-pe: inherit; }
.eom.eom--reveal #id-gametime__desc.CountDownTick:where([sf~="69"]) { --sound: "UI.CounterBeep"; }
.eom.eom--reveal #id-gametime__desc.CountDownFinish:where([sf~="69"]) { --sound: "UI.DeathMatch.EndTimer"; }
.eom-layout:where([sf~="69"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 10; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.64284) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.kk-c-eom-layout:has(> .eom-layout:where([sf~="69"]):not([pvis="0"])) { isolation: isolate; }
#id-eom-chat-and-score:where([sf~="69"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#id-eom-chat-container:where([sf~="69"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.eom-chat:where([sf~="69"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.content-navbar__tabs p-radiobutton:where([sf~="69"]), .content-navbar__tabs :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="69"]), .content-navbar__tabs p-togglebutton:where([sf~="69"]), .content-navbar__tabs p-textbutton:where([sf~="69"]), .content-navbar__tabs p-button:where([sf~="69"]) { --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 0px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: bottom; --bg-grad: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%); --bgc: transparent; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#id-eom-layout:where([sf~="69"]) { height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; z-index: 10; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 48px; }
.kk-i-id-eom-layout:has(> #id-eom-layout:where([sf~="69"]):not([pvis="0"])) { isolation: isolate; }
.content-navbar:where([sf~="69"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --bgc: rgba(0, 0, 0, 0.649043); --bg-grad: none; --world-blur: gaussian( 1, 1, 20); }
#id-display-timer-progress-bar:where([sf~="69"]) { height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: rgb(0, 225, 255); --bg-grad: none; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0s, 0s, 0s, 0s, 0s; transition-timing-function: linear, linear, linear, linear, linear; }
.eom-panel:where([sf~="69"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.15s; transition-timing-function: ease-in-out; }
.eom-panel.eom-panel--active:where([sf~="69"]) { opacity: 1; --op-pe: inherit; }
.hidden:where([sf~="69"]) { --vis-collapse: none; }
.time_container:where([sf~="69"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgr: 10%; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.timer:where([sf~="69"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; text-align: right; letter-spacing: 1px; }
.time_container__time:where([sf~="69"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#id-gametime__desc:where([sf~="69"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgr: 20px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: rgb(189, 189, 189); }
#id-content-navbar__time:where([sf~="69"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; font-weight: 500; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgl: 50px; --mgr: 200px; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; }
.content-navbar__tabs:where([sf~="69"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdl: 100px; --pdln: 100; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-height: 48px; --mh-set: 1; --mhp: 1; --bgc: transparent; --bg-grad: none; transition-property: translate, --pxp, --pyp; transition-duration: 1s, 1s, 1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.content-navbar__tabs p-label:where([sf~="69"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.content-navbar__tabs p-radiobutton:where([sf~="69"]) { opacity: 0; --op-pe: none; }
.content-navbar__tabs p-radiobutton.appear:where([sf~="69"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
#id-display-timer-progress-bar-container:where([sf~="69"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --py: 48px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#id-eom-scoreboard-container:where([sf~="69"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.2s; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.scoreboard-visible #id-eom-scoreboard-container:where([sf~="69"]) { opacity: 1; --op-pe: inherit; }
.WindowRoot_TripleMonitor #id-display-timer-progress-bar-container:where([sf~="69"]), .WindowRoot_TripleMonitor #id-eom-chat-and-score:where([sf~="69"]), .WindowRoot_TripleMonitor #id-eom-layout:where([sf~="69"]), .WindowRoot_TripleMonitor .content-navbar:where([sf~="69"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.33), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
#id-eom-fade:where([sf~="69"]) { --bgc: black; --bg-grad: none; transition-property: opacity; transition-duration: 0.5s; opacity: 0; --op-pe: none; }
#id-eom-fade.active:where([sf~="69"]) { opacity: 1; --op-pe: inherit; }
#id-eom-fallback-background:where([sf~="69"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --brightness: 0.7; --blur: 6px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-eom-fallback-background.hidden:where([sf~="69"]) { opacity: 0; --op-pe: none; }
.eom-cancelled:where([sf~="69"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: 60% auto; --bg-w: 0px; --bg-img-opacity: 0.1; --bg-img-own: none; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 0; --op-pe: none; --vis-collapse: none; transform: scale3d(1.5, 1.5, 1.5); transition-property: opacity, transform; transition-delay: 0.3s, 0.3s; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in, ease-in; }
.eom-cancelled:where([sf~="69"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.eom-cancelled.show:where([sf~="69"]) { opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); --vis-collapse: initial; }
.eom-cancelled p-label:where([sf~="69"]) { color: white; text-align: center; }
.eom-cancelled #matchCancelledTitle:where([sf~="69"]) { --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-cancelled #matchCancelledDesc:where([sf~="69"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-cancelled #matchCancelledDesc2:where([sf~="69"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-cancelled.vaclive:where([sf~="69"]) { --bgc: red; --bg-grad: none; }
.eom-cancelled.network-event:where([sf~="69"]) { --bgc: black; --bg-grad: none; }
/* styles/mainmenu_news.css */
.featured.news-panel:where([sf~="70"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.781719); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.kk-c-featured:has(> .featured.news-panel:where([sf~="70"]):not([pvis="0"])) { --kid-fill-h: 1; }
.history.news-panel:where([sf~="70"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.781719); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.kk-c-history:has(> .history.news-panel:where([sf~="70"]):not([pvis="0"])) { --kid-fill-h: 1; }
.news-panel--hide-news-panel #JsNewsPanel:where([sf~="70"]) { height: auto; --fh: 0; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 0px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.news-panel--hide-news-panel .kk-i-JsNewsPanel:has(> #JsNewsPanel:where([sf~="70"]):not([pvis="0"])), .news-panel--hide-news-panel.kk-i-JsNewsPanel:has(> #JsNewsPanel:where([sf~="70"]):not([pvis="0"])) { --kid-fill-h: 1; }
.news-panel--hide-news-panel #JsStorePanel:where([sf~="70"]) { height: 265px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 265px; }
.news-panel-style-feature-panel-visible #JsNewsPanel:where([sf~="70"]) { height: auto; --fh: .5; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.news-panel-style-feature-panel-visible .kk-i-JsNewsPanel:has(> #JsNewsPanel:where([sf~="70"]):not([pvis="0"])), .news-panel-style-feature-panel-visible.kk-i-JsNewsPanel:has(> #JsNewsPanel:where([sf~="70"]):not([pvis="0"])) { --kid-fill-h: 1; }
.news-panel-navbar:where([sf~="70"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; z-index: 3; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; }
.kk-c-news-panel-navbar:has(> .news-panel-navbar:where([sf~="70"]):not([pvis="0"])) { isolation: isolate; }
.content-navbar__tabs__center-container:where([sf~="70"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.content-navbar__tabs__btn .RadioBox:where([sf~="70"]) { --vis-collapse: none; }
.mainmenu-news-content__container:where([sf~="70"]) { transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.news-panel-navbar-btn:where([sf~="70"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 24px; --mgb: 0px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%); --bgc: transparent; }
.news-panel-navbar .news-panel-navbar-logo:where([sf~="70"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; }
.news-panel-navbar-worldwide:where([sf~="70"]), .news-panel-navbar-pwglobal:where([sf~="70"]), .news-panel-navbar-pwchina:where([sf~="70"]) { --vis-collapse: initial; }
.worldwide .news-panel-navbar-worldwide:where([sf~="70"]), .perfectworld.steamglobal .news-panel-navbar-pwglobal:where([sf~="70"]), .perfectworld.steamchina .news-panel-navbar-pwchina:where([sf~="70"]) { --vis-collapse: initial; }
.news-panel-navbar-sub:where([sf~="70"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; }
.news-panel-style-feature-panel-visible .news-entry:where([sf~="70"]) { --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; }
.history.news-panel__list:where([sf~="70"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.history.news-panel__list:where([sf~="70"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
#NewEntry0.news-entry.news-panel-style-short-entires:where([sf~="70"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-height: 500px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bgc: rgba(0, 0, 0, 0.390564); --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 200px; --pdb: 0px; --pdl: 200px; --pdrn: 200; --pdln: 200; border-bottom: 1px solid rgba(255, 255, 255, 0.337286); }
#NewEntry0 .news-entry__image:where([sf~="70"]) { width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 11; transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
#NewEntry0 .kk-c-news-entry__image:has(> .news-entry__image:where([sf~="70"]):not([pvis="0"])), #NewEntry0.kk-c-news-entry__image:has(> .news-entry__image:where([sf~="70"]):not([pvis="0"])) { isolation: isolate; }
#NewsInfo0.news-entry__info:where([sf~="70"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#NewEntry0 .news-entry__title:where([sf~="70"]) { --fsz: 46; font-size: calc(max(1, round(nearest, 46 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: #dddddd; }
#NewEntry0 .news-entry__body:where([sf~="70"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #dddddd; text-overflow: ellipsis; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#NewEntry0 .news-entry__details:where([sf~="70"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: #dddddd; text-overflow: ellipsis; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#NewEntry0.news-entry:hover:where([sf~="70"]) { --bgc: rgba(0, 0, 0, 0.446791); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.history .news-entry:where([sf~="70"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.history .news-entry:where([sf~="70"]), .history .news-panel-style-short-entires .news-entry:where([sf~="70"]), .history .news-panel-style-feature-panel-visible .news-entry:where([sf~="70"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; max-height: 263px; --pdt: 0px; --pdr: 200px; --pdb: 0px; --pdl: 200px; --pdrn: 200; --pdln: 200; box-shadow: none; --bg-fill: initial; --bg-solid: initial; border-bottom: 1px solid rgba(255, 255, 255, 0.286225); }
.history .news-entry:hover .news-entry__image:where([sf~="70"]) { transform: scale3d( 1.02, 1.02, 1.02 ); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.history .news-entry__image:where([sf~="70"]) { width: 350px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 350px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 11; transition-property: transform, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.history .kk-c-news-entry__image:has(> .news-entry__image:where([sf~="70"]):not([pvis="0"])), .history.kk-c-news-entry__image:has(> .news-entry__image:where([sf~="70"]):not([pvis="0"])) { isolation: isolate; }
.history .news-panel-style-short-entires .news-entry__image:where([sf~="70"]), .history .news-panel-style-feature-panel-visible .news-entry__image:where([sf~="70"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; z-index: 11; }
.history .news-panel-style-short-entires .kk-c-news-entry__image:has(> .news-entry__image:where([sf~="70"]):not([pvis="0"])), .history .news-panel-style-short-entires.kk-c-news-entry__image:has(> .news-entry__image:where([sf~="70"]):not([pvis="0"])), .history .news-panel-style-feature-panel-visible .kk-c-news-entry__image:has(> .news-entry__image:where([sf~="70"]):not([pvis="0"])), .history .news-panel-style-feature-panel-visible.kk-c-news-entry__image:has(> .news-entry__image:where([sf~="70"]):not([pvis="0"])) { isolation: isolate; }
.history .news-entry__image--blur:where([sf~="70"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; min-height: 263px; --mh-set: 1; --mhp: 1; --pdt: 40px; --pdr: 0px; --pdb: 40px; --pdl: 0px; --pdrn: 0; --pdln: 0; z-index: 11; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.history .kk-c-news-entry__image--blur:has(> .news-entry__image--blur:where([sf~="70"]):not([pvis="0"])), .history.kk-c-news-entry__image--blur:has(> .news-entry__image--blur:where([sf~="70"]):not([pvis="0"])) { isolation: isolate; }
.history .news-entry__info:where([sf~="70"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; z-index: 3; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 40px; --pdb: 0px; --pdl: 40px; --pdrn: 40; --pdln: 40; --bgc: yellow; --bg-grad: none; }
.history .kk-c-news-entry__info:has(> .news-entry__info:where([sf~="70"]):not([pvis="0"])), .history.kk-c-news-entry__info:has(> .news-entry__info:where([sf~="70"]):not([pvis="0"])) { isolation: isolate; }
.history .news-panel-style-short-entires .news-entry__info:where([sf~="70"]), .history .news-panel-style-feature-panel-visible .news-entry__info:where([sf~="70"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: transparent; --bg-grad: none; }
.history .news-entry:hover:where([sf~="70"]) { --bgc: rgba(0, 0, 0, 0.148597); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.history .news-entry__title:where([sf~="70"]), .history .news-panel-style-short-entires .news-entry__title:where([sf~="70"]), .history .news-panel-style-feature-panel-visible .news-entry__title:where([sf~="70"]) { --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.history .news-entry__title:where([sf~="70"]) { font-weight: 700; color: #dddddd; }
.history .news-entry__body:where([sf~="70"]) { color: #dddddd; text-overflow: ellipsis; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; }
.history .news-entry__body:where([sf~="70"]), .history .news-panel-style-short-entires .news-entry__body:where([sf~="70"]), .history .news-panel-style-short-entires .news-entry__details:where([sf~="70"]), .history .news-panel-style-feature-panel-visible .news-entry__body:where([sf~="70"]), .history .news-panel-style-feature-panel-visible .news-entry__details:where([sf~="70"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 4px; }
.history .news-entry__details:where([sf~="70"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #cccccc; text-transform: uppercase; font-weight: 700; }
/* styles/mainmenu_inventory.css */
.inv-category:where([sf~="71"]) { --vis-collapse: none; opacity: 0; --op-pe: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: opacity; transition-duration: .25s; transition-timing-function: linear; }
.inv-category--noflow:where([sf~="71"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.inv-category.Active:where([sf~="71"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: linear; }
.inv-category__list-container:where([sf~="71"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.inv-nav__search:where([sf~="71"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.inv-nav__separator:where([sf~="71"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.7), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.7; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.485126); --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 28px; --mgl: 28px; }
.mainmenu-content__container__inventory:where([sf~="71"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.content-navbar.inv-popup:where([sf~="71"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; }
.inv-popup-title:where([sf~="71"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.inv-popup-title__title:where([sf~="71"]) { font-weight: 700; text-transform: uppercase; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.inv-popup-title__image:where([sf~="71"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 130 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 12px; }
.inv-popup-title__text:where([sf~="71"]) { max-width: 450px; --maxw: 450px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.inv-popup-rightextra-label:where([sf~="71"]) { --mgr: 8px; }
.content-navbar__extra-buttons.inv-popup-rightextra:where([sf~="71"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --mgr: 48px; }
.kk-c-content-navbar__extra-buttons:has(> .content-navbar__extra-buttons.inv-popup-rightextra:where([sf~="71"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-content-navbar__extra-buttons:has(> .content-navbar__extra-buttons.inv-popup-rightextra:where([sf~="71"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.inv-category__empty-list-text:where([sf~="71"]) { max-width: 512px; --maxw: 512px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; line-height: 24px; }
.inv-search-y-offset:where([sf~="71"]) { --mgt: 64px; }
.inv-search-navbar:where([sf~="71"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.inv-search-icon:where([sf~="71"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
.inv-search-textentry:where([sf~="71"]) { height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 10px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; border-radius: 0px; border: 0px solid rgba(255, 255, 255, 1); --bdln: 0; --bdrn: 0; border-bottom: 2px solid rgba(255, 255, 255, 1); transition-property: border; transition-duration: 0.2s; }
.inv-search-textentry._focus:where([sf~="71"]) { border-bottom: 6px solid rgba(255, 255, 255, 1); box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: border; transition-duration: 0.2s; }
.inv-search-textentry #PlaceholderText:where([sf~="71"]) { color: rgb(221, 221, 221); --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.inv-search__suggestions:where([sf~="71"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 32px; --pdr: 32px; --pdb: 32px; --pdl: 32px; --pdrn: 32; --pdln: 32; --mgl: 32px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: scaleY( 1 ); transform-origin: 50% 0%; --vis-collapse: initial; transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.inv-search__suggestions.collapse:where([sf~="71"]) { transform: scaleY( 0 ); opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.inv-search__suggestions_entry:where([sf~="71"]) { --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 16px; --bgc: rgba(61, 61, 61, 0.21686); --bg-grad: none; border-radius: 2px; transition-property: --brightness; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.inv-search__suggestions_entry:hover:where([sf~="71"]) { --brightness: 1.5; transition-property: --brightness; transition-duration: 0.2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.inv-search__suggestions_rarity:where([sf~="71"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; }
.inv-search__suggestions_entry__image:where([sf~="71"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.content-navbar__tabs p-button.inv-nav-solid-btn:where([sf~="71"]) { --bgc: rgba(247, 247, 247, 0.871703); --bg-grad: none; --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 12px; border-radius: 3px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.content-navbar__tabs p-button.inv-nav-solid-btn p-label:where([sf~="71"]) { --pdt: 14px; --pdr: 16px; --pdb: 14px; --pdl: 16px; --pdrn: 16; --pdln: 16; --mgl: 0px; color: Black; font-weight: 700; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.content-navbar__tabs p-button.inv-nav-solid-btn:hover:where([sf~="71"]) { --bgc: rgba(34, 34, 34, 0.589887); --bg-grad: none; mix-blend-mode: normal; --s2-blend: normal; transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; --sound: "UIPanorama.loadout_sector_scroll"; }
.content-navbar__tabs p-button.inv-nav-solid-btn:hover p-label:where([sf~="71"]) { color: rgb(247, 247, 247); transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.inv-nav-solid-btn-notification:where([sf~="71"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.inv-nav-solid-btn-notification.navbar-btn__notification .navbar-btn__notification-text:where([sf~="71"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.inv-arrow-btn--image:where([sf~="71"]) { transform: rotateZ(90deg); }
/* styles/hud/hudweaponselection.css */
p-csgohudweaponselection p-label:where([sf~="72"]), p-csgoweaponselectionview p-label:where([sf~="72"]) { color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.299283); }
.HUD--team--ct .HWS--use-team-color:where([sf~="72"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--team--terrorist .HWS--use-team-color:where([sf~="72"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection:where([sf~="72"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.weapon-selection--hidden:where([sf~="72"]) { --vis-collapse: none; }
.weapon-selection-list:where([sf~="72"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.weapon-selection--animation-enable .weapon-selection-item:where([sf~="72"]), .weapon-selection--animation-enable .weapon-row-number:where([sf~="72"]) { transition-property: opacity; transition-duration: 0.5s; transition-timing-function: linear; }
.weapon-selection--fade .weapon-selection-item--fade-ok.weapon-row:where([sf~="72"]), .weapon-selection--fade .weapon-row-number:where([sf~="72"]) { transition-property: opacity; transition-duration: 0.1s; opacity: 0; --op-pe: none; }
.weapon-selection-item--fade-ok.weapon-row:where([sf~="72"]) { transition-property: opacity; transition-duration: 4s; opacity: 1; --op-pe: inherit; }
.weapon-selection--animation-enable.weapon-selection--fade.weapon-row:where([sf~="72"]), .weapon-selection--animation-enable.weapon-selection--fade .weapon-row-number:where([sf~="72"]) { transition-property: opacity; transition-duration: 0.1s; }
.weapon-selection-item:where([sf~="72"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; transform: translateX(125%); --mgb: 0px; }
.weapon-selection-item--selected.weapon-selection-item:where([sf~="72"]) { --pdl: 400px; --pdln: 400; --mgl: -400px; }
.weapon-row--anim .weapon-selection-item:where([sf~="72"]) { transition-property: translate, --pxp, --pyp, transform, opacity; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: linear, linear, linear, linear, linear; }
@keyframes weapon-selection-item--weapon-selection-item--on-active {
0% { opacity: 1; --op-pe: inherit; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
49% { opacity: 1; --op-pe: inherit; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { opacity: 0.696476; --op-pe: inherit; --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
99% { opacity: 0.696476; --op-pe: inherit; --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { opacity: 1; --op-pe: inherit; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes weapon-selection-item--weapon-selection-item--on-active-scale {
0% { transform: scale3d( 1.0, 1.0, 1.0 ); }
49% { transform: scale3d( 1.0, 1.0, 1.0 ); }
50% { transform: scale3d( 1.1, 1.1, 1.1 ); }
99% { transform: scale3d( 1.0, 1.0, 1.0 ); }
100% { transform: scale3d( 1.0, 1.0, 1.0 ); }
}
@keyframes weapon-selection-item--weapon-selection-item--on-active-icon {
0% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
49% { --brightness: 0.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
99% { --brightness: 0.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.weapon-selection-item.weapon-selection-item--active:where([sf~="72"]) { transform: translateX(0px); }
.weapon-selection-item.weapon-selection-item--active-pop:where([sf~="72"]) { transform: translateX(0px); }
.weapon-selection-item.weapon-selection-item--deleted:where([sf~="72"]) { transform: translateX(0px); opacity: 0; --op-pe: none; }
.weapon-selection-item-name:where([sf~="72"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; --mgr: 12px; --mgt: -8px; --mgb: 4px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; opacity: 0; --op-pe: none; }
.weapon-selection-list__always-on-container .weapon-selection-item-name:where([sf~="72"]) { --mgt: -10px; }
.weapon-selection-item--selected .weapon-selection-item-name:where([sf~="72"]) { opacity: 1; --op-pe: inherit; }
.embedded-weapons-overview .weapon-selection-item--selected .weapon-selection-item-name:where([sf~="72"]) { opacity: 0; --op-pe: none; }
.weapon-selection-item-name-text:where([sf~="72"]), .weapon-selection-item-name-text-owned:where([sf~="72"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; white-space: nowrap; }
.weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-name-text:where([sf~="72"]), .weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-name-text-owned:where([sf~="72"]) { animation-name: weapon-selection-item--weapon-selection-item--on-active; animation-duration: 0.4s; animation-timing-function: linear; animation-iteration-count: 8; }
.weapon-selection-item-name-text-owned:where([sf~="72"]) { --vis-collapse: none; }
.weapon-selection-item--show-owner .weapon-selection-item-name-text-owned:where([sf~="72"]) { --vis-collapse: initial; }
.weapon-selection-item--show-owner .weapon-selection-item-name-text:where([sf~="72"]) { --vis-collapse: none; }
.weapon-selection-item-count:where([sf~="72"]) { font-weight: 500; --vis-collapse: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgb: 20px; --mgr: 0px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #a0a0a0; }
.weapon-selection-item--has-multiple .weapon-selection-item-count:where([sf~="72"]) { --vis-collapse: initial; }
.weapon-selection-item--selected .weapon-selection-item-count:where([sf~="72"]) { color: #ffffff; }
.weapon-selection-item-icon:where([sf~="72"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-icon:where([sf~="72"]) { animation-name: weapon-selection-item--weapon-selection-item--on-active, weapon-selection-item--weapon-selection-item--on-active-scale; animation-duration: 0.4s, 0.4s; animation-timing-function: linear, linear; animation-iteration-count: 8, 8; }
.weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-icon .weapon-selection-item-icon-main:where([sf~="72"]) { animation-name: weapon-selection-item--weapon-selection-item--on-active-icon; animation-duration: 0.4s; animation-timing-function: linear; animation-iteration-count: 8; }
.weapon-selection-item-icon-main:where([sf~="72"]) { --mgr: 10px; --pdt: 7px; --pdr: 7px; --pdb: 7px; --pdl: 7px; --pdrn: 7; --pdln: 7; transform: scale3d(0.7,0.7,1); opacity: 0.892208; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform-origin: 100% 50%; height: 61.5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 61.5px; }
.weapon-selection-item--bomb .weapon-selection-item-icon-main:where([sf~="72"]) { --wash-color: #f3e78b; --wash-filter: url(#w-f3e78b); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.gear-slot--0 .weapon-selection-item-icon-main:where([sf~="72"]), .gear-slot--1 .weapon-selection-item-icon-main:where([sf~="72"]), .gear-slot--2 .weapon-selection-item-icon-main:where([sf~="72"]) { scale: -1 1; }
.weapon-selection--armsrace .gear-slot--0 .weapon-selection-item-icon-main:where([sf~="72"]), .weapon-selection--armsrace .gear-slot--1 .weapon-selection-item-icon-main:where([sf~="72"]) { opacity: 0; --op-pe: none; }
.gear-slot--3 .weapon-selection-item-icon-main:where([sf~="72"]), .gear-slot--4 .weapon-selection-item-icon-main:where([sf~="72"]) { transform: scale3d(0.7,0.7,1) translateY(6px); }
.csgo-hud__color-0.HUD--team--ct .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(rgb(150, 200, 250), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_150_200_250_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-0.HUD--team--terrorist .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#eabe54, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_eabe54_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-1 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#e8e8e8, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_e8e8e8_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-2 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#ffffff, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_ffffff_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-3 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#96c8ff, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_96c8ff_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-4 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#2478ff, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_2478ff_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-5 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#c864ff, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_c864ff_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-6 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#ff2924, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_ff2924_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-7 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#ff7124, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_ff7124_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-8 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#fff724, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_fff724_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-9 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#3eff24, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_3eff24_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-10 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#70ffdb, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_70ffdb_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-11 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#ff9ccd, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_ff9ccd_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-12.HUD--team--ct .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(rgb(150, 200, 250), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_150_200_250_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-12.HUD--team--terrorist .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(#eabe54, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_eabe54_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--yellow.csgo-hud__color-12 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(rgb(248, 246, 45), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_248_246_45_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--purple.csgo-hud__color-12 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(rgb(192, 54, 153), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_192_54_153_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--green.csgo-hud__color-12 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(rgb(29, 162, 132), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_29_162_132_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--blue.csgo-hud__color-12 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(rgb( 136, 206, 245), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_136_206_245_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--orange.csgo-hud__color-12 .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform(rgb(255, 155, 37), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_255_155_37_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.HUD--team--ct .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(150, 200, 250), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_150_200_250_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.HUD--team--terrorist .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( #eabe54, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_eabe54_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--yellow .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(248, 246, 45), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_248_246_45_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--purple .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(192, 54, 153), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_192_54_153_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--green .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(29, 162, 132), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_29_162_132_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--blue .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb( 136, 206, 245), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_136_206_245_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--orange .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(255, 155, 37), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_255_155_37_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.HUD--team--ct .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(150, 200, 250), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_150_200_250_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.HUD--team--terrorist .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( #eabe54, 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_eabe54_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--yellow .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(248, 246, 45), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_248_246_45_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--purple .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(192, 54, 153), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_192_54_153_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--green .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(29, 162, 132), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_29_162_132_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--blue .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb( 136, 206, 245), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_136_206_245_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--orange .hud-colorize-wash--hsv:where([sf~="72"]) { --wash-color: hsv-transform( rgb(255, 155, 37), 0, 0.96, 0.9); --wash-filter: url(#w-hsv_transform_rgb_255_155_37_0_0_96_0_9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected .weapon-selection-item-icon-main:where([sf~="72"]), .weapon-selection-item--selected.weapon-selection-item--bomb:not(.weapon-selection-item--fade-ok) .weapon-selection-item-icon-main:where([sf~="72"]) { --brightness: 1.5; opacity: 1; --op-pe: inherit; mix-blend-mode: normal; --s2-blend: normal; transition-property: --brightness, transform; transition-duration: .2s, .2s; transform: scale3d(0.9,0.9,1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.gear-slot--3 .weapon-selection-item--selected .weapon-selection-item-icon-main:where([sf~="72"]), .gear-slot--4 .weapon-selection-item--selected .weapon-selection-item-icon-main:where([sf~="72"]) { transform: scale3d(0.9,0.9,1) translateY(6px); }
.weapon-selection-item--selected.weapon-selection-item--rarity-0 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-0 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #6a6156) drop-shadow(0px 0px 1.5px color-mix(in srgb, #6a6156 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected.weapon-selection-item--rarity-1 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-1 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #b0c3d9) drop-shadow(0px 0px 1.5px color-mix(in srgb, #b0c3d9 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected.weapon-selection-item--rarity-2 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-2 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #5e98d9) drop-shadow(0px 0px 1.5px color-mix(in srgb, #5e98d9 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected.weapon-selection-item--rarity-3 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-3 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #4b69ff) drop-shadow(0px 0px 1.5px color-mix(in srgb, #4b69ff 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected.weapon-selection-item--rarity-4 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-4 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #8847ff) drop-shadow(0px 0px 1.5px color-mix(in srgb, #8847ff 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected.weapon-selection-item--rarity-5 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-5 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #d32ce6) drop-shadow(0px 0px 1.5px color-mix(in srgb, #d32ce6 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected.weapon-selection-item--rarity-6 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-6 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #eb4b4b) drop-shadow(0px 0px 1.5px color-mix(in srgb, #eb4b4b 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected.weapon-selection-item--rarity-7 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-7 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #e4ae39) drop-shadow(0px 0px 1.5px color-mix(in srgb, #e4ae39 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-selection-item--selected.weapon-selection-item--rarity-99 .weapon-selection-item-icon-main:where([sf~="72"]), .armsrace-item--selected .weapon-selection-item--rarity-99 .weapon-selection-item-icon-armsrace:where([sf~="72"]) { --img-shadow: drop-shadow(0px 0px 1.5px #ffd700) drop-shadow(0px 0px 1.5px color-mix(in srgb, #ffd700 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes weapon-row-background--weapon-row--on-active {
0% { opacity: 1; --op-pe: inherit; }
49% { opacity: 1; --op-pe: inherit; }
50% { opacity: 0.696476; --op-pe: inherit; }
99% { opacity: 0.696476; --op-pe: inherit; }
100% { opacity: 1; --op-pe: inherit; }
}
.weapon-selection-item-icon-bombzone:where([sf~="72"]) { --mgt: 18px; opacity: 0; --op-pe: none; }
.weapon-selection--bomb-zone .weapon-selection-item-icon-bombzone:where([sf~="72"]) { opacity: 1; --op-pe: inherit; }
.weapon-selection--animation-enable.weapon-selection--bomb-zone .weapon-selection-item-icon-bombzone:where([sf~="72"]) { animation-name: bomb-zone-highlight-enter, bomb-zone-bounce, bomb-zone-highlight; animation-duration: 0.5s, 1.5s, 0.5s; animation-iteration-count: 1, infinite, infinite; animation-delay: 0s, 0.4s, 0.15s; animation-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.weapon-selection--fade .weapon-selection-item--fade-ok .weapon-selection-item-icon-bombzone:where([sf~="72"]) { transition-property: opacity; transition-duration: 1s; opacity: 0; --op-pe: none; }
@keyframes bomb-zone-highlight-enter {
0% { transform: scaleX(1.0) scaleY(1.0); }
40% { transform: scaleX(1.3) scaleY(1.3); }
75% { transform: scaleX(0.8) scaleY(0.8); }
100% { transform: scaleX(1.0) scaleY(1.0); }
}
@keyframes bomb-zone-bounce {
0% { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
25% { --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
30% { --px: 0px; --pxp: 0px; --py: 2px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
60% { --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
95% { --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
100% { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
}
@keyframes bomb-zone-highlight {
0% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: hsv-transform(#ffb136, 0, 0.8, 2); --wash-filter: url(#w-hsv_transform_ffb136_0_0_8_2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.weapon-row:where([sf~="72"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; opacity: 1; --op-pe: inherit; --mgr: 6px; }
.weapon-row.weapon-row--active:where([sf~="72"]) { opacity: 1; --op-pe: inherit; }
.weapon-row.weapon-row--deleted:where([sf~="72"]) { opacity: 0; --op-pe: none; }
.weapon-row-background:where([sf~="72"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; }
.weapon-row--selected .weapon-row-background:where([sf~="72"]) { --vis-collapse: initial; }
.weapon-selection--animation-enable .weapon-row--active .weapon-row-background:where([sf~="72"]) { animation-name: weapon-row-background--weapon-row--on-active; animation-duration: 0.4s; animation-timing-function: linear; animation-iteration-count: 8; }
.weapon-selection-list__always-on-container:where([sf~="72"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; height: 84px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 84px; }
.deathmatch .weapon-selection-list__always-on-container:where([sf~="72"]), .gungameprogressive .weapon-selection-list__always-on-container:where([sf~="72"]) { --vis-collapse: none; }
.weapon-row.gear-slot--3:where([sf~="72"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.HUD--max-nades-3 .weapon-row.gear-slot--3:where([sf~="72"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.weapon-row.gear-slot--3 .weapon-selection-item:where([sf~="72"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.weapon-row.gear-slot--3 .weapon-selection-item-icon:where([sf~="72"]) { width: 52px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 52px; }
.HUD--max-nades-4 .weapon-row.gear-slot--3 .weapon-selection-item-icon:where([sf~="72"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; }
.HUD--max-nades-5 .weapon-row.gear-slot--3 .weapon-selection-item-icon:where([sf~="72"]) { width: 44px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 44px; }
.weapon-row.gear-slot--3 .weapon-row-horiz-container-inner:where([sf~="72"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.weapon-selection-list__always-on-container % .weapon-selection-item-icon:where([sf~="72"]) { height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; }
.weapon-selection-list__always-on-container % .weapon-selection-item-icon-main:where([sf~="72"]) { transform-origin: 50% 50%; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.hud-bottom-row-background--right:where([sf~="72"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgr: 16px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.buymenu .hud-bottom-row-background--right--objective:where([sf~="72"]), .buymenu .hud-bottom-row-background--right--nades:where([sf~="72"]) { --world-blur: none; }
.hud-bottom-row-background--right--objective:where([sf~="72"]), .hud-bottom-row-background--right--nades:where([sf~="72"]) { --mgb: 10px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.hud-bottom-row-background--right--nades:where([sf~="72"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.HUD--max-nades-3 .hud-bottom-row-background--right--nades:where([sf~="72"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.grenade-pip-master-container:where([sf~="72"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.grenade-pip_container:where([sf~="72"]) { overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 7px; width: 52px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 52px; }
.HUD--max-nades-4 .grenade-pip_container:where([sf~="72"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; }
.HUD--max-nades-5 .grenade-pip_container:where([sf~="72"]) { width: 44px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 44px; }
.HUD--max-nades-3 .nade4:where([sf~="72"]) { --vis-collapse: none; }
.HUD--nades-1 .nade1:where([sf~="72"]), .HUD--nades-2 .nade1:where([sf~="72"]), .HUD--nades-3 .nade1:where([sf~="72"]), .HUD--nades-4 .nade1:where([sf~="72"]), .HUD--nades-2 .nade2:where([sf~="72"]), .HUD--nades-3 .nade2:where([sf~="72"]), .HUD--nades-4 .nade2:where([sf~="72"]), .HUD--nades-3 .nade3:where([sf~="72"]), .HUD--nades-4 .nade3:where([sf~="72"]), .HUD--nades-4 .nade4:where([sf~="72"]) { opacity: 0; --op-pe: none; }
.grenade-pip:where([sf~="72"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0.43392; --op-pe: inherit; --wash-color: black; --wash-filter: url(#w-black); mix-blend-mode: normal; --s2-blend: normal; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-bottom-row-background--right--objective:where([sf~="72"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --px: -225px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.HUD--max-nades-3 .hud-bottom-row-background--right--objective:where([sf~="72"]) { --px: -170px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.weapon-selection-item--bomb .WEAPON-ICON:where([sf~="72"]) { animation-name: bomb-pulse; animation-delay: 0s; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes bomb-pulse {
0% { opacity: 1; --op-pe: inherit; --brightness: 0.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
10% { opacity: 1; --op-pe: inherit; --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { opacity: 1; --op-pe: inherit; --brightness: 0.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.HUD--in-bomb-zone.HUD--has-c4 .weapon-selection-item--bomb:where([sf~="72"]) { animation-delay: 0s; animation-duration: 0.4s; }
.hud-bottom-row-background--right--objective .grenade-pip-master-container:where([sf~="72"]) { --mgr: 20px; }
.weapon-row.gear-slot--4:where([sf~="72"]), .weapon-row.kit:where([sf~="72"]) { transform: translateX(-225px); }
.weapon-row.kit:where([sf~="72"]) { height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; }
.HUD--max-nades-3 .weapon-row.gear-slot--4:where([sf~="72"]), .HUD--max-nades-3 .weapon-row.kit:where([sf~="72"]) { transform: translateX(-170px); }
.HUD--max-nades-5 .weapon-row.gear-slot--4:where([sf~="72"]), .HUD--max-nades-5 .weapon-row.kit:where([sf~="72"]) { transform: translateX(-255px); }
.weapon-selection-list__kit:where([sf~="72"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --px: -10px; --pxp: 0px; --py: -4px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0; --op-pe: none; }
.HUD--has-kit .weapon-selection-list__kit:where([sf~="72"]) { opacity: 1; --op-pe: inherit; }
.weapon-row-number:where([sf~="72"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --pdl: 2px; --pdln: 2; --pdr: 2px; --pdrn: 2; --mgr: 2px; opacity: 1; --op-pe: inherit; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgb: 5px; }
.ConsoleControlsInUse .weapon-row-number:where([sf~="72"]) { --vis-collapse: none; }
.embedded-weapons-overview .weapon-row-number:where([sf~="72"]) { opacity: 0; --op-pe: none; }
.weapon-row-horiz-container:where([sf~="72"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.weapon-row-horiz-container-inner:where([sf~="72"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgr: 10px; }
.weapon-selection-classic:where([sf~="72"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; }
p-csgohudweaponselection p-ccsgosteaminputaction:where([sf~="72"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --vis-collapse: none; }
p-csgohudweaponselection .weapon-selection-item-icon p-ccsgosteaminputaction:where([sf~="72"]) { --vis-collapse: none; }
.ConsoleControlsInUse p-ccsgosteaminputaction.ControllerConnected.NextWeaponSelection:where([sf~="72"]) { --vis-collapse: initial; }
p-csgohudweaponselection .steam-button-glyph:where([sf~="72"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
p-csgohudweaponselection p-label.steam-button-name:where([sf~="72"]) { --vis-collapse: none; }
#weapon-selection--armsrace-list:where([sf~="72"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgb: 93px; --vis-collapse: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.weapon-selection--armsrace #weapon-selection--armsrace-list:where([sf~="72"]) { --vis-collapse: initial; }
.armsrace-item:where([sf~="72"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, --mgt; transition-duration: .2s, .2s, .2s, .2s, .2s, .2s, .2s; opacity: 0; --op-pe: none; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --mgt: -10px; --pdt: 5px; --mgr: 16px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.armsrace-item.armsrace-item--next3:where([sf~="72"]) { opacity: 0.472624; --op-pe: inherit; }
.armsrace-item.armsrace-item--next2:where([sf~="72"]) { opacity: 0.696476; --op-pe: inherit; }
.armsrace-item.armsrace-item--next1:where([sf~="72"]) { opacity: 0.862912; --op-pe: inherit; }
.armsrace-item.armsrace-item--current:where([sf~="72"]) { opacity: 1; --op-pe: inherit; --mgt: 0px; }
.armsrace-item.armsrace-item--current.armsrace-item--knife:where([sf~="72"]) { opacity: 0; --op-pe: none; }
.armsrace-item.armsrace-item--done:where([sf~="72"]) { opacity: 0; --op-pe: none; height: 0; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgt: 0px; }
#armsrace-weapon-outline:where([sf~="72"]), #armsrace-weapon-filled:where([sf~="72"]) { transform-origin: 100% 50%; scale: -1 1; transition-property: opacity, transform, --brightness; transition-duration: .2s, .2s, .2s; --pdt: 7px; --pdr: 7px; --pdb: 7px; --pdl: 7px; --pdrn: 7; --pdln: 7; transform: scale3d(0.7,0.7,1); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#armsrace-weapon-outline:where([sf~="72"]) { opacity: 1; --op-pe: inherit; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.armsrace-item--future #armsrace-weapon-outline:where([sf~="72"]), .armsrace-item--current #armsrace-weapon-outline:where([sf~="72"]), .armsrace-item--done #armsrace-weapon-outline:where([sf~="72"]) { opacity: 0; --op-pe: none; }
.armsrace-item--next1 #armsrace-weapon-outline:where([sf~="72"]), .armsrace-item--next2 #armsrace-weapon-outline:where([sf~="72"]), .armsrace-item--next3 #armsrace-weapon-outline:where([sf~="72"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#armsrace-weapon-filled:where([sf~="72"]) { opacity: 0; --op-pe: none; }
.armsrace-item--current #armsrace-weapon-filled:where([sf~="72"]) { opacity: 1; --op-pe: inherit; }
.armsrace-item--selected #armsrace-weapon-filled:where([sf~="72"]) { transform: scale3d(0.9,0.9,1); --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#armsrace-level:where([sf~="72"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 45px; border-radius: 50%; --bgc: black; --bg-grad: none; color: white; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; text-align: center; --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --vis-collapse: none; }
#armsrace-pips:where([sf~="72"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --px: -30px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; opacity: 0.696476; --op-pe: inherit; --mgt: -4px; --mgr: 5px; transition-property: opacity; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.armsrace-item--current #armsrace-pips:where([sf~="72"]) { opacity: 1; --op-pe: inherit; }
.armsrace-pip:where([sf~="72"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 20px; --bgc: rgba(0, 0, 0, 0.485683); --bg-grad: none; border-radius: 50%; }
.armsrace-pip.armsrace-pip--earned:where([sf~="72"]) { --bgc: white; --bg-grad: none; mix-blend-mode: screen; --s2-blend: additive; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes armsrace-earn-pip {
0% { --bgc: rgba(255, 255, 255, 1); --bg-grad: none; transform: scaleX(1.1) scaleY(1.1); animation-timing-function: ease-in-out; }
30% { --bgc: rgba(255, 255, 255, 1); --bg-grad: none; transform: scaleX(1.5) scaleY(1.3); animation-timing-function: ease-in-out; }
50% { --bgc: rgba(255, 255, 255, 1); --bg-grad: none; transform: scaleX(0.9) scaleY(0.9); animation-timing-function: ease-in-out; }
75% { --bgc: rgba(0, 255, 0, 1); --bg-grad: none; transform: scaleX(1.1) scaleY(1.1); animation-timing-function: ease-in-out; }
100% { --bgc: rgba(0, 255, 0, 1); --bg-grad: none; transform: scaleX(1.0) scaleY(1.0); animation-timing-function: ease-in-out; }
}
@keyframes armsrace-current-pip {
0% { --bgc: rgba(128, 128, 128, 0.663623); --bg-grad: none; transform: scaleX(0.8) scaleY(0.8); animation-timing-function: ease-in-out; }
90% { --bgc: rgba(255, 255, 255, 1); --bg-grad: none; transform: scaleX(1.1) scaleY(1.1); animation-timing-function: ease-in-out; }
100% { --bgc: rgba(255, 255, 255, 1); --bg-grad: none; transform: scaleX(1.0) scaleY(1.0); animation-timing-function: ease-in-out; }
}
.progression-pip:where([sf~="72"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; --bgc: rgba(128, 128, 128, 0.663623); --bg-grad: none; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; }
.progression-pip.progression-pip--current:where([sf~="72"]) { --bgc: rgba(255, 255, 255, 1); --bg-grad: none; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; }
.weapon-selection--animation-enable .progression-pip.progression-pip--current:where([sf~="72"]) { animation-name: armsrace-current-pip; animation-duration: 0.8s; animation-timing-function: linear; animation-iteration-count: 1; }
.progression-pip.progression-pip--earned:where([sf~="72"]) { --bgc: rgba(0, 255, 0, 1); --bg-grad: none; }
.weapon-selection--animation-enable .progression-pip.progression-pip--earned:where([sf~="72"]) { animation-name: armsrace-earn-pip; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; }
/* styles/popups/popup_capability_can_stattrack_swap.css */
.popup-stattrackswap-item-models:where([sf~="73"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.popup-stattrackswap-two-models:where([sf~="73"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.popup-stattrackswap__model:where([sf~="73"]) { width: 1024px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1024px; height: 512px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 512px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.StatTrackSwapItemModel:where([sf~="73"]) { width: auto; --fw: 0.5; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: --brightness; transition-timing-function: ease-in-out; transition-duration: 2s; }
.kk-c-StatTrackSwapItemModel:has(> .StatTrackSwapItemModel:where([sf~="73"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-StatTrackSwapItemModel:has(> .StatTrackSwapItemModel:where([sf~="73"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.StatTrackSwapNumberVerticalSpacer:where([sf~="73"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: black; --bg-grad: none; }
.StatTrackSwapNumber:where([sf~="73"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; line-height: 147px; --mgt: 0px; --mgr: 170px; --mgb: 15px; --mgl: 170px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: center; transition-property: --brightness; transition-timing-function: ease-in-out; transition-duration: 2s; --fsz: 65; font-size: calc(max(1, round(nearest, 65 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #E86E34; --bg-size: 100% 100%; --bg-w: 0px; --bg-rep: no-repeat; --bg-img: url("/panorama/images/ui_textures/stattrak_module_lblbg.webp"); }
.StatTrackSwapNumberPadding:where([sf~="73"]) { width: auto; --fw: 0.5; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-StatTrackSwapNumberPadding:has(> .StatTrackSwapNumberPadding:where([sf~="73"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-StatTrackSwapNumberPadding:has(> .StatTrackSwapNumberPadding:where([sf~="73"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.hidden:where([sf~="73"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-stattrackswap-update-title-anim:where([sf~="73"]) { animation-name: UpdateTitle; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes UpdateTitle {
0% { transform: scale3d( 1.5, 1.5, 1.5 ); text-shadow: none; opacity: 0; --op-pe: none; }
50% { transform: scale3d( 1, 1, 1 ); --brightness: 5; text-shadow: 0px 0px 16px rgba(255, 255, 255, 0); opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { text-shadow: 0px 0px 0px #FFFFFF; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/popups/popup_capability_can_sticker.css */
#CanStickerItemModel:where([sf~="74"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#CanStickerItemModel.characters:where([sf~="74"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 1480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1480px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-capability__info-block.patch:where([sf~="74"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.patch .popup-cansticker-pickedslot:where([sf~="74"]) { max-width: 150px; --maxw: 150px; max-height: 150px; }
.popup-cansticker-pickedslot:where([sf~="74"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; z-index: 2; --pdb: 16px; --pdt: 16px; max-width: 342px; --maxw: 342px; max-height: 298px; }
.kk-c-popup-cansticker-pickedslot:has(> .popup-cansticker-pickedslot:where([sf~="74"]):not([pvis="0"])) { isolation: isolate; }
.popup-cansticker-pickedslot.hidden:where([sf~="74"]) { --vis-collapse: none; }
.popup-cansticker-pickedslot--anim:where([sf~="74"]) { animation-name: PickedSlot; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes PickedSlot {
0% { transform: scale3d( 1, 1, 1 ); }
50% { transform: scale3d( 1.25, 1.25, 1.25 ); --brightness: 5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1, 1, 1 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.popup-cansticker-scrape_btn:where([sf~="74"]) { transform: scale3d( 1.0, 1.0, 1.0 ); transition-property: transform, --brightness; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-cansticker-scrape_btn:hover:where([sf~="74"]) { transform: scale3d( 1.15, 1.15, 1.15 ); transition-property: transform; transition-duration: .15s; transition-timing-function: ease-in-out; }
.popup-cansticker-scrape_btn._disabled:where([sf~="74"]), .popup-cansticker-scrape_btn._disabled:hover:where([sf~="74"]) { transform: scale3d( 1.0, 1.0, 1.0 ); transition-property: transform; transition-duration: .15s; transition-timing-function: ease-in-out; }
.popup-cansticker-scrape_btn._disabled :is(p-image, :where(img[pimg])):where([sf~="74"]) { --brightness: 0.25; transition-property: --brightness; transition-duration: .15s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ScrapeStickerSpinner:where([sf~="74"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 2; }
.kk-c-ScrapeStickerSpinner:has(> .ScrapeStickerSpinner:where([sf~="74"]):not([pvis="0"])) { isolation: isolate; }
/* styles/leaderboard.css */
.PopupPanel:where([sf~="75"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 820px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 820px; animation-name: pano-vpct; }
.leaderboard-root:where([sf~="75"]) { --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; }
.leaderboard-navbar p-label:where([sf~="75"]) { font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; color: white; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-dropdownmenu p-label:where([sf~="75"]), .leaderboard-header .DropDownChild:where([sf~="75"]) { font-family: Stratum2 Medium Condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; }
p-dropdownmenu p-label.of-interest:where([sf~="75"]), .leaderboard-header .DropDownChild.of-interest:where([sf~="75"]) { --wash-color: rgb(214, 214, 0); --wash-filter: url(#w-rgb_214_214_0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.nav.content-navbar__tabs__dropdown:where([sf~="75"]) { width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; --mgl: 10px; }
#jsToggleSelf p-label:where([sf~="75"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.leaderboard-header:where([sf~="75"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.leaderboard-header .leaderboard-navbar:where([sf~="75"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 12px; }
.leaderboard-header .leaderboard-navbar p-label:where([sf~="75"]) { color: white; }
.leaderboard-header .leaderboard-navbar p-label.local-player-relevance:where([sf~="75"]) { --wash-color: yellow; --wash-filter: url(#w-yellow); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.leaderboard-header .leaderboard-navbar #jsToggleSelf:where([sf~="75"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --pdl: 5px; --pdln: 5; --pdr: 5px; --pdrn: 5; }
.leaderboard-header .leaderboard-navbar #jsToggleSelf .TickBox:where([sf~="75"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bg-size: 20px; --bg-w: 20px; }
.leaderboard-title-bar__label:where([sf~="75"]) { width: 1000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1000px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Italic, 'Arial Unicode MS'; --c9: 0.9; text-transform: uppercase; --mgl: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: white; --pdt: 4px; --pdl: 26px; --pdln: 26; --bg-img: url("/panorama/images/icons/ui/premier_title_bg.svg"); --bg-size: 100% 100%; --bg-w: 0px; }
.leaderboard__contents:where([sf~="75"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 10px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.leaderboard__status:where([sf~="75"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: .9; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-leaderboard__status:has(> .leaderboard__status:where([sf~="75"]):not([pvis="0"])) { --kid-fill-h: 1; }
#id-leaderboard-newseason p-label:where([sf~="75"]), #id-leaderboard-newseason-friends p-label:where([sf~="75"]) { text-align: center; }
.lb-status-nodata #id-leaderboard-nodata:where([sf~="75"]), .lb-status-newseason #id-leaderboard-newseason:where([sf~="75"]), .lb-status-newseason-friends #id-leaderboard-newseason-friends:where([sf~="75"]), .lb-status-loading #id-leaderboard-loading:where([sf~="75"]), .lb-status-ready #id-leaderboard-list:where([sf~="75"]) { --vis-collapse: initial; }
.leaderboard__tabs:where([sf~="75"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.leaderboard__contents .content-navbar:where([sf~="75"]) { --pdt: 0px; --pdr: 48px; --pdb: 0px; --pdl: 48px; --pdrn: 48; --pdln: 48; }
.leaderboard__list:where([sf~="75"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.leaderboard__entries-container:where([sf~="75"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.leaderboard__entries-container p-verticalscrollbar:where([sf~="75"]) { --mgr: 4px; }
.leaderboard__list__row:where([sf~="75"]), .header:where([sf~="75"]) { --pdr: 30px; --pdrn: 30; }
.leaderboard__list__row:where([sf~="75"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.leaderboard__list__row.header p-label:where([sf~="75"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.playmenu--premier__party .leaderboard__list__row:hover:not(.no-hover):where([sf~="75"]), .friends .leaderboard__list__row:hover:not(.no-hover):where([sf~="75"]) { --brightness: 2; --bgc: #555555; --bg-grad: none; transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.sidemenu_rollover"; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.leaderboard__list__column:where([sf~="75"]) { width: auto; --fw: 6; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --mgr: 2px; }
.kk-c-leaderboard__list__column:has(> .leaderboard__list__column:where([sf~="75"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-leaderboard__list__column:has(> .leaderboard__list__column:where([sf~="75"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.background:where([sf~="75"]) { --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; }
.local-player.leaderboard__list__row p-label:where([sf~="75"]) { color: gold; }
.leaderboard__list__column.rank:where([sf~="75"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; }
.leaderboard__list__row:not(.header) .leaderboard__list__column.rank .leaderboard_cell:where([sf~="75"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.leaderboard__list__column.name:where([sf~="75"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-leaderboard__list__column:has(> .leaderboard__list__column.name:where([sf~="75"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-leaderboard__list__column:has(> .leaderboard__list__column.name:where([sf~="75"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.leaderboard__list__row:not(.header) .leaderboard__list__column.name p-label:where([sf~="75"]) { text-align: left; }
.leaderboard__list__column.wins:where([sf~="75"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.leaderboard__list__row:not(.header) .leaderboard__list__column.wins .leaderboard_cell:where([sf~="75"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.leaderboard__list__column.winrate:where([sf~="75"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; }
.leaderboard__list__row:not(.header) .leaderboard__list__column.winrate .leaderboard_cell:where([sf~="75"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.leaderboard__list__column.rankpct:where([sf~="75"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; --vis-collapse: none; }
.friends .leaderboard__list__column.rankpct:where([sf~="75"]), .playmenu--premier__party .leaderboard__list__column.rankpct:where([sf~="75"]) { --vis-collapse: initial; }
.leaderboard__list__row:not(.header) .leaderboard__list__column.rankpct .leaderboard_cell:where([sf~="75"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.leaderboard__list__column.rating:where([sf~="75"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.leaderboard__list__column.rating .rating-root:where([sf~="75"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.leaderboard__list__column.region:where([sf~="75"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; --vis-collapse: none; }
.leaderboard__list__row:not(.header) .leaderboard__list__column.region p-label:where([sf~="75"]) { text-align: left; font-family: Stratum2 Medium Condensed, 'Arial Unicode MS'; --c9: 0.9; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.world .leaderboard__list__column.region:where([sf~="75"]), .friends .leaderboard__list__column.region:where([sf~="75"]) { --vis-collapse: initial; }
.leaderboard_cell:where([sf~="75"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdr: 4px; --pdrn: 4; --pdl: 4px; --pdln: 4; font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS'; --c9: 0.9; text-align: right; max-height: 14px; text-overflow: ellipsis; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.header .leaderboard_cell:where([sf~="75"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdl: 0px; --pdln: 0; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; }
.leaderboard_cell.faded:where([sf~="75"]) { opacity: 0.696476; --op-pe: inherit; }
.leaderboard__status:where([sf~="75"]) { --vis-collapse: none; }
#id-leaderboard-navbar.hidden:where([sf~="75"]) { --vis-collapse: none; opacity: 0; --op-pe: none; }
.leaderboard__name-entry:where([sf~="75"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 8px; --pdln: 8; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#leaderboard-entry-name:where([sf~="75"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; --text-shrink: 1; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.leaderboard__name-entry__avatar:where([sf~="75"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
#jsHonorIcon:where([sf~="75"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 4px; }
#lbNameButton:where([sf~="75"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; z-index: 2; transform: translateY(4px); --vis-collapse: none; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.kk-i-lbNameButton:has(> #lbNameButton:where([sf~="75"]):not([pvis="0"])) { isolation: isolate; }
#lbNameButton p-label:where([sf~="75"]) { text-transform: none; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; font-weight: 500; letter-spacing: 0px; }
#lbNameButton.submitted:where([sf~="75"]) { --wash-color: rgb(214, 214, 0); --wash-filter: url(#w-rgb_214_214_0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#lbNameButton.approved:where([sf~="75"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/scoreboard.css */
.HUD--team-select-menu-is-open #Scoreboard:where([sf~="76"]) { --vis-collapse: none; }
#scoreboard:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.sb-main:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-width: 600px; --pdt: 20px; --pdl: 20px; --pdln: 20; --pdr: 20px; --pdrn: 20; --py: 30px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s, 1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; --bgc: rgba(0, 0, 0, 0.645307); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.015; --bg-img-own: none; border-radius: 5px; }
.sb-main:where([sf~="76"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.Language_vietnamese #name.stratum-medium:where([sf~="76"]) { font-family: ForceStratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; }
.Language_vietnamese #name.stratum-regular-condensed:where([sf~="76"]) { font-family: ForceStratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 400; font-stretch: condensed; }
#id-sb-label-container:where([sf~="76"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#id-sb-players-table__labels-row--spacer:where([sf~="76"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.sb-footer-panel:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; }
.sb-spectator-control-panel:where([sf~="76"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 10px; --mgl: -2px; }
.sb-spectator-control-button:where([sf~="76"]) { --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; border-radius: 0px; transition-duration: 0.1s; }
.sb-spectator-control-button :is(p-image, :where(img[pimg])):where([sf~="76"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --wash-color: #AAAAAADD; --wash-filter: url(#w-aaaaaadd); --img-shadow: drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.21089)) drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.21089)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-spectator-control-button-notactive :is(p-image, :where(img[pimg])):where([sf~="76"]) { --wash-color: #664444FF; --wash-filter: url(#w-664444ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-sb-footer-server-website:where([sf~="76"]) { --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 4px; --pdb: 4px; }
#id-sb-footer-server-website p-label:where([sf~="76"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #ffffff; --mgt: 2px; --mgr: -1px; --mgb: 2px; --mgl: 10px; text-overflow: clip; }
#id-sb-footer-server-website :is(p-image, :where(img[pimg])):where([sf~="76"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --mgr: 8px; }
#id-sb-mouse-instructions:where([sf~="76"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; color: rgba(255, 255, 255, 0.32517); }
.sb-team:where([sf~="76"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.sb-team__info:where([sf~="76"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --mgr: 10px; }
.sb-team__info__name:where([sf~="76"]), .sb-team__info__number:where([sf~="76"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; text-shadow: 1px 1px 1px #000000; max-width: 90px; --maxw: 90px; overflow-x: clip; overflow-y: visible; --ovx: squish; --ovy: noclip; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.sb-team__info__number:where([sf~="76"]) { opacity: 0.414305; --op-pe: inherit; }
.sb-team__info__score:where([sf~="76"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-team-logo-bg:where([sf~="76"]) { --bg-img-opacity: 0.2; --bg-img-own: none; --bg-size: contain; --bg-w: 0px; --bg-rep: no-repeat; --bg-pos: 0% 0%; }
.sb-team-logo-bg:where([sf~="76"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.sb-team__info__score p-label:where([sf~="76"]) { --fsz: 70; font-size: calc(max(1, round(nearest, 70 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-shadow: 2px 2px 3px rgb(0 0 0 / 0.501961), 2px 2px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 77.255%, transparent); }
.sb-team__data:where([sf~="76"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.sb-meta:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 75px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 75px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.sb-meta__labels:where([sf~="76"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; color: #CCC; text-shadow: none; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#sb-meta__labels__text:where([sf~="76"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; color: #CCC; text-shadow: none; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); color: grey; font-weight: 700; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.bottom-divider:where([sf~="76"]) { border-bottom: 1px solid rgba(128, 128, 128, 0.344543); }
.meta-row:where([sf~="76"]) { --pdt: 4px; --pdb: 4px; width: 860px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 860px; }
#id-sb-meta__mode__image:where([sf~="76"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 0px; --mgr: 18px; --mgb: 0px; --mgl: 6px; opacity: 1; --op-pe: inherit; --wash-color: grey; --wash-filter: url(#w-grey); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-sb-meta__labels__mode-map:where([sf~="76"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: grey; --px: 40px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); font-weight: 700; --text-shrink: 1; max-width: 550px; --maxw: 550px; }
#id-sb-meta__labels__server:where([sf~="76"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); color: grey; font-weight: 700; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; text-overflow: ellipsis; max-width: 550px; --maxw: 550px; }
#id-sb-meta__labels__server-viewers:where([sf~="76"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; color: grey; font-weight: 400; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
#id-sb-meta__button-panel:where([sf~="76"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 10px; }
.eom-scoreboard #id-sb-meta__button-panel:where([sf~="76"]) { --vis-collapse: initial; }
.mouse-active-visible:where([sf~="76"]) { opacity: 0; --op-pe: none; }
.mouse-active .mouse-active-visible:where([sf~="76"]) { opacity: 1; --op-pe: inherit; }
.mouse-active-hidden:where([sf~="76"]) { opacity: 1; --op-pe: inherit; }
.mouse-active .mouse-active-hidden:where([sf~="76"]) { opacity: 0; --op-pe: none; }
.mutebuttonon p-label:where([sf~="76"]), .mutebuttonon :is(p-image, :where(img[pimg])):where([sf~="76"]) { color: red; }
.sb-meta__button-panel__btn p-label:where([sf~="76"]) { text-align: center; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-overflow: ellipsis; }
.sb-meta__button-panel__btn :is(p-image, :where(img[pimg])):where([sf~="76"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.sb-meta__button-panel__group:where([sf~="76"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 10px; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.sb-meta__button-panel__btn:where([sf~="76"]) { --pdt: 3px; --pdr: 3px; --pdb: 3px; --pdl: 3px; --pdrn: 3; --pdln: 3; --bgc: rgba(128, 128, 128, 0.663623); --bg-grad: none; --wash-color: #cccccc; --wash-filter: url(#w-cccccc); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-meta__button-panel__btn:hover:where([sf~="76"]), p-button.sb-row__cell:hover:where([sf~="76"]) { --brightness: 2.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-meta__button-panel__btn--active:where([sf~="76"]) { --bgc: rgba(250, 250, 250, 0.426185); --bg-grad: none; }
.RadioBox:where([sf~="76"]) { opacity: 0; --op-pe: none; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; }
#id-sb-meta__musickit:where([sf~="76"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#id-sb-meta__musickit p-label:where([sf~="76"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: grey; }
#id-sb-meta__musickit-image:where([sf~="76"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --mgr: 5px; }
#id-sb-meta__musickit-unborrow:where([sf~="76"]) { color: white; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.time_container:where([sf~="76"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.time_container__time:where([sf~="76"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; color: grey; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: center; max-width: 100px; --maxw: 100px; --mgl: 10px; --text-shrink: 1; }
#id-gametime__desc:where([sf~="76"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: grey; font-weight: 700; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; max-width: 150px; --maxw: 150px; --text-shrink: 1; }
.sb-scorebox:where([sf~="76"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.sb-players-table:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#players-table-CT:where([sf~="76"]), #players-table-TERRORIST:where([sf~="76"]), #players-table-ANY:where([sf~="76"]) { min-height: 120px; --mh-set: 1; --mhp: 1; }
.cooperative #players-table-ANY:where([sf~="76"]) { min-height: 48px; --mh-set: 1; --mhp: 1; }
#players-table-CT:where([sf~="76"]), #players-table-TERRORIST:where([sf~="76"]) { max-height: 270px; }
.eom #players-table-CT:where([sf~="76"]), .eom #players-table-TERRORIST:where([sf~="76"]) { max-height: 160px; }
#players-table-ANY:where([sf~="76"]) { max-height: 540px; }
.eom #players-table-ANY:where([sf~="76"]) { max-height: 400px; }
#players-table-Spectator:where([sf~="76"]) { --mgb: 20px; max-height: 108px; }
#id-sb-team--Spectator:where([sf~="76"]) { --pdt: 20px; }
#id-sb-team__localplayer:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; min-height: 20px; --mh-set: 1; --mhp: 1; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 20px; --pdl: 50px; --pdln: 50; --pdr: 50px; --pdrn: 50; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-row-stub:where([sf~="76"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; height: 35px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 35px; }
.sb-row:where([sf~="76"]) { width: 830px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 830px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 1px; --mgb: 1px; }
.cell__button:where([sf~="76"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.704269); --bdln: 1; --bdrn: 1; transition-duration: 0s; --bgc: rgba(250, 250, 250, 0); --bg-grad: none; }
.sb-team--CT .cell__button:where([sf~="76"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-team--TERRORIST .cell__button:where([sf~="76"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cell__button :is(p-image, :where(img[pimg])):where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.696476; --op-pe: inherit; }
.cell__button:hover:where([sf~="76"]) { --bgc: rgba(0, 0, 0, 1); --bg-grad: none; border: 1px solid rgba(255, 255, 255, 1); --bdln: 1; --bdrn: 1; opacity: 1; --op-pe: inherit; }
.cell__button:hover :is(p-image, :where(img[pimg])):where([sf~="76"]) { --wash-color: white; --wash-filter: initial; color: white; opacity: 1; --op-pe: inherit; --bgc: transparent; --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-row.muted .sb-row__cell:where([sf~="76"]) { --wash-color: #ff0000a0; --wash-filter: url(#w-ff0000a0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-row--transition:where([sf~="76"]) { transition-property: translate, --pxp, --pyp, opacity; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.sb-row.survival:where([sf~="76"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.sb-row__set:where([sf~="76"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: ease-in-out; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#sb-row-stats-container:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.highlight-row:not(.no-hover):hover:where([sf~="76"]) { --bgc: rgba(200, 200, 200, 0.158839); --bg-grad: none; --sound: "generic_button_rollover"; }
.sb-row--localplayer.sb-row.sb-team--TERRORIST .highlight-row:where([sf~="76"]) { --bgc: rgba(255, 238, 0, 0.213802); --bg-grad: none; }
.sb-row--localplayer.sb-row.sb-team--CT .highlight-row:where([sf~="76"]) { --bgc: rgba(0, 166, 255, 0.167123); --bg-grad: none; }
.sb-row__cell:where([sf~="76"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; transition-property: --brightness, --wash-color; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-out, ease-out; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; --bgc: rgba(255, 255, 255, 0.1285); --bg-grad: none; }
.sb-row__cell p-label:where([sf~="76"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgr: 6px; --mgl: 6px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: none; }
.sb-row__cell.sortstat:where([sf~="76"]) { --bgc: rgba(255, 255, 255, 0.209272); --bg-grad: none; }
.sortstat p-label:where([sf~="76"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-team--CT p-label.sb-team-tint:where([sf~="76"]), .sb-team--CT .sb-team-tint p-label:where([sf~="76"]), .sb-team-tint p-label.sb-team--CT:where([sf~="76"]), .sb-team-tint .sb-team--CT p-label:where([sf~="76"]) { color: #B5D4EE; }
.sb-team--CT :is(p-image, :where(img[pimg])).sb-team-tint:where([sf~="76"]), .sb-team--CT .sb-team-tint :is(p-image, :where(img[pimg])):where([sf~="76"]), .sb-team-tint :is(p-image, :where(img[pimg])).sb-team--CT:where([sf~="76"]), .sb-team-tint .sb-team--CT :is(p-image, :where(img[pimg])):where([sf~="76"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-team-tint p-label.sb-team--TERRORIST:where([sf~="76"]), .sb-team--TERRORIST p-label.sb-team-tint:where([sf~="76"]), .sb-team-tint .sb-team--TERRORIST p-label:where([sf~="76"]), .sb-team--TERRORIST .sb-team-tint p-label:where([sf~="76"]) { color: #EAD18A; }
.sb-team-tint :is(p-image, :where(img[pimg])).sb-team--TERRORIST:where([sf~="76"]), .sb-team--TERRORIST :is(p-image, :where(img[pimg])).sb-team-tint:where([sf~="76"]), .sb-team-tint .sb-team--TERRORIST :is(p-image, :where(img[pimg])):where([sf~="76"]), .sb-team--TERRORIST .sb-team-tint :is(p-image, :where(img[pimg])):where([sf~="76"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-row__cell--status:where([sf~="76"]), .sb-row__cell--ping:where([sf~="76"]), .sb-row__cell--rank:where([sf~="76"]), .sb-row__cell--avatar:where([sf~="76"]), .sb-row__cell--name:where([sf~="76"]), .sb-row__cell--flair:where([sf~="76"]) { --bgc: rgba(255, 255, 255, 0.089635); --bg-grad: none; }
.sb-row__cell--dark:where([sf~="76"]) { --bgc: rgba(255, 255, 255, 0.089635); --bg-grad: none; }
.sb-row__cell--ping:where([sf~="76"]) { width: 37px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 37px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.sb-row__cell--ping .bot-icon:where([sf~="76"]) { --vis-collapse: none; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.bot .sb-row__cell--ping .bot-icon:where([sf~="76"]) { --vis-collapse: initial; }
.bot .sb-row__cell--ping p-label:where([sf~="76"]) { --vis-collapse: none; }
.sb-row__cell--ping p-label:where([sf~="76"]) { width: 37px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 37px; color: #888; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-row__cell--lifetime:where([sf~="76"]) { --vis-collapse: none; }
#id-sb-row__lifetime:where([sf~="76"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: white; --bg-grad: none; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.696476; --op-pe: inherit; }
#id-sb-row__lifetime__death:where([sf~="76"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; }
p-label.sb-row__cell--ping__label--bot:where([sf~="76"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; }
.sb-row__cell--status:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; }
.sb-row__cell--flair:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 135 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.sb-row__cell--flair :is(p-image, :where(img[pimg])):where([sf~="76"]) { --pdt: 1px; --pdr: 1px; --pdb: 1px; --pdl: 1px; --pdrn: 1; --pdln: 1; }
.sb-row__cell--avatar:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.sb-row__cell--avatar p-csgoavatarimage:where([sf~="76"]) { --bg-size: cover; --bg-w: 0px; }
.sb-row__cell--avatar__muted:where([sf~="76"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; --bgc: rgba(128, 128, 128, 0.965926); --bg-grad: none; }
.muted .sb-row__cell--avatar__muted:where([sf~="76"]) { --vis-collapse: initial; }
.highlight-row:where([sf~="76"]) { width: 770px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 770px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sb-row__cell--name:where([sf~="76"]) { --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.kk-c-sb-row__cell--name:has(> .sb-row__cell--name:where([sf~="76"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-sb-row__cell--name:has(> .sb-row__cell--name:where([sf~="76"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.sb-row__cell--name p-label:where([sf~="76"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: left; text-overflow: ellipsis; max-height: 24px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.xp-trail-enable .sb-row__cell--name p-label:where([sf~="76"]) { --bg-img: none; --bg-video: "/panorama/videos/acknowledge540p.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-img-opacity: 0.2; --bg-img-own: none; --bg-size: 1000px 2px; --bg-w: 1000px; --bg-pos: 50% 0%; }
.xp-trail-enable .sb-row__cell--name p-label:where([sf~="76"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.sb-row__cell--name #jsHonorIcon:where([sf~="76"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 1.2px; --pdr: 1.2px; --pdb: 1.2px; --pdl: 1.2px; --pdrn: 1.2; --pdln: 1.2; }
#id-sb-name__nameicons:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#id-sb-name__nameicons :is(p-image, :where(img[pimg])):where([sf~="76"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --mgl: 3px; --mgr: 3px; --mgb: 1px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#id-sb-name__nameicons #id-sb-skillgroup-image:where([sf~="76"]) { width: 55px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 55px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#id-sb-name__nameicons #id-sb-name__musickit:where([sf~="76"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#id-sb-name__nameicons #jsRatingEmblem:where([sf~="76"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.sb-row__cell--rank:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.sb-row__cell--money:where([sf~="76"]) { width: 66px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 66px; }
.sb-row__cell--money p-label:where([sf~="76"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; --text-shrink: 1; }
#id-sb-row__cell--money__label:where([sf~="76"]) { text-align: right; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.sb-row__cell--report:where([sf~="76"]), .sb-row__cell--commend:where([sf~="76"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --bgc: transparent; --bg-grad: none; border-radius: 100px; --mgl: 5px; }
.sb-row__cell--mvps:where([sf~="76"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.sb-row__cell--mvps__star:where([sf~="76"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
p-label.sb-row__cell--mvps__count:where([sf~="76"]) { text-align: center; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgl: 0px; --mgr: 0px; transform: translateX( 8px ); }
.sb-row__cell--hsp:where([sf~="76"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; }
.sb-row__cell--kdr:where([sf~="76"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.sb-row__cell--damage:where([sf~="76"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.sb-row--labels:where([sf~="76"]) { width: 830px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 830px; }
.sb-row--labels #id-sb-players-table__labels-row__inner:where([sf~="76"]) { width: 770px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 770px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sb-row--labels .sb-row__set:where([sf~="76"]) { --pdl: 0px; --pdln: 0; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sb-row--labels .sb-row__cell--label p-label:where([sf~="76"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 5px; --mgl: 2px; --mgr: 2px; text-overflow: ellipsis; font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; font-weight: 400; }
.Language_japanese .sb-row--labels .sb-row__cell--label p-label:where([sf~="76"]) { --text-shrink: 1; }
.sb-color--CT:where([sf~="76"]), .sb-color--CT p-label:where([sf~="76"]) { color: #B5D4EE; }
.sb-color--TERRORIST:where([sf~="76"]), .sb-color--TERRORIST p-label:where([sf~="76"]) { color: #EAD18A; }
.sb-color--Spectator:where([sf~="76"]), .sb-color--Spectator p-label:where([sf~="76"]) { color: #ffffff; }
.sb-tint--Spectator p-label:where([sf~="76"]) { --wash-color: #ffffff00; --wash-filter: url(#w-ffffff00); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
:not(.eom-scoreboard) .sb-player-status-dead .highlight-row:where([sf~="76"]) { opacity: 1; --op-pe: inherit; --wash-color: #999; --wash-filter: url(#w-999); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
:not(.eom-scoreboard) .sb-player-status-disconnected p-label:where([sf~="76"]) { color: #ccc; }
:not(.eom-scoreboard) .sb-player-status-disconnected :is(p-image, :where(img[pimg])):where([sf~="76"]) { color: #ccc; --wash-color: #999; --wash-filter: url(#w-999); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
:not(.eom-scoreboard) .sb-player-status-disconnected:where([sf~="76"]) { opacity: 1; --op-pe: inherit; --wash-color: #999; --wash-filter: url(#w-999); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
:not(.eom-scoreboard) .sb-player-status-dead .sb-row__cell:where([sf~="76"]), :not(.eom-scoreboard) .sb-player-status-disconnected .sb-row__cell:where([sf~="76"]), :not(.eom-scoreboard) .sb-row__cell--label:where([sf~="76"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.sb-team--Spectator:where([sf~="76"]) { opacity: 0.892208; --op-pe: inherit; --mgl: 0px; }
.sb-team--Spectator .sb-row__cell:where([sf~="76"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
@keyframes anim-pulse {
0% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
5% { --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.sb-pulse-highlight:where([sf~="76"]) { --brightness: 1; animation-name: anim-pulse; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-pulse-green:where([sf~="76"]) { --wash-color: #00ff00ff; --wash-filter: url(#w-00ff00ff); transition-property: --wash-color; transition-duration: 2.0s; transition-timing-function: ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-pulse-red:where([sf~="76"]) { --wash-color: #ff0000ff; --wash-filter: url(#w-ff0000ff); transition-property: --wash-color; transition-duration: 2.0s; transition-timing-function: ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-player-pulse-death:where([sf~="76"]) { --wash-color: #ff0000ff; --wash-filter: url(#w-ff0000ff); --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-score:where([sf~="76"]) { --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; text-align: right; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-timeline:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 2px; --mgb: 2px; min-height: 20px; --mh-set: 1; --mhp: 1; }
.sb-timeline__bumper:where([sf~="76"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.sb-team-spacer:where([sf~="76"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.sb-timeline__team-names:where([sf~="76"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
.sb-timeline__team-names p-label:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segments:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; min-width: 1px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-height: 100px; --mh-set: 1; --mhp: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdl: 10px; --pdln: 10; }
.sb-timeline__round:where([sf~="76"]) { width: 650px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 650px; }
.sb-timeline__segment:where([sf~="76"]), .sb-timeline__round-container:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-timeline__divider:where([sf~="76"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: gray; --bg-grad: none; opacity: 0.268142; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 10px; --mgr: 10px; }
.sb-timeline__half-time-scores:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.sb-timeline__round-loss-bonus-money:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 68px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 68px; }
.sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--CT:where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--TERRORIST:where([sf~="76"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--CT:where([sf~="76"]) { --pdt: 10px; --pdb: 2px; }
.sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--TERRORIST:where([sf~="76"]) { --pdt: 2px; --pdb: 10px; }
.sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--CT :is(p-image, :where(img[pimg])):where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-timeline__score .sb-team--TERRORIST :is(p-image, :where(img[pimg])):where([sf~="76"]) { width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --mgr: 1px; }
.sb-timeline__segment_ot_spacer:where([sf~="76"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; }
.sb-timeline__segment__round:where([sf~="76"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: left; --tooltip-body-position: 0% 50%; }
.sb-timeline__segment__round__symbols:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.sb-timeline__segment__round :is(p-image, :where(img[pimg])):where([sf~="76"]) { --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.114233)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-timeline__segment__round__tick:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.414305; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(255, 255, 255, 0.486185); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round__tick__label:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; opacity: 0.767696; --op-pe: inherit; --mgt: 0px; text-shadow: 0px 0px 2px #000000, 0px 0px 2px #000000, 0px 0px 2px color-mix(in srgb, #000000 63.61%, transparent); }
.sb-timeline__score:where([sf~="76"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: opacity, translate, --pxp, --pyp; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.kk-c-sb-timeline__score:has(> .sb-timeline__score:where([sf~="76"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-sb-timeline__score:has(> .sb-timeline__score:where([sf~="76"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.sb-timeline__phase-label:where([sf~="76"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 4px; --mgb: 4px; text-align: center; font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; }
.sb-timeline__round-label:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 70; font-size: calc(max(1, round(nearest, 70 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 2px; opacity: 0.112503; --op-pe: inherit; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; color: gray; }
.sb-timeline__score__label:where([sf~="76"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-shadow: 1px 1px 1px #000000; }
.sb-timeline__segment__round__team:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); min-height: 49px; --mh-set: 1; --mhp: 1; }
.sb-timeline__segment__round__result:where([sf~="76"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; opacity: 0.616725; --op-pe: inherit; --pdl: 3px; --pdln: 3; --pdr: 3px; --pdrn: 3; --mgt: 2px; --mgb: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round__divider:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.sb-team-tint :is(p-image, :where(img[pimg])).dead-casualty:where([sf~="76"]) { --wash-color: gray; --wash-filter: url(#w-gray); opacity: 0.524924; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-timeline__segment__round__casualties:where([sf~="76"]) { opacity: 0.524924; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 2px; --mgb: 2px; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.sb-timeline__segment__round__casualties--number:where([sf~="76"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 120; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; opacity: 0.524924; --op-pe: inherit; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.sb-timeline__segment__round__casualties--number p-label:where([sf~="76"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sb-timeline__segment__round__casualties :is(p-image, :where(img[pimg])):where([sf~="76"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round__team--top:where([sf~="76"]), .sb-timeline__segment__round__team--top .sb-timeline__segment__round__casualties:where([sf~="76"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round__team--bot:where([sf~="76"]), .sb-timeline__segment__round__team--bot .sb-timeline__segment__round__casualties:where([sf~="76"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-timeline__segment__round--active:where([sf~="76"]) { opacity: 0.767696; --op-pe: inherit; }
.sb-timeline__segment__round--clinch:where([sf~="76"]) { --bgc: gray; --bg-grad: none; opacity: 0.414305; --op-pe: inherit; }
.clinch-label:where([sf~="76"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; color: gray; }
.past-clinch:where([sf~="76"]) { opacity: 0.268142; --op-pe: inherit; }
.sb-timeline__segment__round__team--top .clinch-label:where([sf~="76"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.sb-timeline__segment__round__team--bot .clinch-label:where([sf~="76"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.sb-timeline__segment__round__team--top .sb-timeline__segment__round--active:where([sf~="76"]) { --bg-grad: linear-gradient(0deg, rgba(255, 255, 255, 0.337286) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --pdb: 4px; }
.sb-timeline__segment__round__team--bot .sb-timeline__segment__round--active:where([sf~="76"]) { --bg-grad: linear-gradient(180deg, rgba(255, 255, 255, 0.337286) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --pdt: 4px; }
.sb-timeline__segment__round--active .sb-timeline__segment__round__tick:where([sf~="76"]) { opacity: 1; --op-pe: inherit; }
.sb-team-tint .sb-timeline__segment__round__tick.sb-team--CT:where([sf~="76"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-team-tint .sb-timeline__segment__round__tick.sb-team--TERRORIST:where([sf~="76"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.visible:where([sf~="76"]) { --vis-collapse: initial; }
.hidden:where([sf~="76"]) { --vis-collapse: none; }
.sb-team--Spectator .spectator-hidden :is(p-image, :where(img[pimg])):where([sf~="76"]), .sb-team--Spectator .spectator-hidden p-label:where([sf~="76"]) { opacity: 0; --op-pe: none; }
.fade:where([sf~="76"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: ease-in-out; }
.transparent:where([sf~="76"]) { opacity: 0; --op-pe: none; }
.center:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.hilite:where([sf~="76"]) { --brightness: 2.0; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-tournament-match .sb-row__cell--rank:where([sf~="76"]), .sb-tournament-match #id-sb-skillgroup-image:where([sf~="76"]) { --vis-collapse: none; }
.sb-timeline__round-loss-bonus-money .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-team--CT .sb-timeline__round-loss-bonus-money__CT2:where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-team--CT .sb-timeline__round-loss-bonus-money__CT3:where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-team--CT .sb-timeline__round-loss-bonus-money__CT4:where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST2:where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST3:where([sf~="76"]), .sb-timeline__round-loss-bonus-money .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST4:where([sf~="76"]) { --wash-color: rgba(0, 0, 0, 1); --wash-filter: url(#w-rgba_0_0_0_1); opacity: 0.349096; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT1 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT2 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT3 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT4 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT2 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT2:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT3 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT2:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT4 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT2:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT3 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT3:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT4 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT3:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__CT4 .sb-team--CT .sb-timeline__round-loss-bonus-money__CT4:where([sf~="76"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST1 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST2 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST3 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST4 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST1:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST2 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST2:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST3 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST2:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST4 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST2:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST3 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST3:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST4 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST3:where([sf~="76"]), .sb-timeline__round-loss-bonus-money.sb-timeline__round-loss-bonus-money__TERRORIST4 .sb-team--TERRORIST .sb-timeline__round-loss-bonus-money__TERRORIST4:where([sf~="76"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-scoreboard .sb-main:where([sf~="76"]) { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.eom-scoreboard #id-sb-mouse-instructions:where([sf~="76"]), .eom-scoreboard #id-sb-meta__musickit:where([sf~="76"]), .eom-scoreboard .sb-row__cell--money p-label:where([sf~="76"]), .eom-scoreboard .sb-team__info__number:where([sf~="76"]), .eom-scoreboard .sb-team--Spectator:where([sf~="76"]), .eom-scoreboard #id-sb-footer-server-website:where([sf~="76"]), .eom-scoreboard #id-sb-meta__blockugc:where([sf~="76"]), .eom-scoreboard #id-sb-meta__mutevoice:where([sf~="76"]) { --vis-collapse: none; }
.eom-scoreboard .sb-timeline__segment__round--clinch:where([sf~="76"]), .eom-scoreboard .clinch-label:where([sf~="76"]) { opacity: 0; --op-pe: none; }
.eom-scoreboard .sb-meta:where([sf~="76"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 0px; }
.eom-scoreboard .sb-team:where([sf~="76"]), .eom-scoreboard .sb-timeline:where([sf~="76"]), .eom-scoreboard #id-sb-label-container:where([sf~="76"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-scoreboard .sb-timeline:where([sf~="76"]) { --mgt: 5px; --mgb: 5px; }
.menu-scoreboard:where([sf~="76"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --py: -18px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.sb-coop-mission-info:where([sf~="76"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; }
.coop-mission-instructions:where([sf~="76"]) { --vis-collapse: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.show-mission-desc .coop-mission-instructions:where([sf~="76"]) { --vis-collapse: initial; }
.coop-mission-stats:where([sf~="76"]) { --vis-collapse: none; }
.show-mission-stats .coop-mission-stats:where([sf~="76"]) { --vis-collapse: initial; }
.stats-header-previous:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --vis-collapse: initial; }
.coop-finalscore .stats-header-previous:where([sf~="76"]) { --vis-collapse: none; }
.stats-header-endgame:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --vis-collapse: none; }
.coop-finalscore .stats-header-endgame:where([sf~="76"]) { --vis-collapse: initial; }
.coop-mission-stats:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.coop-mission-stats-left:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgr: 12px; }
.coop-mission-stats-right:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 0.4), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.sb-coop-stats__row:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sb-coop-stat-name:where([sf~="76"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.sb-coop-stat-value:where([sf~="76"]) { text-align: right; --pdr: 20px; --pdrn: 20; width: min(calc((100% + var(--ppx)) * 0.2), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.sb-coop-stats__total .sb-coop-stat-score:where([sf~="76"]), .sb-coop-stats__total .sb-coop-stat-name:where([sf~="76"]) { font-weight: 700; text-transform: uppercase; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.sb-coop-stat-score:where([sf~="76"]) { width: min(calc((100% + var(--ppx)) * 0.2), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; text-align: right; --pdr: 8px; --pdrn: 8; }
.evenrow:where([sf~="76"]) { --bgc: rgba(48, 48, 48, 0.362712); --bg-grad: none; }
.oddrow:where([sf~="76"]) { --bgc: rgba(1, 49, 65, 0.348095); --bg-grad: none; }
p-csgoscoreboard:where([sf~="76"]) { --world-blur: gaussian(2,2,2); }
/* styles/playercard.css */
.player-card:where([sf~="77"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; transform-origin: 50% 0%; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.miniprofilebkg:where([sf~="77"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.524924; --op-pe: inherit; --bg-img-opacity: .4; --bg-img-own: none; mask-image: url("/panorama/images/masks/top-bottom-fade.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.miniprofilebkg:where([sf~="77"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.player-card.hidden:where([sf~="77"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transform: scaleY(0); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.player-card__sections:where([sf~="77"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.player-card-row:where([sf~="77"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.player-card-row__bg-image:where([sf~="77"]) { --bg-rep: no-repeat; --bg-size: 115% auto; --bg-w: 0px; --bg-pos: 50% 50%; --bg-img-opacity: 0.4; --bg-img-own: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --brightness: 0.5; --saturation: 0.5; mask-image: url("/panorama/images/masks/top-bottom-fade.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card-row__bg-image:where([sf~="77"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.friendslist .player-card-row__bg-image:where([sf~="77"]) { --bgc: rgba(38, 38, 38, 1); --bg-grad: none; }
.player-card-bg-anim:where([sf~="77"]) { animation-name: BackgroundScroll; animation-duration: .5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.player-card-row .avatar:where([sf~="77"]) { height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --pdt: 6px; }
.player-card-row__name:where([sf~="77"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgl: 16px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.player-card__text:where([sf~="77"]), .player-card-row__name .player-card__text:where([sf~="77"]) { max-height: 32px; --pdr: 1px; --pdrn: 1; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; font-weight: 700; text-shadow: 2px 2px 2px color-mix(in srgb, #000000 45.45%, transparent); color: white; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.player-card__text-subtitle:where([sf~="77"]) { max-height: 20px; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; color: white; text-shadow: 1px 1px 2px color-mix(in srgb, #000000 45.45%, transparent); text-overflow: ellipsis; }
.player-card__text-subtitle--multiline:where([sf~="77"]) { max-height: 40px; overflow-x: clip; overflow-y: visible; --ovx: squish; --ovy: noclip; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.player-card__text-subtitle--light:where([sf~="77"]) { font-weight: 400; }
.player-card__icons-column:where([sf~="77"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-height: 178px; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --wash-color: #7EB1CD; --wash-filter: url(#w-7eb1cd); --mgt: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card-commendations-container:where([sf~="77"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.player-card-commendations:where([sf~="77"]) { --vis-collapse: initial; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-height: 48px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 24px; --mgb: 16px; }
.player-card-commendations-icon:where([sf~="77"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; }
#JsPlayerPrime.player-card-commendations-icon:where([sf~="77"]) { --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 4px; }
.player-card-commendations :is(p-image, :where(img[pimg])):where([sf~="77"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --wash-color: rgb(143, 143, 143); --wash-filter: url(#w-rgb_143_143_143); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#JsPlayerPrime :is(p-image, :where(img[pimg])):where([sf~="77"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
#JsPlayerPrime p-label:where([sf~="77"]) { --mgl: 40px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.player-card-commendations p-label:where([sf~="77"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 4px; color: white; }
.player-card-prime:where([sf~="77"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 33px; --pdln: 33; border-top: 1px solid rgba(0, 0, 0, 0.1297); }
.player-card-prime__icon:where([sf~="77"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; z-index: 2; --wash-color: #7EB1CD; --wash-filter: url(#w-7eb1cd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-player-card-prime__icon:has(> .player-card-prime__icon:where([sf~="77"]):not([pvis="0"])) { isolation: isolate; }
.player-card-xp:where([sf~="77"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 8px; --pdl: 16px; --pdrn: 0; --pdln: 16; transition-property: translate, --pxp, --pyp; transition-duration: .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.player-card-xp__icon-container:where([sf~="77"]) { overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.player-card-xp__icon:where([sf~="77"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card-xpbar__container:where([sf~="77"]) { width: 275px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 275px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.player-card-xp__name-bar:where([sf~="77"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgl: 26px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.player-card-xpbar:where([sf~="77"]) { --mgt: 8px; width: 220px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 220px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.player-card-xpbar__bar:where([sf~="77"]) { --bgc: rgba(0, 0, 0, 0.57102); --bg-grad: none; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.player-card-xpbar__bar--inner:where([sf~="77"]) { --bg-grad: linear-gradient(90deg, #0A5A84 0%, #5DC6FF 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.player-card-xpbar__care-package:where([sf~="77"]), .player-card-xpbar__pet_feed:where([sf~="77"]) { --mgl: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; }
.care-package-eligible .player-card-xpbar__care-package:where([sf~="77"]) { --vis-collapse: initial; }
.pet-feed-eligible .player-card-xpbar__pet_feed:where([sf~="77"]) { --vis-collapse: initial; }
.player-card-xp-getprestigebutton:where([sf~="77"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 0px; --mgb: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --bg-grad: linear-gradient(90deg, #3a863d 0%, #2d682f 100%); --bgc: transparent; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.player-card-xp-getprestigebutton:hover:where([sf~="77"]) { --bgc: #0F9D58; --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
#GetPrestigeButtonClickable:where([sf~="77"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.player-card-xp-getprestigebutton__icon:where([sf~="77"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: rotateZ( 180deg ); --mgl: 38px; }
.player-card-nonprime__lock:where([sf~="77"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --vis-collapse: none; }
#GetPrestigeButtonClickable p-label:where([sf~="77"]) { --mgl: 96px; }
.player-card-skillgroup-container:where([sf~="77"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.player-card-skillgroup-expand:where([sf~="77"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transition-property: --brightness, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.player-card-skillgroup-expand .TickBox:where([sf~="77"]) { --vis-collapse: none; }
.player-card-skillgroup-expand._selected:where([sf~="77"]) { transform: rotateX( 180deg ); transition-property: --brightness, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.player-card-skillgroup-expand:Hover:where([sf~="77"]) { --brightness: 4; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card-skillgroup:where([sf~="77"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgb: 16px; transition-property: transform, opacity; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; --tooltip-position: bottom; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.player-card-skillgroup.collapsed:where([sf~="77"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgb: 0px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.player-card-skillgroup__icon-container:where([sf~="77"]) { --mgr: 11px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.player-card-skillgroup__icon:where([sf~="77"]) { --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 2.5px color-mix(in srgb, #000000 78.721709%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card-nonprime-locked-xp-row .player-card-skillgroup__icon:where([sf~="77"]), .player-card-nonprime-locked-xp-row .player-card-xp__icon:where([sf~="77"]) { opacity: 0.696476; --op-pe: inherit; --saturation: 0.3; --brightness: .4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card-nonprime-locked-xp-row .player-card-nonprime__lock:where([sf~="77"]) { --vis-collapse: initial; }
.player-card-rating__icon-container:where([sf~="77"]) { --mgt: 0px; --mgr: 18px; --mgb: 0px; --mgl: 8px; }
.player-card-rating__labels:where([sf~="77"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.player-card-prime-upsell-container:where([sf~="77"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.player-card-prime-upsell-row:where([sf~="77"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 16px; }
.player-card-prime-upsell-image-container:where([sf~="77"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 96px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 96px; }
.player-card-prime-upsell-image:where([sf~="77"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0.696476; --op-pe: inherit; }
.player-card-prime-upsell-image--xp:where([sf~="77"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; }
.player-card-prime-upsell-image--rank:where([sf~="77"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; width: 74px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 74px; }
.player-card-prime-btn:where([sf~="77"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.player-card-prime-btn p-label:where([sf~="77"]) { font-weight: 500; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: #0A5A84; --bg-grad: none; text-align: center; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 2px; color: white; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.player-card-prime-btn:hover:where([sf~="77"]) { --brightness: 1.5; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card-prime-text:where([sf~="77"]) { max-height: 64px; width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; --text-shrink: 1; text-shadow: 1px 1px 2px color-mix(in srgb, #000000 45.45%, transparent); color: white; }
.player-card-prime-text--popup:where([sf~="77"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; }
.playercard-flair-carousel-container:where([sf~="77"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 8px; }
.playercard-flair-carousel:where([sf~="77"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.playercard-flair-carousel__page:where([sf~="77"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; transform: translateX( 0px ); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.playercard-flair-carousel__page.Focused:where([sf~="77"]) { opacity: 1; --op-pe: inherit; }
.PreviouslyLeft.playercard-flair-carousel__page:not(.Focused):where([sf~="77"]) { transform: translateX( -100% ); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.PreviouslyRight.playercard-flair-carousel__page:not(.Focused):where([sf~="77"]) { transform: translateX( 100% ); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.playercard-flair__icon:where([sf~="77"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --tooltip-position: bottom; --tooltip-body-position: 50% 100%; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playercard-flair__icon__image:Hover:where([sf~="77"]) { transform: scale3d(1.1, 1.1, 1.1); --brightness: .2; transition-property: --brightness, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playercard-flair-carousel-container p-carouselnav:where([sf~="77"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 8px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.player-card-team:where([sf~="77"]) { border-top: 1px solid rgba(0, 0, 0, 0.1297); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 8px; --pdr: 16px; --pdb: 8px; --pdl: 16px; --pdrn: 16; --pdln: 16; opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.player-card-team__text:where([sf~="77"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-width: 320px; --maxw: 320px; height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; --mgl: 16px; }
.player-card-team__icon:where([sf~="77"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.player-card-commendations-container.hidden:where([sf~="77"]), .player-card-commendations.hidden:where([sf~="77"]), .player-card-commendations-icon.hidden:where([sf~="77"]), .player-card-xp.hidden:where([sf~="77"]), .player-card-skillgroup-container.hidden:where([sf~="77"]), .player-card-skillgroup.hidden:where([sf~="77"]), .playercard-flair-carousel-container.hidden:where([sf~="77"]), .player-card-team.hidden:where([sf~="77"]), .player-card-prime.hidden:where([sf~="77"]), .player-card-xp-getprestigebutton.hidden:where([sf~="77"]), .player-card-prime-upsell-container.hidden:where([sf~="77"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.player-card__seperator:where([sf~="77"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; opacity: 0.472624; --op-pe: inherit; --bgc: black; --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 72px; }
@keyframes BackgroundScroll {
0% { transform: translateY( -10% ); }
100% { transform: translateY( 0% ); }
}
#jsHonorIcon:where([sf~="77"]) { --img-shadow: drop-shadow(0px 0px 0px transparent); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; --mgl: 8px; --mgr: 4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/settings/settings_slider.css */
p-csgosettingsslider:where([sf~="78"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Title:where([sf~="78"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-Title:has(> #Title:where([sf~="78"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-Title:has(> #Title:where([sf~="78"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#Slider:where([sf~="78"]) { width: min(calc((100% + var(--ppx)) * 0.255), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --mgr: 10px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#MusicPreviewBtn:where([sf~="78"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
._disabled #SliderTrackProgress:where([sf~="78"]), ._disabled #SliderThumb:where([sf~="78"]), .setting-disabled #SliderThumb:where([sf~="78"]), .setting-disabled #SliderTrackProgress:where([sf~="78"]) { --vis-collapse: none; }
p-textentry#Value:where([sf~="78"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; text-align: center; color: rgba(204, 204, 204, 1); font-family: Stratum2, notosans, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --pdl: 10px; --pdln: 10; border-radius: 2px; border: 2px solid rgba(204, 204, 204, 0.229809); --bdln: 2; --bdrn: 2; }
.wide-edit-box p-textentry#Value:where([sf~="78"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; min-width: 160px; text-align: center; }
#ControllerSettings p-textentry#Value:where([sf~="78"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; }
p-textentry#Value:hover:where([sf~="78"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.159699) 100%); --bgc: transparent; }
p-textentry#Value._focus:where([sf~="78"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0.277279) 0%, rgba(0, 0, 0, 0.196524) 0%, rgba(0, 0, 0, 0.277279) 100%); --bgc: transparent; }
._disabled p-textentry#Value:where([sf~="78"]) { --vis-collapse: none; }
.setting-toggle:where([sf~="78"]) { --vis-collapse: none; --pdr: 10px; --pdrn: 10; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.setting-toggle._selected .TickBox:where([sf~="78"]) { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.CSGOSettingsSlider__hidevalue #Slider:where([sf~="78"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.CSGOSettingsSlider__hidevalue #Value:where([sf~="78"]) { --vis-collapse: none; }
/* styles/tournaments/predictions_group_stage.css */
.group-stage-header:where([sf~="79"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
.group-stage-header .group-stage-header__instructions:where([sf~="79"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #ADDDFF; }
.group-stage-header .group-stage-header__warning:where([sf~="79"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.group-stage-header .group-stage-header__warning .group-stage-header__warning__label:where([sf~="79"]) { color: white; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.group-stage-header .group-stage-header__warning .group-stage-header__warning__icon:where([sf~="79"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 6px; }
.group-stage-teams-container:where([sf~="79"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; width: 92px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 92px; }
.group-stage-teams-container .group-stage-teams__howto:where([sf~="79"]) { --mgb: 8px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.group-stage-teams-container .group-stage-teams__howto :is(p-image, :where(img[pimg])):where([sf~="79"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --wash-color: #3281AC; --wash-filter: url(#w-3281ac); --mgb: 6px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-23 .group-stage-teams-container .group-stage-teams__howto :is(p-image, :where(img[pimg])):where([sf~="79"]) { --wash-color: gold; --wash-filter: url(#w-gold); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .group-stage-teams-container .group-stage-teams__howto :is(p-image, :where(img[pimg])):where([sf~="79"]) { --wash-color: rgb(48, 31, 6); --wash-filter: url(#w-rgb_48_31_6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-26 .group-stage-teams-container .group-stage-teams__howto :is(p-image, :where(img[pimg])):where([sf~="79"]) { --wash-color: rgba(255, 255, 255, 0.5); --wash-filter: url(#w-rgba_255_255_255_0_5); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-teams-container .group-stage-teams__howto p-label:where([sf~="79"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; color: #3281AC; --text-shrink: 1; max-height: 32px; }
.major-23 .group-stage-teams-container .group-stage-teams__howto p-label:where([sf~="79"]) { color: gold; }
.major-24 .group-stage-teams-container .group-stage-teams__howto p-label:where([sf~="79"]) { color: rgb(48, 31, 6); text-shadow: 0px 0px 8px color-mix(in srgb, rgba(143, 83, 15, 0.586546) 50%, transparent); font-family: Stratum2 Medium, "Arial Unicode MS"; --c9: 0.9; }
.major-26 .group-stage-teams-container .group-stage-teams__howto p-label:where([sf~="79"]) { color: rgba(255, 255, 255, 0.748191); text-shadow: none; font-family: Stratum2 Medium, "Arial Unicode MS"; --c9: 0.9; }
.group-stage-teams-container .group-stage-teams:where([sf~="79"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-height: 360px; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; width: 92px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 92px; }
.group-stage-teams-container .group-stage-teams p-verticalscrollbar:where([sf~="79"]) { width: 3px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 3px; }
.group-stage-draggable-team:where([sf~="79"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; transition-property: transform, --saturation, --brightness, opacity; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.group-stage-draggable-team.dragged-away :is(p-image, :where(img[pimg])):where([sf~="79"]) { --saturation: 0.6; --brightness: 0.2; opacity: 0.616725; --op-pe: inherit; transition-property: --saturation, --brightness, opacity; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team.already-picked:where([sf~="79"]) { --brightness: .1; --saturation: .1; opacity: 0.696476; --op-pe: inherit; --blur: 1px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team.already-picked .group-stage-draggable-team__logo:where([sf~="79"]) { --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .group-stage-draggable-team.already-picked:where([sf~="79"]) { --blur: 0px; --saturation: .5; --brightness: .25; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team:hover:not(.dragged-away):where([sf~="79"]) { --sound: "UIPanorama.inventory_item_rollover"; transform: translateY( -5px); --brightness: 1.6; --img-shadow: drop-shadow(-3px 6px 3px color-mix(in srgb, rgb(0 0 0 / .2) 22.725%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team.team-locked:where([sf~="79"]) { --brightness: .2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team.team-locked .group-stage-draggable-team__logo:where([sf~="79"]) { --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-drop-target .group-stage-draggable-team.team-locked:where([sf~="79"]) { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-drop-target .group-stage-draggable-team.team-locked:hover:where([sf~="79"]) { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team.team-locked:hover:where([sf~="79"]) { transform: translateY( 0px); --brightness: .2; --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team.empty-team:where([sf~="79"]) { --bgc: rgba(53, 53, 53, 0.183213); --bg-grad: none; border-radius: 50%; }
.major-23 .group-stage-draggable-team.empty-team:where([sf~="79"]) { --bgc: rgba(58, 23, 23, 0.330592); --bg-grad: none; }
.major-24 .group-stage-draggable-team.empty-team:where([sf~="79"]) { --bgc: rgba(58, 23, 23, 0); --bg-grad: none; opacity: 0.767696; --op-pe: inherit; }
.major-25 .group-stage-draggable-team.empty-team:where([sf~="79"]) { --bgc: rgba(74, 53, 100, 0.295531); --bg-grad: none; opacity: 1; --op-pe: inherit; }
.major-26 .group-stage-draggable-team.empty-team:where([sf~="79"]) { --bgc: rgba(28, 73, 28, 0.294565); --bg-grad: none; opacity: 1; --op-pe: inherit; }
.group-stage-draggable-team .group-stage-draggable-team__logo:where([sf~="79"]) { --img-shadow: drop-shadow(0px 0px 4px rgba(214, 214, 214, 0.632387)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-23 .group-stage-draggable-team .group-stage-draggable-team__logo:where([sf~="79"]) { --img-shadow: drop-shadow(0px 0px 4px rgba(255, 102, 0, 0.539238)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .group-stage-draggable-team .group-stage-draggable-team__logo:where([sf~="79"]) { --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, rgb(56 26 5 / 0.678) 45.45%, transparent)); opacity: 0.947817; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-25 .group-stage-draggable-team .group-stage-draggable-team__logo:where([sf~="79"]) { --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, rgb(0, 0, 0) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-26 .group-stage-draggable-team .group-stage-draggable-team__logo:where([sf~="79"]) { --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, rgb(10, 71, 13) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team .group-stage-draggable-team__check:where([sf~="79"]) { transform: scale3d( 1, 1, 1); --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-draggable-team .group-stage-draggable-team__check.hidden:where([sf~="79"]) { --vis-collapse: none; transform: scale3d( .5, .5, 1); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.group-stage-matchups-container:where([sf~="79"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 8px; }
.group-stage-matchups-container .group-stage-matchups-arrows:where([sf~="79"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; z-index: 7; }
.group-stage-matchups-container .kk-c-group-stage-matchups-arrows:has(> .group-stage-matchups-arrows:where([sf~="79"]):not([pvis="0"])), .group-stage-matchups-container.kk-c-group-stage-matchups-arrows:has(> .group-stage-matchups-arrows:where([sf~="79"]):not([pvis="0"])) { isolation: isolate; }
.group-stage-matchups-container .group-stage-matchups-arrows .group-stage-matchups-arrow:where([sf~="79"]) { --bgc: #242d3d; --bg-grad: none; transform-origin: 50% 50%; mask-image: url("/panorama/images/masks/tournament_group_direction.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.major-24 .group-stage-matchups-container .group-stage-matchups-arrows .group-stage-matchups-arrow:where([sf~="79"]) { --bg-img: url("/panorama/images/tournaments/picken_arrow_24.webp"); --bgc: transparent; --bg-grad: none; mask-image: none; mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; }
.group-stage-matchups-container .group-stage-matchups-arrows.column1 .first:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY(165px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column1 .second:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 380px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column2 .first:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY(95px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column2 .second:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 220px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column2 .third:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY( 325px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column2 .fourth:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 445px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column3 .first:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY(40px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column3 .second:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 110px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column3 .third:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY( 210px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column3 .fourth:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 330px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column3 .fifth:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY( 390px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column3 .sixth:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 470px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column4 .first:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY(130px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column4 .second:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 200px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column4 .third:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY( 300px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column4 .fourth:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 390px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column5 .first:where([sf~="79"]) { transform: rotateZ(-25deg) translateX( -5px ) translateY(45px); }
.group-stage-matchups-container .group-stage-matchups-arrows.column5 .second:where([sf~="79"]) { transform: rotateZ(25deg) translateX( -5px ) translateY( 120px); }
.group-stage-matchups-container .group-stage-matchups-arrows .first:where([sf~="79"]), .group-stage-matchups-container .group-stage-matchups-arrows .third:where([sf~="79"]), .group-stage-matchups-container .group-stage-matchups-arrows .fifth:where([sf~="79"]) { --bg-grad: linear-gradient(90deg, #242d3d 20%, rgb(14, 209, 95) 135%); --bgc: transparent; }
.group-stage-matchups-container .group-stage-matchups-arrows .second:where([sf~="79"]), .group-stage-matchups-container .group-stage-matchups-arrows .fourth:where([sf~="79"]), .group-stage-matchups-container .group-stage-matchups-arrows .sixth:where([sf~="79"]) { --bg-grad: linear-gradient(90deg, #242d3d 30%, #B21E2C 110%); --bgc: transparent; }
.major-23 .group-stage-matchups-container .group-stage-matchups-arrows .first:where([sf~="79"]), .major-23 .group-stage-matchups-container .group-stage-matchups-arrows .third:where([sf~="79"]), .major-23 .group-stage-matchups-container .group-stage-matchups-arrows .fifth:where([sf~="79"]) { --bg-grad: linear-gradient(90deg, #361b17 20%, rgb(14, 209, 95) 135%); --bgc: transparent; }
.major-23 .group-stage-matchups-container .group-stage-matchups-arrows .second:where([sf~="79"]), .major-23 .group-stage-matchups-container .group-stage-matchups-arrows .fourth:where([sf~="79"]), .major-23 .group-stage-matchups-container .group-stage-matchups-arrows .sixth:where([sf~="79"]) { --bg-grad: linear-gradient(90deg, #361b17 30%, #B21E2C 110%); --bgc: transparent; }
.major-24 .group-stage-matchups-container .group-stage-matchups-arrows .first:where([sf~="79"]), .major-24 .group-stage-matchups-container .group-stage-matchups-arrows .third:where([sf~="79"]), .major-24 .group-stage-matchups-container .group-stage-matchups-arrows .fifth:where([sf~="79"]) { --wash-color: rgb(11, 105, 3); --wash-filter: url(#w-rgb_11_105_3); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .group-stage-matchups-container .group-stage-matchups-arrows .second:where([sf~="79"]), .major-24 .group-stage-matchups-container .group-stage-matchups-arrows .fourth:where([sf~="79"]), .major-24 .group-stage-matchups-container .group-stage-matchups-arrows .sixth:where([sf~="79"]) { --wash-color: rgb(130, 38, 38); --wash-filter: url(#w-rgb_130_38_38); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-25 .group-stage-matchups-container .group-stage-matchups-arrows .first:where([sf~="79"]), .major-25 .group-stage-matchups-container .group-stage-matchups-arrows .third:where([sf~="79"]), .major-25 .group-stage-matchups-container .group-stage-matchups-arrows .fifth:where([sf~="79"]) { --bg-grad: linear-gradient(90deg, #372a4a 20%, rgb(14, 209, 95) 135%); --bgc: transparent; }
.major-25 .group-stage-matchups-container .group-stage-matchups-arrows .second:where([sf~="79"]), .major-25 .group-stage-matchups-container .group-stage-matchups-arrows .fourth:where([sf~="79"]), .major-25 .group-stage-matchups-container .group-stage-matchups-arrows .sixth:where([sf~="79"]) { --bg-grad: linear-gradient(90deg, #372a4a 30%, #B21E2C 110%); --bgc: transparent; }
.major-26 .group-stage-matchups-container .group-stage-matchups-arrows .first:where([sf~="79"]), .major-26 .group-stage-matchups-container .group-stage-matchups-arrows .third:where([sf~="79"]), .major-26 .group-stage-matchups-container .group-stage-matchups-arrows .fifth:where([sf~="79"]) { --bg-grad: linear-gradient(90deg, rgb(19, 46, 29) 20%, rgb(14, 209, 95) 135%); --bgc: transparent; }
.major-26 .group-stage-matchups-container .group-stage-matchups-arrows .second:where([sf~="79"]), .major-26 .group-stage-matchups-container .group-stage-matchups-arrows .fourth:where([sf~="79"]), .major-26 .group-stage-matchups-container .group-stage-matchups-arrows .sixth:where([sf~="79"]) { --bg-grad: linear-gradient(90deg, rgb(19, 46, 29) 30%, #B21E2C 110%); --bgc: transparent; }
.group-stage-matchups-container .group-stage-matchups-section:where([sf~="79"]) { --bgc: #242d3d; --bg-grad: none; border-radius: 6px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; }
.major-23 .group-stage-matchups-container .group-stage-matchups-section:where([sf~="79"]) { --bgc: #361b17; --bg-grad: none; }
.major-25 .group-stage-matchups-container .group-stage-matchups-section:where([sf~="79"]) { --bgc: #372a4a; --bg-grad: none; }
.major-26 .group-stage-matchups-container .group-stage-matchups-section:where([sf~="79"]) { --bgc: rgb(19, 46, 29); --bg-grad: none; }
.group-stage-matchups-container .group-stage-matchups-section.eliminated:where([sf~="79"]) { --bgc: #742235; --bg-grad: none; }
.major-24 .group-stage-matchups-container .group-stage-matchups-section.eliminated:where([sf~="79"]) { --bgc: rgba(126, 4, 4, 0.44288); --bg-grad: none; }
.group-stage-matchups-container .group-stage-matchups-section.advance:where([sf~="79"]) { --bgc: rgba(18, 115, 81, 0.602186); --bg-grad: none; }
.major-24 .group-stage-matchups-container .group-stage-matchups-section.advance:where([sf~="79"]) { --bgc: rgba(37, 122, 62, 0.722748); --bg-grad: none; }
.group-stage-matchups-container .group-stage-matchups-section .group-stage-matchups-section__header:where([sf~="79"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 6px; --mgr: 8px; --mgb: 6px; --mgl: 8px; opacity: 0.696476; --op-pe: inherit; }
.major-24 .group-stage-matchups-container .group-stage-matchups-section .group-stage-matchups-section__header:where([sf~="79"]) { color: rgb(48, 31, 6); opacity: 0.892208; --op-pe: inherit; }
.major-25 .group-stage-matchups-container .group-stage-matchups-section .group-stage-matchups-section__header:where([sf~="79"]) { color: rgb(224, 190, 231); opacity: 0.892208; --op-pe: inherit; }
.major-26 .group-stage-matchups-container .group-stage-matchups-section .group-stage-matchups-section__header:where([sf~="79"]) { --bgc: rgb(19, 46, 29); --bg-grad: none; }
.group-stage-matchups-container .group-stage-matchup:where([sf~="79"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; }
.group-stage-matchups-container .group-stage-matchup #id-team-matchup-btn:where([sf~="79"]) { --pdt: 6px; --pdr: 0px; --pdb: 6px; --pdl: 0px; --pdrn: 0; --pdln: 0; border-radius: 6px; }
.group-stage-matchups-container .group-stage-matchup #id-team-matchup-btn:hover:where([sf~="79"]) { --bgc: rgba(255, 255, 255, 0.09105); --bg-grad: none; }
.major-24 .group-stage-matchups-container .group-stage-matchup #id-team-matchup-btn:where([sf~="79"]) { border-radius: 0px; }
.major-24 .group-stage-matchups-container .group-stage-matchup #id-team-matchup-btn:hover:where([sf~="79"]) { --bgc: rgba(255, 255, 255, 0.361835); --bg-grad: none; }
.group-stage-matchups-container .group-stage-matchup.has_valid_matchup .group-stage-matchup__score-container:where([sf~="79"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.group-stage-matchups-container .group-stage-matchup.has_valid_matchup .group-stage-matchup__noscore:where([sf~="79"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.group-stage-matchups-container .group-stage-matchup .group-stage-matchup__logo:where([sf~="79"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.group-stage-matchups-container .group-stage-matchup .group-stage-matchup__score-container:where([sf~="79"]) { opacity: 0; --op-pe: none; --vis-collapse: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.group-stage-matchups-container .group-stage-matchup .group-stage-matchup__score-container .group-stage-matchup__score:where([sf~="79"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; text-align: center; color: #B21E2C; }
.group-stage-matchups-container .group-stage-matchup .group-stage-matchup__score-container .group-stage-matchup__score.winner:where([sf~="79"]) { color: rgb(14, 209, 95); }
.group-stage-matchups-container .group-stage-matchup .group-stage-matchup__score-container .group-stage-matchup__score-separator:where([sf~="79"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; }
.group-stage-matchups-container .group-stage-matchup.has_match_in_progress .group-stage-matchup__score-container .group-stage-matchup__score:where([sf~="79"]) { color: white; }
.group-stage-matchups-container .group-stage-matchup .group-stage-matchup__noscore:where([sf~="79"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --text-shrink: 1; text-align: center; --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; color: rgba(255, 255, 255, 0.356082); }
.major-24 .group-stage-matchups-container .group-stage-matchup .group-stage-matchup__noscore:where([sf~="79"]) { color: rgb(48, 31, 6); opacity: 0.892208; --op-pe: inherit; }
.major-24 .group-stage-matchups-section:where([sf~="79"]) { --bgc: rgba(0, 0, 0, 0.047246); --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-border-5.webp"); --bg-img-opacity: .7; --bg-img-own: none; --bg-size: 100% 100%; --bg-w: 0px; border-radius: 0px; }
.major-24 .group-stage-matchups-section:where([sf~="79"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.major-24 #matchups-0-0:where([sf~="79"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-border.webp"); }
.major-24 #matchups-1-0:where([sf~="79"]), .major-24 #matchups-0-1:where([sf~="79"]), .major-24 #matchups-1-1:where([sf~="79"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-border-2.webp"); }
.major-24 #matchups-2-0:where([sf~="79"]), .major-24 #matchups-0-2:where([sf~="79"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-border-3.webp"); }
.major-24 #matchups-2-2:where([sf~="79"]), .major-24 #matchups-2-1:where([sf~="79"]), .major-24 #matchups-1-2:where([sf~="79"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-border-4.webp"); }
.major-24 #matchups-3-0:where([sf~="79"]), .major-24 #matchups-0-3:where([sf~="79"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-border-5.webp"); }
.group-stage-matchups-results-container:where([sf~="79"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateY(-43px) translateX(-28px); z-index: 2; }
.kk-c-group-stage-matchups-results-container:has(> .group-stage-matchups-results-container:where([sf~="79"]):not([pvis="0"])) { isolation: isolate; }
.group-stage-matchups-results:where([sf~="79"]) { --bgc: #242d3d; --bg-grad: none; width: 172px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 172px; border-radius: 6px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; }
.major-23 .group-stage-matchups-results:where([sf~="79"]) { --bgc: #361b17; --bg-grad: none; }
.major-24 .group-stage-matchups-results:where([sf~="79"]) { --bgc: rgba(0, 0, 0, 0.151909); --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_pencil-border-5.webp"); --bg-img-opacity: .6; --bg-img-own: none; --bg-size: 100% 100%; --bg-w: 0px; border-radius: 0px; }
.major-24 .group-stage-matchups-results:where([sf~="79"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.major-25 .group-stage-matchups-results:where([sf~="79"]) { --bgc: #372a4a; --bg-grad: none; }
.major-26 .group-stage-matchups-results:where([sf~="79"]) { --bgc: rgb(19, 46, 29); --bg-grad: none; }
.group-stage-matchups-results.eliminated:where([sf~="79"]) { --bgc: #742235; --bg-grad: none; }
.group-stage-matchups-results.advance:where([sf~="79"]) { --bgc: rgba(18, 115, 81, 0.602186); --bg-grad: none; }
.group-stage-matchups-results.no-bg:where([sf~="79"]) { --bgc: transparent; --bg-grad: none; --bg-img: none; }
.group-stage-matchups-results.empty:where([sf~="79"]) { height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; width: 144px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 144px; border-radius: 6px 0px 0px 6px; }
.group-stage-matchups-results.no-left-border:where([sf~="79"]) { border-radius: 0px 6px 6px 6px; }
.group-stage-matchups-results.bottom:where([sf~="79"]) { --mgt: 18px; }
.group-stage-matchups-results .group-stage-matchups-results__six:where([sf~="79"]) { --pdt: 18px; --pdr: 0px; --pdb: 18px; --pdl: 0px; --pdrn: 0; --pdln: 0; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.group-stage-static-background:where([sf~="79"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --px: 576px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 96px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); z-index: 1; }
.kk-c-group-stage-static-background:has(> .group-stage-static-background:where([sf~="79"]):not([pvis="0"])) { isolation: isolate; }
.group-stage-static-background.major-24:where([sf~="79"]) { --vis-collapse: none; height: 157px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 157px; }
.major-24 .group-stage-static-background.major-24:where([sf~="79"]) { --vis-collapse: initial; opacity: 0.892208; --op-pe: inherit; }
.major-24 .group-stage-static-background:not(.major-24):where([sf~="79"]) { --vis-collapse: none; }
.group-stage-matchups-results__label:where([sf~="79"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1.5px; --mgt: 4px; color: white; text-transform: uppercase; }
.major-24 .group-stage-matchups-results__label:where([sf~="79"]) { color: rgb(48, 31, 6); font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --mgt: 6px; }
.group-stage-drop-target:where([sf~="79"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; --mgt: 8px; --mgr: 4px; --mgb: 8px; --mgl: 4px; transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.is-dragging .group-stage-drop-target .group-stage-drop-target__empty:where([sf~="79"]) { --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(255, 255, 255, 0.575998) 0%, rgba(0, 0, 0, 0.445153) 100%); --bgc: transparent; }
.group-stage-drop-target.not-active .group-stage-drop-target__empty:where([sf~="79"]) { --bg-img-opacity: 0; --bg-img-own: none; border: 1px solid rgba(0, 0, 0, 0.118858); --bdln: 1; --bdrn: 1; }
.group-stage-drop-target.not-active .group-stage-drop-target__empty:where([sf~="79"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.group-stage-drop-target.group-stage-drag-enter:where([sf~="79"]) { transform: scale3d(1.2, 1.2, 1); }
.group-stage-drop-target.group-stage-drag-enter .group-stage-drop-target__empty:where([sf~="79"]) { --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(255, 255, 255, 0.575998) 0%, rgba(0, 0, 0, 0.445153) 100%); --bgc: transparent; }
.group-stage-drop-target.has-pick .group-stage-drop-target__empty:where([sf~="79"]) { --bg-img-opacity: 0; --bg-img-own: none; --bg-grad: radial-gradient(ellipse 86% 86% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); --bgc: transparent; }
.group-stage-drop-target.has-pick .group-stage-drop-target__empty:where([sf~="79"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.group-stage-drop-target.has-pick:hover .group-stage-drop-target__remove:where([sf~="79"]) { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.group-stage-drop-target.has-pick:hover .group-stage-drop-target__remove :is(p-image, :where(img[pimg])):where([sf~="79"]) { --img-shadow: drop-shadow(0px 0px 6px black) drop-shadow(0px 0px 6px color-mix(in srgb, black 28.552013%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-drop-target .group-stage-drop-target__tooltip-loc:where([sf~="79"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --tooltip-position: top; --tooltip-body-position: 50% 100%; }
.group-stage-drop-target .group-stage-drop-target__tooltip-loc.bottom:where([sf~="79"]) { --tooltip-position: bottom; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.group-stage-drop-target .group-stage-drop-target__icon:where([sf~="79"]) { height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; width: 38px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 38px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.group-stage-drop-target .group-stage-drop-target__empty:where([sf~="79"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(0, 0, 0, 0.151909) 0%, rgba(0, 0, 0, 0.151909) 100%); --bgc: transparent; --bg-img: url("/panorama/images/tournaments/pickem_bracket_circle_pick.webp"); --bg-size: contain; --bg-w: 0px; --bg-rep: no-repeat; border-radius: 50%; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.major-24 .group-stage-drop-target .group-stage-drop-target__empty:where([sf~="79"]) { --bg-img: url("/panorama/images/tournaments/pickem_bracket_circle_pick_black.webp"); }
.group-stage-drop-target .group-stage-drop-target__remove:where([sf~="79"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; opacity: 0; --op-pe: none; transform: translateY( 10px ); border-radius: 50%; --vis-collapse: none; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.group-stage-drop-target .group-stage-drop-target__remove :is(p-image, :where(img[pimg])):where([sf~="79"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.group-stage-drop-target .group-stage-drop-target__correct-check:where([sf~="79"]) { --vis-collapse: none; --bgc: black; --bg-grad: none; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; border-radius: 50%; --wash-color: rgb(14, 209, 95); --wash-filter: url(#w-rgb_14_209_95); border: 1px solid white; --bdln: 1; --bdrn: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-drop-target .group-stage-drop-target__correct-team-icon:where([sf~="79"]) { --vis-collapse: none; --bgc: red; --bg-grad: none; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.major-hub-pickem__page:not(.show-all-correct-picks) .group-stage-drop-target.is-incorrect .group-stage-drop-target__empty:where([sf~="79"]) { border: 1.5px solid rgba(178, 30, 45, 0.368863); --bdln: 1.5; --bdrn: 1.5; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(179, 17, 17, 0.593377) 0%, rgba(29, 2, 2, 0.318917) 100%); --bgc: transparent; }
.major-hub-pickem__page:not(.show-all-correct-picks) .group-stage-drop-target.is-correct .group-stage-drop-target__empty:where([sf~="79"]) { border: 1.5px solid rgba(14, 209, 95, 0.62231); --bdln: 1.5; --bdrn: 1.5; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgb(14, 209, 95) 0%, rgba(29, 2, 2, 0.318917) 100%); --bgc: transparent; }
.major-hub-pickem__page:not(.show-all-correct-picks) .group-stage-drop-target.is-correct .group-stage-drop-target__correct-check:where([sf~="79"]) { --vis-collapse: initial; }
.major-hub-pickem__page:not(.show-all-correct-picks) #placement-team-icon:where([sf~="79"]), .major-hub-pickem__page:not(.show-all-correct-picks) .placement-team-icon:where([sf~="79"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.show-all-correct-picks .group-stage-drop-target__correct-team-icon:where([sf~="79"]) { --vis-collapse: initial; }
.show-all-correct-picks .group-stage-drop-target__empty:where([sf~="79"]) { --bg-img: none; }
.show-all-correct-picks .group-stage-matchups-container .group-stage-draggable-team:where([sf~="79"]) { --vis-collapse: none; }
.group-stage-drop-result:where([sf~="79"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; --mgt: 8px; --mgr: 4px; --mgb: 8px; --mgl: 4px; }
.show-all-correct-picks .group-stage-matchups-results .group-stage-draggable-team:where([sf~="79"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.show-all-correct-picks .group-stage-drop-target__correct-team-icon:where([sf~="79"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.show-all-correct-picks .actual-result-green-check .group-stage-drop-target__correct-check:where([sf~="79"]) { --vis-collapse: initial; opacity: 0.974301; --op-pe: inherit; }
.show-all-correct-picks .placeholder-team-icon:where([sf~="79"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
@keyframes hover-wiggle {
0% { transform: translateX( 1px ) translateY(-1px ); }
50% { transform: translateX( -1px ) translateY( -1px ) rotateX( 10deg ); }
100% { transform: translateX( 0px ) translateY( 0px ); }
}
/* styles/endofmatch-win.css */
.eom-win .eom-win__main:where([sf~="80"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 48px; --pdr: 0px; --pdb: 48px; --pdl: 0px; --pdrn: 0; --pdln: 0; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; opacity: 0; --op-pe: none; }
.eom-win .eom-win__main .eom-win__main__team-icon:where([sf~="80"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(2px 2px 8px color-mix(in srgb, #000000 78.721709%, transparent)); --pdt: 32px; --pdr: 32px; --pdb: 32px; --pdl: 32px; --pdrn: 32; --pdln: 32; opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .5s, .5s; transition-timing-function: ease-out, ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-win .eom-win__main .eom-win__main__data:where([sf~="80"]) { width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; mask-image: url("/panorama/images/masks/fade-both-right-left2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__score:where([sf~="80"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --bgc: rgba(0, 0, 0, 1); --bg-grad: none; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__score .eom-win__main__score__container:where([sf~="80"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__score .eom-win__main__score__container .eom-win__main__score__text:where([sf~="80"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; color: white; transform: translateY( -3px ); }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__result:where([sf~="80"]) { --mgt: 10px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; --bgc: rgba(0, 0, 0, 1); --bg-grad: none; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__result .eom-win__main__result__text:where([sf~="80"]) { color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 64; font-size: calc(max(1, round(nearest, 64 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 100px; --pdb: 0px; --pdl: 100px; --pdrn: 100; --pdln: 100; letter-spacing: 8px; text-align: center; text-shadow: 0px 0px 8px #dddddd; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__line:where([sf~="80"]) { height: 1.25px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1.25px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: white; --bg-grad: none; z-index: 3; }
.eom-win .eom-win__main .eom-win__main__data .kk-c-eom-win__main__line:has(> .eom-win__main__line:where([sf~="80"]):not([pvis="0"])), .eom-win .eom-win__main .eom-win__main__data.kk-c-eom-win__main__line:has(> .eom-win__main__line:where([sf~="80"]):not([pvis="0"])) { isolation: isolate; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__dots:where([sf~="80"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: 60% auto; --bg-w: 0px; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__dots.eom-win__main__dots--slim:where([sf~="80"]) { --bg-size: auto; --bg-w: 0px; --bg-pos: bottom; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__glitch:where([sf~="80"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; --vis-collapse: none; --bg-size: auto auto; --bg-w: 0px; --bg-img: none; --bg-video: "/panorama/videos/digital_glitch.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: additive; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main_result__white:where([sf~="80"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --bgc: white; --bg-grad: none; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__double-arrows:where([sf~="80"]) { opacity: 0; --op-pe: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eom-win .eom-win__main .eom-win__main__data .eom-win__main__double-arrows--right:where([sf~="80"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; opacity: 0; --op-pe: none; transform: translateX(0); }
.eom-win .eom-win__main.show:where([sf~="80"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.eom-win .eom-win__main.show .eom-win__main__team-icon:where([sf~="80"]) { animation-name: eom-show-team-icon; animation-duration: 2s; animation-delay: 1s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__glitch:where([sf~="80"]) { --vis-collapse: initial; animation-name: eom-show-glitch; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main_result__white:where([sf~="80"]) { animation-name: eom-show-glitch; animation-duration: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__data:where([sf~="80"]) { animation-name: eom-show-main; animation-duration: .25s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__bracket--top-left:where([sf~="80"]) { animation-name: eom-show-bracket-top-left; animation-duration: .5s; animation-delay: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__bracket--top-right:where([sf~="80"]) { animation-name: eom-show-bracket-top-right; animation-duration: .5s; animation-delay: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__bracket--bottom-right:where([sf~="80"]) { animation-name: eom-show-bracket-bottom-right; animation-duration: .5s; animation-delay: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__bracket--bottom-left:where([sf~="80"]) { animation-name: eom-show-bracket-bottom-left; animation-duration: .5s; animation-delay: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__double-arrows:where([sf~="80"]) { animation-name: eom-show-double-arrows; animation-duration: .5s; animation-delay: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__double-arrows--right:where([sf~="80"]) { animation-name: eom-show-double-arrows-right; animation-duration: .5s; animation-delay: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__result__text:where([sf~="80"]) { animation-name: eom-show-text; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win .eom-win__main.show .eom-win__main__dots:where([sf~="80"]) { --vis-collapse: initial; animation-name: eom-show-bg; animation-duration: .75s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-win.eom-win_won .eom-win__main .eom-win__main__score:where([sf~="80"]), .eom-win.eom-win_won .eom-win__main .eom-win__main__result:where([sf~="80"]) { --bgc: #0F9D58; --bg-grad: none; }
.eom-win.eom-win_won .eom-win__main .eom-win__main__dots:where([sf~="80"]), .eom-win.eom-win_won .eom-win__main .eom-win__main__glitch:where([sf~="80"]), .eom-win.eom-win_won .eom-win__main .eom-win__main__double-arrows:where([sf~="80"]), .eom-win.eom-win_won .eom-win__main .eom-win__main__double-arrows--right:where([sf~="80"]), .eom-win.eom-win_won .eom-win__main .eom-win__main__line:where([sf~="80"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-win.eom-win_won .eom-win__main .eom-win__main__score__text.local-player-score:where([sf~="80"]) { font-weight: 700; }
.eom-win.eom-win_won .eom-win__main .eom-win__main__result .eom-win__main__result__text:where([sf~="80"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-win.eom-win_won .eom-win__main .eom-win__main__result .eom-win__main__result__text .eom-win__main__bracket:where([sf~="80"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-win.eom-win_lost .eom-win__main .eom-win__main__score:where([sf~="80"]), .eom-win.eom-win_lost .eom-win__main .eom-win__main__result:where([sf~="80"]) { --bgc: grey; --bg-grad: none; }
.eom-win.eom-win_lost .eom-win__main .eom-win__main__score__text.local-player-score:where([sf~="80"]) { font-weight: 700; }
.eom-win.eom-win_lost .eom-win__main .eom-win__main__dots:where([sf~="80"]), .eom-win.eom-win_lost .eom-win__main .eom-win__main__glitch:where([sf~="80"]), .eom-win.eom-win_lost .eom-win__main .eom-win__main__double-arrows:where([sf~="80"]), .eom-win.eom-win_lost .eom-win__main .eom-win__main__double-arrows--right:where([sf~="80"]), .eom-win.eom-win_lost .eom-win__main .eom-win__main__line:where([sf~="80"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-win.eom-win_lost .eom-win__main .eom-win__main__result .eom-win__main__result__text:where([sf~="80"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-win.eom-win_lost .eom-win__main .eom-win__main__result .eom-win__main__result__text .eom-win__main__bracket:where([sf~="80"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-win__main__bracket.eom-win__main__bracket--top-right:where([sf~="80"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; opacity: 0; --op-pe: none; }
.eom-win__main__bracket.eom-win__main__bracket--bottom-right:where([sf~="80"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: scaleY(-1); opacity: 0; --op-pe: none; }
.eom-win__main__bracket.eom-win__main__bracket--top-left:where([sf~="80"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: scaleX(-1); opacity: 0; --op-pe: none; }
.eom-win__main__bracket.eom-win__main__bracket--bottom-left:where([sf~="80"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: scaleY(-1) scaleX(-1); opacity: 0; --op-pe: none; }
.show:where([sf~="80"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.show .eom-win__main__team-icon:where([sf~="80"]) { animation-name: eom-show-team-icon; animation-duration: 2s; animation-delay: 1s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__glitch:where([sf~="80"]) { --vis-collapse: initial; animation-name: eom-show-glitch; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main_result__white:where([sf~="80"]) { animation-name: eom-show-glitch; animation-duration: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__data:where([sf~="80"]) { animation-name: eom-show-main; animation-duration: .25s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__bracket--top-left:where([sf~="80"]) { animation-name: eom-show-bracket-top-left; animation-duration: .5s; animation-delay: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__bracket--top-right:where([sf~="80"]) { animation-name: eom-show-bracket-top-right; animation-duration: .5s; animation-delay: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__bracket--bottom-right:where([sf~="80"]) { animation-name: eom-show-bracket-bottom-right; animation-duration: .5s; animation-delay: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__bracket--bottom-left:where([sf~="80"]) { animation-name: eom-show-bracket-bottom-left; animation-duration: .5s; animation-delay: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__double-arrows:where([sf~="80"]) { animation-name: eom-show-double-arrows; animation-duration: .5s; animation-delay: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__double-arrows--right:where([sf~="80"]) { animation-name: eom-show-double-arrows-right; animation-duration: .5s; animation-delay: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__result__text:where([sf~="80"]) { animation-name: eom-show-text; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.show .eom-win__main__dots:where([sf~="80"]) { --vis-collapse: initial; animation-name: eom-show-bg; animation-duration: .75s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes eom-show-main {
0% { transform: scaleX(1.8); }
100% { transform: scaleY(1); }
}
@keyframes eom-show-team-icon {
0% { opacity: 0; --op-pe: none; }
100% { opacity: 0; --op-pe: none; }
}
@keyframes eom-show-glitch {
0% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
@keyframes eom-show-bracket-top-left {
0% { --brightness: 10; opacity: 0; --op-pe: none; transform: translateX(100px) scaleX(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: translateX(0px) scaleX(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-bracket-top-right {
0% { --brightness: 10; opacity: 0; --op-pe: none; transform: translateX(100px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: translateX(0px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-bracket-bottom-left {
0% { --brightness: 10; opacity: 0; --op-pe: none; transform: translateX(100px) scaleY(-1) scaleX(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: translateX(0px) scaleY(-1) scaleX(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-bracket-bottom-right {
0% { --brightness: 10; opacity: 0; --op-pe: none; transform: translateX(100px) scaleY(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: translateX(0px) scaleY(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-double-arrows {
0% { --brightness: 10; opacity: 0; --op-pe: none; transform: translateX(0px) scaleX(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: translateX(-80px) scaleX(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-double-arrows-right {
0% { --brightness: 10; opacity: 0; --op-pe: none; transform: translateX(0px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: translateX(-80px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-text {
0% { --brightness: 10; opacity: 0; --op-pe: none; transform: scale3d( 1.2, 1.2, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 2; opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes eom-show-bg {
0% { --brightness: 15; --blur: 4px; opacity: 0; --op-pe: none; transform: scale3d( 2, 2, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
75% { --blur: 4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1.5; --blur: 0px; opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.eom-win__model:where([sf~="80"]) { --bgc: rgba(4, 70, 28, 0.824165); --bg-grad: none; width: 210px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 210px; height: 210px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 210px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bgc: transparent; --bg-grad: none; z-index: 2; }
.kk-c-eom-win__model:has(> .eom-win__model:where([sf~="80"]):not([pvis="0"])) { isolation: isolate; }
.eom-win__text:where([sf~="80"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; --px: 0px; --pxp: 0px; --py: 40px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --fsz: 38; font-size: calc(max(1, round(nearest, 38 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: uppercase; z-index: 3; opacity: 0; --op-pe: none; transition-property: scale, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; transition-delay: .5s, .5s; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; mix-blend-mode: screen; --s2-blend: additive; text-shadow: 0px 0px 4px rgba(122, 171, 180, 0.385646), 0px 0px 4px rgba(122, 171, 180, 0.385646), 0px 0px 4px rgba(122, 171, 180, 0.385646), 0px 0px 4px rgba(122, 171, 180, 0.385646); color: rgb(255, 255, 255); }
.kk-c-eom-win__text:has(> .eom-win__text:where([sf~="80"]):not([pvis="0"])) { isolation: isolate; }
.eom-win__text.move:where([sf~="80"]) { opacity: 1; --op-pe: inherit; }
.eom-win__text-background:where([sf~="80"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: transparent; --bg-grad: none; --fsz: 116; font-size: calc(max(1, round(nearest, 116 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --mgb: 0px; --bg-grad: linear-gradient(180deg, rgb(220, 220, 220) 0%, rgba(235, 232, 232, 0) 80%); background-clip: text; color: transparent; text-transform: uppercase; mix-blend-mode: screen; --s2-blend: additive; --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: transform, scale, opacity; transition-duration: 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; transition-delay: 0s, 0s, 0s; scale: 1.3 1.3; }
.eom-win__text-background.move:where([sf~="80"]) { opacity: 1; --op-pe: inherit; scale: 1 1; }
.eom-win__player_name:where([sf~="80"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; }
.eom-win__player_title:where([sf~="80"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; --bg-grad: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(119, 119, 119) 85%); background-clip: text; color: transparent; text-shadow: 4px 4px 8px color-mix(in srgb, rgb(0 0 0 / 1) 45.45%, transparent); mix-blend-mode: screen; --s2-blend: additive; }
.eom-win__player--small:where([sf~="80"]) { zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); }
.eom-win__vaclive:where([sf~="80"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 48px; --pdr: 0px; --pdb: 48px; --pdl: 0px; --pdrn: 0; --pdln: 0; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bgc: rgba(0, 0, 0, 0.624901); --bg-grad: none; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: 60% auto; --bg-w: 0px; --bg-img-opacity: 0.1; --bg-img-own: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 0; --op-pe: none; }
.eom-win__vaclive:where([sf~="80"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.eom-win__vaclive.show:where([sf~="80"]) { opacity: 1; --op-pe: inherit; }
.eom-win__vaclive p-label:where([sf~="80"]) { color: red; text-align: center; }
.eom-win__vaclive #matchCancelledTitle:where([sf~="80"]) { --fsz: 60; font-size: calc(max(1, round(nearest, 60 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-win__vaclive #matchCancelledDesc:where([sf~="80"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-win__vaclive #matchCancelledDesc2:where([sf~="80"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
/* styles/friendtile.css */
.friendtile:where([sf~="81"]) { height: 58px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 58px; width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.friendtile--warning:where([sf~="81"]) { --bg-grad: linear-gradient(90deg, #DB4437 0%, #DB4437 1.25%, rgba(255, 0, 0, 0.17251) 1.25%, rgba(48, 0, 0, 0.294669) 2.5%, rgba(48, 0, 0, 0) 100%); --bgc: transparent; }
.friendtile-contents:where([sf~="81"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.friendtile-advertise .friendtile-contents:where([sf~="81"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.friendtile-contents.Activated:where([sf~="81"]) { --sound: "UIPanorama.sidemenu_select"; }
#JsInviteAdvertisingPlayer.IconButton:where([sf~="81"]) { --mgr: 16px; }
.friendtile:where([sf~="81"]), .player-card-row--button:where([sf~="81"]) { opacity: 1; --op-pe: inherit; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity, transform, --bgc; transition-duration: .5s, .5s, .5s, .5s, .5s, .5s, .5s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendtile:Hover:where([sf~="81"]) { --bg-grad: linear-gradient(90deg, white 0%, white 1.25%, rgba(255, 255, 255, 0.486185) 1.25%, rgba(48, 48, 48, 0.364422) 2.5%, rgba(48, 48, 48, 0) 100%); --bgc: transparent; --sound: "UIPanorama.sidemenu_rollover"; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.friendtile-advertise.friendtile:Hover:where([sf~="81"]) { --bgc: transparent; --bg-grad: none; transition-property: none; transition-duration: .0s; }
.player-card-row--button.hidden:where([sf~="81"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.friendtile-avatar-invite-container:where([sf~="81"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.friendtile-avatar:where([sf~="81"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgl: 12px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.friendtile-status-icon:where([sf~="81"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 2px; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.114233)); transition-property: transform, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.friendtile-status-icon.hidden:where([sf~="81"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; transform: translateX( -32px ); --vis-collapse: none; transition-property: transform, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendtile-avatar__status:where([sf~="81"]) { height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; --bgc: transparent; --bg-grad: none; }
.friendtile-status-bg:where([sf~="81"]) { width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.96), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.96; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; mix-blend-mode: screen; --s2-blend: additive; }
.online:where([sf~="81"]) { --bg-grad: linear-gradient(90deg, rgba(103, 202, 255, 0.459823) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.ingame:where([sf~="81"]) { --bgc: #0F9D58; --bg-grad: none; }
.friendtile-avatar__Image:where([sf~="81"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --bgc: purple; --bg-grad: none; box-shadow: 0px 2px 4px 4.666667px rgb(0 0 0 / 0.364706); --bg-fill: rgb(0 0 0 / 0.364706); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.friendtile__status:where([sf~="81"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --mgl: 14px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.friendtile__status .name-container:where([sf~="81"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#jsHonorIcon:where([sf~="81"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgl: 0px; --mgr: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.friendtile__text__title:where([sf~="81"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; max-height: 20px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; text-overflow: ellipsis; font-weight: 700; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.325096); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; color: white; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.friendtile-advertise .friendtile__text__title:where([sf~="81"]) { width: 220px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 220px; }
.friendtile.friendtile--party .friendtile__text__title:where([sf~="81"]) { text-shadow: none; color: white; }
.friendtile__text__status:where([sf~="81"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; max-height: 15px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; text-overflow: ellipsis; font-weight: 400; letter-spacing: 1px; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.friendtile:Hover .friendtile__text__status:where([sf~="81"]), .friendtile:Hover .friendtile__text__title:where([sf~="81"]) { color: white; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.friendtile__expand-icon:where([sf~="81"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --mgr: 8px; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.friendtile:Hover .friendtile__expand-icon:where([sf~="81"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease-in-out; }
.friendtile.hidden:where([sf~="81"]) { transition-property: transform, opacity, translate, --pxp, --pyp; transition-duration: .4s, .4s, .4s, .4s, .4s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendtile__status__advert-advert-row:where([sf~="81"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 4px; }
#jsRatingEmblem:where([sf~="81"]) { zoom: 0.65; --uizi: 0.65; --zl: calc(var(--mgl) / 0.65); --zr: calc(var(--mgr) / 0.65); --zt: calc(var(--mgtv, var(--mgt)) / 0.65); --zb: calc(var(--mgbv, var(--mgb)) / 0.65); }
.validation-results-container .friendtile:where([sf~="81"]), .popup-addfriend-entry .friendtile:where([sf~="81"]) { width: 450px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 450px; border-radius: 5px; --bgc: rgba(0, 0, 0, 0.239307); --bg-grad: none; border: 1px solid rgba(0, 0, 0, 0.243847); --bdln: 1; --bdrn: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.validation-results-container .friendtile:hover:where([sf~="81"]), .popup-addfriend-entry .friendtile:hover:where([sf~="81"]) { --bgc: rgba(0, 0, 0, 0.47147); --bg-grad: none; }
.validation-results-container .friendtile-avatar:where([sf~="81"]), .popup-addfriend-entry .friendtile-avatar:where([sf~="81"]) { --mgl: 0px; }
/* styles/popups/popup_major_store.css */
.popup-major-store:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; max-width: 100%; --bgc: transparent; --bg-grad: none; border: 0px solid white; --bdln: 0; --bdrn: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; transform: scale3d( 1, 1, 1); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: scale, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-major-store.Hidden:where([sf~="82"]) { scale: 1.1; opacity: 0; --op-pe: none; transition-property: scale, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-major-store .popup-major-store__container:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 48px; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; transition-property: --brightness, --blur; transition-duration: .5s, .5s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store .popup-major-store__container:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.major-23.popup-major-store .popup-major-store__container:where([sf~="82"]) { --bgc: rgba(15, 0, 0, 0.151938); --bg-grad: none; --bgc: rgba(15, 0, 0, 0.764178); --bg-grad: none; }
.major-24.popup-major-store .popup-major-store__container:where([sf~="82"]) { --bgc: rgba(26, 31, 48, 0.78778); --bg-grad: none; }
.major-25.popup-major-store .popup-major-store__container:where([sf~="82"]) { --bgc: rgba(57, 37, 71, 0.816355); --bg-grad: none; }
.major-26.popup-major-store .popup-major-store__container:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_bg_26.webp"); --bg-img-opacity: 1; --bg-img-own: none; --bg-rep: no-repeat; --bg-size: cover; --bg-w: 0px; --bg-pos: 50% 50%; }
.major-26.popup-major-store .popup-major-store__container:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store .popup-major-store__container .popup-major-store__container-inner:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); mask-image: url("/panorama/images/masks/top-bottom-fade-2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; opacity: 0; --op-pe: none; transform: scale3d( 1, 1, 1) rotateX( 0deg ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-major-store .popup-major-store__container .popup-major-store__container-inner.show:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.popup-major-store__loading:where([sf~="82"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --bgc: rgba(0, 0, 0, 0.389734); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 4; }
.kk-c-popup-major-store__loading:has(> .popup-major-store__loading:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.popup-major-store__loading p-label:where([sf~="82"]) { --mgb: 8px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.popup-major-store__loading.hidden:where([sf~="82"]) { opacity: 0; --op-pe: none; transform: scale3d(1.1, 1.1, 1); --vis-collapse: none; }
.inline-coin-icon:where([sf~="82"]) { height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: translateY(-3px); --wash-color: rgb(182, 182, 182); --wash-filter: url(#w-rgb_182_182_182); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Positive .inline-coin-icon:where([sf~="82"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --mgb: 3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.dark-icon .inline-coin-icon:where([sf~="82"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__bottom-bar:where([sf~="82"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 32px; --mgr: 32px; --mgb: 0px; --mgl: 32px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; border-top: 1px solid rgba(255, 255, 255, 0.227112); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 1340px; --maxw: 1340px; }
.popup-major-store__bottom-bar .popup-major-store__close-btn:where([sf~="82"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; z-index: 6; }
.popup-major-store__bottom-bar .kk-c-popup-major-store__close-btn:has(> .popup-major-store__close-btn:where([sf~="82"]):not([pvis="0"])), .popup-major-store__bottom-bar.kk-c-popup-major-store__close-btn:has(> .popup-major-store__close-btn:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.popup-major-store__refresh-icon:where([sf~="82"]) { --mgr: 8px; }
.popup-major-store__refresh-icon :is(p-image, :where(img[pimg])):where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-major-store__refresh-icon .popup-major-store__refresh-icon__rotate:where([sf~="82"]) { animation-name: update-price-rotate; animation-duration: 1.25s; animation-timing-function: linear; animation-iteration-count: infinite; }
.major-store__item-tile .popup-major-store__refresh-icon:where([sf~="82"]) { --mgr: 0px; }
.major-store__item-tile .popup-major-store__refresh-icon :is(p-image, :where(img[pimg])):where([sf~="82"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__top-bar:where([sf~="82"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; --mgr: 32px; --mgb: 0px; --mgl: 32px; --pdb: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.227112); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 1340px; --maxw: 1340px; }
.popup-major-store__top-bar .popup-major-store__top-bar__title:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-major-store__top-bar .popup-major-store__top-bar__title :is(p-image, :where(img[pimg])):where([sf~="82"]) { --mgr: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-major-store__top-bar .popup-major-store__top-bar__title p-label:where([sf~="82"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgr: 8px; color: white; }
.popup-major-store__top-bar .popup-major-store__top-bar__search:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; --context-menu-position: bottom; }
.popup-major-store__top-bar .popup-major-store__top-bar__cart:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; border-radius: 4px; --tooltip-position: bottom; transition-property: --brightness, transform, --bgc; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.popup-major-store__top-bar .popup-major-store__top-bar__cart :is(p-image, :where(img[pimg])):where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.popup-major-store__top-bar .popup-major-store__top-bar__cart .popup-major-store__top-bar__cart__info:where([sf~="82"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(255, 255, 255, 0.886634); --bg-grad: none; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 20px; --pdrn: 0; --pdln: 20; zoom: 0; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; opacity: 0; --op-pe: none; transition-property: zoom, --uizi, --zl, --zr, --zt, --zb, opacity; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; mask-image: url("/panorama/images/masks/tournament_group_direction_left.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.popup-major-store__top-bar .popup-major-store__top-bar__cart .popup-major-store__top-bar__cart__info :is(p-image, :where(img[pimg])):where([sf~="82"]) { --wash-color: black; --wash-filter: url(#w-black); --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; transform: translateY(-1px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__top-bar .popup-major-store__top-bar__cart .popup-major-store__top-bar__cart__info.show:where([sf~="82"]) { opacity: 1; --op-pe: inherit; min-width: 85px; zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; }
.popup-major-store__top-bar .popup-major-store__top-bar__cart .popup-major-store__top-bar__cart__info.update-count:where([sf~="82"]) { animation-name: cart-update; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; }
.popup-major-store__top-bar .popup-major-store__top-bar__cart p-label:where([sf~="82"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; border-radius: 3px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; font-weight: 700; color: black; }
.popup-major-store__top-bar .popup-major-store__top-bar__cart:hover:where([sf~="82"]) { --bgc: rgba(255, 255, 255, 0.174359); --bg-grad: none; }
.popup-major-store__top-bar__balance:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 0px; --tooltip-position: bottom; }
.popup-major-store__top-bar__balance.popup-major-store__top-bar__balance-anim:where([sf~="82"]) { animation-name: balance-update; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; }
.popup-major-store__top-bar__balance p-label:where([sf~="82"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; color: black; --bg-grad: linear-gradient(180deg, #efefef 0%, rgb(212, 211, 211) 100%); --bgc: transparent; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 18px; }
.popup-major-store__top-bar__balance-anim.popup-major-store__top-bar__balance p-label:where([sf~="82"]) { animation-name: balance-update-label; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; }
.popup-major-store__top-bar__balance p-label :is(p-image, :where(img[pimg])):where([sf~="82"]) { transform: translateY(-6px); height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: rgba(0, 0, 0, 1); --wash-filter: url(#w-rgba_0_0_0_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__top-bar__balance :is(p-image, :where(img[pimg])):where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-major-store__top-bar__balance p-particlescenepanel:where([sf~="82"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
.popup-major-store__top-bar__refresh:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 16px; --pdt: 6px; --pdr: 12px; --pdb: 6px; --pdl: 8px; --pdrn: 12; --pdln: 8; border-radius: 4px; --bgc: rgba(17, 180, 91, 0.369278); --bg-grad: none; border: 1px solid rgba(17, 180, 90, 0.668358); --bdln: 1; --bdrn: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --tooltip-position: bottom; opacity: 1; --op-pe: inherit; transition-property: opacity, transform, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.popup-major-store__top-bar__refresh p-label:where([sf~="82"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(54, 240, 137, 0.922136); }
.popup-major-store__top-bar__refresh .popup-major-store__refresh-icon:where([sf~="82"]) { --vis-collapse: none; }
.popup-major-store__top-bar__refresh .popup-major-store__updated-icon:where([sf~="82"]) { --wash-color: rgb(31, 204, 109); --wash-filter: url(#w-rgb_31_204_109); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-shopping-cart-checkout .popup-major-store__top-bar__refresh:where([sf~="82"]) { --vis-collapse: none; }
.popup-major-store__top-bar__refresh.alert:where([sf~="82"]) { animation-name: refresh-alert-anim; animation-duration: 1s; animation-delay: .3s; animation-iteration-count: infinite; animation-fill-mode: forwards; --bgc: rgba(216, 173, 31, 0.757288); --bg-grad: none; border: 1px solid rgba(216, 173, 31, 0.88723); --bdln: 1; --bdrn: 1; }
.popup-shopping-cart-checkout .popup-major-store__top-bar__refresh.alert:where([sf~="82"]) { --vis-collapse: initial; }
.popup-major-store__top-bar__refresh.alert .popup-major-store__updated-icon:where([sf~="82"]) { --vis-collapse: none; }
.popup-major-store__top-bar__refresh.alert p-label:where([sf~="82"]) { color: white; }
.popup-major-store__top-bar__refresh.alert .popup-major-store__refresh-icon:where([sf~="82"]) { --vis-collapse: initial; }
@keyframes refresh-alert-anim {
0% { --brightness: 1; --bgc: rgba(216, 173, 31, 0.757288); --bg-grad: none; box-shadow: 0px 0px 0px 1px rgba(234, 212, 48, 0); --bg-fill: rgba(234, 212, 48, 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 1.2; --bgc: rgba(216, 173, 31, 0.505619); --bg-grad: none; box-shadow: 0px 0px 4px 3.666667px rgba(234, 212, 48, 0.928035); --bg-fill: rgba(234, 212, 48, 0.928035); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; --bgc: rgba(216, 173, 31, 0.757288); --bg-grad: none; box-shadow: 0px 0px 0px 1px rgba(234, 212, 48, 0); --bg-fill: rgba(234, 212, 48, 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes balance-update {
0% { transform: translateY( 0px ) scale3d( 1, 1, 1); }
50% { transform: translateY( 0px ) scale3d( 1.3, 1.3, 1); }
100% { transform: translateY( 0px ) scale3d( 1, 1, 1); opacity: 1; --op-pe: inherit; --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes balance-update-label {
0% { text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.771162); }
50% { text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.771162), 0px 0px 8px rgba(255, 255, 255, 0.771162); }
100% { text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.771162); }
}
p-textentry:where([sf~="82"]) { --bgc: rgba(0, 0, 0, 0.493058); --bg-grad: none; border: 1.5px solid rgba(255, 255, 255, 0.179361); --bdln: 1.5; --bdrn: 1.5; border-radius: 22px; --pdt: 5px; --pdr: 12px; --pdb: 5px; --pdl: 12px; --pdrn: 12; --pdln: 12; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-textentry #PlaceholderText:where([sf~="82"]) { font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; color: rgba(255, 255, 255, 0.668091); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-textentry._focus:where([sf~="82"]) { border: 1.5px solid rgba(255, 255, 255, 0.427734); --bdln: 1.5; --bdrn: 1.5; }
p-textentry p-label:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-major-store__nav-bar:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 8px; --pdb: 8px; }
.popup-major-store__nav-bar .popup-major-store__nav-bar-content:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-major-store__nav-bar .popup-major-store__nav-bar-content p-radiobutton:first-child:where([sf~="82"]) { --mgl: 0px; }
.major-26 .popup-major-store__nav-bar .popup-major-store__nav-bar-content .content-navbar__tabs__btn._selected:where([sf~="82"]) { --bgc: #1fb848; --bg-grad: none; }
.major-26 .popup-major-store__nav-bar .popup-major-store__nav-bar-content .content-navbar__tabs__btn._selected p-label:where([sf~="82"]) { color: black; }
.popup-major-store__banner__bookmarked-hint:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 6px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-major-store__banner__bookmarked-hint.hidden:where([sf~="82"]) { --vis-collapse: none; }
.popup-major-store__banner__bookmarked-hint :is(p-image, :where(img[pimg])):where([sf~="82"]) { --mgr: 8px; }
.panel-reveal:where([sf~="82"]) { animation-name: panel-reveal; animation-duration: 0.20s; animation-timing-function: ease-in-out; }
.popup-major-store__banner__header-new:where([sf~="82"]) { letter-spacing: 1.5px; --mgr: 8px; --pdt: 2px; --pdr: 18px; --pdb: 2px; --pdl: 12px; --pdrn: 18; --pdln: 12; --bg-grad: linear-gradient(90deg, rgb(193, 90, 219) 0%, rgb(161, 17, 197) 100%); --bgc: transparent; color: white; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: uppercase; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 4px; mask-image: url("/panorama/images/masks/tournament_group_direction.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.popup-major-store__banners-container:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --vis-collapse: initial; opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); }
.popup-major-store__banners-container.hidden:where([sf~="82"]) { opacity: 0; --op-pe: none; transform: scale3d(1.1, 1.1, 1); --vis-collapse: none; }
.popup-major-store__banners-container .popup-major-store__banner:where([sf~="82"]) { transition-property: --py, --pyp, translate; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --bgc: rgba(43, 77, 56, 0.49456); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; border-radius: 6px; --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 0px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 1340px; --maxw: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-major-store__banners-container .popup-major-store__banner:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__banners-container .popup-major-store__banner.hidden:where([sf~="82"]) { --vis-collapse: none; }
.popup-major-store__banners-container .popup-major-store__banner.results:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/store_results_bg.webp"); --bg-size: cover; --bg-w: 0px; --bg-img-opacity: .6; --bg-img-own: none; }
.popup-major-store__banners-container .popup-major-store__banner.results:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__header:where([sf~="82"]) { letter-spacing: 1.5px; --mgr: 16px; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: white; text-transform: uppercase; text-shadow: 0px 0px 4px rgb(0 0 0 / 0.741176), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.741176) 4.535%, transparent); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__header-desc:where([sf~="82"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; color: white; --mgt: 0px; --mgr: 24px; --mgb: 0px; --mgl: 8px; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; --text-shrink: 1; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__popular:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__popular_page:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__popular_page.rarity-rows:where([sf~="82"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 1320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1320px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__popular_page.rarity-rows .popup-major-store__banner__rarity-row:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; border-bottom: 1px solid rgba(255, 255, 255, 0.136338); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__popular_page.rarity-rows .major-store__item-tile:where([sf~="82"]) { --mgr: 3px; --mgb: 8px; }
.popup-major-store__banners-container .popup-major-store__banner .Focused:where([sf~="82"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0% ); }
.popup-major-store__banners-container .popup-major-store__banner .LeftOfFocus1:where([sf~="82"]), .popup-major-store__banners-container .popup-major-store__banner .LeftOfFocus2:where([sf~="82"]), .popup-major-store__banners-container .popup-major-store__banner .LeftOfFocus3:where([sf~="82"]), .popup-major-store__banners-container .popup-major-store__banner .LeftOfFocus4:where([sf~="82"]) { opacity: 0; --op-pe: none; transform: translateX( -100px ); }
.popup-major-store__banners-container .popup-major-store__banner .RightOfFocus1:where([sf~="82"]), .popup-major-store__banners-container .popup-major-store__banner .RightOfFocus2:where([sf~="82"]), .popup-major-store__banners-container .popup-major-store__banner .RightOfFocus3:where([sf~="82"]), .popup-major-store__banners-container .popup-major-store__banner .RightOfFocus4:where([sf~="82"]) { opacity: 0; --op-pe: none; transform: translateX( 100px ); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__teams:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__org:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --pdt: 0px; --pdr: 48px; --pdb: 72px; --pdl: 48px; --pdrn: 48; --pdln: 48; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__box:where([sf~="82"]) { --bgc: rgb(0, 0, 0); --bg-grad: none; --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_26.webp"); --bg-pos: 50% 50%; --bg-img-opacity: .7; --bg-img-own: none; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; width: 155px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 155px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__box:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__box :is(p-image, :where(img[pimg])):where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 0.6), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.6; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --img-shadow: drop-shadow(0px 0px 12.5px color-mix(in srgb, rgb(0 0 0 / 0.6) 78.721709%, transparent)); transition-property: opacity, --saturation, --brightness; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__box :is(p-image, :where(img[pimg])).blur:where([sf~="82"]) { opacity: 0.832484; --op-pe: inherit; --brightness: .4; --saturation: .8; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --blur: 2px; transform: scale3d(4,4,1); --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__box p-label:where([sf~="82"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; text-align: center; color: rgba(255, 255, 255, 0.704269); font-weight: 500; mix-blend-mode: screen; --s2-blend: additive; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__box:hover:where([sf~="82"]) { --sound: "UIPanorama.submenu_contents_rollover"; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__box:hover :is(p-image, :where(img[pimg])).blur:where([sf~="82"]) { opacity: 0.892208; --op-pe: inherit; --saturation: 1; --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__popular-entry:where([sf~="82"]) { --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 0px; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; }
.popup-major-store__banners-container .popup-major-store__banner .popup-major-store__banner__popular-entry .popup-major-store__banner__popular__label:where([sf~="82"]) { --fsz: 175; font-size: calc(max(1, round(nearest, 175 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #0c240c; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.771162), 0px 0px 2px rgba(255, 255, 255, 0.771162); mask-image: url("/panorama/images/masks/top-bottom-fade.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; transform: translateY(-20px ); }
.popup-major-store__banners-container #id-major-store-banners-bookmarks:where([sf~="82"]) { opacity: 0; --op-pe: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --pdb: 8px; --pdr: 0px; --pdrn: 0; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.popup-major-store__banners-container #id-major-store-banners-bookmarks .popup-major-store__banner__popular:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.popup-major-store__banners-container #id-major-store-banners-bookmarks.show:where([sf~="82"]) { opacity: 1; --op-pe: inherit; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --vis-collapse: initial; }
.popup-major-store__banners-container #id-major-store-banner-champions:where([sf~="82"]) { height: 170px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 170px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.popup-major-store__banners-container #id-major-store-banner-ranked:where([sf~="82"]) { height: 534px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 534px; animation-name: pano-vpct; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.popup-major-store__banners-container #id-banner-champions:where([sf~="82"]) { --bg-grad: linear-gradient(138.652223deg, rgba(124, 93, 9, 0.867725) 0%, rgba(43, 77, 56, 0.49456) 100%); --bgc: transparent; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .02; --bg-img-own: none; }
.popup-major-store__banners-container #id-banner-champions:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__banners-container #id-banner-keychains:where([sf~="82"]) { --bg-grad: linear-gradient(138.652223deg, rgba(24, 80, 90, 0.87273) 0%, rgba(43, 77, 56, 0.49456) 100%); --bgc: transparent; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .02; --bg-img-own: none; }
.popup-major-store__banners-container #id-banner-keychains:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__banner__particle:where([sf~="82"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.268142; --op-pe: inherit; --vis-collapse: none; transform: scale3d(2.2,2.2 ,1) translateY( 50%) translateX( 50%); }
.popup-major-store__stage:where([sf~="82"]) { transition-property: --py, --pyp, translate; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --bgc: rgba(43, 77, 56, 0.49456); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; border-radius: 6px; --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 0px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 1340px; --maxw: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-major-store__stage:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__stage .popup-major-store__stage__header:where([sf~="82"]) { letter-spacing: 1.5px; --mgl: 16px; --mgt: 16px; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: white; text-transform: uppercase; }
.popup-major-store__stage .popup-major-store__stage__keychains:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.major-fullscreen-overlay-button:where([sf~="82"]), .major-fullscreen-overlay:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.major-fullscreen-overlay:where([sf~="82"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; --bgc: rgba(0, 0, 0, 0.43392); --bg-grad: none; }
.major-fullscreen-overlay.hidden:where([sf~="82"]) { opacity: 0; --op-pe: none; }
.major-filter-panel:where([sf~="82"]) { width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transform: translateX( 5% ); opacity: 1; --op-pe: inherit; --bgc: rgba(59, 78, 61, 0.254361); --bg-grad: none; z-index: 2; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; border-radius: 6px; transition-property: opacity, transform; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-major-filter-panel:has(> .major-filter-panel:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.hidden .major-filter-panel:where([sf~="82"]) { transform: translateX(-0px); opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.major-filter-panel .major-filter-panel__top-bar:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --mgr: 16px; }
.major-filter-panel .major-filter-panel__content:where([sf~="82"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.major-filter-panel .major-filter-panel__content .major-filter-panel__content__section:where([sf~="82"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid rgba(255, 255, 255, 0.179361); }
.major-filter-panel .major-filter-panel__content .major-filter-panel__content__section .major-filter-section-title:where([sf~="82"]) { color: white; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 32px; --mgt: 12px; }
.major-filter-panel .major-filter-panel__teams:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --mgt: 8px; --mgr: 16px; --mgb: 32px; --mgl: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; transition-property: opacity; transition-duration: 0.15s; transition-delay: 0.20s; transition-timing-function: ease-in-out; }
.major-filter-panel .major-filter-panel__rarity:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --mgt: 8px; --mgr: 16px; --mgb: 8px; --mgl: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.major-filter-panel .major-filter-panel__toggle:where([sf~="82"]) { --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; opacity: 1; --op-pe: inherit; border-radius: 3px; border: 1px solid rgba(128, 128, 128, 0.169931); --bdln: 1; --bdrn: 1; min-width: 46px; min-height: 46px; --mh-set: 1; --mhp: 1; transition-property: --bgc, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.major-filter-panel .major-filter-panel__toggle._selected:not(._disabled):where([sf~="82"]) { opacity: 1; --op-pe: inherit; --brightness: 1; box-shadow: inset 0px 0px 4px 0px rgba(255, 255, 255, 0.939927); --bg-fill: initial; --bg-solid: initial; transition-property: --bgc, transform; transition-duration: .25s, .25s; transition-delay: 0.0s, 0.0s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-filter-panel .major-filter-panel__toggle._selected:not(._disabled) :is(p-image, :where(img[pimg])):where([sf~="82"]) { transform: scale3d( 1, 1, 1 ) translateY( 0% ); }
.major-filter-panel .major-filter-panel__toggle._selected:not(._disabled) :is(p-image, :where(img[pimg])).blur:where([sf~="82"]) { opacity: 1; --op-pe: inherit; transform: scale3d( 6, 6, 0 ) translateY( -20% ); }
.major-filter-panel .major-filter-panel__toggle.keychains:where([sf~="82"]) { border: 0px solid rgba(128, 128, 128, 0); --bdln: 0; --bdrn: 0; }
.major-filter-panel .major-filter-panel__toggle.keychains .TickBox:where([sf~="82"]) { --vis-collapse: initial; }
.major-filter-panel .major-filter-panel__toggle.keychains._selected:where([sf~="82"]) { border: 0px solid rgba(128, 128, 128, 0); --bdln: 0; --bdrn: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.major-filter-panel .major-filter-panel__toggle :is(p-image, :where(img[pimg])):where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; opacity: 1; --op-pe: inherit; --brightness: .8; transform: scale3d( .8, .8, 1); --img-shadow: drop-shadow(0px 0px 5px color-mix(in srgb, rgb(27 2 2 / 0.884) 78.721709%, transparent)); transition-property: transform, --brightness; transition-duration: .25s, .25s; transition-delay: 0.0s, 0.0s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-filter-panel .major-filter-panel__toggle :is(p-image, :where(img[pimg])).blur:where([sf~="82"]) { --blur: 2px; transform: scale3d( 5, 5, 1) translateY( 0% ); opacity: 0.414305; --op-pe: inherit; --img-shadow: drop-shadow(0px 0px 0px transparent); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-filter-panel .major-filter-panel__toggle .TickBox:where([sf~="82"]) { --vis-collapse: none; }
.major-filter-panel p-rangeslider:where([sf~="82"]) { --mgt: 8px; --mgr: 24px; --mgb: 8px; --mgl: 24px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; }
.major-filter-panel p-rangeslider #SliderTrack:where([sf~="82"]) { height: 3px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 3px; --bgc: #0c240c; --bg-grad: none; }
.major-filter-panel p-rangeslider .SliderThumb:where([sf~="82"]) { border-radius: 50%; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; box-shadow: 0px 2px 4px 3.666667px rgb(0 0 0 / 0.309804); --bg-fill: rgb(0 0 0 / 0.309804); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: #1fb848; --bg-grad: none; border: 1px solid rgba(255, 255, 255, 0.485126); --bdln: 1; --bdrn: 1; }
.major-filter-panel p-rangeslider #SliderTrackRangeFill:where([sf~="82"]) { height: 3px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 3px; --bgc: #1fb848; --bg-grad: none; z-index: 2; box-shadow: 0px 4px 2px 2.333333px rgb(0 0 0 / 0.184314); --bg-fill: rgb(0 0 0 / 0.184314); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.major-filter-panel p-rangeslider .kk-i-SliderTrackRangeFill:has(> #SliderTrackRangeFill:where([sf~="82"]):not([pvis="0"])), .major-filter-panel p-rangeslider.kk-i-SliderTrackRangeFill:has(> #SliderTrackRangeFill:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-filter-panel .major-filter-panel__rangeslider_value:where([sf~="82"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); text-align: center; --mgt: 54px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: #0c240c; --bg-grad: none; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 3px; }
.major-filter-panel .major-filter-panel__rangeslider_value.high:where([sf~="82"]) { --mgb: 54px; --mgt: 0px; }
.major-search-results-panel:where([sf~="82"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --bgc: rgba(59, 78, 61, 0.254361); --bg-grad: none; z-index: 2; opacity: 1; --op-pe: inherit; border-radius: 6px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 72px; transition-property: opacity, transform; transition-delay: .10s, .10s; transition-duration: 0.10s, 0.10s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-major-search-results-panel:has(> .major-search-results-panel:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-search-results-panel.hidden:where([sf~="82"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.10s; transition-timing-function: ease-in-out; }
.major-search-results-panel p-verticalscrollbar:where([sf~="82"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.major-search-results-panel .major-search-results__container:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; }
.major-search-results-panel .major-search-results__section:where([sf~="82"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; max-height: 420px; width: 288px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 288px; }
.major-search-results-panel .major-search-results__section__separator:where([sf~="82"]) { --mgt: 0px; --mgr: 24px; --mgb: 0px; --mgl: 24px; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; --bgc: rgba(255, 255, 255, 0.332184); --bg-grad: none; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.major-search-results-panel .major-search-results__list:where([sf~="82"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 16px; --pdr: 0px; --pdb: 16px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.major-search-results-panel .major-search-results__text-btn:where([sf~="82"]) { --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.42651); --bdln: 1; --bdrn: 1; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transition-property: --brightness; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.major-search-results-panel .major-search-results__text-btn .major-search-results__text-btn__label:where([sf~="82"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; }
.major-search-results-panel .major-search-results__text-btn .major-search-results__text-btn__count:where([sf~="82"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 300; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgl: 8px; }
.major-search-results-panel .major-search-results__text-btn:hover:where([sf~="82"]) { --brightness: 1.5; --bgc: rgba(255, 255, 255, 0.108305); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-search-results-panel .major-store__results-tile:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 280px; border-radius: 4px; transition-property: --bgc; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.major-search-results-panel .major-store__results-tile .major-store__item-tile__bookmark-container:where([sf~="82"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdt: 4px; --pdr: 4px; --pdb: 12px; --pdl: 8px; --pdrn: 4; --pdln: 8; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; z-index: 5; }
.major-search-results-panel .major-store__results-tile .kk-c-major-store__item-tile__bookmark-container:has(> .major-store__item-tile__bookmark-container:where([sf~="82"]):not([pvis="0"])), .major-search-results-panel .major-store__results-tile.kk-c-major-store__item-tile__bookmark-container:has(> .major-store__item-tile__bookmark-container:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-search-results-panel .major-store__results-tile p-itemimage:where([sf~="82"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.major-search-results-panel .major-store__results-tile p-label:where([sf~="82"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 150px; --maxw: 150px; }
.major-search-results-panel .major-store__results-tile:hover:where([sf~="82"]) { --bgc: rgba(255, 255, 255, 0.174359); --bg-grad: none; }
.major-search-results-panel .major-store__results-tile:hover .major-store__item-tile__bookmark:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.popup-major-store__content:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; max-width: 1340px; --maxw: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); --vis-collapse: initial; }
.popup-major-store__content.hidden:where([sf~="82"]) { opacity: 0; --op-pe: none; transform: scale3d(1.1, 1.1, 1); --vis-collapse: none; }
.popup-major-store__content .popup-major-store__content__navbar:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; }
.popup-major-store__content .popup-major-store__content__navbar .popup-major-store__filters-active:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.popup-major-store__content .popup-major-store__content__page:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-major-store__content .popup-major-store__content__count:where([sf~="82"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.766454); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; }
.popup-major-store__content .popup-major-store__team-title:where([sf~="82"]) { --fsz: 48; font-size: calc(max(1, round(nearest, 48 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.popup-major-store__content .popup-major-store__content__controls:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; }
.popup-major-store__content .popup-major-store__content__controls .popup-major-store__filter-btn:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 6px; --pdr: 16px; --pdb: 6px; --pdl: 16px; --pdrn: 16; --pdln: 16; border: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; --bdrn: 1; border-radius: 3px; --mgr: 8px; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.popup-major-store__content .popup-major-store__content__controls .popup-major-store__filter-btn .TickBox:where([sf~="82"]) { --vis-collapse: none; }
.popup-major-store__content .popup-major-store__content__controls .popup-major-store__filter-btn :is(p-image, :where(img[pimg])):where([sf~="82"]) { --mgr: 8px; }
.popup-major-store__content .popup-major-store__content__controls .popup-major-store__filter-btn p-label:where([sf~="82"]) { color: white; transform: translateY(1px); }
.popup-major-store__content .popup-major-store__content__controls .popup-major-store__filter-btn:hover:where([sf~="82"]) { --bgc: rgba(255, 255, 255, 0.076134); --bg-grad: none; }
.popup-major-store__content .popup-major-store__content__controls .popup-major-store__filter-btn._selected:where([sf~="82"]) { --bgc: #1fb848; --bg-grad: none; }
.popup-major-store__content .popup-major-store__content__controls .popup-major-store__filter-btn._selected p-label:where([sf~="82"]) { color: black; }
.popup-major-store__content .popup-major-store__content__controls .popup-major-store__filter-btn._selected :is(p-image, :where(img[pimg])):where([sf~="82"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__content .popup-major-store__content__controls :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="82"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.popup-major-store__content .popup-major-store__content__controls :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):hover:where([sf~="82"]) { --bgc: rgba(255, 255, 255, 0.09105); --bg-grad: none; }
.popup-major-store__content .popup-major-store__content__controls :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .DropDownMenu:where([sf~="82"]), .popup-major-store__content .popup-major-store__content__controls :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown) .DropDownChild:where([sf~="82"]) { --mgt: 0px; --mgr: 48px; --mgb: 0px; --mgl: 8px; }
.popup-major-store__content .popup-major-store__content__lister:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 1340px; --maxw: 1340px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgb: 64px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); perspective-origin: 50% 50%; }
.popup-major-store__content .popup-major-store__team-tiles:where([sf~="82"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.IconButton:where([sf~="82"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; }
.popup-major-store__team-pack:where([sf~="82"]) { width: 380px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 380px; height: 360px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 360px; animation-name: pano-vpct; --mgt: 12px; --mgr: 24px; --mgb: 12px; --mgl: 24px; box-shadow: 0px 0px 2px 1.333333px rgb(0 0 0 / 0.301961); --bg-fill: initial; --bg-solid: initial; transition-property: transform; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.popup-major-store__team-pack .popup-major-store__team-pack__top:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --bg-img-opacity: 1; --bg-img-own: none; --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; box-shadow: 0px 0px 2px 1.333333px rgb(0 0 0 / 0.301961); --bg-fill: initial; --bg-solid: initial; }
.popup-major-store__team-pack .popup-major-store__team-pack__top:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.major-26 .popup-major-store__team-pack .popup-major-store__team-pack__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_26.webp"); }
.popup-major-store__team-pack .popup-major-store__team-pack__top .popup-major-store__team-pack__top__bg-image:where([sf~="82"]) { width: 88px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 88px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 16px; opacity: 0.892208; --op-pe: inherit; --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__team-pack .popup-major-store__team-pack__title:where([sf~="82"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; color: rgba(255, 255, 255, 0.883229); text-transform: uppercase; mix-blend-mode: screen; --s2-blend: additive; }
.popup-major-store__team-pack .popup-major-store__team-pack__major:where([sf~="82"]) { --fsz: 8; font-size: calc(max(1, round(nearest, 8 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.814808); --mgt: 4px; --mgr: 16px; --mgb: 4px; --mgl: 16px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-align: right; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.popup-major-store__team-pack .popup-major-store__team-pack__autograph:where([sf~="82"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --mgt: 8px; --mgr: 0px; --mgb: 0px; --mgl: 8px; opacity: 0; --op-pe: none; }
.player.popup-major-store__team-pack .popup-major-store__team-pack__autograph:where([sf~="82"]) { opacity: 0.832484; --op-pe: inherit; }
.popup-major-store__team-pack .popup-major-store__team-pack__price-range:where([sf~="82"]) { color: black; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-grad: linear-gradient(180deg, #ebebe8 0%, rgb(226, 226, 226) 100%); --bgc: transparent; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; border-radius: 20px; --mgr: 6px; --mgb: 6px; }
.popup-major-store__team-pack .popup-major-store__team-pack__price-range :is(p-image, :where(img[pimg])):where([sf~="82"]) { --wash-color: black; --wash-filter: url(#w-black); width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; opacity: 0.678569; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__team-pack .popup-major-store__team-pack__icons:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 0.99), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdb: 4px; --bgc: rgba(255, 255, 255, 0.101569); --bg-grad: none; --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_plastic.webp"); --bg-img-opacity: 1; --bg-img-own: none; --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; z-index: 4; }
.popup-major-store__team-pack .popup-major-store__team-pack__icons:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__team-pack .kk-c-popup-major-store__team-pack__icons:has(> .popup-major-store__team-pack__icons:where([sf~="82"]):not([pvis="0"])), .popup-major-store__team-pack.kk-c-popup-major-store__team-pack__icons:has(> .popup-major-store__team-pack__icons:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.popup-major-store__team-pack .popup-major-store__team-pack__icons p-itemimage:where([sf~="82"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform-origin: 50% 50%; --img-shadow: drop-shadow(0px 0px 0px rgb(219, 219, 219)) drop-shadow(0px 0px 0px rgb(219, 219, 219)) drop-shadow(0px 0px 0px rgb(219, 219, 219)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__team-pack .popup-major-store__team-pack__hover:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 1; --bg-grad: linear-gradient(88.72697deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; mix-blend-mode: screen; --s2-blend: additive; transition-property: --bgc; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.popup-major-store__team-pack .kk-c-popup-major-store__team-pack__hover:has(> .popup-major-store__team-pack__hover:where([sf~="82"]):not([pvis="0"])), .popup-major-store__team-pack.kk-c-popup-major-store__team-pack__hover:has(> .popup-major-store__team-pack__hover:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.popup-major-store__team-pack:hover:where([sf~="82"]) { transform: translateY(-3px); --sound: "UIPanorama.submenu_contents_rollover"; }
.popup-major-store__team-pack:hover .popup-major-store__team-pack__hover:where([sf~="82"]) { --bg-grad: linear-gradient(95.079608deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.171972) 25%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; }
.popup-major-store__filters-active-btn:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; --pdt: 4px; --pdr: 6px; --pdb: 4px; --pdl: 4px; --pdrn: 6; --pdln: 4; --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; border-radius: 4px; transition-property: --brightness; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.popup-major-store__filters-active-btn :is(p-image, :where(img[pimg])):where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 4px; }
.popup-major-store__filters-active-btn p-label:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-major-store__filters-active-btn.clear-all:where([sf~="82"]) { --bgc: #1fb848; --bg-grad: none; }
.popup-major-store__filters-active-btn.clear-all :is(p-image, :where(img[pimg])):where([sf~="82"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__filters-active-btn.clear-all p-label:where([sf~="82"]) { color: black; }
.popup-major-store__filters-active-btn:hover:where([sf~="82"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile__bookmark:where([sf~="82"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile__bookmark .TickBox:where([sf~="82"]) { --vis-collapse: none; }
.major-store__item-tile__bookmark .major-store__item-tile__bookmark-filled:where([sf~="82"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.major-store__item-tile__bookmark._selected:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.major-store__item-tile__bookmark._selected .major-store__item-tile__bookmark-filled:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.major-store__item-tile:where([sf~="82"]) { width: 324px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 324px; height: 346px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 346px; animation-name: pano-vpct; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transform-origin: 50% 50%; transition-property: transform; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.major-store__item-tile.price-reveal .store-item__price-change:where([sf~="82"]) { transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; transition-delay: 1.0s, 1.0s; }
.major-store__item-tile.price-reveal .major-store__item-price-loading:where([sf~="82"]) { animation-name: price-reveal-spinner; animation-duration: 1.0s; animation-timing-function: linear; animation-fill-mode: forwards; }
.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --bg-img-opacity: 1; --bg-img-own: none; --bg-rep: no-repeat; --bg-size: 100% 150%; --bg-w: 0px; --bg-pos: 50% 0%; box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 0.45098); --bg-fill: initial; --bg-solid: initial; }
.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.major-26 .rarity-3.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_rarity_3_26.webp"); }
.major-26 .rarity-4.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_rarity_4_26.webp"); }
.major-26 .rarity-5.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_rarity_5_26.webp"); }
.major-26 .rarity-6.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_rarity_6_26.webp"); }
.major-26 .rarity-3.ranked.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_rarity_results_3_26.webp"); }
.major-26 .rarity-4.ranked.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_rarity_results_4_26.webp"); }
.major-26 .rarity-5.ranked.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_rarity_results_5_26.webp"); }
.major-26 .rarity-6.ranked.major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_rarity_results_6_26.webp"); }
.major-26 .major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_bg_26.webp"); }
.major-store__item-tile .major-store__item-tile__top .major-store__item__rarity-bar:where([sf~="82"]) { --vis-collapse: none; }
.major-store__item-tile .major-store__item-tile__top .major-store__item-title:where([sf~="82"]) { color: rgba(255, 255, 255, 0.883229); text-transform: uppercase; mix-blend-mode: screen; --s2-blend: additive; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 6px; --mgr: 0px; --mgb: 0px; --mgl: 8px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; --text-shrink: 1; max-height: 24px; }
.major-store__item-tile .major-store__item-tile__top .store-item__price-change:where([sf~="82"]) { opacity: 0; --op-pe: none; transform: translateX(-40px); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --tooltip-position: top; border-top-right-radius: 20px; border-bottom-right-radius: 20px; z-index: 2; --mgt: 0px; --mgr: 0px; --mgb: 8px; --mgl: 170px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 24px; --pdrn: 4; --pdln: 24; }
.major-store__item-tile .major-store__item-tile__top .kk-c-store-item__price-change:has(> .store-item__price-change:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__top.kk-c-store-item__price-change:has(> .store-item__price-change:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__top .store-item__price-change p-label:where([sf~="82"]) { text-align: left; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: black; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.major-store__item-tile .major-store__item-tile__top .store-item__price-change :is(p-image, :where(img[pimg])):where([sf~="82"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .major-store__item-tile__top .store-item__price-change.lower:where([sf~="82"]) { --bg-grad: linear-gradient(270deg, rgb(21, 201, 21) 0%, rgba(21, 201, 21, 0) 100%); --bgc: transparent; }
.major-store__item-tile .major-store__item-tile__top .store-item__price-change.lower :is(p-image, :where(img[pimg])):where([sf~="82"]) { transform: rotateZ(-90deg); }
.major-store__item-tile .major-store__item-tile__top .store-item__price-change.higher:where([sf~="82"]) { --bg-grad: linear-gradient(270deg, rgb(255, 196, 0) 0%, rgba(212, 211, 211, 0) 100%); --bgc: transparent; }
.major-store__item-tile .major-store__item-tile__top .store-item__price-change.higher :is(p-image, :where(img[pimg])):where([sf~="82"]) { transform: rotateZ(90deg); }
.major-store__item-tile .major-store__item-tile__top .store-item__price-change.show-change:where([sf~="82"]) { opacity: 1; --op-pe: inherit; transform: translateX(0px); }
.major-store__item-tile .major-store__item-tile__top .major-store__item-price-container:where([sf~="82"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform-origin: 50% 50%; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 6px; border-radius: 20px; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; --bg-grad: linear-gradient(180deg, #efefef 0%, rgb( 212, 211, 211 ) 100%); --bgc: transparent; z-index: 2; }
.major-store__item-tile .major-store__item-tile__top .kk-c-major-store__item-price-container:has(> .major-store__item-price-container:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__top.kk-c-major-store__item-price-container:has(> .major-store__item-price-container:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__top .major-store__item-price-container .major-store__item-price:where([sf~="82"]) { color: black; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 21px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 21px; white-space: nowrap; text-align: center; max-width: 64px; --maxw: 64px; --text-shrink: 1; }
.major-store__item-tile .major-store__item-tile__top .major-store__item-price-container .major-store__item-price :is(p-image, :where(img[pimg])):where([sf~="82"]) { --wash-color: black; --wash-filter: url(#w-black); width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.678569; --op-pe: inherit; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: translateY(0px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .major-store__item-tile__top .major-store__item-price-container .major-store__item-price-loading:where([sf~="82"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-grad: linear-gradient(180deg, #efefef 0%, rgb( 212, 211, 211 ) 100%); --bgc: transparent; }
.major-store__item-tile .major-store__item-tile__top .major-store__item-real-price:where([sf~="82"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-grad: linear-gradient(180deg, #0c0c0c 0%, rgb(39, 39, 39) 100%); --bgc: transparent; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; max-width: 64px; --maxw: 64px; border-radius: 20px; transform: translateY(-16px); opacity: 0; --op-pe: none; color: white; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; white-space: nowrap; text-align: center; --text-shrink: 1; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.major-store__item-tile .major-store__item-tile__top .major-store__item-real-price.show:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.major-store__item-tile .major-store__item-tile__top .major-store__item__autograph:where([sf~="82"]) { width: 58px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 58px; --mgt: 0px; --mgr: 0px; --mgb: 4px; --mgl: 28px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --vis-collapse: none; }
.is-player.major-store__item-tile .major-store__item-tile__top .major-store__item__autograph:where([sf~="82"]) { --vis-collapse: initial; }
.major-store__item-tile .major-store__item-tile__top .major-store__item__team-logo:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 8px; max-width: 64px; --maxw: 64px; z-index: 1; opacity: 0.892208; --op-pe: inherit; --brightness: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .major-store__item-tile__top .kk-c-major-store__item__team-logo:has(> .major-store__item__team-logo:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__top.kk-c-major-store__item__team-logo:has(> .major-store__item__team-logo:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__top .major-store__item-tile__rarity:where([sf~="82"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 0px; --mgr: 0px; --mgb: 8px; --mgl: 8px; z-index: 3; }
.major-store__item-tile .major-store__item-tile__top .kk-c-major-store__item-tile__rarity:has(> .major-store__item-tile__rarity:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__top.kk-c-major-store__item-tile__rarity:has(> .major-store__item-tile__rarity:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__trophy:where([sf~="82"]) { z-index: 2; width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --img-shadow: drop-shadow(1px 1px 10px color-mix(in srgb, rgba(0, 0, 0, 0.373097) alpha-only 78.721709%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .kk-c-major-store__item-tile__trophy:has(> .major-store__item-tile__trophy:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.kk-c-major-store__item-tile__trophy:has(> .major-store__item-tile__trophy:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.is-final.major-store__item-tile .major-store__item-tile__trophy:where([sf~="82"]) { --vis-collapse: initial; }
.major-store__item-tile .major-store__item-stage:where([sf~="82"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 68%; animation-name: pano-vpct; font-weight: 400; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 12px rgb(0 0 0 / 0.705882), 0px 0px 12px color-mix(in srgb, rgb(0 0 0 / 0.705882) 4.535%, transparent); --bg-grad: linear-gradient(0deg, rgb(119, 125, 141) 0%, rgb(255, 255, 255) 100%); background-clip: text; color: transparent; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; z-index: 3; --vis-collapse: none; }
.major-store__item-tile .kk-c-major-store__item-stage:has(> .major-store__item-stage:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.kk-c-major-store__item-stage:has(> .major-store__item-stage:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__image-container:where([sf~="82"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(255, 255, 255, 0.101569); --bg-grad: none; --bg-img: url("/panorama/images/tournaments/backgrounds/major_sticker_pack_plastic.webp"); --bg-img-opacity: .8; --bg-img-own: none; --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; transition-property: --bgc; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.major-store__item-tile .major-store__item-tile__image-container:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.major-store__item-tile .major-store__item-tile__image-container .major-store__item-trend-hot:where([sf~="82"]), .major-store__item-tile .major-store__item-tile__image-container .major-store__item-trend-cold:where([sf~="82"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgb: 8px; --mgl: 8px; --vis-collapse: none; --tooltip-position: bottom; z-index: 4; }
.major-store__item-tile .major-store__item-tile__image-container .kk-c-major-store__item-trend-hot:has(> .major-store__item-trend-hot:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__image-container.kk-c-major-store__item-trend-hot:has(> .major-store__item-trend-hot:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__image-container .kk-c-major-store__item-trend-cold:has(> .major-store__item-trend-cold:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__image-container.kk-c-major-store__item-trend-cold:has(> .major-store__item-trend-cold:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__image-container .major-store__item-trend-hot.show:where([sf~="82"]), .major-store__item-tile .major-store__item-tile__image-container .major-store__item-trend-cold.show:where([sf~="82"]) { --vis-collapse: initial; }
.major-store__item-tile .major-store__item-tile__image-container p-itemimage:where([sf~="82"]) { --img-shadow: drop-shadow(0px 0px 10px color-mix(in srgb, rgba(0, 0, 0, 0.257674) alpha-only 78.721709%, transparent)); width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; z-index: 2; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .major-store__item-tile__image-container .kk-t-p-itemimage:has(> p-itemimage:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__image-container.kk-t-p-itemimage:has(> p-itemimage:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__image-container .major-store__item-tile__model:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform-origin: 50% 50%; --mgb: 0px; --mgr: 0px; z-index: 3; opacity: 0; --op-pe: none; --contrast: 1.01; transform: scale3d(.95, .95, 1); transition-property: opacity, transform; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .major-store__item-tile__image-container .kk-c-major-store__item-tile__model:has(> .major-store__item-tile__model:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__image-container.kk-c-major-store__item-tile__model:has(> .major-store__item-tile__model:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__btn:where([sf~="82"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgb: 8px; opacity: 0; --op-pe: none; z-index: 4; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.major-store__item-tile .kk-c-major-store__item-tile__btn:has(> .major-store__item-tile__btn:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.kk-c-major-store__item-tile__btn:has(> .major-store__item-tile__btn:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__btn :is(p-image, :where(img[pimg])):where([sf~="82"]) { --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --img-shadow: drop-shadow(0px 0px 2.5px color-mix(in srgb, rgb(27 2 2 / 0.822) 78.721709%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .major-store__item-tile__bookmark-container:where([sf~="82"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdt: 8px; --pdr: 8px; --pdb: 12px; --pdl: 12px; --pdrn: 8; --pdln: 12; z-index: 5; }
.major-store__item-tile .kk-c-major-store__item-tile__bookmark-container:has(> .major-store__item-tile__bookmark-container:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.kk-c-major-store__item-tile__bookmark-container:has(> .major-store__item-tile__bookmark-container:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__high-low:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; z-index: 8; --bgc: rgba(147, 147, 147, 0.375631); --bg-grad: none; --pdt: 1px; --pdr: 6px; --pdb: 1px; --pdl: 6px; --pdrn: 6; --pdln: 6; border-radius: 4px; }
.major-store__item-tile .kk-c-major-store__high-low:has(> .major-store__high-low:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.kk-c-major-store__high-low:has(> .major-store__high-low:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__high-low .major-store__high-low__icon:where([sf~="82"]) { --wash-color: rgb(255, 196, 0); --wash-filter: url(#w-rgb_255_196_0); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .major-store__high-low .major-store__high-low__icon.low:where([sf~="82"]) { transform: rotateZ(180deg); --wash-color: rgb(31, 204, 109); --wash-filter: url(#w-rgb_31_204_109); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile .major-store__high-low p-label:where([sf~="82"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.major-store__item-tile .major-store__high-low .major-store__high-low__bar:where([sf~="82"]) { width: 52px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 52px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --bg-grad: linear-gradient(90deg, rgb(31, 204, 109) 0%, rgb(255, 196, 0) 100%); --bgc: transparent; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.major-store__item-tile .major-store__high-low .major-store__high-low__position:where([sf~="82"]) { height: 6px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 6px; width: 3px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 3px; transform-origin: 50% 50%; --bgc: white; --bg-grad: none; }
.major-store__item-tile .major-store__item-tile__cart-btns:where([sf~="82"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 4; --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; }
.major-store__item-tile .kk-c-major-store__item-tile__cart-btns:has(> .major-store__item-tile__cart-btns:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.kk-c-major-store__item-tile__cart-btns:has(> .major-store__item-tile__cart-btns:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__cart-btns .major-store__item-tile__in-cart:where([sf~="82"]) { border-radius: 0px; --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; z-index: 4; width: 96px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 96px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: initial; --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; opacity: 0; --op-pe: none; }
.major-store__item-tile .major-store__item-tile__cart-btns .kk-c-major-store__item-tile__in-cart:has(> .major-store__item-tile__in-cart:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile .major-store__item-tile__cart-btns.kk-c-major-store__item-tile__in-cart:has(> .major-store__item-tile__in-cart:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile .major-store__item-tile__cart-btns .major-store__item-tile__in-cart p-label:where([sf~="82"]) { text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: white; }
.show-quantity.major-store__item-tile .major-store__item-tile__cart-btns .major-store__item-tile__in-cart:where([sf~="82"]) { --vis-collapse: initial; border-radius: 4px; opacity: 1; --op-pe: inherit; --bgc: white; --bg-grad: none; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.show-quantity.major-store__item-tile .major-store__item-tile__cart-btns .major-store__item-tile__in-cart p-label:where([sf~="82"]) { color: black; }
.major-store__item-tile .major-store__item-tile__cart-btns .major-store__cart-btn:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; --mgt: 0px; --mgr: 1px; --mgb: 0px; --mgl: 1px; opacity: 0; --op-pe: none; border-bottom-left-radius: 4px; border-top-left-radius: 4px; transition-property: --bgc; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.major-store__item-tile .major-store__item-tile__cart-btns .major-store__cart-btn.right:where([sf~="82"]) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.major-store__item-tile .major-store__item-tile__cart-btns .major-store__cart-btn p-label:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; text-align: center; color: white; font-weight: 700; }
.major-store__item-tile .major-store__item-tile__cart-btns .major-store__cart-btn:hover:where([sf~="82"]) { --bgc: white; --bg-grad: none; }
.major-store__item-tile .major-store__item-tile__cart-btns .major-store__cart-btn:hover p-label:where([sf~="82"]) { color: black; }
.major-store__item-tile .major-store__item-keychain-title:where([sf~="82"]), .major-store__item-tile .team-1:where([sf~="82"]), .major-store__item-tile .team-2:where([sf~="82"]), .major-store__item-tile .team-bg-1:where([sf~="82"]), .major-store__item-tile .team-bg-2:where([sf~="82"]) { --vis-collapse: none; }
.major-store__item-tile.popular-tile:where([sf~="82"]) { width: 210px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 210px; --mgl: 42px; }
.major-store__item-tile.popular-tile.keychain:where([sf~="82"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; }
.major-store__item-tile.popular-tile .major-store__high-low:where([sf~="82"]) { opacity: 0; --op-pe: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 27px; --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; --pdt: 2px; --pdr: 6px; --pdb: 2px; --pdl: 6px; --pdrn: 6; --pdln: 6; border-radius: 4px; }
.major-store__item-tile.popular-tile .major-store__high-low p-label:where([sf~="82"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; }
.major-store__item-tile.popular-tile .major-store__item-keychain-title:where([sf~="82"]) { --vis-collapse: none; }
.major-store__item-tile.popular-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: none; --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); z-index: 1; }
.major-store__item-tile.popular-tile .kk-c-major-store__item-tile__top:has(> .major-store__item-tile__top:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.popular-tile.kk-c-major-store__item-tile__top:has(> .major-store__item-tile__top:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile.popular-tile .major-store__item-tile__top .major-store__item-title:where([sf~="82"]), .major-store__item-tile.popular-tile .major-store__item-tile__top .major-store__item__autograph:where([sf~="82"]), .major-store__item-tile.popular-tile .major-store__item-tile__top .major-store__item__team-logo:where([sf~="82"]), .major-store__item-tile.popular-tile .major-store__item-tile__top .major-store__item-tile__rarity:where([sf~="82"]) { --vis-collapse: none; }
.rarity-3.major-store__item-tile.popular-tile .major-store__item-tile__top:where([sf~="82"]), .rarity-4.major-store__item-tile.popular-tile .major-store__item-tile__top:where([sf~="82"]), .rarity-5.major-store__item-tile.popular-tile .major-store__item-tile__top:where([sf~="82"]), .rarity-6.major-store__item-tile.popular-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: none; }
.major-store__item-tile.popular-tile .major-store__item-tile__top .major-store__item__rarity-bar:where([sf~="82"]) { --vis-collapse: none; }
.major-store__item-tile.popular-tile .major-store__item-tile__top .major-store__item-price-container:where([sf~="82"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.major-store__item-tile.popular-tile .major-store__item-tile__top .store-item__price-change:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: left; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 0px; --mgr: 0px; --mgb: 8px; --mgl: 110px; --pdt: 4px; --pdr: 6px; --pdb: 4px; --pdl: 24px; --pdrn: 6; --pdln: 24; }
.major-store__item-tile.popular-tile .major-store__item-tile__top .store-item__price-change p-label:where([sf~="82"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.major-store__item-tile.popular-tile .major-store__item-tile__top .major-store__item-tile__model:where([sf~="82"]) { --vis-collapse: none; }
.major-store__item-tile.popular-tile .major-store__item-tile__image-container:where([sf~="82"]) { --bg-img: none; --bgc: transparent; --bg-grad: none; }
.major-store__item-tile.popular-tile .major-store__item-tile__model:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 0.95), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.95), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.95; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform: scale3d(.95, .95, 1); --mgr: 0px; }
.major-store__item-tile.popular-tile:hover .major-store__item-tile__model:where([sf~="82"]) { transform: scale3d(1.05, 1.05, 1); }
.major-store__item-tile.popular-tile:hover .major-store__high-low:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.major-store__item-tile.popular-tile .major-store__item-trend-hot:where([sf~="82"]), .major-store__item-tile.popular-tile .major-store__item-trend-cold:where([sf~="82"]) { --mgb: 0px; }
.major-store__item-tile.popular-tile .major-store__item-tile__cart-btns:where([sf~="82"]) { --mgb: 28px; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; }
.major-store__item-tile.popular-tile .major-store__item-tile__cart-btns .major-store__cart-btn:where([sf~="82"]), .major-store__item-tile.popular-tile .major-store__item-tile__cart-btns .major-store__item-tile__in-cart:where([sf~="82"]) { zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); }
.major-store__item-tile.keychain .major-store__item__rarity-bar:where([sf~="82"]), .major-store__item-tile.keychain .major-store__item-tile__rarity:where([sf~="82"]), .major-store__item-tile.keychain .major-store__item-title:where([sf~="82"]), .major-store__item-tile.keychain .major-store__item-trend-hot:where([sf~="82"]), .major-store__item-tile.keychain .major-store__item-trend-cold:where([sf~="82"]) { --vis-collapse: none; }
.major-store__item-tile.keychain .major-store__item-tile__image-container:where([sf~="82"]) { --bg-img: none; --bgc: rgba(255, 255, 255, 0.094615); --bg-grad: none; height: 320px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 320px; animation-name: pano-vpct; }
.major-store__item-tile.keychain .major-store__item-tile__top:where([sf~="82"]) { --bg-img: none; --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); z-index: 1; }
.major-store__item-tile.keychain .kk-c-major-store__item-tile__top:has(> .major-store__item-tile__top:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.keychain.kk-c-major-store__item-tile__top:has(> .major-store__item-tile__top:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-26 .major-store__item-tile.keychain .major-store__item-tile__top:where([sf~="82"]) { --bg-img: none; --bgc: transparent; --bg-grad: none; }
.major-store__item-tile.keychain .major-store__item-keychain-title:where([sf~="82"]) { --vis-collapse: initial; color: rgba(255, 255, 255, 0.883229); text-transform: uppercase; mix-blend-mode: screen; --s2-blend: additive; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 75%; animation-name: pano-vpct; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; z-index: 2; }
.major-store__item-tile.keychain .kk-c-major-store__item-keychain-title:has(> .major-store__item-keychain-title:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.keychain.kk-c-major-store__item-keychain-title:has(> .major-store__item-keychain-title:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile.keychain p-itemimage:where([sf~="82"]) { --img-shadow: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.482646) alpha-only) drop-shadow(0px 0px 16px color-mix(in srgb, rgba(0, 0, 0, 0.482646) alpha-only 28.552013%, transparent)); width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --mgt: 50px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; z-index: 1; --brightness: .3; opacity: 0.892208; --op-pe: inherit; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile.keychain .kk-t-p-itemimage:has(> p-itemimage:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.keychain.kk-t-p-itemimage:has(> p-itemimage:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile.keychain .major-store__item__team-logo:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 6px color-mix(in srgb, rgba(0, 0, 0, 0.320158) alpha-only 90.9%, transparent)); --vis-collapse: none; z-index: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile.keychain .kk-c-major-store__item__team-logo:has(> .major-store__item__team-logo:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.keychain.kk-c-major-store__item__team-logo:has(> .major-store__item__team-logo:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile.keychain .major-store__item__team-logo.team-1:where([sf~="82"]) { --vis-collapse: initial; --mgl: 28px; }
.major-store__item-tile.keychain .major-store__item__team-logo.team-2:where([sf~="82"]) { --vis-collapse: initial; --mgr: 28px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.major-store__item-tile.keychain .major-store__item__team-logo.team-bg-1:where([sf~="82"]), .major-store__item-tile.keychain .major-store__item__team-logo.team-bg-2:where([sf~="82"]) { --img-shadow: drop-shadow(0px 0px 0px transparent); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 12px; --brightness: .2; --saturation: .9; transform: scale3d( 2, 2, 0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-store__item-tile.keychain .major-store__item__team-logo.team-bg-1:where([sf~="82"]) { mask-image: url("/panorama/images/masks/diagonal-left.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.major-store__item-tile.keychain .major-store__item__team-logo.team-bg-2:where([sf~="82"]) { mask-image: url("/panorama/images/masks/diagonal-right.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.major-store__item-tile.keychain .major_store__item_movie-container:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; --vis-collapse: none; scale: 1 0; z-index: 3; --bgc: #0c240c; --bg-grad: none; transition-property: scale, opacity; transition-duration: 0.25s, 0.1s; transition-timing-function: ease-in-out, ease-in-out; }
.major-store__item-tile.keychain .kk-c-major_store__item_movie-container:has(> .major_store__item_movie-container:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.keychain.kk-c-major_store__item_movie-container:has(> .major_store__item_movie-container:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile.keychain .major_store__item_movie-container.play:where([sf~="82"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; scale: 1 1; }
.major-store__item-tile.keychain .major_store__item_movie-container .major_store__item_movie:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 0.95), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 56; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 60px; }
.major-store__item-tile.keychain .major-store__high-low:where([sf~="82"]) { --mgt: 72px; }
.major-store__item-tile.keychain .major-store__item-stage:where([sf~="82"]) { --vis-collapse: initial; }
.major-store__item-tile.keychain.keychain-banner:where([sf~="82"]) { width: 260px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 260px; height: 202px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 202px; }
.major-store__item-tile.keychain.keychain-banner .major-store__item-tile__top:where([sf~="82"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.major-store__item-tile.keychain.keychain-banner .major-store__item-tile__image-container:where([sf~="82"]) { --bgc: transparent; --bg-grad: none; }
.major-store__item-tile.keychain.keychain-banner .major-store__item-stage:where([sf~="82"]) { --mgt: 65%; animation-name: pano-vpct; }
.major-store__item-tile.keychain.keychain-banner .store-item__price-change:where([sf~="82"]) { --mgt: 0px; --mgr: 0px; --mgb: 8px; --mgl: 145px; }
.major-store__item-tile.keychain.keychain-banner p-itemimage:where([sf~="82"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --mgt: 0px; }
.major-store__item-tile.keychain.keychain-banner .team-1:where([sf~="82"]), .major-store__item-tile.keychain.keychain-banner .team-2:where([sf~="82"]) { height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; }
.major-store__item-tile.keychain.keychain-banner .major-store__high-low:where([sf~="82"]) { --vis-collapse: initial; opacity: 0; --op-pe: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 30px; --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; --pdt: 2px; --pdr: 6px; --pdb: 2px; --pdl: 6px; --pdrn: 6; --pdln: 6; border-radius: 4px; }
.major-store__item-tile.keychain.keychain-banner .major-store__high-low p-label:where([sf~="82"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; }
.major-store__item-tile.keychain.keychain-banner .major-store__item-tile__cart-btns:where([sf~="82"]) { --mgb: 4px; }
.major-store__item-tile.keychain.keychain-banner .major-store__item-tile__cart-btns .major-store__cart-btn:where([sf~="82"]), .major-store__item-tile.keychain.keychain-banner .major-store__item-tile__cart-btns .major-store__item-tile__in-cart:where([sf~="82"]) { zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); }
.major-store__item-tile.keychain.keychain-banner .major-store__item-keychain-title:where([sf~="82"]) { z-index: 3; }
.major-store__item-tile.keychain.keychain-banner .kk-c-major-store__item-keychain-title:has(> .major-store__item-keychain-title:where([sf~="82"]):not([pvis="0"])), .major-store__item-tile.keychain.keychain-banner.kk-c-major-store__item-keychain-title:has(> .major-store__item-keychain-title:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile.keychain.keychain-banner .major_store__item_movie:where([sf~="82"]) { --mgt: 8px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.major-store__item-tile.keychain.keychain-banner .major-store__item-real-price:where([sf~="82"]) { transform: translateY(26px); }
.major-store__item-tile.keychain:hover .major-store__high-low:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.major-store__item-tile.keychain:hover .major-store__item-title:where([sf~="82"]) { --vis-collapse: none; }
.major-store__item-tile.ranked .major-store__high-low:where([sf~="82"]) { --vis-collapse: none; }
.small .major-store__item-tile:where([sf~="82"]) { width: 162px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 162px; height: 170px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 170px; }
.small .major-store__item-tile .major-store__high-low:where([sf~="82"]), .small .major-store__item-tile .major-store__item-keychain-title:where([sf~="82"]), .small .major-store__item-tile .major-store__item-stage:where([sf~="82"]) { --vis-collapse: none; }
.small .major-store__item-tile p-itemimage:where([sf~="82"]) { --mgt: 0px; }
.small .major-store__item-tile .major-store__item-tile__top:where([sf~="82"]) { --bg-img: none; --bgc: transparent; --bg-grad: none; --bg-img-opacity: 0; --bg-img-own: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); z-index: 1; }
.small .major-store__item-tile .major-store__item-tile__top:where([sf~="82"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.small .major-store__item-tile .kk-c-major-store__item-tile__top:has(> .major-store__item-tile__top:where([sf~="82"]):not([pvis="0"])), .small .major-store__item-tile.kk-c-major-store__item-tile__top:has(> .major-store__item-tile__top:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.small .major-store__item-tile .major-store__item-tile__top .major-store__item-title:where([sf~="82"]), .small .major-store__item-tile .major-store__item-tile__top .major-store__item__autograph:where([sf~="82"]), .small .major-store__item-tile .major-store__item-tile__top .major-store__item__team-logo:where([sf~="82"]), .small .major-store__item-tile .major-store__item-tile__top .major-store__item-tile__rarity:where([sf~="82"]) { --vis-collapse: none; }
.small .major-store__item-tile .major-store__item-tile__top .major-store__item__rarity-bar:where([sf~="82"]) { --vis-collapse: initial; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: white; --bg-grad: none; }
.small .major-store__item-tile .major-store__item-tile__top .major-store__item-price-container:where([sf~="82"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 8px; --mgt: 8px; --mgb: 0px; }
.small .major-store__item-tile .major-store__item-tile__top .store-item__price-change:where([sf~="82"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-align: left; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 12px; --mgr: 0px; --mgb: 6px; --mgl: 55px; --pdt: 4px; --pdr: 6px; --pdb: 4px; --pdl: 24px; --pdrn: 6; --pdln: 24; }
.small .major-store__item-tile .major-store__item-tile__top .store-item__price-change p-label:where([sf~="82"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.small .major-store__item-tile .major-store__item-tile__top .major-store__item-real-price:where([sf~="82"]) { --mgl: 8px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: translateY(12px); }
.small .major-store__item-tile.hidden .major-store__item-tile__image-container:where([sf~="82"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; border-radius: 18px; --bg-img: none; }
.small .major-store__item-tile.hidden .major-store__item-tile__top:where([sf~="82"]), .small .major-store__item-tile.hidden .major-store__item__rarity-bar:where([sf~="82"]), .small .major-store__item-tile.hidden .major-store__item-price-container:where([sf~="82"]), .small .major-store__item-tile.hidden .store-item__price-change:where([sf~="82"]), .small .major-store__item-tile.hidden .major-store__item-tile__bookmark:where([sf~="82"]), .small .major-store__item-tile.hidden .major-store__item-trend-hot:where([sf~="82"]), .small .major-store__item-tile.hidden .major-store__item-tile__in-cart:where([sf~="82"]), .small .major-store__item-tile.hidden .major-store__item__team-logo:where([sf~="82"]), .small .major-store__item-tile.hidden .major-store__item-title:where([sf~="82"]), .small .major-store__item-tile.hidden .major-store__item-keychain-title:where([sf~="82"]), .small .major-store__item-tile.hidden p-itemimage:where([sf~="82"]) { --vis-collapse: none; }
.small .major-store__item-tile.hidden:hover .major-store__item-tile__image-container:where([sf~="82"]) { --bgc: rgba(0, 0, 0, 0.067); --bg-grad: none; border-radius: 18px; --bg-img: none; }
.small .major-store__item-tile.hidden:hover .major-store__item-tile__top:where([sf~="82"]), .small .major-store__item-tile.hidden:hover .major-store__item__rarity-bar:where([sf~="82"]), .small .major-store__item-tile.hidden:hover .major-store__item-price-container:where([sf~="82"]), .small .major-store__item-tile.hidden:hover .store-item__price-change:where([sf~="82"]), .small .major-store__item-tile.hidden:hover .major-store__item-tile__bookmark:where([sf~="82"]), .small .major-store__item-tile.hidden:hover .major-store__item-trend-hot:where([sf~="82"]), .small .major-store__item-tile.hidden:hover .major-store__item__team-logo:where([sf~="82"]), .small .major-store__item-tile.hidden:hover .major-store__item-title:where([sf~="82"]), .small .major-store__item-tile.hidden:hover p-itemimage:where([sf~="82"]) { --vis-collapse: none; }
.small .major-store__item-tile.hidden .major-store__high-low:where([sf~="82"]) { --vis-collapse: none; }
.small .major-store__item-tile.keychain:where([sf~="82"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --bgc: transparent; --bg-grad: none; }
.small .major-store__item-tile.keychain .major-store__item__rarity-bar:where([sf~="82"]), .small .major-store__item-tile.keychain .major-store__item-tile__rarity:where([sf~="82"]) { --vis-collapse: none; }
.small .major-store__item-tile.keychain .major-store__item__team-logo:where([sf~="82"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 6px color-mix(in srgb, rgba(0, 0, 0, 0.320158) alpha-only 90.9%, transparent)); z-index: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.small .major-store__item-tile.keychain .kk-c-major-store__item__team-logo:has(> .major-store__item__team-logo:where([sf~="82"]):not([pvis="0"])), .small .major-store__item-tile.keychain.kk-c-major-store__item__team-logo:has(> .major-store__item__team-logo:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.small .major-store__item-tile.keychain .major-store__item__team-logo.team-1:where([sf~="82"]) { --mgl: 20px; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; }
.small .major-store__item-tile.keychain .major-store__item__team-logo.team-2:where([sf~="82"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 20px; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; }
.small .major-store__item-tile.keychain .major-store__item__team-logo.team-bg-1:where([sf~="82"]), .small .major-store__item-tile.keychain .major-store__item__team-logo.team-bg-2:where([sf~="82"]) { --img-shadow: drop-shadow(0px 0px 0px transparent); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 12px; --brightness: .2; --saturation: .9; transform: scale3d( 2, 2, 0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.small .major-store__item-tile.keychain .major-store__item__team-logo.team-bg-1:where([sf~="82"]) { mask-image: url("/panorama/images/masks/diagonal-left.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.small .major-store__item-tile.keychain .major-store__item__team-logo.team-bg-2:where([sf~="82"]) { mask-image: url("/panorama/images/masks/diagonal-right.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.small .major-store__item-tile.keychain .major-store__item-keychain-title:where([sf~="82"]) { --vis-collapse: initial; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; z-index: 4; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.small .major-store__item-tile.keychain .kk-c-major-store__item-keychain-title:has(> .major-store__item-keychain-title:where([sf~="82"]):not([pvis="0"])), .small .major-store__item-tile.keychain.kk-c-major-store__item-keychain-title:has(> .major-store__item-keychain-title:where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.small .major-store__item-tile.keychain .major_store__item_movie:where([sf~="82"]) { --mgt: 8px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.small .major-store__item-tile.keychain p-itemimage:where([sf~="82"]) { --brightness: .5; opacity: 0.767696; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.small .major-store__item-tile.keychain .major-store__high-low:where([sf~="82"]) { --vis-collapse: initial; opacity: 0; --op-pe: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 30px; --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; --pdt: 2px; --pdr: 6px; --pdb: 2px; --pdl: 6px; --pdrn: 6; --pdln: 6; border-radius: 4px; }
.small .major-store__item-tile.keychain .major-store__high-low p-label:where([sf~="82"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; }
.small .major-store__item-tile.keychain .major-store__item-tile__cart-btns:where([sf~="82"]) { --mgb: 4px; }
.small .major-store__item-tile.keychain .major-store__item-tile__cart-btns .major-store__cart-btn:where([sf~="82"]), .small .major-store__item-tile.keychain .major-store__item-tile__cart-btns .major-store__item-tile__in-cart:where([sf~="82"]) { zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); }
.small .major-store__item-tile .major-store__item-tile__model:where([sf~="82"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgr: 0px; transform: scale3d(1, 1, 1); transition-property: opacity, transform; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.small .major-store__item-tile .major-store__item-tile__bookmark:where([sf~="82"]) { --pdt: 10px; --pdr: 2px; --pdb: 8px; --pdl: 8px; --pdrn: 2; --pdln: 8; width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; }
.small .major-store__item-tile .major-store__cart-btn:where([sf~="82"]), .small .major-store__item-tile .major-store__item-tile__in-cart:where([sf~="82"]) { zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; }
.small .major-store__item-tile .major-store__item-trend-hot:where([sf~="82"]), .small .major-store__item-tile .major-store__item-trend-cold:where([sf~="82"]) { transform: scale3d(.8, .8 , 1); }
.small .major-store__item-tile:hover .major-store__item-trend-hot:where([sf~="82"]), .small .major-store__item-tile:hover .major-store__item-trend-cold:where([sf~="82"]) { --mgb: 32px; }
.banner-bookmark .small .major-store__item-tile:where([sf~="82"]) { --mgr: 6px; }
.banner-bookmark .small .major-store__item-tile .major-store__high-low:where([sf~="82"]) { --vis-collapse: initial; }
.banner-bookmark .major-store__item-tile:where([sf~="82"]) { --mgr: 6px; }
.keychain.banner-bookmark .major-store__item-tile:where([sf~="82"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; }
.small.banner-bookmark .major-store__item-tile .major-store__item__rarity-bar:where([sf~="82"]) { --vis-collapse: none; }
.banner-bookmark .major-store__item-tile .major-store__high-low:where([sf~="82"]) { --vis-collapse: initial; opacity: 0; --op-pe: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 28px; --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; --pdt: 2px; --pdr: 6px; --pdb: 2px; --pdl: 6px; --pdrn: 6; --pdln: 6; border-radius: 4px; }
.banner-bookmark .major-store__item-tile .major-store__high-low p-label:where([sf~="82"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; }
.banner-bookmark .major-store__item-tile .major-store__item-tile__cart-btns:where([sf~="82"]) { --mgt: 3px; --mgr: 0px; --mgb: 3px; --mgl: 0px; }
.banner-bookmark .major-store__item-tile .major-store__item-trend-hot:where([sf~="82"]), .banner-bookmark .major-store__item-tile .major-store__item-trend-cold:where([sf~="82"]) { --mgb: 2px; }
.banner-bookmark .major-store__item-tile .major-store__item-tile__image-container:where([sf~="82"]) { --bg-img: none; --bgc: transparent; --bg-grad: none; }
.banner-bookmark .major-store__item-tile:hover .major-store__high-low:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.banner-bookmark .major-store__item-tile:hover .major-store__item-trend-hot:where([sf~="82"]), .banner-bookmark .major-store__item-tile:hover .major-store__item-trend-cold:where([sf~="82"]) { --mgb: 48px; }
.major-store__item-tile:hover:not(.major-store__item-tile.hidden):where([sf~="82"]) { transform: translateY(-3px); --sound: "UIPanorama.submenu_contents_rollover"; z-index: 3; }
.kk-c-major-store__item-tile:has(> .major-store__item-tile:hover:not(.major-store__item-tile.hidden):where([sf~="82"]):not([pvis="0"])) { isolation: isolate; }
.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile_image-container:where([sf~="82"]) { box-shadow: 0px 0px 4px 4.666667px rgb(0 0 0 / 0.341176); --bg-fill: rgb(0 0 0 / 0.341176); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile__model:where([sf~="82"]) { opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); }
.major-store__item-tile:hover:not(.major-store__item-tile.hidden) p-itemimage:where([sf~="82"]) { opacity: 0; --op-pe: none; }
.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__cart-btn:where([sf~="82"]), .major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile__in-cart:where([sf~="82"]), .major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile__btn:where([sf~="82"]), .major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile__bookmark:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile__in-cart:not(.show-quantity.major-store__item-tile:hover:not(.major-store__item-tile.hidden)):where([sf~="82"]) { border-radius: 0px; }
.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile__image-container:where([sf~="82"]) { --bgc: rgba(104, 104, 104, 0); --bg-grad: none; }
.keychain.major-store__item-tile:hover:not(.major-store__item-tile.hidden) p-itemimage:where([sf~="82"]) { opacity: 1; --op-pe: inherit; }
.keychain.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-keychain-title:where([sf~="82"]) { opacity: 0; --op-pe: none; }
.keychain.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile__model:where([sf~="82"]) { opacity: 0; --op-pe: none; transform: scale3d(1, 1, 1); --vis-collapse: none; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ranked.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__high-low:where([sf~="82"]) { --vis-collapse: none; }
.show-quantity.major-store__item-tile:hover:not(.major-store__item-tile.hidden) .major-store__item-tile__in-cart:where([sf~="82"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
@keyframes cart-update {
from { transform: translateX(0px); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
25% { transform: translateX(10px); --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateX(0px); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes panel-reveal {
0% { opacity: 0; --op-pe: none; transform: scale3d( 1.1, 1.1, 1 ); }
100% { opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1 ); }
}
@keyframes price-reveal-spinner {
0% { opacity: 1; --op-pe: inherit; }
99% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
@keyframes update-price-rotate {
0% { transform: rotateZ( 360deg ); }
50% { transform: rotateZ( 180deg ); }
100% { transform: rotateZ( 359deg ); }
}
/* styles/endofmatch-skillgroup.css */
.eom-skillgroup:where([sf~="83"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --blur: 8px; transform: scale3d(1.1, 1.1, 1); --brightness: 5; transition-property: transform, --blur, --brightness; transition-duration: 0.45s, 0.45s, 0.45s; transition-timing-function: ease-in, ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-skillgroup-data-bg-containter:where([sf~="83"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eom-skillgroup .eom-skillgroup-data-bg-containter .eom-skillgroup-data-bg:where([sf~="83"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --wash-color: #4aa8ff; --wash-filter: url(#w-4aa8ff); --bgc: black; --bg-grad: none; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: 60% auto; --bg-w: 0px; mask-image: url("/panorama/images/masks/fade-both-right-left2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-skillgroup-data-bg-containter .eom-skillgroup-data-bg .eom-win__main__line:where([sf~="83"]) { height: 1.25px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1.25px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: white; --bg-grad: none; z-index: 3; }
.eom-skillgroup .eom-skillgroup-data-bg-containter .eom-skillgroup-data-bg .kk-c-eom-win__main__line:has(> .eom-win__main__line:where([sf~="83"]):not([pvis="0"])), .eom-skillgroup .eom-skillgroup-data-bg-containter .eom-skillgroup-data-bg.kk-c-eom-win__main__line:has(> .eom-win__main__line:where([sf~="83"]):not([pvis="0"])) { isolation: isolate; }
.eom-skillgroup .eom-skillgroup-data:where([sf~="83"]) { width: 1340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1340px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.eom-skillgroup .eom-skillgroup-data .eom-skillgroup-data__container:where([sf~="83"]) { height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eom-skillgroup .eom-skillgroup-data .eom-skillgroup-data__container :is(p-image, :where(img[pimg])):where([sf~="83"]) { --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, black 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg:where([sf~="83"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform-origin: 50% 50%; transform: scale3d(.3,1,1) translateY(-32px); --brightness: 4; transition-property: transform, --brightness, --blur; transition-delay: 0s, .5s, 0s; transition-duration: .3s, .5s, 1s; transition-timing-function: ease-out, ease-out, ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup-rect:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup-dash:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup-dash-right:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { --wash-color: rgb(196, 208, 223); --wash-filter: url(#w-rgb_196_208_223); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup-linemap:where([sf~="83"]) { --bg-grad: linear-gradient(90deg, rgb(66, 66, 66) 0%, rgb(41, 41, 41) 100%); --bgc: transparent; --bg-size: cover; --bg-w: 0px; height: 82px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 82px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; mask-image: url("/panorama/images/masks/fade-both-right-left.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; transition-property: --wash-color, opacity; transition-delay: .5s, .5s; transition-duration: .5s, .5s; transition-timing-function: ease-out, ease-out; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup-speed-lines:where([sf~="83"]) { --bg-img: none; --bg-video: "/panorama/videos/speed_lines.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: cover; --bg-w: 0px; height: 82px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 82px; width: min(calc((100% + var(--ppx)) * 0.98), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; mask-image: url("/panorama/images/masks/fade-both-right-left.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; mix-blend-mode: screen; --s2-blend: screen; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup__label-container:where([sf~="83"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: .5s, .5s; transition-timing-function: ease-out, ease-out; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-points:where([sf~="83"]) { color: white; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: right; letter-spacing: 4px; transition-property: opacity, transform; transition-duration: .5s, .5s; transition-timing-function: ease-out, ease-out; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-wins:where([sf~="83"]) { color: white; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgr: 6px; mix-blend-mode: screen; --s2-blend: additive; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-wins-desc:where([sf~="83"]) { color: rgb(208, 208, 208); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); mix-blend-mode: screen; --s2-blend: additive; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-rank-desc:where([sf~="83"]) { color: rgb(208, 208, 208); transform: translateX( 0px) translateY(-2px); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 2px; mix-blend-mode: screen; --s2-blend: additive; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-rank-desc.hide:where([sf~="83"]) { --vis-collapse: none; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup-dash:where([sf~="83"]) { transform: translateX(480px); transition-property: transform, --wash-color; transition-delay: 0s, 1s; transition-duration: .25s, .5s; transition-timing-function: ease-out, ease-out; }
.eom-skillgroup .eom-premier-skillgroup-data-bg .eom-premier-skillgroup-dash-right:where([sf~="83"]) { transform: translateX(-480px); transition-property: transform, --wash-color; transition-delay: 0s, .5s; transition-duration: .25s, .5s; transition-timing-function: ease-out, ease-out; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.tier-0 .eom-premier-skillgroup-rect:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-0 .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-0 .eom-premier-skillgroup-dash:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-0 .eom-premier-skillgroup-dash-right:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-0 .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { --wash-color: rgb(196, 208, 223); --wash-filter: url(#w-rgb_196_208_223); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.tier-1 .eom-premier-skillgroup-rect:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-1 .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-1 .eom-premier-skillgroup-dash:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-1 .eom-premier-skillgroup-dash-right:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-1 .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { --wash-color: #8cc6ff; --wash-filter: url(#w-8cc6ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.tier-2 .eom-premier-skillgroup-rect:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-2 .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-2 .eom-premier-skillgroup-dash:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-2 .eom-premier-skillgroup-dash-right:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-2 .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { --wash-color: #6a7dff; --wash-filter: url(#w-6a7dff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.tier-3 .eom-premier-skillgroup-rect:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-3 .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-3 .eom-premier-skillgroup-dash:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-3 .eom-premier-skillgroup-dash-right:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-3 .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { --wash-color: #c166ff; --wash-filter: url(#w-c166ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.tier-4 .eom-premier-skillgroup-rect:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-4 .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-4 .eom-premier-skillgroup-dash:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-4 .eom-premier-skillgroup-dash-right:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-4 .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { --wash-color: #f03cff; --wash-filter: url(#w-f03cff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.tier-5 .eom-premier-skillgroup-rect:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-5 .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-5 .eom-premier-skillgroup-dash:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-5 .eom-premier-skillgroup-dash-right:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-5 .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { --wash-color: #eb4b4b; --wash-filter: url(#w-eb4b4b); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.tier-6 .eom-premier-skillgroup-rect:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-6 .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-6 .eom-premier-skillgroup-dash:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-6 .eom-premier-skillgroup-dash-right:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.tier-6 .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { --wash-color: #ffd700; --wash-filter: url(#w-ffd700); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.lost-points .eom-premier-skillgroup-linemap:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup-linemap:where([sf~="83"]) { opacity: 1; --op-pe: inherit; --bg-img: none; --bg-video: "/panorama/videos/premier_lost.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-grad: linear-gradient(90deg, rgb(128, 128, 128) 0%, rgb(41, 41, 41) 100%); --bgc: transparent; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.lost-points .eom-premier-skillgroup-speed-lines:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup-speed-lines:where([sf~="83"]) { transform: scaleX( -1 ); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.lost-points .eom-premier-skillgroup__label-points:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup__label-points:where([sf~="83"]) { transform: translateX( -8px); --pdr: 8px; --pdrn: 8; color: rgba(0, 0, 0, 0.795064); text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.612894); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.lost-points .eom-premier-skillgroup__label-container:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup__label-container:where([sf~="83"]) { overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; animation-name: anim-premier-text-lost-points; animation-delay: .5s; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.lost-points .eom-premier-skillgroup__label-container p-label:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup__label-container p-label:where([sf~="83"]) { text-align: left; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.lost-points .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-wins-container:where([sf~="83"]), .eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { transform: translateX( 8px); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup-linemap:where([sf~="83"]) { opacity: 1; --op-pe: inherit; --bg-img: none; --bg-video: "/panorama/videos/linemap.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-grad: linear-gradient(90deg, rgb(130, 130, 130) 0%, rgb(25, 25, 25) 100%); --bgc: transparent; --bg-img-opacity: .2; --bg-img-own: none; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup-linemap:where([sf~="83"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup__label-points:where([sf~="83"]) { --vis-collapse: none; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.no-points .eom-premier-skillgroup__label-rank-desc:where([sf~="83"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 545px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 545px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; letter-spacing: 1px; --text-shrink: 1; transform: translateX( 4px) translateY(0px); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.gain-points .eom-premier-skillgroup-linemap:where([sf~="83"]) { opacity: 1; --op-pe: inherit; --bg-img: none; --bg-video: "/panorama/videos/premier_gain.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-grad: linear-gradient(270deg, rgb(128, 128, 128) 0%, rgb(41, 41, 41) 100%); --bgc: transparent; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.gain-points .eom-premier-skillgroup__label-container:where([sf~="83"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; animation-name: anim-premier-text-gain-points; animation-delay: .5s; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.gain-points .eom-premier-skillgroup__label-container p-label:where([sf~="83"]) { text-align: right; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.gain-points .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-points:where([sf~="83"]) { color: white; text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.282779), 0px 0px 6px rgba(255, 255, 255, 0.282779); }
.eom-skillgroup .eom-premier-skillgroup-data-bg.gain-points .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-wins-container:where([sf~="83"]) { transform: translateX( 4px); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.eom-skillgroup .eom-premier-skillgroup-data-bg.gain-points .eom-premier-skillgroup__label-container .eom-premier-skillgroup__label-rank-desc:where([sf~="83"]) { transform: translateX( -4px) translateY(-2px); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.eom-skillgroup.eom-skillgroup-show:where([sf~="83"]) { transform: scale3d(1, 1, 1); --blur: 3px; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup.eom-skillgroup-show .eom-premier-skillgroup-data-bg:where([sf~="83"]) { transform: scale3d(1,1,1) translateY(-32px); --blur: 3px; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup.eom-skillgroup-show .eom-premier-skillgroup-dash:where([sf~="83"]) { transform: translateX(0px); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eom-skillgroup.eom-skillgroup-show .eom-premier-skillgroup-dash-right:where([sf~="83"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateX( 0px); }
.eom-skillgroup-data__rating-mismatch:where([sf~="83"]) { --bgc: red; --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 50px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); font-family: Stratum2; --c9: 0.9; font-weight: 700; font-style: italic; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; color: black; --vis-collapse: none; }
.rating-mismatch .eom-skillgroup-data__rating-mismatch:where([sf~="83"]) { --vis-collapse: initial; }
#id-eom-skillgroup-emblem:where([sf~="83"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 300px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#id-eom-skillgroup-emblem :is(p-image, :where(img[pimg])):where([sf~="83"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, black 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#jsRatingEmblem:where([sf~="83"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 94px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 94px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 562px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0; --op-pe: none; transition-property: opacity; transition-delay: .25s; transition-timing-function: ease-out; }
#jsRatingEmblem.lost-points-anim:where([sf~="83"]), #jsRatingEmblem.no-points-anim:where([sf~="83"]) { transform: translateY( -17px ) translateX( 200px ); opacity: 1; --op-pe: inherit; animation-name: anim-premier-lost-points; animation-delay: 0s; animation-duration: 0.6s; animation-iteration-count: 1; animation-fill-mode: forwards; }
#jsRatingEmblem.gain-points-anim:where([sf~="83"]) { transform: translateY( -17px ) translateX( -200px ); opacity: 1; --op-pe: inherit; animation-name: anim-premier-gain-points; animation-delay: 0s; animation-duration: 0.6s; animation-iteration-count: 1; animation-fill-mode: forwards; }
#id-eom-skillgroup-emblem--current:where([sf~="83"]) { perspective: 200px; perspective-origin: 50% 0%; transform-origin: 50% 50%; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#id-eom-skillgroup-emblem--current #id-eom-skillgroup--current__pfx--below:where([sf~="83"]), #id-eom-skillgroup-emblem--current #id-eom-skillgroup--current__pfx--above:where([sf~="83"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; }
.uprank-anim #id-eom-skillgroup-emblem--current:where([sf~="83"]) { animation-name: eom-remove-skillgroup-icon; animation-delay: .5s; animation-duration: 0.1s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: forwards; }
#id-eom-skillgroup-emblem--new:where([sf~="83"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; }
.uprank-anim #id-eom-skillgroup-emblem--new:where([sf~="83"]) { --vis-collapse: initial; }
#id-eom-skillgroup-emblem--new #id-eom-skillgroup-emblem--new__image:where([sf~="83"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 1; --op-pe: inherit; transform: scale3d(2,2,1); transform-origin: 50% 50%; perspective: 200px; perspective-origin: 50% 0%; transform: scale3d(1,1,1) rotateX(5deg) translateY(0px) translateZ(-5px); }
.uprank-anim #id-eom-skillgroup-emblem--new #id-eom-skillgroup-emblem--new__image:where([sf~="83"]) { animation-name: anim-new-reveal-emblem; animation-duration: .6s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards; }
#id-eom-skillgroup-emblem--new #id-eom-skillgroup-emblem--new__pfx--below:where([sf~="83"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; }
.uprank-anim #id-eom-skillgroup-emblem--new #id-eom-skillgroup-emblem--new__pfx--below:where([sf~="83"]) { animation-name: anim-new-reveal__pfx--below; animation-delay: .0s; animation-duration: .5s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: forwards; }
#id-eom-skillgroup-emblem--new #id-eom-skillgroup-emblem--new__pfx--above:where([sf~="83"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transform: scale3d(2,2,1); transform-origin: 50% 50%; perspective: 200px; perspective-origin: 50% 0%; }
.uprank-anim #id-eom-skillgroup-emblem--new #id-eom-skillgroup-emblem--new__pfx--above:where([sf~="83"]) { transform: scale3d(1.01,1.01,1) rotateX(5deg) translateY(1px) translateZ(6px); animation-delay: .00s; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; }
.eom-skillgroup__label-container:where([sf~="83"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --px: 650px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.eom-skillgroup__label-container .eom-skillgroup__info-label:where([sf~="83"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --brightness: 1.7; width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; text-align: left; --wash-color: #4aa8ff; --wash-filter: url(#w-4aa8ff); color: white; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 2px; text-shadow: 0px 0px 8px rgba(221, 221, 221, 0.789347); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-eom-skillgroup__new__label.eom-skillgroup__label-container .eom-skillgroup__info-label:where([sf~="83"]) { --vis-collapse: none; }
.eom-skillgroup__label-container .eom-skillgroup__info-label.small:where([sf~="83"]) { --brightness: 1; font-weight: 500; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --mgt: 3px; --mgr: 0px; --mgb: 3px; --mgl: 0px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup__label-container .eom-skillgroup__info-label.wincount:where([sf~="83"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-width: 100px; --maxw: 100px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --wash-color: none; --wash-filter: initial; --mgt: 3px; --mgr: 0px; --mgb: 3px; --mgl: 0px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; text-overflow: ellipsis; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes eom-remove-skillgroup-icon {
0% { --brightness: 10; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 0; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes anim-new-reveal-emblem {
0% { --brightness: 21; mask-image: linear-gradient(90deg, rgba(255, 255, 255, 1) -20%, rgba(255, 255, 255, 0) -15%); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
5% { mask-image: linear-gradient(90deg, rgba(255, 255, 255, 1) -20%, rgba(255, 255, 255, 0) -15%); }
50% { --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
95% { --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; mask-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 110%); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes anim-new-reveal__pfx--below {
0% { opacity: 0; --op-pe: none; transform: scale3d(1, 1, 1); }
50% { opacity: 0; --op-pe: none; transform: scale3d(1, 1, 1); }
100% { opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); }
}
@keyframes anim-new-reveal__pfx--above {
0% { opacity: 1; --op-pe: inherit; transform: scale3d(2.5, 2.5, 4) rotateX(60deg) translateY(-50px); }
80% { opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1) rotateX(30deg) translateY(0px); }
95% { opacity: 1; --op-pe: inherit; transform: scale3d(1.05, 1.05, 1.05) rotateX(0deg) translateY(0px); }
100% { opacity: 1; --op-pe: inherit; }
}
@keyframes anim-premier-lost-points {
0% { transform: translateY( -17px ) translateX( 100px ); opacity: 1; --op-pe: inherit; --brightness: 10; --blur: 5px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 1; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
60% { transform: translateY( -17px ) translateX( -294px ); --brightness: 10; --blur: 4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
65% { transform: translateY( -17px ) translateX( -272px ); --brightness: 8; --blur: 1px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( -17px ) translateX( -292px ); --brightness: 1; --blur: 3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes anim-premier-gain-points {
0% { transform: translateY( -17px ) translateX( -200px ); opacity: 0; --op-pe: none; --brightness: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 1; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
60% { transform: translateY( -17px ) translateX( 310px ); --brightness: 10; --blur: 4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
65% { transform: translateY( -17px ) translateX( 290px ); --brightness: 8; --blur: 1px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( -17px ) translateX( 308px ); --brightness: 1; --blur: 3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes anim-premier-text-lost-points {
0% { transform: translateX( 460px ); opacity: 0; --op-pe: none; --blur: 5px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateX( 230px ); opacity: 1; --op-pe: inherit; --blur: 3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes anim-premier-text-gain-points {
0% { transform: translateX( -460px ); opacity: 0; --op-pe: none; --blur: 5px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateX( -230px ); opacity: 1; --op-pe: inherit; --blur: 3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.eom-skillgroup-icon:where([sf~="83"]) { width: 215px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 215px; height: 215px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 215px; border-radius: 50%; border: 3px solid rgba(187, 199, 231, 0.158302); --bdln: 3; --bdrn: 3; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --py: -20px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.624901) 100%); --bgc: transparent; }
.eom-skillgroup-icon-bg:where([sf~="83"]) { --wash-color: rgb(62, 148, 197); --wash-filter: url(#w-rgb_62_148_197); mix-blend-mode: screen; --s2-blend: screen; --bg-img: none; --bg-video: "/panorama/videos/acknowledge540p.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-rep: no-repeat; --bg-size: 350% 350%; --bg-w: 0px; --bg-pos: 30% 35%; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup-new-label:where([sf~="83"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; color: black; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-transform: uppercase; text-align: center; border-radius: 3px; --pdt: 8px; --pdr: 16px; --pdb: 8px; --pdl: 16px; --pdrn: 16; --pdln: 16; --mgb: 8px; --bgc: #3281AC; --bg-grad: none; box-shadow: 0px 0px 4px 2.666667px rgb(6, 102, 139); --bg-fill: rgb(6, 102, 139); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --py: -20px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.eom-skillgroup-bg-anim:where([sf~="83"]) { animation-name: eom-skillgroup-bg; animation-duration: 1s; animation-timing-function: ease-in; animation-iteration-count: 1; }
@keyframes eom-skillgroup-bg {
0% { opacity: 0; --op-pe: none; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { opacity: 0; --op-pe: none; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
90% { opacity: 1; --op-pe: inherit; --brightness: 20; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { opacity: 1; --op-pe: inherit; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.eom-skillgroup__flare:where([sf~="83"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: rgb(238, 234, 196); --wash-filter: url(#w-rgb_238_234_196); opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup-new-anim:where([sf~="83"]), .eom-skillgroup__flare.appear:where([sf~="83"]) { animation-name: eom-skillgroup-new; animation-duration: 1s; animation-timing-function: ease-in; animation-iteration-count: 1; }
.eom-skillgroup__flare.appear:where([sf~="83"]) { animation-duration: .75s; }
@keyframes eom-skillgroup-new {
0% { transform: scale3d( 0, 0, 0 ); opacity: 0; --op-pe: none; }
50% { transform: scale3d( 0, 0, 0 ); opacity: 0; --op-pe: none; }
90% { transform: scale3d( 1.5, 1.5, 1.5 ); opacity: 1; --op-pe: inherit; }
100% { transform: scale3d( 0, 0, 0 ); opacity: 0; --op-pe: none; }
}
.eom-skillgroup__image:where([sf~="83"]) { width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-skillgroup__model:where([sf~="83"]) { width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: scale3d(0, 0, 0); transition-property: transform, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.eom-skillgroup__model-reveal:where([sf~="83"]) { transform: scale3d(1, 1, 1); }
.eom-skillgroup__particles:where([sf~="83"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eom-skillgroup__info:where([sf~="83"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; }
.eom-skillgroup__info.right:where([sf~="83"]) { transform: translateX( 380px ); }
.eom-skillgroup__info.right .eom-skillgroup__info-label:where([sf~="83"]) { text-align: left; }
.eom-skillgroup__info.left:where([sf~="83"]) { transform: translateX( -380px ); }
.eom-skillgroup__info.left .eom-skillgroup__info-label:where([sf~="83"]) { text-align: right; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.eom-skillgroup__trophy-icon:where([sf~="83"]) { --wash-color: rgb(200, 200, 200); --wash-filter: url(#w-rgb_200_200_200); text-shadow: 0px 0px 1px rgba(122, 171, 180, 0.192598); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eom-skillgroup__info-label.small:where([sf~="83"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.eom-skillgroup__info-label-noglow:where([sf~="83"]) { text-shadow: none; color: grey; font-weight: 500; }
.hidden:where([sf~="83"]) { --vis-collapse: none; }
/* styles/tournaments/pickem_common.css */
.tournament-content-container:where([sf~="84"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.tournament-content-container--hidden:where([sf~="84"]) { opacity: 0; --op-pe: none; transform: translateX( 200px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.tournament-content:where([sf~="84"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.tournament-content--hidden:where([sf~="84"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.pickem-upper-container:where([sf~="84"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.pickem-info-bar:where([sf~="84"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; box-shadow: 4px 0px 4px 2.666667px rgb(0 0 0 / 0.501961); --bg-fill: rgb(0 0 0 / 0.501961); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: transparent; --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.pickem-info-bar--bronze:where([sf~="84"]) { --bg-grad: linear-gradient(90deg, #7c5631 0%, #b67c43 100%); --bgc: transparent; }
.pickem-info-bar--silver:where([sf~="84"]) { --bg-grad: linear-gradient(90deg, #5e5e5e 0%, #858585 100%); --bgc: transparent; }
.pickem-info-bar--gold:where([sf~="84"]) { --bg-grad: linear-gradient(90deg, #766300 0%, #b19500 100%); --bgc: transparent; }
.pickem-trophy-image:where([sf~="84"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pickem-score-container:where([sf~="84"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 32px; --pdb: 0px; --pdl: 32px; --pdrn: 32; --pdln: 32; }
.pickem-trophy-container:where([sf~="84"]) { width: 72px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 72px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; }
.pickem-score:where([sf~="84"]) { text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-weight: 500; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(236, 236, 236); --mgb: 8px; }
.pickem-header:where([sf~="84"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 0px; --mgt: 20px; --mgr: 0px; --mgb: 14px; --mgl: 0px; }
.pickem-header--margin:where([sf~="84"]) { --mgl: 42px; }
.pickem-header__title:where([sf~="84"]) { color: white; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; }
.pickem-header__subtitle:where([sf~="84"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: white; }
.pickem-header-status:where([sf~="84"]) { --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --mgt: 4px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 3px; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; }
.pickem-header-status--active:where([sf~="84"]) { --bgc: rgba(16, 117, 13, 0.756428); --bg-grad: none; }
.pickem-group-worth-header:where([sf~="84"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 16px; --mgr: 0px; --mgb: 5px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; }
.tournament-has-challenges .pickem-group-worth-header:where([sf~="84"]) { font-family: notosans, 'Arial Unicode MS'; --c9: 1; font-style: italics; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 16px; --mgr: 8px; --mgb: 0px; --mgl: 8px; --pdt: 8px; --pdr: 16px; --pdb: 8px; --pdl: 16px; --pdrn: 16; --pdln: 16; border-radius: 3px; --bgc: rgba(0, 0, 0, 0.089875); --bg-grad: none; --text-shrink: 1; }
.pickem-team-actions-bar:where([sf~="84"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdt: 0px; --pdr: 64px; --pdb: 16px; --pdl: 0px; --pdrn: 64; --pdln: 0; }
.pickem-team-actions-bar__warning:where([sf~="84"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 16px; --pdln: 16; --mgr: 16px; transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.pickem-team-actions-bar__warning-text:where([sf~="84"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; }
.PopupButton:where([sf~="84"]) { --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.PopupButton.White.PositivePickemCheckout:where([sf~="84"]) { --bgc: rgba(50, 129, 172, 0.564496); --bg-grad: none; }
.PopupButton.White.PositivePickemCheckout:hover:where([sf~="84"]) { --bgc: #3281AC; --bg-grad: none; --brightness: 1.4; transition-property: --brightness; transition-duration: 0s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-pickem-apply:where([sf~="84"]) { border: 2px solid #0F9D58; --bdln: 2; --bdrn: 2; }
#id-pickem-apply.loop:where([sf~="84"]) { animation-name: pick-btn-loop; animation-duration: 1.25s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
#id-pickem-apply.errorenabled.loop:where([sf~="84"]) { border: 2px solid #b1af2d; --bdln: 2; --bdrn: 2; --bgc: #b1af2d; --bg-grad: none; animation-name: pick-btn-errorloop; }
@keyframes pick-btn-loop {
0% { --bgc: rgba(76, 175, 80, 0.375701); --bg-grad: none; }
50% { --bgc: #0F9D58; --bg-grad: none; }
100% { --bgc: rgba(76, 175, 80, 0.375701); --bg-grad: none; }
}
@keyframes pick-btn-errorloop {
0% { --bgc: rgba(177, 175, 45, 0.388729); --bg-grad: none; }
50% { --bgc: #b1af2d; --bg-grad: none; }
100% { --bgc: rgba(177, 175, 45, 0.388729); --bg-grad: none; }
}
.pickem-select-teams-container:where([sf~="84"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --pdb: 8px; min-width: 900px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.FlatButton:where([sf~="84"]), .pickem-group-team:where([sf~="84"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: bottom; --tooltip-body-position: 50% 0%; }
.pickem-group-pick--wiggle:where([sf~="84"]) { animation-name: pick-wiggle; animation-duration: .2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@keyframes pick-wiggle {
0% { transform: translateX( 2px ) translateY( 1px ); }
50% { transform: translateX( -1px ) translateY( -2px ) rotateX( 10deg ); }
100% { transform: translateX( 2px ) translateY( -1px ); }
}
.pickem-group-pick--used:where([sf~="84"]) { border-radius: 50%; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --bgc: #3281AC; --bg-grad: none; border: 1px solid rgba(0, 0, 0, 0.234801); --bdln: 1; --bdrn: 1; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.pickem-group-team__itemimage:where([sf~="84"]) { width: 92px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 92px; height: 92px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 92px; --mgr: 16px; }
.pickem-group-team__logo:where([sf~="84"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; --mgr: 5px; }
.pickem-group-team__logo.barelogo:where([sf~="84"]) { --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.pickem-group-team__owned:where([sf~="84"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; border-radius: 50%; --bgc: #3281AC; --bg-grad: none; }
.pickem-group-section-container:where([sf~="84"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.pickem-group-section:where([sf~="84"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.pickem-group-section--bottom:where([sf~="84"]) { --pdb: 20px; }
.pickem-group-pick-container:where([sf~="84"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --img-shadow: drop-shadow(0px 0px 0.5px #000000); width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-pickem-group-pick-container:has(> .pickem-group-pick-container:where([sf~="84"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickem-group-pick-container:has(> .pickem-group-pick-container:where([sf~="84"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickem-group-pick:where([sf~="84"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgr: 8px; transition-property: --bgc; transition-duration: .20s; transition-timing-function: ease-in-out; border-radius: 8px; }
.pickem-group-pick.dragenter:where([sf~="84"]) { --bg-grad: radial-gradient(ellipse 70% 70% at 50% 50%, rgba(255, 255, 255, 0.666537) 0%, rgba(160, 160, 160, 0.237813) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .20s; transition-timing-function: ease-in-out; }
.pickem-group-pick .IconButton:where([sf~="84"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; border-radius: 15%; }
.pickem-pick__empty:where([sf~="84"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.pickem-pick-placed:not(.drag-valid-target) .pickem-pick__empty:where([sf~="84"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.is-saved-pick .pickem-group-pick:where([sf~="84"]), .is-saved-pick.pickem-bracket-team:where([sf~="84"]) { box-shadow: 4px 0px 4px 2.666667px #0F9D58; --bg-fill: #0F9D58; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.pickem-pick-locked .pickem-pick__empty:where([sf~="84"]) { --wash-color: grey; --wash-filter: url(#w-grey); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pickem-group-pick__itemimage:where([sf~="84"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-grad: radial-gradient(ellipse 90% 90% at 50% 50%, rgba(255, 255, 255, 0.361835) 0%, rgba(160, 160, 160, 0) 100%); --bgc: transparent; transition-property: transform, --brightness, opacity, --bgc; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.pickem-group-pick__itemimage.hidden:where([sf~="84"]) { opacity: 0; --op-pe: none; --brightness: 10; transform: scale3d( 1.4, 1.4, 1 ); transition-property: transform, --brightness, opacity, --bgc; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pickem-group-pick__itemimage.teamlogo:where([sf~="84"]) { --pdt: 24px; --pdr: 24px; --pdb: 24px; --pdl: 24px; --pdrn: 24; --pdln: 24; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.pickem-points-earned:where([sf~="84"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: left; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 4px; --pdr: 2px; --pdb: 4px; --pdl: 8px; --pdrn: 2; --pdln: 8; --bg-grad: linear-gradient(90deg, rgb(11, 114, 66) 0%, rgba(11, 114, 66, 0) 100%); --bgc: transparent; }
.pickem-group-pick__drag-hint:where([sf~="84"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; opacity: 0.472624; --op-pe: inherit; --mgb: 10px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.pickem-group-pick__drag-hint.long:where([sf~="84"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.pickem-pick-locked .pickem-group-pick__drag-hint:where([sf~="84"]) { --vis-collapse: none; }
.pickem-group-pick__giant:where([sf~="84"]) { --fsz: 125; font-size: calc(max(1, round(nearest, 125 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 170px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 170px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; font-weight: 900; opacity: 0.347608; --op-pe: inherit; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.pickem-pick-placed .pickem-group-pick__drag-hint:where([sf~="84"]), .pickem-pick-placed .pickem-group-pick__giant:where([sf~="84"]) { --vis-collapse: none; }
.pickem-group-winloss-text:where([sf~="84"]) { --fsz: 98; font-size: calc(max(1, round(nearest, 98 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; font-weight: 300; opacity: 0.696476; --op-pe: inherit; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.kk-c-pickem-group-winloss-text:has(> .pickem-group-winloss-text:where([sf~="84"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickem-group-winloss-text:has(> .pickem-group-winloss-text:where([sf~="84"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickem-group-winloss-text--right:where([sf~="84"]) { text-align: center; --mgl: 400px; }
.pickem-group-winloss-text--left:where([sf~="84"]) { text-align: center; --mgr: 400px; }
.pickem-item-not-owned:where([sf~="84"]) { --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --wash-color: rgb(46, 46, 46); --wash-filter: url(#w-rgb_46_46_46); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pickem-item-not-owned.bracket:where([sf~="84"]) { --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pickem-remove-btn:where([sf~="84"]) { opacity: 1; --op-pe: inherit; }
.pickem-item-not-owned.hidden:where([sf~="84"]), .pickem-points-earned.hidden:where([sf~="84"]), .pickem-points-earned-bracket.hidden:where([sf~="84"]), .pickem-remove-btn.hidden:where([sf~="84"]), .pickem-group-pick--used.hidden:where([sf~="84"]) { transform: translateY(-100%); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.pickem-remove-btn.hidden:where([sf~="84"]), .pickem-item-not-owned.hidden:where([sf~="84"]), .pickem-bracket-team__logo.hidden:where([sf~="84"]), .pickem-bracket-team__name.hidden:where([sf~="84"]), .pickem-trophy-image.hidden:where([sf~="84"]), .IconButton.hidden:where([sf~="84"]), .FlatButton.hidden:where([sf~="84"]) { --vis-collapse: none; }
.pickem-team-draggable:where([sf~="84"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; transform: scale3d( 0.2, 0.2, 0.2); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.pickem-team-draggable.small:where([sf~="84"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.pickem-team-draggable.dragstart:where([sf~="84"]), .pickem-bracket-draggable.dragstart:where([sf~="84"]) { transform: scale3d( 1, 1, 1); opacity: 1; --op-pe: inherit; }
.pickem-team-draggable.dragend:where([sf~="84"]), .pickem-bracket-draggable.dragend:where([sf~="84"]) { transform: scale3d( 0.5, 0.5, 0.5); opacity: 0; --op-pe: none; }
.pickem-group-pick-update:where([sf~="84"]) { animation-name: pick-update; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes pick-update {
0% { --bgc: rgba(11, 114, 66, 0); --bg-grad: none; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --bgc: rgb(11, 114, 66); --bg-grad: none; --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --bgc: rgba(11, 114, 66, 0); --bg-grad: none; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.pickem-bracket:where([sf~="84"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; }
.pickem-bracket-container:where([sf~="84"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 24px; --pdb: 0px; --pdl: 24px; --pdrn: 24; --pdln: 24; }
.pickem-bracket-picksworth-container:where([sf~="84"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.pickem-bracket-column:where([sf~="84"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: .25; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.kk-c-pickem-bracket-column:has(> .pickem-bracket-column:where([sf~="84"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickem-bracket-column:has(> .pickem-bracket-column:where([sf~="84"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickem-bracket-group:where([sf~="84"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 24px; --mgr: 0px; --mgb: 24px; --mgl: 0px; }
.pickem-bracket-group__lines:where([sf~="84"]) { border-top: 1px solid white; border-right: 1px solid white; --bdrn: 1; border-bottom: 1px solid white; --mgt: 24px; --mgr: 0px; --mgb: 24px; --mgl: 0px; width: min(calc((100% + var(--ppx)) * 0.1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.pickem-bracket-group__lines.left:where([sf~="84"]) { border-right: 0px solid white; --bdrn: 0; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.pickem-pick-locked .pickem-bracket-group__lines.left:where([sf~="84"]), .pickem-pick-locked .pickem-bracket-group__lines:where([sf~="84"]) { --wash-color: grey; --wash-filter: url(#w-grey); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pickem-bracket-team:where([sf~="84"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 5px; box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: --bgc, box-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.pickem-bracket-group .pickem-group-pick__drag-hint:where([sf~="84"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgb: 0px; opacity: 0.767696; --op-pe: inherit; }
.left-column > .pickem-bracket-group:where([sf~="84"]) { border-left: 0px solid rgb(196, 196, 196); --bdln: 0; }
.pickem-bracket-team.bottom:where([sf~="84"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.four-teams > .pickem-bracket-group:where([sf~="84"]) { --mgt: 36px; --mgr: 0px; --mgb: 36px; --mgl: 0px; }
.four-teams .pickem-bracket-group__lines:where([sf~="84"]), .four-teams .pickem-bracket-group__lines.left:where([sf~="84"]) { height: 160px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 160px; }
.four-teams-spacer:where([sf~="84"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.two-teams .pickem-bracket-group__lines:where([sf~="84"]), .two-teams .pickem-bracket-group__lines.left:where([sf~="84"]) { height: 320px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 320px; animation-name: pano-vpct; }
.single-team .pickem-bracket-group:where([sf~="84"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.single-team .pickem-bracket-group__lines.left:where([sf~="84"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; border-right: 0px solid white; --bdrn: 0; border-bottom: 0px solid white; }
.pickem-bracket-team.drag-valid-target:where([sf~="84"]) { --bgc: rgba(255, 255, 255, 0.361835); --bg-grad: none; transition-property: --bgc, box-shadow; transition-duration: .1s, .1s; transition-timing-function: ease-in-out, ease-in-out; }
.pickem-bracket-team.dragenter:where([sf~="84"]) { box-shadow: 4px 0px 4px 2.666667px #ffffff; --bg-fill: #ffffff; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: box-shadow; transition-duration: .25s; transition-timing-function: ease-in-out; }
.pickem-pick-placed.pickem-bracket-team:not(.drag-valid-target):where([sf~="84"]) { --bgc: rgba(160, 160, 160, 0.317051); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.pickem-bracket-team.dragdrop:where([sf~="84"]) { animation-name: drag-drop; animation-duration: .25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes drag-drop {
0% { transform: translateX( -24px ) scale3d( 1.1, 1.1, 1.1 ); --brightness: 5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( 0px ) scale3d( 1.0, 1.0, 1.0 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.pickem-bracket-draggable:where([sf~="84"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transform: scale3d( 0.2, 0.2, 0.2 ); --bgc: rgba(204, 204, 204, 0.262365); --bg-grad: none; border-radius: 3px; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.pickem-bracket-team__data:where([sf~="84"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 8px; --pdln: 8; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.pickem-bracket-team__data .IconButton :is(p-image, :where(img[pimg])):where([sf~="84"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.pickem-bracket-team__logo:where([sf~="84"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pickem-bracket-team__logo-shadow:where([sf~="84"]) { --img-shadow: drop-shadow(1px 1px 1px color-mix(in srgb, #000000 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pickem-bracket-team__name:where([sf~="84"]) { font-weight: 500; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --mgl: 16px; width: 125px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 125px; --text-shrink: 1; }
.pickem-bracket-team__name--long:where([sf~="84"]) { width: 170px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 170px; }
.pickem-bracket-worth-header:where([sf~="84"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 16px; --mgr: 0px; --mgb: 5px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; }
.tournament-has-challenges .pickem-bracket-worth-header:where([sf~="84"]) { font-family: notosans, 'Arial Unicode MS'; --c9: 1; --text-shrink: 1; min-height: 72px; --mh-set: 1; --mhp: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-style: italics; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 16px; --mgr: 8px; --mgb: 0px; --mgl: 8px; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 3px; --bgc: rgba(0, 0, 0, 0.072526); --bg-grad: none; }
.left-column > .pickem-bracket-worth-header:where([sf~="84"]) { --bgc: transparent; --bg-grad: none; }
.pickem-points-earned-bracket:where([sf~="84"]) { --bgc: rgb(11, 114, 66); --bg-grad: none; --pdt: 14px; --pdr: 6px; --pdb: 14px; --pdl: 6px; --pdrn: 6; --pdln: 6; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: 0px 0px 2px 1.333333px #000000; --bg-fill: #000000; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.pickem-live-dot:where([sf~="84"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --bgc: red; --bg-grad: none; border-radius: 50%; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; }
.tournament-has-challenges #id-pickem-leaderboards:where([sf~="84"]), .tournament-has-challenges .pickem-trophy-container:where([sf~="84"]), .tournament-has-challenges #id-pickem-points-needed:where([sf~="84"]), .tournament-has-challenges .pickem-group-team__owned:where([sf~="84"]), .tournament-has-challenges #id-pickem-leaderboards:where([sf~="84"]), .tournament-has-challenges .pickem-trophy-container:where([sf~="84"]), .tournament-has-challenges #id-pickem-points-needed:where([sf~="84"]), .tournament-has-challenges .pickem-group-team__owned:where([sf~="84"]) { --vis-collapse: none; }
.tournament-has-challenges .pickem-score-container:where([sf~="84"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
/* styles/popups/popup_generic.css */
.MessagePanel:where([sf~="85"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#MessageLabel:where([sf~="85"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-width: 100%; text-align: left; --pdt: 8px; --pdb: 8px; --pdr: 28px; --pdrn: 28; --pdl: 28px; --pdln: 28; }
.PopupPanel.EconItemIconEnabled #MessageLabel:where([sf~="85"]) { text-align: left; }
#Spinner:where([sf~="85"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --mgt: 10px; }
#Spinner.SpinnerVisible:where([sf~="85"]) { --vis-collapse: initial; }
.ImageContainer:where([sf~="85"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#EconItemImage:where([sf~="85"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --mgr: 15px; --vis-collapse: none; }
.PopupPanel.EconItemIconEnabled #EconItemImage:where([sf~="85"]) { --vis-collapse: initial; }
#HeroImage:where([sf~="85"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --mgr: 15px; --vis-collapse: none; }
.PopupPanel.HeroIconEnabled #HeroImage:where([sf~="85"]) { --vis-collapse: initial; }
.Confirmation:where([sf~="85"]) { --mgt: 9px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --vis-collapse: none; }
.PopupPanel.ConfirmationCodeEnabled .Confirmation:where([sf~="85"]) { --vis-collapse: initial; }
.Confirmation p-label:where([sf~="85"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#ConfirmationText:where([sf~="85"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 10px; }
.CriticalText:where([sf~="85"]) { color: #FF0000; }
#ProgressBar:where([sf~="85"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --mgt: 10px; }
#ProgressBar.ProgressBarVisible:where([sf~="85"]) { --vis-collapse: initial; }
@keyframes DelayedFadeOpacityIn {
0% { opacity: 0; --op-pe: none; }
80% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
.DelayedButtons #ButtonContainer:where([sf~="85"]) { animation-name: DelayedFadeOpacityIn; animation-duration: 2.5s; animation-timing-function: ease-in; animation-iteration-count: 1; }
.NoTitle #TitleLabel:where([sf~="85"]), .NoMessage #MessageLabel:where([sf~="85"]) { --vis-collapse: none; }
.NoTitle #MessageLabel:where([sf~="85"]) { --mgt: 12px; }
/* styles/popups/popup_custom.css */
#popupimage:where([sf~="86"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#Spinner:where([sf~="86"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --mgt: 10px; }
#Spinner.SpinnerVisible:where([sf~="86"]) { --vis-collapse: initial; }
#ProgressBar:where([sf~="86"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --mgt: 10px; }
#ProgressBar.ProgressBarVisible:where([sf~="86"]) { --vis-collapse: initial; }
.PopupPanel.NoMinWidth:where([sf~="86"]) { min-width: 0px; }
/* styles/popups/popup_subscription_upsell.css */
.PopupPanel:where([sf~="87"]) { max-width: 900px; --maxw: 900px; --bg-grad: linear-gradient(180deg, black 0%, rgba(44, 44, 44, 1) 100%); --bgc: transparent; border: 0px solid black; --bdln: 0; --bdrn: 0; }
.PopupPanel p-label:where([sf~="87"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.PopupTitle:where([sf~="87"]) { --mgb: 0px; }
.sub-upsell-top:where([sf~="87"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.sub-upsell-top__logo:where([sf~="87"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 32px; --pdr: 0px; --pdb: 16px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.sub-upsell-top__logo--8px-padding-top-bottom:where([sf~="87"]) { --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.sub-upsell-top__title:where([sf~="87"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; text-transform: uppercase; --bg-grad: linear-gradient(180deg, #b1992e 0%, #e4dcb9 100%); background-clip: text; color: transparent; text-shadow: 0px 0px 2px color-mix(in srgb, #6b590b 45.45%, transparent); font-weight: 700; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.sub-upsell-top__desc:where([sf~="87"]) { text-align: center; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sub-upsell-top__price:where([sf~="87"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --bg-grad: linear-gradient(180deg, #b1992e 0%, #e4dcb9 100%); background-clip: text; color: transparent; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; border: 1px solid rgba(177, 153, 46, 0.786337); --bdln: 1; --bdrn: 1; border-radius: 4px; --mgt: 8px; }
.sub-upsell-body:where([sf~="87"]) { --mgt: 64px; width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; height: 500px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 500px; animation-name: pano-vpct; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; mask-image: url("/panorama/images/masks/bottom-top-fade-2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; border-bottom: 1px solid rgba(255, 255, 255, 0.300012); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.sub-upsell-body--prime:where([sf~="87"]) { height: 720px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 720px; animation-name: pano-vpct; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.sub-upsell-body--no-top-margin:where([sf~="87"]) { --mgt: 0px; }
.sub-upsell-body__section:where([sf~="87"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 360px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 360px; animation-name: pano-vpct; border-bottom: 2px solid rgba(17, 67, 143, 0.450962); }
.sub-upsell-body__section--fit-children-height:where([sf~="87"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.sub-upsell-body__section__text-block:where([sf~="87"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sub-upsell-body__section__title:where([sf~="87"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #c5b56b; font-weight: 500; }
.sub-upsell-body__section__desc:where([sf~="87"]) { color: rgba(204, 204, 204, 1); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; --text-shrink: 1; }
.sub-upsell-body__section--right-aligned .sub-upsell-body__section__text-block:where([sf~="87"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 32px; }
.sub-upsell-body__section--left-alighted .sub-upsell-body__section__text-block:where([sf~="87"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 32px; }
.sub-upsell-body__section--left-alighted .sub-upsell-body__section__title:where([sf~="87"]), .sub-upsell-body__section--left-alighted .sub-upsell-body__section__desc:where([sf~="87"]) { text-align: right; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.sub-upsell-body__section__bg:where([sf~="87"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_ancient.webp"); --bg-size: cover; --bg-w: 0px; --blur: 6px; --wash-color: rgba(0, 0, 255, 0.329); --wash-filter: url(#w-rgba_0_0_255_0_329); --brightness: .5; --bg-img-opacity: .3; --bg-img-own: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sub-upsell-body__section__bg:where([sf~="87"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.sub-upsell-body__section__bg--2:where([sf~="87"]) { --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_mirage.webp"); }
.sub-upsell-body__section__bg--3:where([sf~="87"]) { --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_vertigo.webp"); }
.sub-upsell-body__section__bg--prime:where([sf~="87"]) { --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_inferno.webp"); }
.sub-upsell-body__section__bg--prime-2:where([sf~="87"]) { --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_ancient.webp"); }
.sub-upsell-body__section__bg--prime-3:where([sf~="87"]) { --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_anubis.webp"); }
.sub-upsell-body__section__image:where([sf~="87"]) { width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; height: 320px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 320px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.sub-upsell-body__section__image--prime:where([sf~="87"]) { height: 240px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 240px; width: 445px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 445px; }
.sub-upsell-body__section--right-aligned .sub-upsell-body__section__image:where([sf~="87"]) { --mgl: 32px; }
.sub-upsell-body__section--left-alighted .sub-upsell-body__section__image:where([sf~="87"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 32px; }
/* styles/tooltips/tooltip_custom_test.css */
.TestContents:where([sf~="88"]) { min-width: 80px; max-width: 350px; --maxw: 350px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
/* styles/popups/popup_capability_shared.css */
.PopupPanel.Capability:where([sf~="89"]) { max-width: 100%; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --brightness: 1; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: rgba(0, 0, 0, 0.004597); --bg-grad: none; border: 0px solid white; --bdln: 0; --bdrn: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdb: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupPanel.Capability.Hidden:where([sf~="89"]), .PopupPanel.Hidden:where([sf~="89"]) { opacity: 0; --op-pe: none; --brightness: .4; scale: 1.2; --sound: "UIPanorama.ui_custom_lobby_dialog_slide"; transition-property: transform, scale, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap, --brightness; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupPanel.Capability.Hidden.PopupPanelCapability_craft_souvenir:where([sf~="89"]), .PopupPanel.Capability.PopupPanelCapability_craft_souvenir:where([sf~="89"]) { transition-duration: 1.2s; }
.PopupPanel.Capability.popup-laptop-offers.Hidden:where([sf~="89"]) { opacity: 0; --op-pe: none; --brightness: 1; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupPanel.Capability .PopupButton.hidden:where([sf~="89"]), .PopupPanel.Capability .IconButton.hidden:where([sf~="89"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.PopupButton.AsyncItemWorkAcceptNegativeHidden:where([sf~="89"]), .PopupButtonTimer.AsyncItemWorkAcceptNegativeHidden:where([sf~="89"]) { opacity: 0; --op-pe: none; --vis-collapse: none; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.PopupButton.AsyncItemWorkAcceptConfirmDisabled:where([sf~="89"]), .PopupButton.AsyncItemWorkAcceptConfirmDisabled:hover:where([sf~="89"]), .PopupButton.AsyncItemWorkAcceptConfirmDisabled._disabled:where([sf~="89"]), .PopupButton.AsyncItemWorkAcceptConfirmDisabled._disabled:hover:where([sf~="89"]), .PopupButton.AsyncItemWorkAcceptConfirmDisabled._focus:where([sf~="89"]), .PopupButton.AsyncItemWorkAcceptConfirmDisabled._focus:hover:where([sf~="89"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-capability__top:where([sf~="89"]) { --pdt: 48px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-in-xray .popup-capability__top.inspect:where([sf~="89"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; zoom: 0.65; --uizi: 0.65; --zl: calc(var(--mgl) / 0.65); --zr: calc(var(--mgr) / 0.65); --zt: calc(var(--mgtv, var(--mgt)) / 0.65); --zb: calc(var(--mgbv, var(--mgb)) / 0.65); }
.popup-capability__set-image:where([sf~="89"]) { height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdr: 8px; --pdrn: 8; }
.popup-capability__name:where([sf~="89"]) { --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; max-width: 640px; --maxw: 640px; --text-shrink: 1; text-align: center; text-shadow: 0px 0px 0px #535353; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 500; mix-blend-mode: screen; --s2-blend: additive; }
.popup-capability__name.custom:where([sf~="89"]) { --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; font-style: italic; }
.popup-capability__name.text-align-left:where([sf~="89"]) { text-align: left; }
.popup-capability__topdesc:where([sf~="89"]) { --mgl: 100px; --mgr: 100px; }
.popup-capability__rental-expiration:where([sf~="89"]) { --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; border-radius: 3px; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.item-tile__rental-icon:where([sf~="89"]) { height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; transform: translateY(-1.5px); }
.popup-capability__warning:where([sf~="89"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 720px; --maxw: 720px; }
.inline-coin-icon:where([sf~="89"]) { height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; width: 15px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 15px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: translateY(-3px); }
.PopupButtonTimer .inline-coin-icon:where([sf~="89"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --mgr: 6px; transform: translateY(-4px); --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.DropDownChild .craft_souvenir_dropdown_select_player_entry_cost .inline-coin-icon:where([sf~="89"]) { --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#MakeSouvenirPlayerSelect:where([sf~="89"]) { border-right: 1px solid rgba(255, 255, 255, 0.485126); --bdrn: 1; border-radius: 0px; }
#MakeSouvenirPlayerSelect .DropDownChild .craft_souvenir_dropdown_select_player_entry_cost:where([sf~="89"]), #MakeSouvenirPlayerSelect .DropDownChild .craft_souvenir_dropdown_select_player_entry_logo:where([sf~="89"]) { --vis-collapse: none; }
#MakeSouvenirPlayerSelect .DropDownChild .craft_souvenir_dropdown_select_player_entry_name:where([sf~="89"]) { --pdl: 16px; --pdln: 16; --mgl: 12px; color: White; }
.craft_souvenir_dropdown_select_player_entry_name:where([sf~="89"]) { --pdl: 103px; --pdln: 103; --mgl: -100px; }
.craft_souvenir_dropdown_selected p-label:where([sf~="89"]) { color: #AAEEAA; }
.craft_souvenir_dropdown_selected :is(p-image, :where(img[pimg])):where([sf~="89"]), .craft_souvenir_dropdown_selected .craft_souvenir_dropdown_select_player_entry_cost .inline-coin-icon:where([sf~="89"]) { --wash-color: #AAEEAA; --wash-filter: url(#w-aaeeaa); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.craft_souvenir_dropdown_select_player_entry_cost:where([sf~="89"]) { min-width: 75px; --pdr: 0px; --pdrn: 0; text-align: right; }
.craft_souvenir_dropdown_select_player_entry_logo:where([sf~="89"]) { min-width: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 8px; --pdln: 8; --pdr: 0px; --pdrn: 0; opacity: 0.268142; --op-pe: inherit; }
.popup-capability__info-block:where([sf~="89"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgb: 96px; --vis-collapse: initial; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.popup-capability__info-block.hidden:where([sf~="89"]) { --vis-collapse: none; opacity: 0; --op-pe: none; }
.popup-capability__button-row:where([sf~="89"]) { width: 968px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 968px; border-top: 1px solid rgba(145, 145, 145, 0.671579); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.popup-capability__button-row .IconButton:where([sf~="89"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; transition-property: translate, --pxp, --pyp; transition-duration: 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.popup-capability__button-row .IconButton._disabled:where([sf~="89"]) { opacity: 0.696476; --op-pe: inherit; }
.popup-capability__button-row p-togglebutton.IconButton.Bookmark .TickBox:where([sf~="89"]) { --vis-collapse: none; }
.popup-capability__button-row p-togglebutton.IconButton.Bookmark .bookmark-filled:where([sf~="89"]) { opacity: 0; --op-pe: none; --wash-color: white; --wash-filter: initial; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-capability__button-row p-togglebutton.IconButton.Bookmark._selected:where([sf~="89"]) { opacity: 1; --op-pe: inherit; --bgc: transparent; --bg-grad: none; }
.popup-capability__button-row p-togglebutton.IconButton.Bookmark._selected .bookmark-filled:where([sf~="89"]) { opacity: 1; --op-pe: inherit; }
#InspectOpenCheckout:where([sf~="89"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#InspectOpenCheckout p-label:where([sf~="89"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --bgc: rgb(223, 140, 17); --bg-grad: none; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; border-radius: 4px; text-align: center; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; --mgt: 4px; transform: translateX( -12px ); }
.popup-capability__button-row .IconButton :is(p-image, :where(img[pimg])):where([sf~="89"]) { height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; }
.popup-capability__button-row.no-border:where([sf~="89"]) { border-top: 0px solid rgba(145, 145, 145, 0.671579); }
.popup-capability-faded:where([sf~="89"]) { opacity: 0.347608; --op-pe: inherit; transition-property: opacity; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.popup-capability__purchase:where([sf~="89"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; transform: translateY( 0% ); transition-property: opacity, transform; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-capability__seperator:where([sf~="89"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --bgc: rgba(255, 255, 255, 0.399988); --bg-grad: none; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-capability__purchase__text:where([sf~="89"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgl: 8px; --mgr: 8px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; --text-shrink: 1; }
.kk-c-popup-capability__purchase__text:has(> .popup-capability__purchase__text:where([sf~="89"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-popup-capability__purchase__text:has(> .popup-capability__purchase__text:where([sf~="89"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-capability__purchase__text.popup-capability__error:where([sf~="89"]) { color: #FF9900; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-capability__error .popup-capability__warning_label:where([sf~="89"]) { color: #FF9900; }
.popup-capability__error .popup-capability__warning_image:where([sf~="89"]) { --wash-color: #FF9900; --wash-filter: url(#w-ff9900); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-capability__sale-price:where([sf~="89"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: right; text-decoration: line-through; color: rgb(161, 161, 161); --mgr: 8px; }
.popup-capability__purchase__image:where([sf~="89"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.popup-capability__souvenir-discount:where([sf~="89"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --bgc: rgba(0, 0, 0, 0.482646); --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateX( 8px ); border-top-left-radius: 4px; border-bottom-left-radius: 4px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 4px; --pdr: 18px; --pdb: 4px; --pdl: 0px; --pdrn: 18; --pdln: 0; }
.popup-capability__souvenir-discount .popup-capability__souvenir-discount__percent:where([sf~="89"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #0F9D58; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 16px; }
.popup-capability__souvenir-discount .popup-capability__souvenir-discount__cost:where([sf~="89"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-capability__souvenir-discount .popup-capability__souvenir-discount__original:where([sf~="89"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-decoration: line-through; color: rgb(184, 184, 184); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; font-weight: 300; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-capability__souvenir-discount .popup-capability__souvenir-discount__original .inline-coin-icon:where([sf~="89"]) { height: 13px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 13px; width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: translateY(-2px); --wash-color: rgb(184, 184, 184); --wash-filter: url(#w-rgb_184_184_184); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-capability__purchase .PopupButton p-label:where([sf~="89"]) { text-transform: none; }
.popup-capability__button-row .PopupButton:where([sf~="89"]) { transition-property: opacity, transform, --bgc; transition-duration: 0.3s, 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.popup-capability__button-row .PopupButton.hidden:where([sf~="89"]), .popup-capability__button-row .PopupButtonTimer.hidden:where([sf~="89"]), .popup-capability__button-row .PopupButton.move-down:where([sf~="89"]), .popup-capability__button-row .PopupButtonTimer.move-down:where([sf~="89"]), .popup-capability__purchase.hidden:where([sf~="89"]), .popup-capability__button-row.hidden:where([sf~="89"]), .popup-capability__souvenir-discount.hidden:where([sf~="89"]) { opacity: 0; --op-pe: none; transform: translateY( 80% ); transition-property: opacity, transform; transition-duration: 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out; }
.can_apply_previewonly_phantom_display .popup-capability__button-row .PopupButton.Positive:where([sf~="89"]), .can_apply_previewonly_phantom_display .popup-capability__button-row .PopupButton.Negative:where([sf~="89"]) { --vis-collapse: none; }
.popup-capability__spinner.Spinner:where([sf~="89"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 5; }
.kk-c-popup-capability__spinner:has(> .popup-capability__spinner.Spinner:where([sf~="89"]):not([pvis="0"])) { isolation: isolate; }
.popup-capability__spinner.hidden:where([sf~="89"]) { --vis-collapse: none; }
.popup-capability-update-anim:where([sf~="89"]) { animation-name: UpdateElement; animation-duration: .25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes UpdateElement {
0% { transform: scale3d( 1.0, 1.0, 1.0 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { transform: scale3d( 1.2, 1.2, 1.2 ); --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1.0, 1.0, 1.0 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.show-xray-buttons #id-rental-section:where([sf~="89"]) { --vis-collapse: none; }
.show-xray-buttons #id-rental-xray-section:where([sf~="89"]) { --vis-collapse: initial; }
#id-rental-xray-section:where([sf~="89"]) { --vis-collapse: none; }
.add-to-cart-controls:where([sf~="89"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 16px; border-radius: 3px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 46px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 46px; transition-property: --bgc; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.add-to-cart-controls .add-to-cart-controls__btn:where([sf~="89"]) { width: 46px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 46px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; }
.add-to-cart-controls .add-to-cart-controls__btn p-label:where([sf~="89"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; color: white; }
.add-to-cart-controls .add-to-cart-controls__btn:hover:where([sf~="89"]) { --bgc: rgba(255, 255, 255, 0.94922); --bg-grad: none; }
.add-to-cart-controls .add-to-cart-controls__btn:hover p-label:where([sf~="89"]) { color: black; }
.add-to-cart-controls .add-to-cart-controls__btn:active:where([sf~="89"]) { --sound: "UIPanorama.submenu_select"; }
.add-to-cart-controls .add-to-cart-controls__center:where([sf~="89"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; border-left: 1px solid rgba(255, 255, 255, 0.179361); --bdln: 1; border-right: 1px solid rgba(255, 255, 255, 0.179361); --bdrn: 1; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.add-to-cart-controls .add-to-cart-controls__center .add-to-cart-controls__title:where([sf~="89"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); min-width: 92px; }
.add-to-cart-controls .add-to-cart-controls__center .add-to-cart-controls__price:where([sf~="89"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.add-to-cart-controls .add-to-cart-controls__center .add-to-cart-controls__price :is(p-image, :where(img[pimg])):where([sf~="89"]) { width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; }
.add-to-cart-controls .add-to-cart-controls__separator:where([sf~="89"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.399988); --bg-grad: none; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.rent-bar-btn:where([sf~="89"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; --mgl: 16px; border-radius: 3px; --pdt: 4px; --pdr: 16px; --pdb: 4px; --pdl: 16px; --pdrn: 16; --pdln: 16; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: --bgc; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.rent-bar-btn .popup-capability__purchase__image:where([sf~="89"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.rent-bar-btn .rent-bar-btn-text:where([sf~="89"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.rent-bar-btn .rent-bar-btn-text .rent-bar-btn-title:where([sf~="89"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; color: white; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); transition-property: color; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
#PurchaseKeyBtn.rent-bar-btn .rent-bar-btn-text .rent-bar-btn-title:where([sf~="89"]) { text-align: left; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 60px; }
.rent-bar-btn .rent-bar-btn-text .rent-bar-btn-subtitle:where([sf~="89"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); transition-property: color; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
#PurchaseKeyBtn.rent-bar-btn .rent-bar-btn-text .rent-bar-btn-subtitle:where([sf~="89"]) { text-align: left; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 60px; }
.rent-bar-btn .Spinner:where([sf~="89"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
.rent-bar-btn:hover:not(._disabled):where([sf~="89"]) { --bgc: rgba(255, 255, 255, 0.94922); --bg-grad: none; }
.rent-bar-btn:hover:not(._disabled) .rent-bar-btn-title:where([sf~="89"]), .rent-bar-btn:hover:not(._disabled) .rent-bar-btn-subtitle:where([sf~="89"]) { color: black; }
.rent-bar-btn._disabled:where([sf~="89"]) { --bgc: rgba(255, 255, 255, 0.09105); --bg-grad: none; }
.rent-bar-btn._disabled .rent-bar-btn-text:where([sf~="89"]) { opacity: 0.414305; --op-pe: inherit; }
.rent-bar-btn.is-active-action._disabled:where([sf~="89"]) { opacity: 1; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0.09105); --bg-grad: none; }
.rent-bar-btn.is-active-action._disabled .rent-bar-btn-text:where([sf~="89"]) { opacity: 0; --op-pe: none; }
.rent-bar-btn.is-active-action._disabled .Spinner:where([sf~="89"]) { --vis-collapse: initial; }
.rent-bar-btn:active:where([sf~="89"]) { --sound: "UIPanorama.submenu_select"; }
/* styles/popups/popup_offers_laptop_interface.css */
.collection-laptop-container:where([sf~="90"]) { transform: translateY(0px); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 100%; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: transparent; --bg-grad: none; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; perspective-origin: 50% 100%; perspective: 2400px; --vis-collapse: none; opacity: 1; --op-pe: inherit; }
.collection-laptop-container.show:where([sf~="90"]) { --vis-collapse: initial; }
.collection-laptop-container.show .collection-laptop:where([sf~="90"]) { animation-name: open-screen-anim; animation-delay: .4s; animation-duration: .4s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes open-screen-anim {
from { opacity: 0.696476; --op-pe: inherit; transform: rotateX( -40deg ) translateY(-60px) scale3d( 1.05, 1.05, 1); }
40% { opacity: 0.696476; --op-pe: inherit; transform: rotateX( 2deg ) translateY(-60px) scale3d( 1.0, 1.0, 1); }
70% { opacity: 1; --op-pe: inherit; transform: rotateX( 0deg ) translateY(-60px); }
100% { opacity: 1; --op-pe: inherit; transform: rotateX( 0deg ) translateY(-60px); }
}
.finger-print:where([sf~="90"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; transform-origin: 50% 50%; opacity: 0; --op-pe: none; --bg-img: url("/panorama/images/backgrounds/single-finger-print.webp"); --bg-pos: 50% 50%; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.laptop-broken-white:where([sf~="90"]), .laptop-cracked-screen:where([sf~="90"]), .laptop-finger-prints:where([sf~="90"]), .laptop-screen-gradient:where([sf~="90"]), .laptop-screen-gradient-orange:where([sf~="90"]), .laptop-broken-screen:where([sf~="90"]), .laptop-broken-screen-mask:where([sf~="90"]) { width: 1405px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1405px; height: 915px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 915px; animation-name: pano-vpct; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; border-radius: 25px; z-index: 3; }
.kk-c-laptop-broken-white:has(> .laptop-broken-white:where([sf~="90"]):not([pvis="0"])), .kk-c-laptop-cracked-screen:has(> .laptop-cracked-screen:where([sf~="90"]):not([pvis="0"])), .kk-c-laptop-finger-prints:has(> .laptop-finger-prints:where([sf~="90"]):not([pvis="0"])), .kk-c-laptop-screen-gradient:has(> .laptop-screen-gradient:where([sf~="90"]):not([pvis="0"])), .kk-c-laptop-screen-gradient-orange:has(> .laptop-screen-gradient-orange:where([sf~="90"]):not([pvis="0"])), .kk-c-laptop-broken-screen:has(> .laptop-broken-screen:where([sf~="90"]):not([pvis="0"])), .kk-c-laptop-broken-screen-mask:has(> .laptop-broken-screen-mask:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.laptop-screen-gradient:where([sf~="90"]) { --bg-grad: radial-gradient(ellipse 80% 70% at 0% 35%, rgba(235, 228, 200, 0.116003) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; }
.laptop-screen-gradient-orange:where([sf~="90"]) { --bg-grad: radial-gradient(ellipse 50% 80% at 100% 50%, rgba(202, 165, 16, 0.140693) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; }
.laptop-flash-white:where([sf~="90"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgb(255, 255, 255); --bg-grad: none; box-shadow: 0px 0px 60px 160px rgb(255, 255, 255); --bg-fill: rgb(255, 255, 255); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); opacity: 1; --op-pe: inherit; --vis-collapse: none; }
@keyframes broken-flash-anim {
from { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
.laptop-cracked-screen:where([sf~="90"]) { --vis-collapse: none; }
.cracked .laptop-cracked-screen:where([sf~="90"]) { --vis-collapse: initial; opacity: 0; --op-pe: none; animation-name: cracked-screen-anim; animation-duration: .25s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes cracked-screen-anim {
0% { opacity: 0; --op-pe: none; clip-path: inset(60% calc(100% - 0%) calc(100% - 0%) 0%); }
100% { opacity: 1; --op-pe: inherit; clip-path: inset(0% calc(100% - 100%) calc(100% - 100%) 0%); }
}
.laptop-broken-screen:where([sf~="90"]) { --contrast: 1; --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.broken-screen .laptop-broken-screen:where([sf~="90"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; animation-name: broken-screen-anim; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes broken-screen-anim {
from { opacity: 1; --op-pe: inherit; --brightness: 1; --saturation: 1; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
60% { opacity: 1; --op-pe: inherit; --brightness: 1; --saturation: 1; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
62% { opacity: 1; --op-pe: inherit; --brightness: 1.1; --saturation: .7; --contrast: -1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
64% { opacity: 1; --op-pe: inherit; --brightness: 1; --saturation: 1; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { opacity: 1; --op-pe: inherit; --brightness: 1; --saturation: 1; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.collection-laptop:where([sf~="90"]) { width: 1405px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1405px; height: 915px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 915px; animation-name: pano-vpct; border-radius: 25px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgb(0, 0, 0); --bg-grad: none; opacity: 0; --op-pe: none; transform-origin: 50% 100%; transform: rotateX( -40deg ) translateY(-80px); transition-property: transform; transition-duration: .75s; transition-timing-function: ease-in-out; }
.collection-laptop .collection-laptop__screen:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: black; --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-radius: 25px; --bg-img: url("/panorama/images/backgrounds/noise_bg_laptop.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-img-opacity: 0.5; --bg-img-own: none; }
.collection-laptop .collection-laptop__screen:where([sf~="90"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.main-title-bar:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --bgc: #263238; --bg-grad: none; --mgt: 6px; --mgr: 10px; --mgb: 0px; --mgl: 8px; border-top-right-radius: 14px; border-top-left-radius: 14px; }
.main-title-bar .main-title-bar__left:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.main-title-bar .main-title-bar__left .main-title-bar__deal-icon:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; --wash-color: #B0BEC5; --wash-filter: url(#w-b0bec5); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.main-title-bar .main-title-bar__left .main-title-bar__app-title:where([sf~="90"]) { --mgl: 8px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 8px; color: #37474F; font-family: Stratum2 Black Italic, "Arial Unicode MS"; --c9: 0.9; text-shadow: 4px 1px 4px #000000, 4px 1px 4px color-mix(in srgb, #000000 4.535%, transparent); }
.main-title-bar .main-title-bar__left .main-title-bar__version:where([sf~="90"]) { --mgl: 8px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: #37474F; }
.main-title-bar .main-title-bar__right:where([sf~="90"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.main-title-bar .main-title-bar__right .main-title-bar__vpn:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 12px; --wash-color: #37474F; --wash-filter: url(#w-37474f); --tooltip-position: bottom; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.main-title-bar .main-title-bar__right .main-title-bar__vpn.connected:where([sf~="90"]) { --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.main-title-bar .main-title-bar__right .main-title-bar__signal:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: bottom; }
.main-title-bar .main-title-bar__right .main-title-bar__signal .bar:where([sf~="90"]), .main-title-bar .main-title-bar__right .main-title-bar__signal .bar-middle:where([sf~="90"]), .main-title-bar .main-title-bar__right .main-title-bar__signal .bar-short:where([sf~="90"]) { height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; width: 3px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 3px; --bgc: #37474F; --bg-grad: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; }
.main-title-bar .main-title-bar__right .main-title-bar__signal .bar-middle:where([sf~="90"]) { height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; }
.main-title-bar .main-title-bar__right .main-title-bar__signal .bar-short:where([sf~="90"]) { height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; }
.main-title-bar .main-title-bar__right .main-title-bar__signal.connected-0 .bar:where([sf~="90"]), .main-title-bar .main-title-bar__right .main-title-bar__signal.connected-0 .bar-middle:where([sf~="90"]), .main-title-bar .main-title-bar__right .main-title-bar__signal.connected-0 .bar-short:where([sf~="90"]) { --bgc: #B0BEC5; --bg-grad: none; }
.main-title-bar .main-title-bar__right .main-title-bar__signal.connected-1 .bar-middle:where([sf~="90"]), .main-title-bar .main-title-bar__right .main-title-bar__signal.connected-1 .bar-short:where([sf~="90"]) { --bgc: #B0BEC5; --bg-grad: none; }
.main-title-bar .main-title-bar__right .main-title-bar__battery:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 12px; --tooltip-position: bottom; --tooltip-body-position: 0% 100%; }
.main-title-bar .main-title-bar__right .main-title-bar__battery .main-title-bar__battery-tip:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 6px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 6px; width: 3px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 3px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; --bgc: #B0BEC5; --bg-grad: none; --mgl: 1px; }
.main-title-bar .main-title-bar__right .main-title-bar__battery .main-title-bar__battery-cell:where([sf~="90"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; border-radius: 3px; border: 1px solid #B0BEC5; --bdln: 1; --bdrn: 1; }
.main-title-bar .main-title-bar__right .main-title-bar__battery .main-title-bar__battery-cell .main-title-bar__battery-bar:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: #0F9D58; --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.main-title-bar .main-title-bar__right .main-title-bar__battery .main-title-bar__battery-cell .main-title-bar__battery-bar.yellow:where([sf~="90"]) { --bgc: #b1af2d; --bg-grad: none; }
.main-title-bar .main-title-bar__right .main-title-bar__battery .main-title-bar__battery-cell .main-title-bar__battery-bar.green:where([sf~="90"]) { --bgc: #0F9D58; --bg-grad: none; }
.main-title-bar .main-title-bar__right .main-title-bar__battery .main-title-bar__battery-cell .main-title-bar__battery-bar.red:where([sf~="90"]) { --bgc: #DB4437; --bg-grad: none; }
.main-title-bar .main-title-bar__right .main-title-bar__btn-exit:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #37474F; --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.main-title-bar .main-title-bar__right .main-title-bar__btn-exit :is(p-image, :where(img[pimg])):where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --wash-color: rgb(180, 180, 180); --wash-filter: url(#w-rgb_180_180_180); transition-property: --wash-color; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.main-title-bar .main-title-bar__right .main-title-bar__btn-exit:hover:where([sf~="90"]) { --bgc: #DB4437; --bg-grad: none; }
.main-title-bar .main-title-bar__right .main-title-bar__btn-exit:hover :is(p-image, :where(img[pimg])):where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --wash-color: rgb(255, 255, 255); --wash-filter: url(#w-rgb_255_255_255); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.main-title-bar .main-title-bar__right .main-title-bar__btn-exit:active:where([sf~="90"]) { --sound: "UI.Laptop.Click"; }
.window__weapon-preview__camera-hints:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --wash-color: #B0BEC5; --wash-filter: url(#w-b0bec5); z-index: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-window__weapon-preview__camera-hints:has(> .window__weapon-preview__camera-hints:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__weapon-preview__camera-hints :is(p-image, :where(img[pimg])):where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --tooltip-position: left; --tooltip-body-position: 0% 100%; }
.window__title-bar:where([sf~="90"]) { height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: #37474F; --bg-grad: none; border-bottom: 1px solid #21262e; }
.window__title-bar .window__title-bar__title:where([sf~="90"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 2px; --pdl: 16px; --pdln: 16; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateY( -1px ); color: #78909C; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; text-overflow: ellipsis; }
.chat-message__avatar:where([sf~="90"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --mgr: 6px; border: 1px solid rgb(122, 122, 122); --bdln: 1; --bdrn: 1; transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.window__dealer-chat:where([sf~="90"]) { width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 10px; --mgr: 10px; --mgb: 8px; --mgl: 8px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-bottom-left-radius: 14px; --bgc: #263238; --bg-grad: none; }
.window__dealer-chat .chat-messages-container:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bg-grad: linear-gradient(180deg, #263238 0%, #1a1d20 100%); --bgc: transparent; --bg-img: url("/panorama/images/backgrounds/noise_bg_grid.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: 15px 33px; --bg-rep: no-repeat; --bg-img-opacity: 0.03; --bg-img-own: none; transition-property: --bgc; transition-duration: .5s; transition-timing-function: ease-in-out; }
.window__dealer-chat .chat-messages-container:where([sf~="90"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.window__dealer-chat .kk-c-chat-messages-container:has(> .chat-messages-container:where([sf~="90"]):not([pvis="0"])), .window__dealer-chat.kk-c-chat-messages-container:has(> .chat-messages-container:where([sf~="90"]):not([pvis="0"])) { --kid-fill-h: 1; }
.window__dealer-chat .chat-messages-container .chat-messages-bg:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(180deg, rgba(179, 179, 179, 0.854787) 0%, rgba(19, 19, 19, 0.531229) 100%); --bgc: transparent; --bg-img: url("/panorama/images/icons/ui/arms_deal_icon.svg"); --bg-img-opacity: .15; --bg-img-own: none; --bg-pos: 75px 120px; --bg-size: auto 450px; --bg-w: 0px; --bg-rep: no-repeat; opacity: 0; --op-pe: none; transition-property: --wash-color, opacity; transition-duration: .5s, .5s; transition-timing-function: ease-in-out, ease-in-out; }
.window__dealer-chat .chat-messages-container .chat-messages-bg:where([sf~="90"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.window__dealer-chat .chat-messages-container .chat-messages-bg.show:where([sf~="90"]) { opacity: 0.414305; --op-pe: inherit; transition-property: --wash-color, opacity; transition-duration: .5s, .5s; transition-timing-function: ease-in-out, ease-in-out; }
.window__dealer-chat .chat-messages-container .chat-messages-bg-icon:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0.136945; --op-pe: inherit; --wash-color: rgb(16, 90, 133); --wash-filter: url(#w-rgb_16_90_133); --brightness: 0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-messages:where([sf~="90"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --mgt: 8px; --pdb: 16px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.window__dealer-chat .chat-messages .chat-message:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --vis-collapse: none; opacity: 0; --op-pe: none; transform: translateY(-15px); --brightness: 1; transition-property: transform, opacity, --brightness; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-messages .chat-message .chat-message__body:where([sf~="90"]) { --bgc: rgba(0, 0, 0, 0.378859); --bg-grad: none; max-width: 380px; --maxw: 380px; --pdt: 6px; --pdr: 10px; --pdb: 6px; --pdl: 10px; --pdrn: 10; --pdln: 10; border-radius: 4px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.666537); }
.window__dealer-chat .chat-messages .chat-message .chat-message__body.placeholder:where([sf~="90"]) { --bgc: transparent; --bg-grad: none; color: rgba(255, 0, 0, 0); opacity: 0; --op-pe: none; }
.window__dealer-chat .chat-messages .chat-message .chat-message__arrow:where([sf~="90"]) { --wash-color: rgb(0, 0, 0); --wash-filter: url(#w-rgb_0_0_0); transform: translateY(-8px); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; opacity: 0.349096; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-messages .chat-message .chat-message__avatar:where([sf~="90"]) { --mgr: 6px; }
.window__dealer-chat .chat-messages .chat-message.chat-message-system:where([sf~="90"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.window__dealer-chat .chat-messages .chat-message.chat-message-system .chat-message__body:where([sf~="90"]) { --bgc: transparent; --bg-grad: none; max-width: 420px; --maxw: 420px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: grey; }
.window__dealer-chat .chat-messages .chat-message.chat-message-system.chat-message-system--steam:where([sf~="90"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.window__dealer-chat .chat-messages .chat-message.chat-message-system.chat-message-system--steam .chat-message__body:where([sf~="90"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; color: rgb(236, 214, 12); }
.window__dealer-chat .chat-messages .chat-message.chat-message-system.chat-message-system--steam :is(p-image, :where(img[pimg])):where([sf~="90"]) { --wash-color: rgb(236, 214, 12); --wash-filter: url(#w-rgb_236_214_12); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-messages .chat-message.chat-message-system.chat-message-system--success:where([sf~="90"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 16px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --bgc: rgba(0, 0, 0, 0.152473); --bg-grad: none; border-radius: 6px; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.window__dealer-chat .chat-messages .chat-message.chat-message-system.chat-message-system--success .chat-message__body:where([sf~="90"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; color: #26882b; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.window__dealer-chat .chat-messages .chat-message.chat-message-system.chat-message-system--success :is(p-image, :where(img[pimg])):where([sf~="90"]) { --wash-color: #26882b; --wash-filter: url(#w-26882b); height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-messages .chat-message.chat-message-wait .chat-message-wait__dots:where([sf~="90"]) { --bgc: rgba(0, 0, 0, 0.378859); --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; border-radius: 4px; --pdt: 4px; --pdr: 6px; --pdb: 4px; --pdl: 6px; --pdrn: 6; --pdln: 6; }
.window__dealer-chat .chat-messages .chat-message.chat-message-wait .chat-message-wait__dots .chat-message-wait__dot:where([sf~="90"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; height: 6px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 6px; --mgt: 8px; --mgr: 3px; --mgb: 8px; --mgl: 3px; border-radius: 50%; --bgc: rgb(223, 223, 223); --bg-grad: none; animation-name: wait-bounce; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.window__dealer-chat .chat-messages .chat-message.chat-message-wait .chat-message-wait__dots .chat-message-wait__dot.dot--2:where([sf~="90"]) { animation-delay: .2s; }
.window__dealer-chat .chat-messages .chat-message.chat-message-wait .chat-message-wait__dots .chat-message-wait__dot.dot--3:where([sf~="90"]) { animation-delay: .4s; }
.window__dealer-chat .chat-messages .chat-message .offer-message:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --vis-collapse: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; opacity: 0; --op-pe: none; transform: translateY(-15px); border-radius: 4px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; --bgc: rgb(230, 230, 230); --bg-grad: none; box-shadow: 0px 0px 0.5px 1.333333px rgba(128, 128, 128, 0); --bg-fill: rgba(128, 128, 128, 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: transform, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, box-shadow; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.window__dealer-chat .chat-messages .chat-message .offer-message.show:where([sf~="90"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; transform: translateY(0px); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-0:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(106, 97, 86, 0.327309); --bg-fill: rgba(106, 97, 86, 0.327309); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-1:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(176, 195, 217, 0.403485); --bg-fill: rgba(176, 195, 217, 0.403485); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-2:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(94, 152, 217, 0.373614); --bg-fill: rgba(94, 152, 217, 0.373614); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-3:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(75, 105, 255, 0.340919); --bg-fill: rgba(75, 105, 255, 0.340919); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-4:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(136, 71, 255, 0.327289); --bg-fill: rgba(136, 71, 255, 0.327289); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-5:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(211, 44, 230, 0.32047); --bg-fill: rgba(211, 44, 230, 0.32047); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-6:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(235, 75, 75, 0.340427); --bg-fill: rgba(235, 75, 75, 0.340427); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-7:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(228, 174, 57, 0.395279); --bg-fill: rgba(228, 174, 57, 0.395279); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.glow-color-rarity-99:where([sf~="90"]) { box-shadow: 0px 0px 37.5px 26px rgba(255, 215, 0, 0.41063); --bg-fill: rgba(255, 215, 0, 0.41063); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.window__dealer-chat .chat-messages .chat-message .offer-message.rejected:where([sf~="90"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: rgba(0, 0, 0, 0.378859); --bg-grad: none; }
.window__dealer-chat .chat-messages .chat-message .offer-message.rejected #id-offer-desc:where([sf~="90"]) { font-weight: 400; }
.window__dealer-chat .chat-messages .chat-message .offer-message.rejected .offer-message__label:where([sf~="90"]) { color: rgba(255, 255, 255, 0.666537); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; }
.window__dealer-chat .chat-messages .chat-message .offer-message.rejected .offer-message__label-wear:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.666537); font-weight: 400; }
.window__dealer-chat .chat-messages .chat-message .offer-message.rejected .offer-message__small-label:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: rgba(255, 255, 255, 0.666537); font-weight: 400; }
.window__dealer-chat .chat-messages .chat-message .offer-message.rejected .offer-message__item-image:where([sf~="90"]) { opacity: 0.696476; --op-pe: inherit; --bg-grad: linear-gradient(270deg, rgba(121, 121, 121, 0.520308) 0%, rgba(73, 73, 73, 0.301653) 100%); --bgc: transparent; }
.window__dealer-chat .chat-messages .chat-message .offer-message .offer-message__container:where([sf~="90"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.window__dealer-chat .chat-messages .chat-message .offer-message .offer-message__attachment:where([sf~="90"]) { --mgr: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.window__dealer-chat .chat-messages .chat-message .offer-message .offer-message__item-image:where([sf~="90"]) { height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; --bg-grad: linear-gradient(270deg, #797979 0%, #494949 100%); --bgc: transparent; --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, #050505 45.45%, transparent)); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-messages .chat-message .offer-message .offer-message__rarity:where([sf~="90"]) { --bgc: white; --bg-grad: none; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; font-weight: 400; }
.window__dealer-chat .chat-messages .chat-message .offer-message .offer-message__small-label:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: black; font-weight: 700; }
.window__dealer-chat .chat-messages .chat-message .offer-message .offer-message__label:where([sf~="90"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: black; font-weight: 700; }
.window__dealer-chat .chat-messages .chat-message .offer-message .offer-message__label-wear:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: black; font-weight: 700; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction:where([sf~="90"]) { --mgl: 54px; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction.hide:where([sf~="90"]) { --vis-collapse: initial; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction.hide .message-interaction__text-button:where([sf~="90"]) { --vis-collapse: none; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction .interaction-card:where([sf~="90"]) { --bgc: rgba(0, 0, 0, 0.378859); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-radius: 4px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction .interaction-card .interaction-card-desc:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; max-width: 380px; --maxw: 380px; color: grey; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction .message-interaction__text-button:where([sf~="90"]) { color: black; font-weight: 700; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; border: 1px solid rgba(128, 128, 128, 0); --bdln: 1; --bdrn: 1; border-radius: 24px; transition-property: border, --brightness, box-shadow; transition-duration: 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction .message-interaction__text-button .RadioBox:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; min-width: 12px; min-height: 12px; --mh-set: 1; --mhp: 1; --bg-size: auto 100%; --bg-w: 0px; opacity: 0.696476; --op-pe: inherit; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; border: 2px solid rgba(128, 128, 128, 0.42061); --bdln: 2; --bdrn: 2; border-radius: 50%; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction .message-interaction__text-button p-label:where([sf~="90"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; color: rgba(255, 255, 255, 0.666537); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction .message-interaction__text-button:hover:where([sf~="90"]) { border: 1px solid rgba(111, 129, 139, 0.418699); --bdln: 1; --bdrn: 1; --brightness: 2; box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 0.403922); --bg-fill: initial; --bg-solid: initial; transition-property: border, --brightness, box-shadow; transition-duration: 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-messages .chat-message.chat-message-interaction .message-interaction__text-button._selected .RadioBox:where([sf~="90"]) { opacity: 1; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0.583214); --bg-grad: none; border: 2px solid rgba(65, 65, 65, 1); --bdln: 2; --bdrn: 2; }
.window__dealer-chat .chat-messages .chat-message.show:where([sf~="90"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; transform: translateY( 0px ); }
.window__dealer-chat .chat-messages .chat-message.current-message:where([sf~="90"]) { --brightness: 1.6; transition-property: transform, opacity, --brightness; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-user-responses:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container:where([sf~="90"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 10px; --mgr: 8px; --mgb: 10px; --mgl: 8px; opacity: 0; --op-pe: none; transform: translateY( 32px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container.show:where([sf~="90"]) { transform: translateY(0px); opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-responses__title:where([sf~="90"]), .window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-responses__desc:where([sf~="90"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 6px; --mgr: 6px; color: #78909C; text-transform: uppercase; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-responses__desc:where([sf~="90"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; --mgb: 16px; opacity: 0.862912; --op-pe: inherit; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-limit-offer-setting:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; border-radius: 24px; --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: border, --brightness, box-shadow; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-limit-offer-setting p-label:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; color: #78909C; mix-blend-mode: screen; --s2-blend: additive; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-limit-offer-setting .expand-icon:where([sf~="90"]) { width: 7px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 7px; height: 7px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 7px; --wash-color: #78909C; --wash-filter: url(#w-78909c); transform: translateY(-5px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-limit-offer-setting:hover:not(._disabled):where([sf~="90"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-limit-offer-setting:active:where([sf~="90"]) { --sound: "UI.Laptop.Click"; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-limit-offer-setting._disabled p-label:where([sf~="90"]) { color: #455A64; }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .chat-user-limit-offer-setting._disabled .expand-icon:where([sf~="90"]) { --wash-color: #455A64; --wash-filter: url(#w-455a64); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .user-response-price-tooltip:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #78909C; --wash-filter: url(#w-78909c); --tooltip-position: top; --tooltip-body-position: 50% 100%; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-user-responses .chat-user-responses__container .user-response-price-tooltip.faded:where([sf~="90"]) { --wash-color: #455A64; --wash-filter: url(#w-455a64); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-user-responses .user-response-btn:where([sf~="90"]) { --mgt: 4px; --mgr: 6px; --mgb: 4px; --mgl: 6px; border: 2px solid grey; --bdln: 2; --bdrn: 2; --tooltip-position: top; --tooltip-body-position: 0% 100%; border-radius: 26px; transition-property: opacity, --brightness, --bgc, box-shadow, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.window__dealer-chat .chat-user-responses .user-response-btn p-label:where([sf~="90"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 500; --pdt: 8px; --pdr: 12px; --pdb: 8px; --pdl: 12px; --pdrn: 12; --pdln: 12; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); z-index: 2; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: grey; letter-spacing: .5px; }
.window__dealer-chat .chat-user-responses .user-response-btn .kk-t-p-label:has(> p-label:where([sf~="90"]):not([pvis="0"])), .window__dealer-chat .chat-user-responses .user-response-btn.kk-t-p-label:has(> p-label:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__dealer-chat .chat-user-responses .user-response-btn .user-response-btn__timer:where([sf~="90"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .1s, .1s, .1s, .1s, .1s; transition-timing-function: linear, linear, linear, linear, linear; }
.window__dealer-chat .chat-user-responses .user-response-btn:active:where([sf~="90"]) { --sound: "UI.Laptop.Click"; }
.window__dealer-chat .chat-user-responses .user-response-btn.blue:where([sf~="90"]) { --bgc: rgb(5, 55, 61); --bg-grad: none; }
.window__dealer-chat .chat-user-responses .user-response-btn.blue p-label:where([sf~="90"]) { color: rgb(5, 155, 175); }
.window__dealer-chat .chat-user-responses .user-response-btn.blue .user-response-btn__timer:where([sf~="90"]) { --bgc: rgb(5, 55, 61); --bg-grad: none; }
.window__dealer-chat .chat-user-responses .user-response-btn.positive:where([sf~="90"]) { border: 1.5px solid #02a002; --bdln: 1.5; --bdrn: 1.5; --bgc: transparent; --bg-grad: none; box-shadow: 0px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: initial; --bg-solid: initial; }
.window__dealer-chat .chat-user-responses .user-response-btn.positive p-label:where([sf~="90"]) { color: #02a002; }
.window__dealer-chat .chat-user-responses .user-response-btn.positive .user-response-btn__timer:where([sf~="90"]) { --bgc: #166b16; --bg-grad: none; }
.window__dealer-chat .chat-user-responses .user-response-btn.positive:hover:not(._disabled):where([sf~="90"]) { box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.403922); --bg-fill: initial; --bg-solid: initial; border: 1.5px solid #02a002; --bdln: 1.5; --bdrn: 1.5; }
.window__dealer-chat .chat-user-responses .user-response-btn.yellow:where([sf~="90"]) { border: 1.5px solid #6a777e; --bdln: 1.5; --bdrn: 1.5; --bgc: transparent; --bg-grad: none; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.window__dealer-chat .chat-user-responses .user-response-btn.yellow p-label:where([sf~="90"]) { color: #9badb6; }
.window__dealer-chat .chat-user-responses .user-response-btn.yellow .user-response-btn__timer:where([sf~="90"]) { --bgc: #546E7A; --bg-grad: none; }
.window__dealer-chat .chat-user-responses .user-response-btn.yellow:hover:not(._disabled):where([sf~="90"]) { box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 0.54902); --bg-fill: initial; --bg-solid: initial; }
.window__dealer-chat .chat-user-responses .user-response-btn.negative:where([sf~="90"]) { border: 1.5px solid #DB4437; --bdln: 1.5; --bdrn: 1.5; --bgc: rgba(129, 40, 18, 0.101888); --bg-grad: none; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.window__dealer-chat .chat-user-responses .user-response-btn.negative p-label:where([sf~="90"]) { color: #DB4437; }
.window__dealer-chat .chat-user-responses .user-response-btn.negative .user-response-btn__timer:where([sf~="90"]) { --bgc: rgb(129, 41, 18); --bg-grad: none; }
.window__dealer-chat .chat-user-responses .user-response-btn:hover:not(._disabled):where([sf~="90"]) { --brightness: 1.6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-user-responses .user-response-btn._disabled:where([sf~="90"]) { --brightness: 1; border: 1.5px solid #455A64; --bdln: 1.5; --bdrn: 1.5; --bgc: transparent; --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__dealer-chat .chat-user-responses .user-response-btn._disabled .user-response-btn__timer:where([sf~="90"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; }
.window__dealer-chat .chat-user-responses .user-response-btn._disabled p-label:where([sf~="90"]) { color: #455A64; --bgc: transparent; --bg-grad: none; }
.window__weapon-preview:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.window__weapon-preview .window__weapon-preview__glow:where([sf~="90"]) { opacity: 0.616725; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.window__weapon-preview .window__weapon-preview__gradient:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; --bg-grad: linear-gradient(180deg, rgba(124, 124, 124, 0.847076) 0%, #222222 100%); --bgc: transparent; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
.window__weapon-preview .window__weapon-preview__collection-icon:where([sf~="90"]) { opacity: 0.268142; --op-pe: inherit; --brightness: .25; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 1; --blur: 5px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__weapon-preview .kk-c-window__weapon-preview__collection-icon:has(> .window__weapon-preview__collection-icon:where([sf~="90"]):not([pvis="0"])), .window__weapon-preview.kk-c-window__weapon-preview__collection-icon:has(> .window__weapon-preview__collection-icon:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__weapon-preview .window__weapon-preview__grid:where([sf~="90"]) { --bg-img: url("/panorama/images/backgrounds/noise_bg_grid.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; --bg-img-opacity: 0.5; --bg-img-own: none; }
.window__weapon-preview .window__weapon-preview__grid:where([sf~="90"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.window__weapon-preview .window__weapon-info:where([sf~="90"]) { transform: translateY(-200px); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.window__weapon-preview.show:where([sf~="90"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.window__weapon-preview.show .window__weapon-info:where([sf~="90"]) { transform: translateY(0px); opacity: 1; --op-pe: inherit; transition-property: transform, opacity; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.window__weapon-preview.show .window__weapon-preview__gradient:where([sf~="90"]) { opacity: 0.767696; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.window__weapon-info:where([sf~="90"]) { z-index: 2; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 16px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: transform; transition-duration: 1s; transition-timing-function: ease-in-out; }
.kk-c-window__weapon-info:has(> .window__weapon-info:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__weapon-info .window__weapon-info__letters-container:where([sf~="90"]) { --bgc: black; --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.window__weapon-info .window__weapon-info__letters-container .window__weapon-info__name-letter:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-weight: 500; text-align: center; text-transform: uppercase; --pdt: 6px; --pdr: 0px; --pdb: 6px; --pdl: 0px; --pdrn: 0; --pdln: 0; color: #B0BEC5; transform: translateY(-6px); transition-property: color, transform; transition-duration: .25s, .25s; transition-timing-function: linear, linear; }
.window__weapon-info .window__weapon-info__letters-container .window__weapon-info__name-letter.show:where([sf~="90"]) { opacity: 1; --op-pe: inherit; color: white; transform: translateY(0px); }
.window__weapon-info .window__weapon-info__letters-container.rarity:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: #37474F; --bg-grad: none; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.window__weapon-info .window__weapon-info__rarity:where([sf~="90"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: white; --bg-grad: none; }
.window__weapon-info__cert:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 16px; z-index: 3; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .1s, .1s, .1s, .1s, .1s; transition-timing-function: linear, linear, linear, linear, linear; }
.kk-c-window__weapon-info__cert:has(> .window__weapon-info__cert:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__weapon-info__cert .window__weapon-info__row:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.window__weapon-info__cert .window__weapon-info__row .window__weapon-info__row__title:where([sf~="90"]) { text-align: right; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #8d9ba1; --text-shrink: 1; }
.window__weapon-info__cert .window__weapon-info__row .window__weapon-info__row__desc:where([sf~="90"]) { text-align: left; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #B0BEC5; --text-shrink: 1; }
.IconButton:active:where([sf~="90"]) { --sound: "UI.Laptop.Click"; }
.window__weapon-info__bracket:where([sf~="90"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); opacity: 0.268142; --op-pe: inherit; }
.window__weapon-info__bracket.top-right:where([sf~="90"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.window__weapon-info__bracket.top-left:where([sf~="90"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: rotateZ(-90deg); }
.window__weapon-info__bracket.bottom-right:where([sf~="90"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: rotateZ(90deg); }
.window__weapon-info__bracket.bottom-left:where([sf~="90"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: rotateZ(180deg); }
.window__weapon-wear:where([sf~="90"]) { --mgr: 16px; --mgb: 48px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; z-index: 3; }
.kk-c-window__weapon-wear:has(> .window__weapon-wear:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__weapon-wear .window__weapon-wear__rating-container:where([sf~="90"]) { --bgc: black; --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --tooltip-position: top; border-right: 1px solid; --bdrn: 1; }
.window__weapon-wear .window__weapon-wear__rating-container p-label:where([sf~="90"]) { text-align: center; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; color: #B0BEC5; transform: translateY(-6px); transition-property: color, transform; transition-duration: .25s, .25s; transition-timing-function: linear, linear; }
.window__weapon-wear .window__weapon-wear__rating-container p-label.show:where([sf~="90"]) { opacity: 1; --op-pe: inherit; color: white; transform: translateY(0px); }
.window__weapon-wear .window__weapon-wear__name-container:where([sf~="90"]) { --bgc: #37474F; --bg-grad: none; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --tooltip-position: top; }
.window__weapon-wear .window__weapon-wear__name-container p-label:where([sf~="90"]) { text-align: center; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; color: #B0BEC5; transform: translateY(-6px); transition-property: color, transform; transition-duration: .25s, .25s; transition-timing-function: linear, linear; }
.window__weapon-wear .window__weapon-wear__name-container p-label.show:where([sf~="90"]) { opacity: 1; --op-pe: inherit; color: white; transform: translateY(0px); }
.window__weapon-wear .window__weapon-wear__graph__pointer:where([sf~="90"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; transform-origin: 50% 50%; transform: translateX(100% ) translateY(2px) scaleY(-1); z-index: 2; transition-property: transform; transition-duration: .35s; transition-timing-function: ease-in-out; }
.window__weapon-wear .kk-c-window__weapon-wear__graph__pointer:has(> .window__weapon-wear__graph__pointer:where([sf~="90"]):not([pvis="0"])), .window__weapon-wear.kk-c-window__weapon-wear__graph__pointer:has(> .window__weapon-wear__graph__pointer:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__weapon-wear .window__weapon-wear__graph-container:where([sf~="90"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; }
.window__weapon-wear .window__weapon-wear__graph-container .window__weapon-wear__graph:where([sf~="90"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --bgc: #263238; --bg-grad: none; }
.window__weapon-wear .window__weapon-wear__graph-container .window__weapon-wear__graph .window__weapon-wear__graph__segment:where([sf~="90"]) { --bgc: rgba(255, 255, 255, 0.699119); --bg-grad: none; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --tooltip-position: top; }
.window__weapon-wear .window__weapon-wear__graph-container .window__weapon-wear__graph .window__weapon-wear__graph__segment.factory-new:where([sf~="90"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; --bgc: #ECEFF1; --bg-grad: none; }
.window__weapon-wear .window__weapon-wear__graph-container .window__weapon-wear__graph .window__weapon-wear__graph__segment.minimal-wear:where([sf~="90"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bgc: #B0BEC5; --bg-grad: none; }
.window__weapon-wear .window__weapon-wear__graph-container .window__weapon-wear__graph .window__weapon-wear__graph__segment.field-tested:where([sf~="90"]) { width: 92px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 92px; --bgc: #78909C; --bg-grad: none; }
.window__weapon-wear .window__weapon-wear__graph-container .window__weapon-wear__graph .window__weapon-wear__graph__segment.well-worn:where([sf~="90"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bgc: #546E7A; --bg-grad: none; }
.window__weapon-wear .window__weapon-wear__graph-container .window__weapon-wear__graph .window__weapon-wear__graph__segment.battle-scarred:where([sf~="90"]) { width: 220px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 220px; --bgc: #455A64; --bg-grad: none; }
.window__offer:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: #263238; --bg-grad: none; --mgt: 10px; --mgr: 10px; --mgb: 8px; --mgl: 8px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-img: url("/panorama/images/backgrounds/noise_bg_grid.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat; --bg-img-opacity: .05; --bg-img-own: none; }
.window__offer:where([sf~="90"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.kk-c-window__offer:has(> .window__offer:where([sf~="90"]):not([pvis="0"])) { --kid-fill-h: 1; }
.window__offer .window__offer__preview-panel:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 1; }
.window__offer .kk-c-window__offer__preview-panel:has(> .window__offer__preview-panel:where([sf~="90"]):not([pvis="0"])), .window__offer.kk-c-window__offer__preview-panel:has(> .window__offer__preview-panel:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__weapon-original-owner:where([sf~="90"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: top; --saturation: 1; --contrast: 1; transition-property: --contrast; transition-duration: .5s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__weapon-original-owner:hover:where([sf~="90"]) { --contrast: -1; transition-property: --contrast; transition-duration: .5s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.window__bottom-row:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 8px; --mgr: 10px; --mgb: 8px; --mgl: 8px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.window__bottom-row .window__bottom-row__section:where([sf~="90"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --bgc: #263238; --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-bottom-right-radius: 14px; --bg-img: url("/panorama/images/backgrounds/noise_bg_grid.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: 20px 35px; --bg-rep: no-repeat; --bg-img-opacity: 0.05; --bg-img-own: none; }
.window__bottom-row .kk-c-window__bottom-row__section:has(> .window__bottom-row__section:where([sf~="90"]):not([pvis="0"])), .window__bottom-row.kk-c-window__bottom-row__section:has(> .window__bottom-row__section:where([sf~="90"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .window__bottom-row .kk-c-window__bottom-row__section:has(> .window__bottom-row__section:where([sf~="90"]):not([pvis="0"]))::after, .window__bottom-row.kk-c-window__bottom-row__section:has(> .window__bottom-row__section:where([sf~="90"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.window__bottom-row .window__bottom-row__section:where([sf~="90"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.window__bottom-row .window__bottom-row__section.narrow:where([sf~="90"]) { width: auto; --fw: .25; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; border-bottom-right-radius: 0px; }
.window__bottom-row .kk-c-window__bottom-row__section:has(> .window__bottom-row__section.narrow:where([sf~="90"]):not([pvis="0"])), .window__bottom-row.kk-c-window__bottom-row__section:has(> .window__bottom-row__section.narrow:where([sf~="90"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .window__bottom-row .kk-c-window__bottom-row__section:has(> .window__bottom-row__section.narrow:where([sf~="90"]):not([pvis="0"]))::after, .window__bottom-row.kk-c-window__bottom-row__section:has(> .window__bottom-row__section.narrow:where([sf~="90"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.window__bottom-row .window__bottom-row__section.middle:where([sf~="90"]) { width: auto; --fw: .15; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; border-bottom-right-radius: 0px; }
.window__bottom-row .kk-c-window__bottom-row__section:has(> .window__bottom-row__section.middle:where([sf~="90"]):not([pvis="0"])), .window__bottom-row.kk-c-window__bottom-row__section:has(> .window__bottom-row__section.middle:where([sf~="90"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .window__bottom-row .kk-c-window__bottom-row__section:has(> .window__bottom-row__section.middle:where([sf~="90"]):not([pvis="0"]))::after, .window__bottom-row.kk-c-window__bottom-row__section:has(> .window__bottom-row__section.middle:where([sf~="90"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.window__bottom-row .window__bottom-row__section.narrow .window__title-bar__title:where([sf~="90"]), .window__bottom-row .window__bottom-row__section.middle .window__title-bar__title:where([sf~="90"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; text-overflow: ellipsis; }
.window__bottom-row .window__bottom-row__section .window__bottom-row__section__time:where([sf~="90"]) { text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #B0BEC5; min-width: 100%; --tooltip-position: top; }
.offer-progress-container:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.offer-progress-container .offer-progress-box:where([sf~="90"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --bgc: rgba(36, 36, 36, 0.556171); --bg-grad: none; border: 1px solid #B0BEC5; --bdln: 1; --bdrn: 1; --vis-collapse: none; --tooltip-position: top; transition-property: border, --bgc; transition-duration: .5s, .5s; transition-timing-function: linear, linear; }
.offer-progress-container .offer-progress-box.declined:where([sf~="90"]) { --bgc: rgb(14, 13, 13); --bg-grad: none; border: 0px solid #B0BEC5; --bdln: 0; --bdrn: 0; }
.offer-progress-container .offer-progress-box.active:where([sf~="90"]) { --bgc: #ECEFF1; --bg-grad: none; border: 0px solid #B0BEC5; --bdln: 0; --bdrn: 0; }
.offer-collection__lootlist_progress:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; opacity: 0; --op-pe: none; transform: translateY(5px); transition-property: opacity, transform; transition-duration: .5s, .5s; transition-timing-function: linear, linear; }
.offer-collection__lootlist_progress.show:where([sf~="90"]) { opacity: 1; --op-pe: inherit; transform: translateY(0px); }
.offer-collection__lootlist_name:where([sf~="90"]) { --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; color: #B0BEC5; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; letter-spacing: 2px; }
.offer-collection__lootlist_icon:where([sf~="90"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.offer-collection__lootlist-btns:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --tooltip-position: top; border-radius: 12px; border: 1px solid #485358; --bdln: 1; --bdrn: 1; --bgc: rgba(0, 0, 0, 0.072022); --bg-grad: none; box-shadow: 2px 2px 3px 3px rgb(0 0 0 / 0); --bg-fill: initial; --bg-solid: initial; }
.offer-collection__lootlist-btns:hover:where([sf~="90"]) { border: 1px solid rgba(111, 129, 139, 0.865566); --bdln: 1; --bdrn: 1; --brightness: 2; box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 0.403922); --bg-fill: initial; --bg-solid: initial; --bgc: rgba(78, 78, 78, 0.113701); --bg-grad: none; transition-property: border, --brightness, box-shadow; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.offer-collection__lootlist-btns:active:where([sf~="90"]) { --sound: "UI.Laptop.Click"; }
.offer-collection__lootlist:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --tooltip-position: top; --tooltip-body-position: 0% 50%; transition-property: border, --brightness, box-shadow; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.offer-collection__lootlist .offer-collection__lootlist__item:where([sf~="90"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; border: 2px solid white; --bdln: 2; --bdrn: 2; border-radius: 50%; opacity: 0.616725; --op-pe: inherit; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.offer-collection__lootlist .offer-collection__lootlist__item.seen:where([sf~="90"]) { --bgc: white; --bg-grad: none; border: 0px solid rgba(255, 255, 255, 0.495821); --bdln: 0; --bdrn: 0; opacity: 1; --op-pe: inherit; }
.offer-collection__lootlist .offer-collection__lootlist__item.seen-anim:where([sf~="90"]) { --bgc: white; --bg-grad: none; opacity: 1; --op-pe: inherit; animation-name: item-seen-anim; animation-delay: .4s; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes item-seen-anim {
0% { transform: scale3d( 1, 1, 1 ); box-shadow: none; --bg-fill: initial; --bg-solid: initial; --brightness: 1.1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
35% { transform: scale3d( 1.1, 1.1, 1 ); box-shadow: 0px 0px 2px 2.333333px white; --bg-fill: white; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1, 1, 1 ); box-shadow: none; --bg-fill: initial; --bg-solid: initial; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.offer-price:where([sf~="90"]) { color: rgb(68, 180, 15); font-weight: 900; }
.offer-declined:where([sf~="90"]) { color: #b1af2d; }
.offer-active:where([sf~="90"]) { color: rgb(43, 129, 3); font-weight: 900; }
.laptop-app-title-prefix:where([sf~="90"]) { color: Black; font-family: Stratum2 Black Condensed, "Arial Unicode MS"; --c9: 0.9; text-shadow: none; }
.window__weapon-preview__inspect-btn:where([sf~="90"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 16px; --mgr: 16px; --mgb: 0px; --mgl: 0px; z-index: 4; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; border-radius: 24px; --bgc: #455A64; --bg-grad: none; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.kk-c-window__weapon-preview__inspect-btn:has(> .window__weapon-preview__inspect-btn:where([sf~="90"]):not([pvis="0"])) { isolation: isolate; }
.window__weapon-preview__inspect-btn p-label:where([sf~="90"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 4px; --mgr: 8px; --mgb: 4px; --mgl: 8px; text-align: center; color: #B0BEC5; }
.window__weapon-preview__inspect-btn:hover:where([sf~="90"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes wait-bounce {
0% { transform: translateY(0px); }
25% { transform: translateY(-5px); }
50% { transform: translateY(0px); }
}
.font-color-rarity-0:where([sf~="90"]) { font-weight: 900; color: #6a6156; }
.font-color-rarity-1:where([sf~="90"]) { font-weight: 900; color: #b0c3d9; }
.font-color-rarity-2:where([sf~="90"]) { font-weight: 900; color: #5e98d9; }
.font-color-rarity-3:where([sf~="90"]) { font-weight: 900; color: #4b69ff; }
.font-color-rarity-4:where([sf~="90"]) { font-weight: 900; color: #8847ff; }
.font-color-rarity-5:where([sf~="90"]) { font-weight: 900; color: #d32ce6; }
.font-color-rarity-6:where([sf~="90"]) { font-weight: 900; color: #eb4b4b; }
.font-color-rarity-7:where([sf~="90"]) { font-weight: 900; color: #e4ae39; }
.font-color-rarity-99:where([sf~="90"]) { font-weight: 900; color: #ffd700; }
.popup-laptop-container:where([sf~="90"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: linear; }
.popup-laptop-container.show:where([sf~="90"]), .popup-laptop-container.show-lootlist:where([sf~="90"]), .popup-laptop-container.show-settings:where([sf~="90"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.popup-laptop-container.show-lootlist:where([sf~="90"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.popup-laptop-container.show-lootlist .popup-lootlist:where([sf~="90"]) { transform: translateY(0px) scaleY(1); opacity: 1; --op-pe: inherit; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: linear, linear; }
.popup-laptop-container.show-settings:where([sf~="90"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.popup-laptop-container.show-settings .popup-offers-settings:where([sf~="90"]) { transform: translateY(0px) scaleY(1); opacity: 1; --op-pe: inherit; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: linear, linear; }
.popup-lootlist:where([sf~="90"]), .popup-offers-settings:where([sf~="90"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgr: 72px; --mgb: 30px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: #263238; --bg-grad: none; width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; opacity: 0; --op-pe: none; transform-origin: 0% 100%; transform: translateY(40px); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: linear, linear; box-shadow: 2px 2px 14px 10.333333px rgb(0 0 0 / 0.356863); --bg-fill: rgb(0 0 0 / 0.356863); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-lootlist.popup-offers-settings:where([sf~="90"]), .popup-offers-settings.popup-offers-settings:where([sf~="90"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 280px; --mgb: 120px; --mgr: 0px; width: 280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 280px; }
.popup-lootlist.popup-offers-settings .popup-lootlist__list__section:where([sf~="90"]), .popup-offers-settings.popup-offers-settings .popup-lootlist__list__section:where([sf~="90"]) { --bgc: rgba(0, 0, 0, 0.160427); --bg-grad: none; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.popup-lootlist.popup-offers-settings .popup-offers-setting__text-button:where([sf~="90"]), .popup-offers-settings.popup-offers-settings .popup-offers-setting__text-button:where([sf~="90"]) { --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 1px solid rgba(111, 129, 139, 0); --bdln: 1; --bdrn: 1; box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 0); --bg-fill: initial; --bg-solid: initial; border-radius: 12px; --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; transition-property: border, --brightness, box-shadow; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.popup-lootlist.popup-offers-settings .popup-offers-setting__text-button .RadioBox:where([sf~="90"]), .popup-offers-settings.popup-offers-settings .popup-offers-setting__text-button .RadioBox:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; min-width: 12px; min-height: 12px; --mh-set: 1; --mhp: 1; --bg-size: auto 100%; --bg-w: 0px; opacity: 0.696476; --op-pe: inherit; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; border: 2px solid rgba(128, 128, 128, 0.42061); --bdln: 2; --bdrn: 2; border-radius: 50%; box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: opacity; transition-duration: 0.20s; transition-timing-function: ease-in-out; }
.popup-lootlist.popup-offers-settings .popup-offers-setting__text-button p-label:where([sf~="90"]), .popup-offers-settings.popup-offers-settings .popup-offers-setting__text-button p-label:where([sf~="90"]) { font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #B0BEC5; }
.popup-lootlist.popup-offers-settings .popup-offers-setting__text-button:hover:where([sf~="90"]), .popup-offers-settings.popup-offers-settings .popup-offers-setting__text-button:hover:where([sf~="90"]) { border: 1px solid rgba(111, 129, 139, 0.418699); --bdln: 1; --bdrn: 1; --brightness: 2; box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 0.403922); --bg-fill: initial; --bg-solid: initial; transition-property: border, --brightness, box-shadow; transition-duration: 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-lootlist.popup-offers-settings .popup-offers-setting__text-button._selected .RadioBox:where([sf~="90"]), .popup-offers-settings.popup-offers-settings .popup-offers-setting__text-button._selected .RadioBox:where([sf~="90"]) { opacity: 1; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0.583214); --bg-grad: none; border: 2px solid rgba(65, 65, 65, 1); --bdln: 2; --bdrn: 2; }
.popup-lootlist .popup-lootlist__desc:where([sf~="90"]), .popup-offers-settings .popup-lootlist__desc:where([sf~="90"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 8px; --mgr: 16px; --mgb: 8px; --mgl: 16px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: #B0BEC5; }
.popup-lootlist .popup-lootlist__list:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list:where([sf~="90"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.popup-lootlist .popup-lootlist__list:last-child:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list:last-child:where([sf~="90"]) { --mgb: 8px; }
.popup-lootlist .popup-lootlist__list p-verticalscrollbar:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list p-verticalscrollbar:where([sf~="90"]) { width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section:where([sf~="90"]) { --bgc: rgba(0, 0, 0, 0.160427); --bg-grad: none; --mgt: 4px; --mgr: 8px; --mgb: 4px; --mgl: 8px; width: 306px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 306px; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items:where([sf~="90"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item:where([sf~="90"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item .popup-lootlist__list__item__rarity:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item .popup-lootlist__list__item__rarity:where([sf~="90"]) { width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; border-radius: 50%; --mgr: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 2px solid White; --bdln: 2; --bdrn: 2; opacity: 0.696476; --op-pe: inherit; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item .popup-lootlist__list__item__name:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item .popup-lootlist__list__item__name:where([sf~="90"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #B0BEC5; border: 1px solid rgba(111, 129, 139, 0); --bdln: 1; --bdrn: 1; border-radius: 12px; --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; transition-property: border, --brightness, box-shadow; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item.seen .popup-lootlist__list__item__rarity:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item.seen .popup-lootlist__list__item__rarity:where([sf~="90"]) { --bgc: white; --bg-grad: none; border: 0px solid White; --bdln: 0; --bdrn: 0; opacity: 1; --op-pe: inherit; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item:hover:not(._disabled) .popup-lootlist__list__item__name:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item:hover:not(._disabled) .popup-lootlist__list__item__name:where([sf~="90"]) { border: 1px solid rgba(111, 129, 139, 0.418699); --bdln: 1; --bdrn: 1; --brightness: 2; box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 0.403922); --bg-fill: initial; --bg-solid: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item._disabled .popup-lootlist__list__item__name:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__item._disabled .popup-lootlist__list__item__name:where([sf~="90"]) { opacity: 0.414305; --op-pe: inherit; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__progress:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__progress:where([sf~="90"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #78909C; width: 112px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 112px; text-overflow: clip; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__btn:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__btn:where([sf~="90"]) { border: 1px solid rgba(111, 129, 139, 0.418699); --bdln: 1; --bdrn: 1; border-radius: 12px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transition-property: border, --brightness, box-shadow; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__btn p-label:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__btn p-label:where([sf~="90"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; width: 72px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 72px; }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__btn:hover:not(._disabled):where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__btn:hover:not(._disabled):where([sf~="90"]) { border: 1px solid rgba(111, 129, 139, 0.643109); --bdln: 1; --bdrn: 1; --brightness: 2; box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 0.403922); --bg-fill: initial; --bg-solid: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-lootlist .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__btn._disabled:where([sf~="90"]), .popup-offers-settings .popup-lootlist__list .popup-lootlist__list__section_items .popup-lootlist__list__section__btn._disabled:where([sf~="90"]) { opacity: 0.414305; --op-pe: inherit; }
.laptop-wash-color-unusual:where([sf~="90"]) { --wash-color: #ffd700; --wash-filter: url(#w-ffd700); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/hud/hudgameicons.css */
@keyframes hud-game-icons-defuse-bomb--on-pickup {
0% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
10% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
70% { --wash-color: hsv-transform(#ffb136, 0, 0.8, 2); --wash-filter: url(#w-hsv_transform_ffb136_0_0_8_2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes hud-game-icons-defuse-icon-arrow--on-pickup {
0% { opacity: 0; --op-pe: none; transform: translateX(30px); }
10% { opacity: 1; --op-pe: inherit; transform: translateX(30px); }
70% { opacity: 1; --op-pe: inherit; transform: translateX(0px); }
100% { opacity: 0; --op-pe: none; transform: translateX(0px); }
}
@keyframes hud-game-icons-icon-hostage-transit--while-carried {
0% { --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: hsv-transform(lightgreen, 0, 0, 1.5); --wash-filter: url(#w-hsv_transform_lightgreen_0_0_1_5); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-game-icons-defuse:where([sf~="91"]) { --vis-collapse: none; }
.hud-game-icons--mode-bomb .hud-game-icons-defuse:where([sf~="91"]) { --vis-collapse: initial; }
.hud-game-icons-defuse-icon-bomb-background:where([sf~="91"]) { opacity: 0; --op-pe: none; --pdt: 2px; --pdr: 15px; --pdb: 5px; --pdl: 0px; --pdrn: 15; --pdln: 0; }
.hud-game-icons--bomb-carried .hud-game-icons-defuse-icon-bomb-background:where([sf~="91"]) { opacity: 1; --op-pe: inherit; }
.hud-game-icons-defuse-icon-bomb:where([sf~="91"]) { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); transform: scaleX(-1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-game-icons--bomb-picked-up .hud-game-icons-defuse-icon-bomb:where([sf~="91"]) { animation-name: hud-game-icons-defuse-bomb--on-pickup; animation-duration: 0.6s; animation-timing-function: ease-out; animation-iteration-count: 4; }
.hud-game-icons-defuse-icon-arrow:where([sf~="91"]) { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); opacity: 0; --op-pe: none; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-game-icons--bomb-picked-up .hud-game-icons-defuse-icon-arrow:where([sf~="91"]) { animation-name: hud-game-icons-defuse-icon-arrow--on-pickup; animation-duration: 0.6s; animation-timing-function: ease-out; animation-iteration-count: 4; }
.hud-game-icons-defuse-icon-bomb-zone:where([sf~="91"]) { opacity: 0; --op-pe: none; --pdl: 5px; --pdln: 5; --pdt: 10px; }
.hud-game-icons--bomb-zone .hud-game-icons-defuse-icon-bomb-zone:where([sf~="91"]) { opacity: 1; --op-pe: inherit; --wash-color: #ffb136; --wash-filter: url(#w-ffb136); animation-name: bomb-zone-highlight-enter, bomb-zone-bounce, bomb-zone-highlight; animation-duration: 0.5s, 1.5s, 0.5s; animation-iteration-count: 1, infinite, infinite; animation-delay: 0s, 0.4s, 0.15s; animation-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes bomb-zone-highlight-enter {
0% { transform: scaleX(1.0) scaleY(1.0); }
40% { transform: scaleX(1.3) scaleY(1.3); }
75% { transform: scaleX(0.8) scaleY(0.8); }
100% { transform: scaleX(1.0) scaleY(1.0); }
}
@keyframes bomb-zone-bounce {
0% { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
25% { --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
30% { --px: 0px; --pxp: 0px; --py: 2px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
60% { --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
95% { --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
100% { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
}
@keyframes bomb-zone-highlight {
0% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
10% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
70% { --wash-color: hsv-transform(#ffb136, 0, 0.8, 2); --wash-filter: url(#w-hsv_transform_ffb136_0_0_8_2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-game-icons-hostage:where([sf~="91"]) { --vis-collapse: none; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 25px; --pdrn: 0; --pdln: 25; }
.hud-game-icons--mode-hostage .hud-game-icons-hostage:where([sf~="91"]) { --vis-collapse: initial; }
.hud-game-icons-icon-hostage:where([sf~="91"]) { --vis-collapse: none; width: 34px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 34px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; }
.hud-game-icons-icon-hostage--active.hud-game-icons-icon-hostage:where([sf~="91"]) { --vis-collapse: initial; }
.hud-game-icons-icon-hostage-alive:where([sf~="91"]) { opacity: 1; --op-pe: inherit; --wash-color: yellow; --wash-filter: url(#w-yellow); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-game-icons-icon-hostage-dead:where([sf~="91"]) { opacity: 0; --op-pe: none; --wash-color: red; --wash-filter: url(#w-red); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-game-icons-icon-hostage-transit:where([sf~="91"]) { opacity: 0; --op-pe: none; --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-game-icons-icon-hostage-rescued:where([sf~="91"]) { opacity: 0; --op-pe: none; --wash-color: green; --wash-filter: url(#w-green); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-game-icons-icon-hostage--carried .hud-game-icons-icon-hostage-alive:where([sf~="91"]) { opacity: 0; --op-pe: none; }
.hud-game-icons-icon-hostage--carried .hud-game-icons-icon-hostage-transit:where([sf~="91"]) { animation-name: hud-game-icons-icon-hostage-transit--while-carried; animation-duration: 0.8s; animation-iteration-count: infinite; opacity: 1; --op-pe: inherit; }
.hud-game-icons-icon-hostage--rescued .hud-game-icons-icon-hostage-alive:where([sf~="91"]) { opacity: 0; --op-pe: none; }
.hud-game-icons-icon-hostage--rescued .hud-game-icons-icon-hostage-rescued:where([sf~="91"]) { opacity: 1; --op-pe: inherit; }
.hud-game-icons-icon-hostage--dead .hud-game-icons-icon-hostage-alive:where([sf~="91"]) { opacity: 0; --op-pe: none; }
.hud-game-icons-icon-hostage--dead .hud-game-icons-icon-hostage-dead:where([sf~="91"]) { opacity: 1; --op-pe: inherit; }
.hud-game-icons-hostage-zone:where([sf~="91"]) { opacity: 0; --op-pe: none; --wash-color: #ffffff; --wash-filter: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-game-icons--hostage-rescue-zone .hud-game-icons-hostage-zone:where([sf~="91"]) { opacity: 1; --op-pe: inherit; }
p-csgohudgameicons p-ccsgosteaminputaction.ControllerConnected:where([sf~="91"]) { --vis-collapse: none; }
.ConsoleControlsInUse p-csgohudgameicons.hud-game-icons--bomb-zone p-ccsgosteaminputaction.ControllerConnected:where([sf~="91"]) { --vis-collapse: initial; }
p-csgohudgameicons .steam-button-glyph:where([sf~="91"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
/* styles/popups/popup_can_apply_pick_slot.css */
.popup-can-apply-container:where([sf~="92"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.popup-can-apply-button-container:where([sf~="92"]) { min-width: 350px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-can-apply-button:where([sf~="92"]) { --bgc: #0F9D58; --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 10px; --pdr: 20px; --pdb: 10px; --pdl: 20px; --pdrn: 20; --pdln: 20; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 3px; transition-property: --brightness, --bgc; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-can-apply-button:hover:not(._disabled):where([sf~="92"]) { --brightness: 1.5; transition-property: --brightness, --bgc; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-can-apply-button._disabled:where([sf~="92"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-can-apply-button.popup-can-apply-button--next:where([sf~="92"]), .popup-can-apply-button.popup-can-apply-button--cancel:where([sf~="92"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; border: 1px solid rgba(255, 255, 255, 0.583214); --bdln: 1; --bdrn: 1; --pdt: 8px; --pdr: 19px; --pdb: 8px; --pdl: 19px; --pdrn: 19; --pdln: 19; transition-property: transform, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-can-apply-button.popup-can-apply-button--next :is(p-image, :where(img[pimg])):where([sf~="92"]), .popup-can-apply-button.popup-can-apply-button--cancel :is(p-image, :where(img[pimg])):where([sf~="92"]) { transform: scaleX(-1); }
.popup-can-apply-button.popup-can-apply-button--next.hidden:where([sf~="92"]), .popup-can-apply-button.popup-can-apply-button--cancel.hidden:where([sf~="92"]) { transform: translateX( -30px ); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-can-apply-button.popup-can-apply-button--next:hover:not(._disabled):where([sf~="92"]), .popup-can-apply-button.popup-can-apply-button--cancel:hover:not(._disabled):where([sf~="92"]) { border: 1px solid rgba(255, 255, 255, 0.583214); --bdln: 1; --bdrn: 1; --bgc: rgba(0, 0, 0, 0.451833); --bg-grad: none; }
.popup-can-apply-button p-label:where([sf~="92"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: white; font-weight: 700; }
.popup-can-apply-button :is(p-image, :where(img[pimg])):where([sf~="92"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 12px; }
.can_apply_previewonly_phantom_display .popup-can-apply-button-container #CanApplyContinue:where([sf~="92"]) { --vis-collapse: none; }
.can_apply_previewonly_phantom_display .popup-can-apply-button-container .popup-can-apply-button--next:where([sf~="92"]), .can_apply_previewonly_phantom_display .popup-can-apply-button-container .popup-can-apply-button--cancel:where([sf~="92"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-can-apply-item-image:where([sf~="92"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 135 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; }
.popup-can-apply-item-image--anim:where([sf~="92"]) { animation-name: PickedSlot; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.popup-can-apply_remove_btn:where([sf~="92"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; transform: scale3d( 1, 1, 1); }
.popup-can-apply_remove_btn:hover:not(._disabled):where([sf~="92"]) { transform: scale3d( 1.05, 1.05, 1); transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-can-apply_remove_btn.is_sticker_remove_unselected:where([sf~="92"]) { opacity: 0.524924; --op-pe: inherit; --brightness: .7; transform: scale3d( .8, .8, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-can-apply_remove_btn.is_sticker_remove_selected:where([sf~="92"]) { opacity: 1; --op-pe: inherit; --brightness: 1; --brightness: 1.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-can-apply_remove_btn .popup-can-apply_remove__image:where([sf~="92"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 135 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; }
.popup-can-apply_remove_btn .popup-can-apply_remove__image.popup-can-apply_remove__image__coupon:where([sf~="92"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.popup-can-apply_remove_btn .popup-can-apply_remove__label:where([sf~="92"]) { transform: translateY(35px); --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; }
.popup-can-apply_remove_btn .popup-can-apply_remove__selected:where([sf~="92"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #0F9D58; --bg-grad: none; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgb: 8px; border-radius: 50%; transform: translateY(16px); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-can-apply_remove_btn._selected .popup-can-apply_remove__selected:where([sf~="92"]) { opacity: 1; --op-pe: inherit; transform: translateY(8px); transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-can-apply_remove_btn .RadioBox:where([sf~="92"]) { --vis-collapse: none; }
.cart-item__price:where([sf~="92"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --mgb: 4px; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; border-radius: 14px; --bg-grad: linear-gradient(180deg, #efefef 0%, rgb( 212, 211, 211 ) 100%); --bgc: transparent; }
.cart-item__price .inline-coin-icon:where([sf~="92"]) { height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: translateY(-3px); color: black; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-can-apply_remove_btn .cart-item__price:where([sf~="92"]), .tooltip-souvenir-receipt .cart-item__price:where([sf~="92"]), .cart-item__price.popup-capability__souvenir-discount__cost:where([sf~="92"]) { color: black; }
.cart-item__price.popup-can-apply_remove__label__coupon:where([sf~="92"]) { z-index: 5; transform: rotateZ( -45deg ) translateX( 15px ) translateY( 90px ); --pdl: 5px; --pdln: 5; --pdr: 20px; --pdrn: 20; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.kk-c-cart-item__price:has(> .cart-item__price.popup-can-apply_remove__label__coupon:where([sf~="92"]):not([pvis="0"])) { isolation: isolate; }
.popup-capability__apply-sticker-hints:where([sf~="92"]), .popup-capability__apply-keychain-hints:where([sf~="92"]) { --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; border-radius: 5px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --vis-collapse: none; --mgt: 200px; opacity: 1; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.popup-capability__apply-sticker-hints.show-sticker-apply-hints:where([sf~="92"]), .popup-capability__apply-sticker-hints.show-keychain-apply-hints:where([sf~="92"]), .popup-capability__apply-keychain-hints.show-sticker-apply-hints:where([sf~="92"]), .popup-capability__apply-keychain-hints.show-keychain-apply-hints:where([sf~="92"]) { --vis-collapse: initial; }
.popup-capability__apply-sticker-hints .popup-capability__apply-sticker-hints__separator:where([sf~="92"]), .popup-capability__apply-keychain-hints .popup-capability__apply-sticker-hints__separator:where([sf~="92"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; --bgc: rgba(255, 255, 255, 0.575998); --bg-grad: none; }
.popup-capability__apply-sticker-hints .popup-capability__apply-sticker-hints__icons:where([sf~="92"]), .popup-capability__apply-keychain-hints .popup-capability__apply-sticker-hints__icons:where([sf~="92"]) { --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 12px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; zoom: 0.7; --uizi: 0.7; --zl: calc(var(--mgl) / 0.7); --zr: calc(var(--mgr) / 0.7); --zt: calc(var(--mgtv, var(--mgt)) / 0.7); --zb: calc(var(--mgbv, var(--mgb)) / 0.7); --tooltip-position: top; }
.popup-capability__apply-sticker-hints .popup-capability__apply-sticker-hints__icons .popup-capability__apply-sticker-hints__action-icon:where([sf~="92"]), .popup-capability__apply-keychain-hints .popup-capability__apply-sticker-hints__icons .popup-capability__apply-sticker-hints__action-icon:where([sf~="92"]) { opacity: 0.947817; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-capability__apply-sticker-hints .popup-capability__apply-sticker-hints__icons .popup-capability__apply-sticker-hints__mouse-icon:where([sf~="92"]), .popup-capability__apply-keychain-hints .popup-capability__apply-sticker-hints__icons .popup-capability__apply-sticker-hints__mouse-icon:where([sf~="92"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-capability__remove-sticker-hint:where([sf~="92"]) { --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; border-radius: 5px; --pdt: 8px; --pdr: 16px; --pdb: 8px; --pdl: 16px; --pdrn: 16; --pdln: 16; --vis-collapse: none; --mgt: 200px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.popup-capability__remove-sticker-hint.show-sticker-remove-hints:where([sf~="92"]) { --vis-collapse: initial; }
.popup-capability__remove-sticker-hint p-label:where([sf~="92"]) { --mgl: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-capability__craft-souvenir-hint:where([sf~="92"]) { --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; border-radius: 5px; --pdt: 8px; --pdr: 16px; --pdb: 8px; --pdl: 16px; --pdrn: 16; --pdln: 16; --vis-collapse: none; --mgt: 230px; --mgl: 150px; --mgr: 150px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.popup-capability__craft-souvenir-hint.show-craft-souvenir-hints:where([sf~="92"]) { --vis-collapse: initial; }
.popup-capability__craft-souvenir-hint p-label:where([sf~="92"]) { --mgl: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: #FFD700; }
#StickerScrapeLevelContainer p-label:where([sf~="92"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#StickerScrapeLevelSlider #SliderTrack:where([sf~="92"]) { border-radius: 3px; }
#StickerScrapeLevelSlider:where([sf~="92"]) { --pdl: 16px; --pdln: 16; --mgt: 2px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#StickerScrapeLevelSlider #SliderTrackProgress:where([sf~="92"]) { --bgc: rgba(208, 191, 191, 0.760426); --bg-grad: none; border-radius: 3px; }
#StickerScrapeLevelContainer._disabled:where([sf~="92"]) { opacity: 0.414305; --op-pe: inherit; }
#StickerScrapeLevelContainer.StickerScrapeLevelContainerHidden:where([sf~="92"]) { opacity: 0; --op-pe: none; }
#StickerScrapeLevelContainer #SliderThumb:where([sf~="92"]), #StickerScrapeLevelContainer#SliderThumb:where([sf~="92"]) { --bgc: rgba(204, 204, 204, 1); --bg-grad: none; border-radius: 2px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; box-shadow: 1px 1px 2px 2.333333px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
@keyframes PickedSlot {
0% { transform: scale3d( 1, 1, 1 ); }
50% { transform: scale3d( 1.1, 1.1, 1.1 ); --brightness: 5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1, 1, 1 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/advertising_icon.css */
.btn_advertising:where([sf~="93"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 96px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 96px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; }
.btn_advertising__img-ring:where([sf~="93"]), .btn_advertising__img-pole:where([sf~="93"]), .btn_advertising__img-ring-outer:where([sf~="93"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; transition-property: --wash-color; transition-duration: 0.40s; transition-timing-function: ease-in-out; }
.advertising-active .btn_advertising__img-pole:where([sf~="93"]) { --wash-color: #2ddd33; --wash-filter: url(#w-2ddd33); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.advertising-active .btn_advertising__img-ring:where([sf~="93"]) { --wash-color: #2ddd33; --wash-filter: url(#w-2ddd33); animation-name: advertising-ring-active; animation-duration: 2.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.advertising-active .btn_advertising__img-ring-outer:where([sf~="93"]) { --wash-color: #2ddd33; --wash-filter: url(#w-2ddd33); animation-name: advertising-ring-outer-active; animation-duration: 2.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes advertising-ring-active {
from { transform: scale3d( .0, .0, 1 ) translateY(-2px); opacity: 1; --op-pe: inherit; }
50% { transform: scale3d( 2.5, 2.5, 1 ) translateY(-2px); opacity: 0; --op-pe: none; }
100% { transform: scale3d( 2.5, 2.5, 1 ) translateY(-2px); opacity: 0; --op-pe: none; }
}
@keyframes advertising-ring-outer-active {
from { transform: scale3d( 0, 0, 0 ) translateY(-2px); opacity: 1; --op-pe: inherit; }
100% { transform: scale3d( 2, 2, 1 ) translateY(-2px); opacity: 0; --op-pe: none; }
}
/* styles/btn_alert.css */
.pausemenu-navbar-container .navbar-btn__notification:where([sf~="94"]) { zoom: 1.25; --uizi: 1.25; --zl: calc(var(--mgl) / 1.25); --zr: calc(var(--mgr) / 1.25); --zt: calc(var(--mgtv, var(--mgt)) / 1.25); --zb: calc(var(--mgbv, var(--mgb)) / 1.25); }
.navbar-btn__notification:where([sf~="94"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --bgc: #D8760E; --bg-grad: none; border-radius: 2px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 0px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1) translateX(0px); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.navbar-btn__notification.center:where([sf~="94"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.inv-nav-solid-btn-notification:where([sf~="94"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.inv-nav-solid-btn-notification.navbar-btn__notification .navbar-btn__notification-text:where([sf~="94"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.navbar-btn__notification--horizontal-left:where([sf~="94"]) { --mgb: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.navbar-btn__notification.dot:where([sf~="94"]) { border-radius: 50%; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0.368627); --bg-fill: rgb(0 0 0 / 0.368627); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.navbar-btn__notification.dot .navbar-btn__notification-text:where([sf~="94"]) { --vis-collapse: none; }
.navbar-btn__notification.text-only:where([sf~="94"]) { --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.navbar-btn__notification.overwatch:where([sf~="94"]) { --bgc: #3281AC; --bg-grad: none; }
.navbar-btn__notification.hidden:where([sf~="94"]), .navbar-btn__notification--horizontal-left.hidden:where([sf~="94"]), .hide-notification .navbar-btn__notification:where([sf~="94"]) { opacity: 0; --op-pe: none; transform: scale3d(0, 0, 0); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.navbar-btn__notification.dot.hidden:where([sf~="94"]), .content-navbar__tabs__btn .navbar-btn__notification.hidden:where([sf~="94"]) { --vis-collapse: none; }
.navbar-btn__notification .navbar-btn__notification-text:where([sf~="94"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 4px; --pdrn: 4; --pdln: 4; color: white; max-width: 64px; --maxw: 64px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --text-shrink: 1; }
.navbar-btn__notification-text.shadow:where([sf~="94"]) { text-shadow: 2px 2px 4px rgb(0 0 0 / 0.25098), 2px 2px 4px color-mix(in srgb, rgb(0 0 0 / 0.25098) 77.255%, transparent); }
/* styles/buymenu.css */
.hrTop:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.hrBot:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.buymenu:where([sf~="95"]) { --vis-collapse: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.784284); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.WindowRoot_TripleMonitor .buymenu:where([sf~="95"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.33), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.buymenu__fullscreen:where([sf~="95"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.buymenu__contents:where([sf~="95"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transform: translateX(-50px); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-buymenu__contents:has(> .buymenu__contents:where([sf~="95"]):not([pvis="0"])) { --kid-fill-h: 1; }
.buymenu-navbar:where([sf~="95"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-top: 1px solid rgba(255, 255, 255, 0.179361); }
.buymenu-navbar p-label:where([sf~="95"]) { font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-transform: uppercase; }
.buymenu-navbar .buymenu__for-teammate:where([sf~="95"]) { color: rgb(161, 161, 161); --mgt: 16px; --mgr: 12px; --mgb: 12px; --mgl: 12px; }
.deathmatch .buymenu-navbar .buymenu__for-teammate:where([sf~="95"]) { opacity: 0; --op-pe: none; }
.buymenu-navbar .buymenu__for-teammate.active:where([sf~="95"]) { color: rgb(161, 161, 161); }
.buymenu-left:where([sf~="95"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 16px; --mgt: 180px; }
.buymenu__purchase-failure-container:where([sf~="95"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 6px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --py: -120px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --mgl: 32px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.buymenu__purchase-failure-container .buymenu__purchase-failure:where([sf~="95"]) { font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; color: white; text-align: center; --bgc: rgba(163, 148, 14, 0.925051); --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; animation-name: failure-pulse; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: 2; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --brightness: 1; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity; transition-duration: 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buymenu__purchase-failure-container .buymenu__purchase-failure.donate:where([sf~="95"]) { --bgc: rgba(8, 112, 13, 0.824888); --bg-grad: none; }
.buymenu__purchase-failure-container .buymenu__purchase-failure--teammate:where([sf~="95"]) { color: white; }
.buymenu__purchase-failure-container .buymenu__purchase-failure.Hidden:where([sf~="95"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; opacity: 0; --op-pe: none; }
.buymenu__purchase-failure-container #PurchaseFailureLabel:where([sf~="95"]) { animation-name: fadein; animation-duration: 0.5s; animation-timing-function: ease-in; animation-iteration-count: 1; }
@keyframes fadein {
0% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
@keyframes failure-pulse {
0% { --saturation: 1.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --saturation: 0.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --saturation: 1.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.buymenu-money:where([sf~="95"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.buymenu-info:where([sf~="95"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 950px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 950px; --bgc: rgba(0, 0, 0, 0.482646); --bg-grad: none; --mgb: 4px; }
.buymenu-info .buymenu-timeleft:where([sf~="95"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.buymenu-info .buymenu-timeleft .buymenu-timeleft-title:where([sf~="95"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 400; color: rgba(255, 255, 255, 0.588566); }
.buymenu-info p-label:where([sf~="95"]) { font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 6px; --pdr: 0px; --pdb: 6px; --pdl: 0px; --pdrn: 0; --pdln: 0; color: white; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --mgl: 10px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.buymenu-info .buymenu-timeleft-timer:where([sf~="95"]) { width: 102px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 102px; }
.buymenu-info .buymenu-minmoney:where([sf~="95"]) { font-family: Stratum2 regular Monodigit, 'Arial Unicode MS'; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 10px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: rgb(128, 128, 128); }
.buy-wheel-background:where([sf~="95"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(26, 26, 26, 0.556516); --bg-grad: none; opacity: 1; --op-pe: inherit; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.buymenu-body .buy-wheel-background:where([sf~="95"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.01; --bg-img-own: none; --bgc: rgba(0, 0, 0, 0.482646); --bg-grad: none; }
.buymenu-body .buy-wheel-background:where([sf~="95"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.buy-wheel-edges:where([sf~="95"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0.696476; --op-pe: inherit; }
.comment-out-this-line-to-debug .buy-wheel-background:where([sf~="95"]) { --bgc: transparent; --bg-grad: none; --bg-img: url("/panorama/images/masks/itemlocationhelper.svg"); --bg-size: 100% auto; --bg-w: 0px; --bg-img-opacity: 1; --bg-img-own: none; }
.comment-out-this-line-to-debug .buy-wheel-background:where([sf~="95"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.comment-out-this-line-to-debug .buywheel-wedge .buywheel-wedge__inner:where([sf~="95"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border: 1px solid yellow; --bdln: 1; --bdrn: 1; width: 5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 5px; height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; min-width: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.buy-wheel:where([sf~="95"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.loadout .buywheel-wedge .buywheel-category__contents:where([sf~="95"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.loadout .buywheel-wedge .buywheel-category__contents .buywheel-category__title:where([sf~="95"]) { opacity: 1; --op-pe: inherit; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; --text-shrink: 1; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.loadout .buywheel-wedge .buywheel-button__key:where([sf~="95"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.616725; --op-pe: inherit; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --mgl: 5px; }
.loadout .buywheel-wedge .buywheel-wedge__inner:where([sf~="95"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.AspectRatio4x3 .loadout .buywheel-wedge .buywheel-wedge__inner p-itemimage:where([sf~="95"]) { max-width: 200px; --maxw: 200px; }
.loadout .buywheel-wedge .buywheel-wedge__inner p-label:where([sf~="95"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.buymenu-agent:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
@keyframes ping {
0% { --brightness: 0.65; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.highlit-agent:where([sf~="95"]) { animation-name: ping; animation-duration: .1s; animation-timing-function: ease-in; animation-iteration-count: 1; --brightness: 1.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.weapon-icons__image:where([sf~="95"]) { --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; opacity: 0.892208; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buymenu-right:where([sf~="95"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdt: 38px; z-index: -1; }
.kk-c-buymenu-right:has(> .buymenu-right:where([sf~="95"]):not([pvis="0"])) { isolation: isolate; }
.rarity-bar:where([sf~="95"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: linear-gradient(90deg, #6a6156 0%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 8px; }
.common.rarity-bar:where([sf~="95"]) { --bg-grad: linear-gradient(90deg, rgb(153, 153, 153) 0%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; }
.uncommon.rarity-bar:where([sf~="95"]) { --bg-grad: linear-gradient(90deg, #5e98d9 0%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; }
.rare.rarity-bar:where([sf~="95"]) { --bg-grad: linear-gradient(90deg, #4b69ff 0%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; }
.mythical.rarity-bar:where([sf~="95"]) { --bg-grad: linear-gradient(90deg, #8847ff 0%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; }
.ancient.rarity-bar:where([sf~="95"]) { --bg-grad: linear-gradient(90deg, #eb4b4b 0%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; }
.legendary.rarity-bar:where([sf~="95"]) { --bg-grad: linear-gradient(90deg, #d32ce6 0%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; }
.immortal.rarity-bar:where([sf~="95"]) { --bg-grad: linear-gradient(90deg, #e4ae39 0%, rgba(128, 128, 128, 0) 100%); --bgc: transparent; }
.buywheel-item__image:where([sf~="95"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.team-equip__special:where([sf~="95"]) { border-right: 1px solid white; --bdrn: 1; --mgr: 4px; --pdr: 8px; --pdrn: 8; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.RadioBox:where([sf~="95"]) { opacity: 0; --op-pe: none; }
.RadioButton p-label:where([sf~="95"]) { --mgl: 0px; }
.team-logo:where([sf~="95"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --brightness: 1; --mgt: 0px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buymenu-body:where([sf~="95"]) { width: 950px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 950px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.buymenu__category__column.ccpromo:where([sf~="95"]) { width: 170px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 170px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.buymenu__category__column.ccpromo .buywheel-button__key:where([sf~="95"]) { --vis-collapse: none; }
#promo-item .promoted-label:where([sf~="95"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: #000000; --bg-grad: none; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; width: 90px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 90px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; text-align: center; transform: rotateZ(-35deg); transform-origin: 0% 0%; --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -14px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 1px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.buymenu__categories__container:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.buymenu__categories__container .buymenu-category .Selected .buywheel-button__key:where([sf~="95"]) { --brightness: 2; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buymenu__categories__container .buymenu-category .buymenu__category__itembuttons:where([sf~="95"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.ccequip:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 0.18), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.ccpistols:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 0.18), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.ccmidtier:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 0.22), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.ccrifles:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 0.24), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.ccgrenades:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 0.18), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.buymenu__category__column:where([sf~="95"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 15px; --pdb: 0px; --pdl: 15px; --pdrn: 15; --pdln: 15; transition-property: translate, --pxp, --pyp, --brightness, opacity; transition-duration: 0.1s, 0.1s, 0.1s, 0.1s, 0.1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; border-left: 0px solid rgba(50, 50, 50, 1); --bdln: 0; }
.buymenu__category__column .keybind:where([sf~="95"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Mono, 'Arial Unicode MS'; --c9: 0.9; transition-property: translate, --pxp, --pyp, --brightness, opacity; transition-duration: 0.1s, 0.1s, 0.1s, 0.1s, 0.1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.buymenu__category__column .buymenu__category__column__header:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 15px; }
.buymenu__category__column .buymenu__category__column__header p-label:where([sf~="95"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; text-align: center; }
.buymenu__category__column .buymenu__category__column__header .buymenu__category__column__keylabel:where([sf~="95"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.buymenu__category__column .buymenu__category__column__header .buymenu__category__column__label:where([sf~="95"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; font-stretch: condensed; }
.buymenu__category__column.Selected:where([sf~="95"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.CategoryIsSelected .buymenu__category__column:not(.Selected):where([sf~="95"]) { --brightness: 0.3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.CategoryIsSelected .buymenu__category__column .buymenu__category__column__keylabel:where([sf~="95"]) { opacity: 0; --op-pe: none; }
#CategoryContainer1 .buymenu__category__column:where([sf~="95"]) { border-left: 0px solid rgba(50, 50, 50, 1); --bdln: 0; }
.button-container:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; --mgb: 10px; --saturation: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.button-container.nux-recommended:not(.buywheel-cant-buy) .nux:where([sf~="95"]) { opacity: 0.767696; --op-pe: inherit; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.button-container .nux:where([sf~="95"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: #000000; --bg-grad: none; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; letter-spacing: 1.2px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; text-align: left; transform: rotateZ(-35deg); transform-origin: 0% 0%; --py: 7px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -7px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 1px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pdl: 10px; --pdln: 10; }
.buywheel-wedge:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: opacity; transition-duration: 1s; border: 1px solid black; --bdln: 1; --bdrn: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 4px; --pdr: 10px; --pdb: 4px; --pdl: 10px; --pdrn: 10; --pdln: 10; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(141, 141, 141, 0.370964) 0%, rgba(85, 85, 85, 0.158665) 100%); --bgc: transparent; border-radius: 5px; transition-property: --brightness; transition-duration: 0.0s; border: 1px solid rgba(0, 0, 0, 0); --bdln: 1; --bdrn: 1; }
.buywheel-wedge:hover:where([sf~="95"]) { transition-duration: 0.2s; --brightness: 2.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buywheel-cant-buy .buywheel-wedge:where([sf~="95"]) { --wash-color: none; --wash-filter: initial; --bgc: rgba(43, 43, 43, 0.800486); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buywheel-cant-buy .buywheel-wedge .buywheel-item__icon:where([sf~="95"]) { --wash-color: rgb(64, 64, 64); --wash-filter: url(#w-rgb_64_64_64); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buywheel-cant-buy .buywheel-wedge #ItemPrice:where([sf~="95"]), .buywheel-cant-buy .buywheel-wedge .buywheel-item__name:where([sf~="95"]) { --wash-color: rgb(128, 128, 128); --wash-filter: url(#w-rgb_128_128_128); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buywheel-cant-afford .buywheel-wedge #ItemPrice:where([sf~="95"]) { --wash-color: rgb(128, 128, 128); --wash-filter: url(#w-rgb_128_128_128); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buywheel-already-own .buywheel-wedge:where([sf~="95"]) { border: 1px solid white; --bdln: 1; --bdrn: 1; }
.wont-afford .buywheel-wedge:not(:hover) .buywheel-item__price:where([sf~="95"]) { transition-duration: 0.0s; }
.buywheel-wedge p-label:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.buywheel-wedge .buywheel-button__key:where([sf~="95"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; opacity: 0.616725; --op-pe: inherit; }
.buywheel-wedge .buywheel-item__name:where([sf~="95"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-align: right; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; width: min(calc((100% + var(--ppx)) * 0.7), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.buywheel-wedge .buywheel-item__price:where([sf~="95"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: right; font-family: Stratum2 Mono, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; text-shadow: 1px 1px rgba(0, 0, 0, 0.299283); transition-property: --wash-color; transition-duration: 0.2s; transition-timing-function: ease-out; }
.buywheel-wedge .buywheel-item__cur-value:where([sf~="95"]) { font-family: Stratum2 Medium Condensed; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: black; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.slot-32 .buywheel-wedge .buywheel-item__cur-value:where([sf~="95"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --px: 47px; --pxp: 0px; --py: 8px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.slot-33 .buywheel-wedge .buywheel-item__cur-value:where([sf~="95"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --px: 58px; --pxp: 0px; --py: 8px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.buywheel-wedge .buywheel-item__icon:where([sf~="95"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.45), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.45; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.buywheel-wedge.purchased:where([sf~="95"]) { animation-name: purchased; animation-duration: 0.5s; animation-iteration-count: 1; animation-delay: 0s; animation-timing-function: ease-in-out; }
.donate-bg:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-rep: repeat; --bg-size: 13px; --bg-w: 13px; --vis-collapse: none; }
.donate-bg:where([sf~="95"]) { --bgc: rgba(59, 255, 75, 0.260607); --bg-grad: none; border-radius: 10px; }
.in-donate .button-container:not(.buywheel-cant-buy) .donate-bg:where([sf~="95"]) { --vis-collapse: initial; }
.Hidden:where([sf~="95"]) { opacity: 0; --op-pe: none; }
.teammate-inventory-container:where([sf~="95"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; }
.teammate-inventory-container .player-pip:where([sf~="95"]) { --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 2px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.teammate-inventory-container .player-pip.has-item:where([sf~="95"]) { width: 5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 5px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: white; --bg-grad: none; border-radius: 50%; }
.sellback-button:where([sf~="95"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --wash-color: rgb(133, 133, 133); --wash-filter: url(#w-rgb_133_133_133); --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sellback-button p-label:where([sf~="95"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 4px; --pdrn: 4; --pdln: 4; text-align: right; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.sellback-button :is(p-image, :where(img[pimg])):where([sf~="95"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 5px; --mgl: 8px; }
.sellback-button:hover:where([sf~="95"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.can-sellback .sellback-button:where([sf~="95"]) { --vis-collapse: initial; }
@keyframes purchased {
0% { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes cantafford {
0% { opacity: 1; --op-pe: inherit; border-color: white; }
100% { opacity: 0.414305; --op-pe: inherit; border-color: red; }
}
.buymenu-item-info:where([sf~="95"]) { --py: 670px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 350px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 350px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; transition-property: opacity; transition-duration: 0.1s; --bgc: rgba(0, 0, 0, 0.55628); --bg-grad: none; --mgl: 32px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.buymenu-item-info p-label:where([sf~="95"]) { text-align: left; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.buymenu-item-info .buymenu-item-info__name:where([sf~="95"]) { font-family: stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --mgb: 10px; }
.buymenu-item-info .buymenu-item-info__desc:where([sf~="95"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.common:where([sf~="95"]) { color: rgb(153, 153, 153); }
.uncommon:where([sf~="95"]) { color: #5e98d9; }
.rare:where([sf~="95"]) { color: #4b69ff; }
.mythical:where([sf~="95"]) { color: #8847ff; }
.ancient:where([sf~="95"]) { color: #eb4b4b; }
.legendary:where([sf~="95"]) { color: #d32ce6; }
.immortal:where([sf~="95"]) { color: #e4ae39; }
.cl_buywheel_nonumberpurchasing .keybind:where([sf~="95"]) { opacity: 0; --op-pe: none; }
.buymenu__ground-weapons:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; --mgt: 10px; --bgc: rgba(26, 26, 26, 0.556516); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.01; --bg-img-own: none; --bgc: rgba(0, 0, 0, 0.482646); --bg-grad: none; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; opacity: 0; --op-pe: none; }
.buymenu__ground-weapons:where([sf~="95"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.show-ground-weapons .buymenu__ground-weapons:where([sf~="95"]) { height: 216px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 216px; opacity: 1; --op-pe: inherit; }
.buymenu__ground-weapons .buymenu__ground-weapons__title:where([sf~="95"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-family: Stratum2 Medium Condensed; --c9: 0.9; font-weight: 900; --fsz: 90; font-size: calc(max(1, round(nearest, 90 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 1; --op-pe: inherit; --mgl: 10px; text-overflow: ellipsis; color: rgba(255, 255, 255, 0.074915); letter-spacing: 10px; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container:where([sf~="95"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .buymenu__ground-weapons__lister:where([sf~="95"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 15px; --pdb: 0px; --pdl: 15px; --pdrn: 15; --pdln: 15; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 7px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; border-left: 0px solid rgba(50, 50, 50, 1); --bdln: 0; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry:where([sf~="95"]) { --bgc: rgba(48, 48, 48, 0.364422); --bg-grad: none; border-radius: 5px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --pdt: 4px; --pdr: 6px; --pdb: 4px; --pdl: 6px; --pdrn: 6; --pdln: 6; --mgb: 4px; transition-property: --brightness; transition-duration: 0.0s; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .kk-c-ground-weapon-entry:has(> .ground-weapon-entry:where([sf~="95"]):not([pvis="0"])), .buymenu__ground-weapons .buymenu__ground-weapons__list-container.kk-c-ground-weapon-entry:has(> .ground-weapon-entry:where([sf~="95"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .buymenu__ground-weapons .buymenu__ground-weapons__list-container .kk-c-ground-weapon-entry:has(> .ground-weapon-entry:where([sf~="95"]):not([pvis="0"]))::after, .buymenu__ground-weapons .buymenu__ground-weapons__list-container.kk-c-ground-weapon-entry:has(> .ground-weapon-entry:where([sf~="95"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry p-label:where([sf~="95"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; max-height: 16px; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry .ground-weapon-entry__image:where([sf~="95"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --mgr: 5px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry .ground-weapon-entry__name:where([sf~="95"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry .ground-weapon-entry__count:where([sf~="95"]) { --vis-collapse: none; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry.multiple-ground-weapons .ground-weapon-entry__count:where([sf~="95"]) { --vis-collapse: initial; }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry:not(.gone):hover:where([sf~="95"]) { transition-duration: 0.2s; --brightness: 2.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry.gone:where([sf~="95"]) { --brightness: 0.04; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry.gone :is(p-image, :where(img[pimg])):where([sf~="95"]), .buymenu__ground-weapons .buymenu__ground-weapons__list-container .ground-weapon-entry.gone p-label:where([sf~="95"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/carousel_nav.css */
p-carouselnav:where([sf~="96"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
p-carouselnav._disabled:where([sf~="96"]) { --vis-collapse: none; }
#ItemPips:where([sf~="96"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 5px; }
.mini-store__carousel-nav #ItemPips:where([sf~="96"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mini-store__carousel-nav #ItemPips .PaginationButton:where([sf~="96"]) { width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --bgc: rgba(0, 0, 0, 0.222102); --bg-grad: none; --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.mini-store__carousel-nav #ItemPips .PaginationButton._selected:where([sf~="96"]) { --bgc: rgba(255, 255, 255, 0.743375); --bg-grad: none; border-radius: 0px; }
.popup-major-store__popular__nav:where([sf~="96"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.popup-major-store__popular__nav .PaginationArrow:where([sf~="96"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --bg-size: 18px auto; --bg-w: 18px; --bgc: rgba(255, 255, 255, 0); --bg-grad: none; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.popup-major-store__popular__nav .PaginationArrow:hover:where([sf~="96"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-major-store__popular__nav .PaginationArrow._disabled:where([sf~="96"]) { opacity: 1; --op-pe: inherit; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --bg-img-opacity: .1; --bg-img-own: none; }
.popup-major-store__popular__nav .PaginationArrow._disabled:where([sf~="96"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__popular__nav .PaginationArrow.Right:where([sf~="96"]) { --mgl: 32px; }
.popup-major-store__popular__nav #ItemPips:where([sf~="96"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; }
.popup-major-store__popular__nav #ItemPips .PaginationButton:where([sf~="96"]) { width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --bgc: rgba(0, 0, 0, 0.222102); --bg-grad: none; --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 2px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 50%; }
.popup-major-store__popular__nav #ItemPips .PaginationButton._selected:where([sf~="96"]) { --bgc: rgba(255, 255, 255, 0.417846); --bg-grad: none; border-radius: 0px; border-radius: 50%; }
.xpshop__crate-lootlist-carousel-nav:where([sf~="96"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
.xpshop__crate-lootlist-carousel-nav #ItemPips:where([sf~="96"]) { --vis-collapse: none; }
.OverMaxPips #ItemButtons:where([sf~="96"]) { --vis-collapse: none; }
#ItemCount:where([sf~="96"]) { --vis-collapse: none; --mgr: 4px; --mgt: 1px; text-align: right; color: #aaa; }
.OverMaxPips #ItemCount:where([sf~="96"]) { --vis-collapse: none; }
.OverlayPips #PreviousItemButton:where([sf~="96"]), .OverlayPips #NextItemButton:where([sf~="96"]) { --vis-collapse: none; }
.OverlayPips .PaginationButton:where([sf~="96"]) { --bgc: black; --bg-grad: none; border: 2px solid #63adc8; --bdln: 2; --bdrn: 2; box-shadow: -1px 1px 1.5px 1px #000; --bg-fill: #000; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgt: 4px; --mgr: 2px; --mgb: 8px; --mgl: 8px; transition-property: --bgc; transition-duration: 0.2s; }
.OverlayPips .PaginationButton._selected:where([sf~="96"]) { --bgc: #63adc8; --bg-grad: none; }
.OverlayPips.SmallPips:where([sf~="96"]) { --mgt: 3px; --mgr: 3px; --mgb: 3px; --mgl: 3px; }
.OverlayPips.SmallPips .PaginationButton:where([sf~="96"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; border-width: 1px; --bdln: 1; --bdrn: 1; }
.InventoryCarousel-Container #ItemPips:where([sf~="96"]), .popup-acknowledge #ItemPips:where([sf~="96"]), .player-card-row__name p-carouselnav #ItemPips:where([sf~="96"]) { --vis-collapse: none; }
.op-tier__reward-container p-carouselnav:where([sf~="96"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: rotateZ(90deg); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgb: 20px; zoom: 0.75; --uizi: 0.75; --zl: calc(var(--mgl) / 0.75); --zr: calc(var(--mgr) / 0.75); --zt: calc(var(--mgtv, var(--mgt)) / 0.75); --zb: calc(var(--mgbv, var(--mgb)) / 0.75); }
.VRMode .PaginationArrow:where([sf~="96"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --bg-size: 64px 64px; --bg-w: 64px; --mgr: 20px; opacity: 1; --op-pe: inherit; }
.VRMode .PaginationArrow:hover:not(._disabled):where([sf~="96"]) { --brightness: 1.6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.VRMode .PaginationArrow:active:where([sf~="96"]) { --brightness: 1.3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.VRMode .PaginationArrow._disabled:where([sf~="96"]) { --brightness: 0.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.VRMode .PaginationButton:where([sf~="96"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; opacity: 1; --op-pe: inherit; }
.VRMode .PaginationButton:not(._selected):where([sf~="96"]) { --brightness: 0.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.VRMode .PaginationButton:hover:where([sf~="96"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/characterbuttons.css */
.border-right-white:where([sf~="97"]) { border-right: 1px solid rgba(255, 255, 255, 0.337286); --bdrn: 1; }
.margin-right-20:where([sf~="97"]) { --pdr: 20px; --pdrn: 20; }
#LoadoutSingleItemModelWeaponChoice:where([sf~="97"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; height: 46px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 46px; }
#LoadoutSingleItemModelWeaponChoice p-label:where([sf~="97"]) { --text-shrink: 1; }
.popup-button-row:where([sf~="97"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; border-top: 1px solid rgba(145, 145, 145, 0.671579); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.loadout-character-controls .IconButton :is(p-image, :where(img[pimg])):where([sf~="97"]) { height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; }
.loadout-character-controls:where([sf~="97"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#LoadoutCharacterControls:where([sf~="97"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.hidden:where([sf~="97"]) { --vis-collapse: none; }
.loadout--no-item p-itemimage:where([sf~="97"]) { --vis-collapse: none; }
/* styles/chat.css */
.chat-panel-outer:where([sf~="98"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdr: 64px; --pdrn: 64; z-index: 1; transition-property: clip-path, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.kk-c-chat-panel-outer:has(> .chat-panel-outer:where([sf~="98"]):not([pvis="0"])) { isolation: isolate; }
.chat-panel-outer.hidden:where([sf~="98"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .3s; transition-timing-function: ease-in-out; }
.MainMenuRootPanel--PauseMenuMode .chat-panel-outer:where([sf~="98"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.chat-panel:where([sf~="98"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; transition-property: opacity, --brightness; transition-duration: 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out; }
.AspectRatio4x3 .chat-panel:where([sf~="98"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; }
.AspectRatio16x9 .chat-panel:where([sf~="98"]), .AspectRatio16x10 .chat-panel:where([sf~="98"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; }
.chat-panel .TickBox:where([sf~="98"]) { --vis-collapse: none; }
.chat-panel.hidden:where([sf~="98"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity, transform; transition-duration: .3s, .3s; transition-timing-function: ease-in-out, ease-in-out; }
.chat-container:where([sf~="98"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-height: 64px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.chat-container.closed-minimized:where([sf~="98"]) { max-height: 64px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.chat-open:where([sf~="98"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-height: 400px; }
.chat-container__lines:where([sf~="98"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transition-property: --bgc; transition-duration: 0.3s; transition-timing-function: ease-in-out; }
.chat-container:hover .chat-panel-blur:where([sf~="98"]) { opacity: 1; --op-pe: inherit; }
.chat-container.chat-open .chat-container__lines:where([sf~="98"]) { height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.chat-panel-blur:where([sf~="98"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.311325); --bg-grad: none; opacity: 0.268142; --op-pe: inherit; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.premier-pickban .chat-panel-blur:where([sf~="98"]) { --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.34056) -20%, rgba(48, 57, 63, 0) 100%); --bgc: transparent; }
.chat-open .chat-panel-blur:where([sf~="98"]) { opacity: 1; --op-pe: inherit; }
.chat-entry:where([sf~="98"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 3px; --mgr: 0px; --mgb: 0px; --mgl: 0px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.player-color__yellow .chat-entry__name:where([sf~="98"]) { color: rgb(248, 246, 45); }
.player-color__purple .chat-entry__name:where([sf~="98"]) { color: rgb(192, 54, 153); }
.player-color__green .chat-entry__name:where([sf~="98"]) { color: rgb(29, 162, 132); }
.player-color__blue .chat-entry__name:where([sf~="98"]) { color: rgb( 136, 206, 245); }
.player-color__orange .chat-entry__name:where([sf~="98"]) { color: rgb(255, 155, 37); }
.self-chat p-label:where([sf~="98"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.chat-entry p-label:where([sf~="98"]) { color: white; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 1px 1px rgba(0, 0, 0, 0.537458); --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 2px; text-align: left; white-space: normal; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; transition-property: --bgc; transition-duration: 0.25s; transition-timing-function: ease-in-out; animation-name: chat-new-entry; animation-duration: .2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.chat-open .chat-entry p-label:where([sf~="98"]) { --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgt: 0px; --mgr: 5px; --mgb: 0px; --mgl: 5px; }
.AspectRatio16x9 .chat-entry p-label:where([sf~="98"]), .AspectRatio16x10 .chat-entry p-label:where([sf~="98"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; }
.chat-open .chat-entry:not(.error-message) p-label:where([sf~="98"]) { --bgc: transparent; --bg-grad: none; }
.chat-entry__player-invited:where([sf~="98"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: #3281AC; --bg-grad: none; }
.chat-entry__player-invited :is(p-image, :where(img[pimg])):where([sf~="98"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 8px; --pdln: 8; }
.chat-entry__player-invited p-label:where([sf~="98"]) { --bgc: transparent; --bg-grad: none; --pdt: 2px; --pdr: 0px; --pdb: 2px; --pdl: 8px; --pdrn: 0; --pdln: 8; }
.error-message p-label:where([sf~="98"]) { --bgc: rgba(194, 27, 27, 0.229452); --bg-grad: none; }
.error-message--green p-label:where([sf~="98"]) { --bgc: rgba(76, 175, 79, 0.504831); --bg-grad: none; }
.error-message--yellow p-label:where([sf~="98"]) { --bgc: rgba(177, 175, 45, 0.516414); --bg-grad: none; }
.chat-entry p-csgoavatarimage:where([sf~="98"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --mgr: 8px; }
@keyframes chat-new-entry {
0% { transform: translateX(-100%); --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
80% { --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; transform: translateX(0%); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.chat-open-text:where([sf~="98"]) { font-weight: 700; text-decoration: underline; }
.chat-container__input-container:where([sf~="98"]) { --vis-collapse: none; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transition-property: translate, --pxp, --pyp; transition-duration: .1s, .1s, .1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.chat-container__input:where([sf~="98"]) { --vis-collapse: none; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 TF, "Arial Unicode MS"; --c9: 0.9; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; color: White; --pdl: 8px; --pdln: 8; --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 6px; border: 0px solid white; --bdln: 0; --bdrn: 0; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 0px; --bgc: rgba(0, 0, 0, 0.43392); --bg-grad: none; }
p-textentry.chat-container__input #PlaceholderText:where([sf~="98"]) { opacity: 0.696476; --op-pe: inherit; transition-property: opacity; transition-duration: 0.2s; color: rgb(184, 181, 181); font-family: Stratum2 TF, "Arial Unicode MS"; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-textentry.chat-container__input.HasInput #PlaceholderText:where([sf~="98"]) { opacity: 0; --op-pe: none; }
.chat-container__input._focus:where([sf~="98"]) { border-bottom: 0px; }
.chat-container.chat-open .chat-container__input-container:where([sf~="98"]), .chat-container.chat-open .chat-container__input:where([sf~="98"]) { --vis-collapse: initial; }
.chat-container__close:where([sf~="98"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --vis-collapse: none; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; --bgc: rgba(255, 255, 255, 0); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.chat-container.chat-open .chat-container__close:where([sf~="98"]) { --vis-collapse: initial; }
.premier-pickban .chat-container.chat-open .chat-container__close:where([sf~="98"]) { --vis-collapse: none; }
.chat-container__close__icon:where([sf~="98"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: rotateZ( 180deg ); transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.chat-container__close:Hover:where([sf~="98"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
p-csgoavatarimage:where([sf~="98"]) { --vis-collapse: none; }
p-textentry:where([sf~="98"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
p-textentry.:where([sf~="98"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
/* styles/color_picker.css */
p-cscolorpicker:where([sf~="99"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
p-cscolorpicker .color-picker-hue-sat-section:where([sf~="99"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-cscolorpicker #SaturationValueSelector:where([sf~="99"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; border-radius: 3px; --mgb: 16px; }
p-cscolorpicker #HueSelector:where([sf~="99"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --mgt: 0px; border-radius: 3px; --mgb: 16px; }
p-cscolorpickerhue #Canvas:where([sf~="99"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-cscolorpickersaturationvalue #Canvas:where([sf~="99"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-cscolorpicker #HexRgb:where([sf~="99"]), p-textentry:where([sf~="99"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; min-height: 24px; --mh-set: 1; --mhp: 1; border: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; --bdrn: 1; --bgc: rgba(0, 0, 0, 0.178971); --bg-grad: none; border-radius: 3px; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --pdt: 3px; --pdr: 6px; --pdb: 3px; --pdl: 6px; --pdrn: 6; --pdln: 6; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.color-picker-value-row:where([sf~="99"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 32px; }
.color-picker-value-row .color-picker-value-row__title:where([sf~="99"]) { width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; font-family: Stratum2 Light, "Arial Unicode MS"; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.color-picker-value-row p-textentry._disabled:where([sf~="99"]) { opacity: 0.414305; --op-pe: inherit; }
.color-picker-color-box-container:where([sf~="99"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.color-picker-color-box-container .color-picker-color-box:where([sf~="99"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 68px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 68px; --bgc: red; --bg-grad: none; }
.color-picker-color-box-container p-label:where([sf~="99"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0.696476; --op-pe: inherit; }
p-cscolorpicker .color-picker-alpha-slider-section:where([sf~="99"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgb: 12px; }
p-cscolorpicker .color-picker-alpha-slider-section :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider:where([sf~="99"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --bg-img: url("/panorama/images/backgrounds/slider_alpha_bg.webp"); --bg-rep: repeat-x; --bg-img-opacity: .075; --bg-img-own: none; --bg-size: 8px 12px; --bg-w: 8px; }
p-cscolorpicker .color-picker-alpha-slider-section :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider:where([sf~="99"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
p-cscolorpicker .color-picker-alpha-slider-section :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrack:where([sf~="99"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; border-radius: 3px; }
p-cscolorpicker .color-picker-alpha-slider-section :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderTrackProgress:where([sf~="99"]) { --bgc: transparent; --bg-grad: none; }
p-cscolorpicker .color-picker-alpha-slider-section :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider).HorizontalSlider #SliderThumb:where([sf~="99"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0.368627); --bg-fill: rgb(0 0 0 / 0.368627); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: white; --bg-grad: none; }
p-cscolorpicker .color-picker-alpha-slider-section :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider)._disabled:where([sf~="99"]) { opacity: 0.472624; --op-pe: inherit; }
p-cscolorpicker .color-picker-alpha-slider-section :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider)._disabled #SliderThumb:where([sf~="99"]) { opacity: 0; --op-pe: none; }
p-cscolorpicker.hide-alpha .color-picker-alpha-slider-section:where([sf~="99"]), p-cscolorpicker.hide-alpha .color-picker-alpha-value-row:where([sf~="99"]) { --vis-collapse: none; }
/* styles/common/add_major_tokens_anim.css */
.add_major_tokens:where([sf~="100"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.389734); --bg-grad: none; z-index: 4; }
.kk-c-add_major_tokens:has(> .add_major_tokens:where([sf~="100"]):not([pvis="0"])) { isolation: isolate; }
.add_major_tokens .add_major_tokens__amount:where([sf~="100"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 0; --op-pe: none; transition-property: translate, --pxp, --pyp, scale; transition-duration: 1s, 1s, 1s, 1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.add_major_tokens__amount-anim.add_major_tokens .add_major_tokens__amount:where([sf~="100"]) { animation-name: anim-new-credits; animation-timing-function: ease-in-out; animation-delay: .25s; animation-duration: .5s; animation-iteration-count: 1; animation-fill-mode: both; }
.add_major_tokens .add_major_tokens__amount p-label:where([sf~="100"]) { --fsz: 115; font-size: calc(max(1, round(nearest, 115 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #0c240c; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.771162), 0px 0px 2px rgba(255, 255, 255, 0.771162); mask-image: url("/panorama/images/masks/top-bottom-fade-3.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.add_major_tokens .add_major_tokens__amount :is(p-image, :where(img[pimg])):where([sf~="100"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; transform: translateY(-4px); }
.add_major_tokens .add_major_tokens__particle:where([sf~="100"]) { width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 2; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.add_major_tokens .kk-c-add_major_tokens__particle:has(> .add_major_tokens__particle:where([sf~="100"]):not([pvis="0"])), .add_major_tokens.kk-c-add_major_tokens__particle:has(> .add_major_tokens__particle:where([sf~="100"]):not([pvis="0"])) { isolation: isolate; }
.add_major_tokens.hide-particles .add_major_tokens__particle:where([sf~="100"]) { opacity: 0; --op-pe: none; }
.add_major_tokens.hidden:where([sf~="100"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
@keyframes anim-new-credits {
0% { transform: translateY( 0px ) scale3d( 1.2, 1.2, 1); opacity: 0; --op-pe: none; --wash-color: yellow; --wash-filter: url(#w-yellow); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( 0px ) scale3d( 1, 1, 1); opacity: 1; --op-pe: inherit; --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/context_menus/context_menu_clan_tags.css */
.ContextMenuBodyRow #Contents:where([sf~="101"]) { --bgc: rgb(63, 63, 63); --bg-grad: none; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#context-menu-title:where([sf~="101"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --mgb: 6px; }
#id-scrolling-tag-container:where([sf~="101"]) { border-top: 1px solid gray; max-height: 300px; overflow-x: auto; overflow-y: auto; --ovx: scroll; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.clantag-item:where([sf~="101"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; border-bottom: 1px solid rgba(100, 100, 100, 1); }
.clantag-item:last-child:where([sf~="101"]) { border-bottom: 1px solid rgba(100, 100, 100, 0); }
.clantag-item.current-clantag:where([sf~="101"]) { --brightness: 1; border-left: 2px solid white; --bdln: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clantag-item.current-clantag._disabled p-label:where([sf~="101"]) { color: gray; }
.clantag-text-button:where([sf~="101"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 4px; --pdr: 0px; --pdb: 4px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.ContextMenuItem p-label.clan-name__label:where([sf~="101"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; }
.ContextMenuItem p-label.clan-tag__label:where([sf~="101"]) { max-height: 100%; --text-shrink: 1; width: min(calc((100% + var(--ppx)) * 0.4), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; color: white; }
.ContextMenuItem p-label.clantag-text-button__label:where([sf~="101"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; color: rgb(180, 180, 180); }
/* styles/context_menus/context_menu_color_picker.css */
.context-menu-color-picker:where([sf~="102"]) { width: 316px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 316px; --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; --mgb: 0px; --bgc: rgba(38, 38, 38, 1); --bg-grad: none; }
.context-menu-btn-bar:where([sf~="102"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgt: 16px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; border-top: 1px solid rgba(255, 255, 255, 0.156062); }
/* styles/context_menus/context_menu_eventsched_team.css */
#Contents:where([sf~="103"]) { --bgc: rgba(255, 255, 255, 0.549705); --bg-grad: none; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.estt-root.estt-simple:where([sf~="103"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.estt-header:where([sf~="103"]) { border-bottom: 1px solid rgba(255, 255, 255, 0.413115); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; }
.estt-simple .estt-header:where([sf~="103"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.estt-header__team-logo:where([sf~="103"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --px: 60px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.img-shadow:where([sf~="103"]) { --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.estt-header__team-name:where([sf~="103"]) { --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: 2px 2px 2px color-mix(in srgb, #000000 45.45%, transparent); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.estt-simple .estt-header__team-name:where([sf~="103"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.estt-player:where([sf~="103"]) { transition-property: transform, --brightness, box-shadow; transition-duration: 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --pdt: 5px; --brightness: 0.8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.has_data:hover:where([sf~="103"]) { --brightness: 1.2; --bgc: rgba(255, 255, 255, 0.413115); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.estt-simple .estt-player:where([sf~="103"]) { --pdl: 20px; --pdln: 20; }
.estt-player__name:where([sf~="103"]) { --mgt: 6px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --text-shrink: 1; max-width: 100px; --maxw: 100px; }
.estt-player__photo:where([sf~="103"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.estt-blurbackground:where([sf~="103"]) { --bg-grad: linear-gradient(323.130102deg, #14202b 0%, #1e2d3d 100%); --bgc: transparent; --blur: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.832484; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/context_menus/context_menu_get_souvenir.css */
#Contents.context-menu-get-souvenir:where([sf~="104"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(38, 38, 38, 1); --bg-grad: none; border-radius: 2px; opacity: 1; --op-pe: inherit; box-shadow: 0px 0px 3px 4px rgb(0 0 0 / 0.368627); --bg-fill: rgb(0 0 0 / 0.368627); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 0px solid black; --bdln: 0; --bdrn: 0; border-radius: 3px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
#ContextMenuBody.LeftArrowVisible #Contents.context-menu-get-souvenir:where([sf~="104"]) { min-height: 0px; --mh-set: 0; --mhp: initial; }
.get-souvenir-no-score:where([sf~="104"]) { --vis-collapse: none; --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; max-width: 256px; --maxw: 256px; }
.no-score .get-souvenir-no-score:where([sf~="104"]) { --vis-collapse: initial; }
.get-souvenir-no-score p-label:where([sf~="104"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.get-souvenir-container:where([sf~="104"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --vis-collapse: initial; }
.no-score .get-souvenir-container:where([sf~="104"]) { --vis-collapse: none; }
.get-souvenir-header-container:where([sf~="104"]) { --mgt: 8px; --mgr: 16px; --mgb: 8px; --mgl: 16px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.get-souvenir-header-container .get-souvenir-header.get-souvenir-header--redeem:where([sf~="104"]) { border-radius: 3px; --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.427734); }
.get-souvenir-header-container .get-souvenir-redeem-count:where([sf~="104"]) { color: rgb(14, 209, 95); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; }
.get-souvenir__matches:where([sf~="104"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.get-souvenir__matches .get-souvenir__match:where([sf~="104"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 0; --op-pe: none; transform: translateX( -10px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.get-souvenir__matches .get-souvenir__match.show:where([sf~="104"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0px ); }
.get-souvenir__matches .get-souvenir__match .hidden:where([sf~="104"]) { --vis-collapse: none; }
.get-souvenir__matches .get-souvenir__match .get-souvenir__map-image:where([sf~="104"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --brightness: .5; mask-image: url("/panorama/images/masks/top-bottom-fade.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score:where([sf~="104"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match-info:where([sf~="104"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match__team:where([sf~="104"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match__team :is(p-image, :where(img[pimg])):where([sf~="104"]) { --img-shadow: drop-shadow(0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.419608) 45.45%, transparent)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match__team p-label:where([sf~="104"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; color: white; text-shadow: 1px 1px 3px rgb(0 0 0 / 0.893), 1px 1px 3px color-mix(in srgb, rgb(0 0 0 / 0.893) 4.535%, transparent); }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match____score-container:where([sf~="104"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match____score-container .get-souvenir__match__score:where([sf~="104"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; text-shadow: 1px 1px 3px rgb(0 0 0 / 0.772), 1px 1px 3px color-mix(in srgb, rgb(0 0 0 / 0.772) 4.535%, transparent); }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match____score-container .get-souvenir__match__score.winner:where([sf~="104"]) { color: rgb(14, 209, 95); text-align: right; }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match__mapname:where([sf~="104"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --vis-collapse: none; }
.get-souvenir__matches .get-souvenir__match .get-souvenir__teams-score .get-souvenir__match__map-icon:where([sf~="104"]) { --img-shadow: drop-shadow(0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.419608) 45.45%, transparent)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.get-souvenir__btn-container:where([sf~="104"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 8px; --pdrn: 0; --pdln: 8; border-left: 1px solid rgba(255, 255, 255, 0.342821); --bdln: 1; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.get-souvenir__btn-container .get-souvenir__tooltip-hotspot:where([sf~="104"]) { --mgt: 10px; --mgr: 5px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --vis-collapse: none; }
.get-souvenir__btn-container .get-souvenir__btn-message:where([sf~="104"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-weight: 300; --vis-collapse: none; }
.get-souvenir__btn-container.only-purchase .get-souvenir__btn-message:where([sf~="104"]) { --vis-collapse: initial; }
.get-souvenir__btn-container.awaiting-highlights .get-souvenir__tooltip-hotspot:where([sf~="104"]) { --vis-collapse: initial; }
.get-souvenir__btn-container.awaiting-highlights .get-souvenir__btn-message:where([sf~="104"]) { --vis-collapse: none; }
.get-souvenir__btn-container.awaiting-highlights .get-souvenir__btn:where([sf~="104"]) { --vis-collapse: none; }
.get-souvenir__btn-container .get-souvenir__btn:where([sf~="104"]) { --pdt: 3px; --pdr: 12px; --pdb: 3px; --pdl: 12px; --pdrn: 12; --pdln: 12; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; min-width: 72px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(9, 87, 41, 0.371463); --bg-grad: none; border: 1px solid rgb(14, 209, 95); --bdln: 1; --bdrn: 1; border-radius: 3px; }
.get-souvenir__btn-container .get-souvenir__btn p-label:where([sf~="104"]) { font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; font-weight: 300; color: rgb(14, 209, 95); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.get-souvenir__btn-container .get-souvenir__btn:hover:where([sf~="104"]) { --brightness: 1.4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.get-souvenir-preview-btn:where([sf~="104"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 4px; --bgc: #0F9D58; --bg-grad: none; border-radius: 20px; }
.get-souvenir-preview-btn p-label:where([sf~="104"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 5px; --pdr: 16px; --pdb: 5px; --pdl: 16px; --pdrn: 16; --pdln: 16; text-align: center; color: white; font-family: Stratum2 medium, "Arial Unicode MS"; --c9: 0.9; }
.get-souvenir-preview-btn:hover:where([sf~="104"]) { --brightness: 1.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.get-souvenir-dropdown:where([sf~="104"]) { --bg-size: 12px 12px; --bg-w: 12px; --bg-pos: 80% 50%; --bgc: rgba(0, 0, 0, 0.151909); --bg-grad: none; border: 1px solid rgba(255, 255, 255, 0.427734); --bdln: 1; --bdrn: 1; border-radius: 3px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 0px; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.get-souvenir-dropdown p-label:where([sf~="104"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; text-align: center; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; color: white; --mgr: 14px; }
.get-souvenir-dropdown._focus p-label:where([sf~="104"]) { color: white; }
.get-souvenir-dropdown:hover:where([sf~="104"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; }
.get-souvenir__spinner:where([sf~="104"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.537458); --bg-grad: none; --vis-collapse: none; }
/* styles/context_menus/context_menu_inventory_item.css */
#Contents:where([sf~="105"]) { --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --bgc: rgba(38, 38, 38, 1); --bg-grad: none; opacity: 1; --op-pe: inherit; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-radius: 3px; }
#LeftArrow:where([sf~="105"]), #RightArrow:where([sf~="105"]), #TopArrow:where([sf~="105"]), #BottomArrow:where([sf~="105"]) { --bg-rep: no-repeat; --bg-pos: 0px 0px; z-index: 1; --vis-collapse: none; }
.kk-i-LeftArrow:has(> #LeftArrow:where([sf~="105"]):not([pvis="0"])), .kk-i-RightArrow:has(> #RightArrow:where([sf~="105"]):not([pvis="0"])), .kk-i-TopArrow:has(> #TopArrow:where([sf~="105"]):not([pvis="0"])), .kk-i-BottomArrow:has(> #BottomArrow:where([sf~="105"]):not([pvis="0"])) { isolation: isolate; }
#LeftArrow:where([sf~="105"]), #RightArrow:where([sf~="105"]) { width: 31px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 31px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --mgt: 4px; --mgb: 4px; }
#LeftArrow:where([sf~="105"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_left.webp"); --mgr: -2px; }
#RightArrow:where([sf~="105"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_right.webp"); --mgl: -2px; }
#TopArrow:where([sf~="105"]), #BottomArrow:where([sf~="105"]) { width: 38px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 38px; height: 31px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 31px; --mgl: 4px; --mgr: 4px; }
#TopArrow:where([sf~="105"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_top.webp"); --mgb: -2px; }
#BottomArrow:where([sf~="105"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_bottom.webp"); --mgt: -2px; }
#ContextMenuBody.LeftArrowVisible #LeftArrow:where([sf~="105"]) { --vis-collapse: initial; }
#ContextMenuBody.RightArrowVisible #RightArrow:where([sf~="105"]) { --vis-collapse: initial; }
#ContextMenuBody.TopArrowVisible #TopArrow:where([sf~="105"]) { --vis-collapse: initial; }
#ContextMenuBody.BottomArrowVisible #BottomArrow:where([sf~="105"]) { --vis-collapse: initial; }
.ContextMenu_NoArrow #ContextMenuBody.LeftArrowVisible #LeftArrow:where([sf~="105"]) { --vis-collapse: none; }
.ContextMenu_NoArrow #ContextMenuBody.RightArrowVisible #RightArrow:where([sf~="105"]) { --vis-collapse: none; }
.ContextMenu_NoArrow #ContextMenuBody.TopArrowVisible #TopArrow:where([sf~="105"]) { --vis-collapse: none; }
.ContextMenu_NoArrow #ContextMenuBody.BottomArrowVisible #BottomArrow:where([sf~="105"]) { --vis-collapse: none; }
#ContextMenuBody.LeftArrowVisible #Contents:where([sf~="105"]) { --mgl: 0px; min-height: 0px; --mh-set: 0; --mhp: initial; }
#ContextMenuBody.RightArrowVisible #Contents:where([sf~="105"]) { --mgr: 0px; min-height: 60px; --mh-set: 1; --mhp: 1; }
#ContextMenuBody.BottomArrowVisible #Contents:where([sf~="105"]) { --mgb: 0px; min-width: 60px; }
#ContextMenuBody.TopArrowVisible #Contents:where([sf~="105"]) { --mgt: 0px; min-width: 60px; }
#ContextMenuBody:where([sf~="105"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.ContextMenuBodyRow:where([sf~="105"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.ContextMenuEquipItem .TickBox:where([sf~="105"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: transparent; --bg-grad: none; border-radius: 50%; z-index: 1; --mgl: 8px; --mgr: 8px; --bg-grad: radial-gradient(ellipse 0.001% 0.001% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; border: 1px solid white; --bdln: 1; --bdrn: 1; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bg-img-opacity: 0; --bg-img-own: none; transition-property: --bgc, --wash-color, --bg-img-opacity; transition-duration: 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.ContextMenuEquipItem .TickBox:where([sf~="105"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.ContextMenuEquipItem .kk-c-TickBox:has(> .TickBox:where([sf~="105"]):not([pvis="0"])), .ContextMenuEquipItem.kk-c-TickBox:has(> .TickBox:where([sf~="105"]):not([pvis="0"])) { isolation: isolate; }
.ContextMenuEquipItem.ct .TickBox:where([sf~="105"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ContextMenuEquipItem.t .TickBox:where([sf~="105"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ContextMenuEquipRowButtons:where([sf~="105"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.ContextMenuEquipItem._selected .TickBox:where([sf~="105"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --bg-grad: radial-gradient(ellipse 25% 25% at 50% 50%, white 0%, white 95%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; transition-property: --wash-color, --bgc; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.ContextMenuEquipRow.Shuffle .ContextMenuEquipItem._selected .TickBox:where([sf~="105"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; box-shadow: 2px 0px 1.5px 1px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --bg-img: url("/panorama/images/icons/ui/random.svg"); --bg-img-opacity: 1; --bg-img-own: none; --bg-size: 15px 15px; --bg-w: 15px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --bgc: transparent; --bg-grad: none; transition-property: --wash-color, --bgc, --bg-img-opacity; transition-duration: 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.ContextMenuEquipRow.Shuffle .ContextMenuEquipItem._selected .TickBox:where([sf~="105"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
/* styles/context_menus/context_menu_lobbies.css */
#ContextMenuBody:where([sf~="106"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.context-menu-lobbies:where([sf~="106"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; max-height: 928px; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.context-menu-lobbies__title:where([sf~="106"]) { --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.context-menu-lobbies__new-lobbies-btn:where([sf~="106"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); z-index: 200; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: #3281AC; --bg-grad: none; border-radius: 5px; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.kk-c-context-menu-lobbies__new-lobbies-btn:has(> .context-menu-lobbies__new-lobbies-btn:where([sf~="106"]):not([pvis="0"])) { isolation: isolate; }
.context-menu-lobbies__new-lobbies-btn p-label:where([sf~="106"]) { text-align: center; font-family: Stratum2 Medium, "Arial Unicode MS"; --c9: 0.9; color: white; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.context-menu-lobbies__new-lobbies-btn :is(p-image, :where(img[pimg])):where([sf~="106"]) { transform: rotateZ(-90deg) translateY(-1px); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 4px; }
.context-menu-lobbies__new-lobbies-btn:hover:where([sf~="106"]) { --brightness: 1.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.context-menu-lobbies__new-lobbies-btn.hide:where([sf~="106"]) { --vis-collapse: none; }
p-verticalscrollbar:where([sf~="106"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; opacity: 0.472624; --op-pe: inherit; }
/* styles/context_menus/context_menu_mainmenu_vanity.css */
#ContextMenuBodyWeapons:where([sf~="107"]) { max-height: 300px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; overflow-x: auto; overflow-y: auto; --ovx: scroll; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.ContextMenuItem p-button.vanity-item--weapon:where([sf~="107"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.ContextMenuItem p-button.vanity-item:where([sf~="107"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; }
.ContextMenuItem .vanity-item--weapon .vanity-item__label:where([sf~="107"]) { --pdt: 4px; --pdr: 16px; --pdb: 4px; --pdl: 16px; --pdrn: 16; --pdln: 16; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.ContextMenuItem .vanity-item__label:where([sf~="107"]) { max-height: 100%; --text-shrink: 1; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.ContextMenuItem .vanity-item__rarity:where([sf~="107"]) { max-height: 100%; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
/* styles/context_menus/context_menu_navbar_notification.css */
.ContextMenuBodyRow #Contents:where([sf~="108"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; border-radius: 3px; }
.context-menu-notification:where([sf~="108"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-img-opacity: .02; --bg-img-own: none; }
.context-menu-notification:where([sf~="108"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.context-menu-notification .context-menu-notification__text-block:where([sf~="108"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 8px; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; border-left: 1px solid #b1af2d; --bdln: 1; --pdl: 8px; --pdln: 8; }
.context-menu-notification .context-menu-notification__text-block.red-alert:where([sf~="108"]) { border-left: 1px solid #DB4437; --bdln: 1; }
.context-menu-notification .context-menu-notification__text-block.yellow-alert:where([sf~="108"]) { border-left: 1px solid #b1af2d; --bdln: 1; }
.context-menu-notification .context-menu-notification__text-block .context-menu-notification__label.title:where([sf~="108"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 5px; --mgb: 4px; color: white; --vis-collapse: none; }
.show-title .context-menu-notification .context-menu-notification__text-block .context-menu-notification__label.title:where([sf~="108"]) { --vis-collapse: initial; }
.context-menu-notification .context-menu-notification__text-block .context-menu-notification__label.tooltip:where([sf~="108"]) { --vis-collapse: none; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 4px; }
.show-title .context-menu-notification .context-menu-notification__text-block .context-menu-notification__label.tooltip:where([sf~="108"]) { --vis-collapse: initial; }
.context-menu-notification .context-menu-notification__text-block .context-menu-notification__text-btn:where([sf~="108"]) { --vis-collapse: none; }
.context-menu-notification .context-menu-notification__text-block .context-menu-notification__text-btn p-label:where([sf~="108"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; text-decoration: underline; color: #3281AC; }
.show-link .context-menu-notification .context-menu-notification__text-block .context-menu-notification__text-btn:where([sf~="108"]) { --vis-collapse: initial; }
.mainmenu-top-navbar__alerts__gc :is(p-image, :where(img[pimg])):where([sf~="108"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; }
/* styles/context_menus/context_menu_photo_viewer.css */
#ContextMenuBody.RightArrowVisible #Contents.photo-viewer:where([sf~="109"]) { --mgt: 32px; --mgr: 32px; --mgb: 32px; --mgl: 32px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; border-radius: 0px; box-shadow: 4px 0px 16px 10.666667px rgb(0 0 0 / 0.266667); --bg-fill: rgb(0 0 0 / 0.266667); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: transparent; --bg-grad: none; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.photo-viewer .photo-viewer__image:where([sf~="109"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-width: 640px; --maxw: 640px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --brightness: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.photo-viewer .IconButton:where([sf~="109"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
/* styles/context_menus/context_menu_playercard.css */
#Contents.ContextMenuPlayerCard:where([sf~="110"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(38, 38, 38, 1); --bg-grad: none; border-radius: 2px; opacity: 1; --op-pe: inherit; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 0px solid black; --bdln: 0; --bdrn: 0; border-radius: 3px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.context-menu-playercard-info:where([sf~="110"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 384px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 384px; }
.context-menu-playercard-seperator:where([sf~="110"]) { --bgc: rgba(124, 124, 124, 0.288189); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; }
.context-menu-playercard-btns:where([sf~="110"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.25303); --bg-grad: none; }
.context-menu-playercard-btns__container:where([sf~="110"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.context-menu-playercard-btns .IconButton:where([sf~="110"]) { --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.context-menu-playercard-btns .IconButton p-label:where([sf~="110"]) { font-family: Stratum2 TF, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; }
/* styles/context_menus/context_menu_rewards.css */
#Contents:where([sf~="111"]) { --bgc: rgb(50, 31, 66); --bg-grad: none; --pdt: 0px; }
.ContextMenuItem .Rewards:where([sf~="111"]) { --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; max-width: 340px; --maxw: 340px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; border-bottom: 1px solid rgba(255, 255, 255, 0.282779); --bgc: rgb(78, 52, 100); --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.ContextMenuItem .kk-c-Rewards:has(> .Rewards:where([sf~="111"]):not([pvis="0"])), .ContextMenuItem.kk-c-Rewards:has(> .Rewards:where([sf~="111"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .ContextMenuItem .kk-c-Rewards:has(> .Rewards:where([sf~="111"]):not([pvis="0"]))::after, .ContextMenuItem.kk-c-Rewards:has(> .Rewards:where([sf~="111"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.ContextMenuItem .Rewards p-label:where([sf~="111"]) { height: fit-Children; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-height: 100px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
/* styles/context_menus/context_menu_store_linked_items.css */
#ContextMenuBody.LeftArrowVisible #Contents:where([sf~="112"]) { overflow-x: clip; overflow-y: clip; --ovx: squish; --ovy: squish; --ovxn: initial; --ovyn: initial; --ovxf: initial; --ovyf: initial; box-shadow: 1px 1px 4px 2.666667px rgb(0 0 0 / 0.545098); --bg-fill: rgb(0 0 0 / 0.545098); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
#Contents.store-linked-items:where([sf~="112"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; }
.store-linked-items__tiles:where([sf~="112"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 280px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 280px; }
.store-linked-items__warning:where([sf~="112"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 3px; opacity: 0.696476; --op-pe: inherit; }
.store-linked-items__warning :is(p-image, :where(img[pimg])):where([sf~="112"]) { --mgl: 6px; }
.store-linked-items__warning__text:where([sf~="112"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 8px; --pdrn: 0; --pdln: 8; width: 318px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 318px; --vis-collapse: initial; }
.hidewarning .store-linked-items__warning:where([sf~="112"]) { --vis-collapse: none; }
/* styles/context_menus/context_menu_vote.css */
.vote-option:where([sf~="113"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#ContextMenuBody p-button.vote-option:where([sf~="113"]) { max-width: 400px; --maxw: 400px; }
#ContextMenuBody p-button.vote-option p-label:where([sf~="113"]) { --text-shrink: 1; }
/* styles/context_menus/context_menu_watchnotice_match_streams.css */
.contextmenu-watchnotice_match_streams:where([sf~="114"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
.hidden:where([sf~="114"]) { --vis-collapse: none; }
#Contents.eventsched-match__stream:where([sf~="114"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
:is(p-image, :where(img[pimg])).eventsched-match__stream__flag:where([sf~="114"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 60; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --img-shadow: drop-shadow(0px 0px 0px #000000); --mgr: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#Contents p-label:where([sf~="114"]) { --text-shrink: 1; --pdl: 2px; --pdln: 2; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#Contents .contextmenu-watchnotice_match_streams__url-link.PopupButton:where([sf~="114"]) { width: 340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 340px; --pdt: 0px; --pdr: 24px; --pdb: 0px; --pdl: 24px; --pdrn: 24; --pdln: 24; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: rgba(255, 255, 255, 0); --bg-grad: none; transition-property: none; }
#Contents #id-watchnotice__event__match__stream-container.TopSeparator:where([sf~="114"]) { width: 340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 340px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: rgba(255, 255, 255, 0); --bg-grad: none; }
.contextmenu-watchnotice_match_streams__divider:where([sf~="114"]) { width: 340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 340px; border-top: 1px solid rgb(68, 68, 68); }
.eventsched-match__stream.PopupButton.Positive:where([sf~="114"]) { --bgc: rgba(255, 255, 255, 0); --bg-grad: none; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 340px; --pdt: 0px; --pdr: 24px; --pdb: 0px; --pdl: 24px; --pdrn: 24; --pdln: 24; }
#Contents .contextmenu-watchnotice_match_streams__url-link.PopupButton:hover:where([sf~="114"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.277279) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --sound: "UIPanorama.submenu_rollover"; }
#Contents #id-watchnotice__event__match__stream-container p-button:hover:where([sf~="114"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.277279) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --sound: "UIPanorama.submenu_rollover"; }
.eventsched-match__stream.PopupButton.Positive :is(p-image, :where(img[pimg])):where([sf~="114"]) { --mgl: 0px; }
#Contents .contextmenu-watchnotice_match_streams__url-link p-label:where([sf~="114"]), .eventsched-match__stream.PopupButton.Positive p-label:where([sf~="114"]) { text-transform: none; color: rgba(204, 204, 204, 1); --bgc: rgba(255, 255, 255, 0); --bg-grad: none; }
#Contents .contextmenu-watchnotice_match_streams__url-link.gotv:where([sf~="114"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --wash-color: rgb(255, 231, 97); --wash-filter: url(#w-rgb_255_231_97); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#Contents :is(p-image, :where(img[pimg])).WideLogoStreamGOTV:where([sf~="114"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 56.8; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --mgr: 10px; }
/* styles/crafting.css */
.crafting-root:where([sf~="115"]) { --mgr: 64px; }
.crafting-container:where([sf~="115"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.kk-c-crafting-container:has(> .crafting-container:where([sf~="115"]):not([pvis="0"])) { --kid-fill-h: 1; }
.content-navbar.crafting-description:where([sf~="115"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 16px; --pdb: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-bottom: 1px solid rgba(255, 255, 255, 0.332184); }
.crafting-description p-label:where([sf~="115"]) { --pdl: 16px; --pdln: 16; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.crafting-item-count-container:where([sf~="115"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --mgr: 16px; --mgl: 32px; }
.crafting-item-count:where([sf~="115"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.crafting-items:where([sf~="115"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.crafting-toggle-margin:where([sf~="115"]) { --mgr: 24px; --mgb: 8px; }
.crafting-border:where([sf~="115"]) { border-right: 1px solid rgba(255, 255, 255, 0.179361); --bdrn: 1; }
.crafting-ingredients:where([sf~="115"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.crafting-confirm-button:where([sf~="115"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.crafting-action-buttons-container:where([sf~="115"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#TradeUpConfirmBtn:where([sf~="115"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
/* styles/crosshair.css */
.crosshair:where([sf~="116"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.crosshair-preview-crontrols:where([sf~="116"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.xhair-ctrl-btn:where([sf~="116"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.404027) 0%, rgba(0, 0, 0, 0.299283) 100%); --bgc: transparent; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --pdl: 4px; --pdln: 4; --pdr: 4px; --pdrn: 4; }
.xhair-ctrl-btn__img:where([sf~="116"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
.xhair-ctrl-btn > p-label:where([sf~="116"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 12px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
/* styles/fileopendialog.css */
p-fileopendialog:where([sf~="117"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.299283); --bg-grad: none; }
.InnerDialog:where([sf~="117"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; height: 600px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 600px; animation-name: pano-vpct; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: #666666; --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --bg-grad: linear-gradient(180deg, #232326 0%, #1c1d20 25%); --bgc: transparent; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.6); --bg-fill: rgb(0 0 0 / 0.6); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 2px solid rgba(50, 56, 54, 0.345178); --bdln: 2; --bdrn: 2; transition-property: opacity, transform, scale, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; }
.Row:where([sf~="117"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 4px; --mgb: 4px; }
.Filler:where([sf~="117"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-Filler:has(> .Filler:where([sf~="117"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-Filler:has(> .Filler:where([sf~="117"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.Prefix:where([sf~="117"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#DrivesDropDown:where([sf~="117"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-DrivesDropDown:has(> #DrivesDropDown:where([sf~="117"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-DrivesDropDown:has(> #DrivesDropDown:where([sf~="117"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#FileNameTextEntry:where([sf~="117"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-FileNameTextEntry:has(> #FileNameTextEntry:where([sf~="117"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-FileNameTextEntry:has(> #FileNameTextEntry:where([sf~="117"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#FileTypeDropDown:where([sf~="117"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-FileTypeDropDown:has(> #FileTypeDropDown:where([sf~="117"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-FileTypeDropDown:has(> #FileTypeDropDown:where([sf~="117"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#FileList:where([sf~="117"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.FileListArea:where([sf~="117"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: 1.0; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 16px; --bgc: #151818; --bg-grad: none; border: 2px solid rgba(0, 0, 0, 0.404027); --bdln: 2; --bdrn: 2; --mgt: 10px; }
.kk-c-FileListArea:has(> .FileListArea:where([sf~="117"]):not([pvis="0"])) { --kid-fill-h: 1; }
.FileRow:where([sf~="117"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgr: 12px; }
.FileRow._selected:where([sf~="117"]) { --bg-grad: radial-gradient(ellipse 75% 85% at 50% 15%, #406299 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; box-shadow: 1px 0px 6px 4px rgb(0 0 0 / 0.666667); --bg-fill: rgb(0 0 0 / 0.666667); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.HeaderRow:where([sf~="117"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdr: 12px; --pdrn: 12; --mgb: 4px; }
.Header:where([sf~="117"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: black; --bg-grad: none; --mgr: 2px; }
.Header p-label:where([sf~="117"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; color: white; --pdl: 5px; --pdln: 5; }
.Header .kk-t-p-label:has(> p-label:where([sf~="117"]):not([pvis="0"])), .Header.kk-t-p-label:has(> p-label:where([sf~="117"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .Header .kk-t-p-label:has(> p-label:where([sf~="117"]):not([pvis="0"]))::after, .Header.kk-t-p-label:has(> p-label:where([sf~="117"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.Cell:where([sf~="117"]) { --mgr: 2px; white-space: nowrap; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --mgt: 3px; }
.Filename:where([sf~="117"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-Filename:has(> .Filename:where([sf~="117"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-Filename:has(> .Filename:where([sf~="117"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.Filename.Cell:where([sf~="117"]) { --mgl: 3px; }
.Filename.Cell.Directory:where([sf~="117"]) { --pdl: 28px; --pdln: 28; --bg-img: url("/panorama/images/control_icons/icon_folder.webp"); --bg-size: 20px 20px; --bg-w: 20px; --bg-rep: no-repeat; --bg-pos: 0% 50%; }
.Filesize.Cell:where([sf~="117"]) { text-align: right; width: 90px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 90px; --mgr: 10px; }
.Filesize:where([sf~="117"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; }
.Filetype:where([sf~="117"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; }
.Date:where([sf~="117"]) { width: 230px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 230px; }
#FolderUpButton:where([sf~="117"]) { width: 41px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 41px; height: 41px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 41px; --bg-img: url("/panorama/images/control_icons/icon_folder_up.webp"); --bg-size: 24px 18px; --bg-w: 24px; --bg-rep: no-repeat; --bg-pos: 50% 50%; --mgt: 0px; --mgr: 4px; --mgb: 4px; --mgl: 10px; --bg-grad: linear-gradient(180deg, #5a6c75 0%, #3d4a50 100%); --bgc: transparent; border: 1px solid black; --bdln: 1; --bdrn: 1; border-top: 1px solid rgba(255, 255, 255, 0.502824); border-right: 1px solid #4e5b60; --bdrn: 1; border-left: 1px solid #4e5b60; --bdln: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.299283); }
#FolderUpButton:hover:where([sf~="117"]) { --bg-grad: linear-gradient(180deg, #a9c8da 0%, #596b75 100%); --bgc: transparent; }
#FolderUpButton:active:where([sf~="117"]) { border: 1px solid black; --bdln: 1; --bdrn: 1; --bg-size: 21px 16px; --bg-w: 21px; transform: translateY(1px); }
.PopupButton:where([sf~="117"]) { width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; min-width: 150px; --mgl: 8px; --mgr: 8px; --mgt: 0px; --mgb: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 10px; }
.PopupButton p-label:where([sf~="117"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 19; font-size: calc(max(1, round(nearest, 19 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.DialogTitle:where([sf~="117"]) { color: white; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: uppercase; letter-spacing: 2px; }
.SortArrow:where([sf~="117"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: url("/panorama/images/control_icons/small_sortarrow.webp"); --wash-color: #cbcbcb; --wash-filter: url(#w-cbcbcb); --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.SortedBy .SortArrow:where([sf~="117"]) { --vis-collapse: initial; }
.SortArrow:hover:where([sf~="117"]) { --wash-color: #FFFFFF; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ReverseSorted .SortArrow:where([sf~="117"]) { transform: rotateZ( 180deg ); --mgt: -3px; --mgr: 2px; }
/* styles/friendlobby.css */
.friendlobby:where([sf~="118"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 365px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 365px; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity, transform, translate, --pxp, --pyp, --bgc; transition-duration: .5s, .5s, .5s, .5s, .5s, .5s, .5s, .5s, .5s, .5s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendlobby--is-in-popup:where([sf~="118"]) { --bgc: rgba(61, 61, 61, 0.462915); --bg-grad: none; --mgb: 8px; }
.friendlobby--is-in-popup #JsFriendLobbySeeAllInvites:where([sf~="118"]) { --vis-collapse: none; }
.friendlobby__seperator:where([sf~="118"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --mgt: 4px; width: min(calc((100% + var(--ppx)) * 0.93), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(255, 255, 255, 0.220751); --bg-grad: none; }
.friendlobby.hidden:where([sf~="118"]) { opacity: 0; --op-pe: none; transform: translateX( 64px ); transition-property: transform, opacity, translate, --pxp, --pyp; transition-duration: .4s, .4s, .4s, .4s, .4s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.friendlobby__row:where([sf~="118"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 12px; }
.friendlobby__row.row-margin-top:where([sf~="118"]) { --mgt: 6px; }
.friendlobby.playerforhire .friendlobby__row__settings:where([sf~="118"]), .friendlobby.playerforhire .friendlobby__row__group:where([sf~="118"]) { --vis-collapse: none; }
.friendlobby__row--join:where([sf~="118"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 2px; --mgr: 6px; --mgb: 2px; --mgl: 14px; }
.friendlobby.playerforhire:where([sf~="118"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.friendlobby.playerforhire .friendlobby__row-avatars:where([sf~="118"]) { --mgt: 4px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.friendlobby.playerforhire .friendlobby__row:where([sf~="118"]) { --mgl: 82px; --mgt: 18px; }
.friendlobby__join-btn:where([sf~="118"]) { --bgc: #0F9D58; --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 2px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 6px; box-shadow: 0px 0px 1.5px 2px rgb(0 0 0 / 0.25); --bg-fill: rgb(0 0 0 / 0.25); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.friendlobby__join-btn :is(p-image, :where(img[pimg])):where([sf~="118"]) { transform: rotateZ(45deg); }
.friendlobby__row--bottom-margin:where([sf~="118"]) { --mgb: 6px; }
.friendlobby__row--no-margin:where([sf~="118"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.friendlobby__row-name:where([sf~="118"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 0px; --pdrn: 4; --pdln: 0; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.friendlobby__row-left:where([sf~="118"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.friendlobby__row__icon-prime:where([sf~="118"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; opacity: 0.696476; --op-pe: inherit; }
.friendlobby__row__icon-flag:where([sf~="118"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 0px; --pdrn: 8; --pdln: 0; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.friendlobby__row__icon-skillgroup:where([sf~="118"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 0px; --pdrn: 8; --pdln: 0; --vis-collapse: initial; }
.friendlobby__row__icon-skillgroup.hidden:where([sf~="118"]), .friendlobby__row__icon-flag.hidden:where([sf~="118"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --vis-collapse: none; }
#FriendLobbyCloseButton:where([sf~="118"]), #JsFriendLobbyJoinBtn:where([sf~="118"]) { --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 0px; }
.IconButton.hidden:where([sf~="118"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --vis-collapse: none; }
.friendlobby__row-avatars:where([sf~="118"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 12px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.friendlobby__slot:where([sf~="118"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 12px; }
.friendlobby__slot--first:where([sf~="118"]) { --mgl: 24px; }
.friendlobby__slot--empty:where([sf~="118"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; border-radius: 0px; opacity: 0.616725; --op-pe: inherit; --bg-img: url("/panorama/images/mapdraft/vote_box.webp"); --bg-size: 100% 100%; --bg-w: 0px; }
.friendlobby__text:where([sf~="118"]) { width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; max-height: 18px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; font-weight: 400; }
#JsFriendLobbyLeaderName:where([sf~="118"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-height: 26px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.kk-i-JsFriendLobbyLeaderName:has(> #JsFriendLobbyLeaderName:where([sf~="118"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-JsFriendLobbyLeaderName:has(> #JsFriendLobbyLeaderName:where([sf~="118"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.friendlobby-avatar__Image:where([sf~="118"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transform: scale3d(1, 1, 1); border: 0px solid white; --bdln: 0; --bdrn: 0; transition-property: border, transform, box-shadow; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.friendtile-advertise .friendlobby-avatar__Image:where([sf~="118"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.friendlobby-avatar__Image--Slots:where([sf~="118"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.friendlobby-avatar__Image:hover:where([sf~="118"]) { border: 4px solid white; --bdln: 4; --bdrn: 4; box-shadow: 4px 0px 2px 3.333333px rgb(0 0 0 / 0.12549); --bg-fill: rgb(0 0 0 / 0.12549); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: border, transform, box-shadow; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.IconButton:where([sf~="118"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#jsRatingEmblem:where([sf~="118"]) { zoom: 0.65; --uizi: 0.65; --zl: calc(var(--mgl) / 0.65); --zr: calc(var(--mgr) / 0.65); --zt: calc(var(--mgtv, var(--mgt)) / 0.65); --zb: calc(var(--mgbv, var(--mgb)) / 0.65); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.friendlobby__lobbies-count:where([sf~="118"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; font-style: italic; color: rgb(245, 240, 240); max-width: 128px; --maxw: 128px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; text-overflow: ellipsis; }
/* styles/gameconsole.css */
#ConsoleText:where([sf~="119"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; cursor: text; }
#Title:where([sf~="119"]) { --pdt: 3px; --pdr: 4px; --pdb: 3px; --pdl: 4px; --pdrn: 4; --pdln: 4; color: white; text-transform: uppercase; letter-spacing: 2px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; }
#ConsoleInput:where([sf~="119"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid #333; --bgc: black; --bg-grad: none; color: white; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; }
p-textentryautocomplete:where([sf~="119"]) { width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; max-height: 200px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: #3d4448; --bg-grad: none; color: #e1e1e1; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 0.4); --bg-fill: rgb(0 0 0 / 0.4); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; }
p-textentryautocomplete > p-label:where([sf~="119"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 2px; --pdr: 8px; --pdb: 2px; --pdl: 8px; --pdrn: 8; --pdln: 8; color: rgba(255, 255, 255, 0.773757); --bgc: #3d4448; --bg-grad: none; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); border-top: 1px solid rgba(0, 0, 0, 0.21089); border-bottom: 1px solid rgba(0, 0, 0, 0.21089); transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; }
/* styles/globalpopups.css */
p-csgoglobalpopups:where([sf~="120"]), #TooltipManager:where([sf~="120"]), #ContextMenuManager:where([sf~="120"]), #PopupManager:where([sf~="120"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
/* styles/honor_icon.css */
.honor-icon-root:where([sf~="121"]) { --vis-collapse: none; }
.honor-icon-root.show-prime:where([sf~="121"]) { --vis-collapse: initial; }
.honor-icon-root.show-prime .honor-icon:where([sf~="121"]) { --vis-collapse: none; }
.honor-icon-root.show-prime .prime-icon-image:where([sf~="121"]) { --vis-collapse: initial; }
.honor-icon-root.show-honor:where([sf~="121"]) { --vis-collapse: initial; }
.honor-icon-root.show-honor .honor-icon:where([sf~="121"]) { --vis-collapse: initial; }
.honor-icon-root.show-honor .prime-icon-image:where([sf~="121"]) { --vis-collapse: none; }
.honor-icon-root.show-none:where([sf~="121"]) { --vis-collapse: none; }
.honor-icon:where([sf~="121"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.honor-icon .honor-icon-background:where([sf~="121"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.honor-icon .honor-icon-particles:where([sf~="121"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.920479; --op-pe: inherit; }
.honor-icon .honor-icon-image:where([sf~="121"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.sb-team--TERRORIST .honor-icon-image:where([sf~="121"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.sb-team--CT .honor-icon-image:where([sf~="121"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.DeathNoticeTColor .honor-icon-image:where([sf~="121"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.DeathNoticeCTColor .honor-icon-image:where([sf~="121"]) { --wash-color: #6f9ce6; --wash-filter: url(#w-6f9ce6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-0.HUD--team--ct .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-0.HUD--team--terrorist .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-12.HUD--team--ct .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-12.HUD--team--terrorist .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--yellow.csgo-hud__color-12 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: rgb(248, 246, 45); --wash-filter: url(#w-rgb_248_246_45); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--purple.csgo-hud__color-12 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: rgb(192, 54, 153); --wash-filter: url(#w-rgb_192_54_153); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--green.csgo-hud__color-12 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: rgb(29, 162, 132); --wash-filter: url(#w-rgb_29_162_132); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--blue.csgo-hud__color-12 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: rgb( 136, 206, 245); --wash-filter: url(#w-rgb_136_206_245); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-teammatecolor--orange.csgo-hud__color-12 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: rgb(255, 155, 37); --wash-filter: url(#w-rgb_255_155_37); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-1 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #e8e8e8; --wash-filter: url(#w-e8e8e8); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-2 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #ffffff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-3 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #96c8ff; --wash-filter: url(#w-96c8ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-4 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #2478ff; --wash-filter: url(#w-2478ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-5 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #c864ff; --wash-filter: url(#w-c864ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-6 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #ff2924; --wash-filter: url(#w-ff2924); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-7 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #ff7124; --wash-filter: url(#w-ff7124); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-8 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #fff724; --wash-filter: url(#w-fff724); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-9 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #3eff24; --wash-filter: url(#w-3eff24); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-10 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #70ffdb; --wash-filter: url(#w-70ffdb); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.csgo-hud__color-11 .HudHealthAmmoCenter .honor-icon-image:where([sf~="121"]) { --wash-color: #ff9ccd; --wash-filter: url(#w-ff9ccd); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#JsControlLibrary .scoreboard-t .honor-icon-image:where([sf~="121"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#JsControlLibrary .scoreboard-ct .honor-icon-image:where([sf~="121"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#JsControlLibrary .deathnotice-t .honor-icon-image:where([sf~="121"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#JsControlLibrary .deathnotice-ct .honor-icon-image:where([sf~="121"]) { --wash-color: #6f9ce6; --wash-filter: url(#w-6f9ce6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/hud/hudalerts.css */
p-csgohudalerts:where([sf~="122"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; transform: scale3d(0, 1, 1); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: white; --bg-grad: none; --world-blur: gaussian(2,2,2); opacity: 1; --op-pe: inherit; border-radius: 3px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; transition-delay: .0s, 0s, 0s, 0s, 0s, 0s, 0s, .25s; transition-property: opacity, transform, height, --fh, --fh-basis, --fh-stretch, --hcap, --bgc; transition-duration: .1s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; --py: 120px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
p-csgohudalerts .alert-bar-side:where([sf~="122"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; }
p-csgohudalerts .alert-bar-glitch:where([sf~="122"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.472624; --op-pe: inherit; --bg-size: auto auto; --bg-w: 0px; --bg-img: none; --bg-video: "/panorama/videos/digital_glitch.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; transition-property: opacity, --blur; transition-delay: .50s, .50s; transition-duration: .2s, .2s; transition-timing-function: ease-in, ease-in; }
p-csgohudalerts .alert-bar-bg:where([sf~="122"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .04; --bg-img-own: none; opacity: 0; --op-pe: none; transition-delay: .25s; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in; }
p-csgohudalerts .alert-bar-bg:where([sf~="122"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
p-csgohudalerts #AlertText:where([sf~="122"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; text-align: center; --pdt: 8px; --pdr: 24px; --pdb: 8px; --pdl: 24px; --pdrn: 24; --pdln: 24; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.566043), 1px 1px 1px rgba(0, 0, 0, 0.566043); transform: translateY(0px); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 1; --op-pe: inherit; transition-property: opacity, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; }
p-csgohudalerts.AlertHidden:where([sf~="122"]) { opacity: 1; --op-pe: inherit; transform: scale3d(0, 1, 1); }
p-csgohudalerts.AlertHidden .alert-bar-glitch:where([sf~="122"]) { --vis-collapse: none; }
p-csgohudalerts.AlertHidden #AlertText:where([sf~="122"]) { opacity: 0; --op-pe: none; transition-property: opacity, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; }
p-csgohudalerts.AlertVisible:where([sf~="122"]), p-csgohudalerts.FlashAnim:where([sf~="122"]) { transform: scale3d(1, 1, 1); opacity: 1; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0); --bg-grad: none; transition-delay: .25s, .25s, .25s, .25s, .25s, .25s, .25s, 0s; transition-property: opacity, transform, height, --fh, --fh-basis, --fh-stretch, --hcap, --bgc; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .15s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; }
p-csgohudalerts.AlertVisible .alert-bar-bg:where([sf~="122"]), p-csgohudalerts.FlashAnim .alert-bar-bg:where([sf~="122"]) { --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; opacity: 1; --op-pe: inherit; transition-property: --bgc; transition-duration: .0s; transition-timing-function: ease-in; }
p-csgohudalerts.AlertVisible .alert-bar-glitch:where([sf~="122"]), p-csgohudalerts.FlashAnim .alert-bar-glitch:where([sf~="122"]) { opacity: 0; --op-pe: none; }
p-csgohudalerts.AlertVisible #AlertText:where([sf~="122"]), p-csgohudalerts.FlashAnim #AlertText:where([sf~="122"]) { opacity: 1; --op-pe: inherit; transition-property: opacity, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; }
.Language_vietnamese #AlertText:where([sf~="122"]) { font-family: 'Noto Mono', 'Arial Unicode MS'; --c9: 1; }
.MatchStartAlert:where([sf~="122"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; }
.MatchAlertTimer:where([sf~="122"]) { font-family: Stratum2 Bold Monodigit, "Arial Unicode MS"; --c9: 0.9; }
.ReplayAlert:where([sf~="122"]) { color: #c9c9c9; }
p-csgohudalerts.HideFlash:where([sf~="122"]) { opacity: 0; --op-pe: none; animation-name: HideFlash; animation-duration: 1.0s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes HideFlash {
0% { opacity: 0.800796; --op-pe: inherit; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
21% { opacity: 1; --op-pe: inherit; --wash-color: #FFFFFFE6; --wash-filter: url(#w-ffffffe6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
42% { opacity: 0.800796; --op-pe: inherit; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { opacity: 0; --op-pe: none; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
p-csgohudalerts.FlashAnim:where([sf~="122"]) { transform: scale3d(1, 1, 1); --bgc: rgba(255, 255, 255, 0); --bg-grad: none; animation-name: FlashAnim; animation-duration: 3.7s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes FlashAnim {
0% { opacity: 0; --op-pe: none; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
3% { opacity: 0.920479; --op-pe: inherit; --wash-color: #FFFFFF; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
6% { opacity: 0.920479; --op-pe: inherit; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
14% { opacity: 0.892208; --op-pe: inherit; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
57% { opacity: 0.800796; --op-pe: inherit; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
86% { opacity: 0.800796; --op-pe: inherit; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
89% { opacity: 1; --op-pe: inherit; --wash-color: #FFFFFFE6; --wash-filter: url(#w-ffffffe6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
92% { opacity: 0.800796; --op-pe: inherit; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { opacity: 0; --op-pe: none; --wash-color: none; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/hud/hudautodisconnect.css */
.hidden:where([sf~="123"]) { --vis-collapse: none; }
.auto-disconnect:where([sf~="123"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgr: 10px; }
.auto-disconnect-container:where([sf~="123"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.auto-disconnect-container p-label:where([sf~="123"]) { --wash-color: red; --wash-filter: url(#w-red); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.auto-disconnect-container :is(p-image, :where(img[pimg])):where([sf~="123"]) { --wash-color: red; --wash-filter: url(#w-red); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.auto-disconnect_top-label:where([sf~="123"]) { text-align: center; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.bottom-container:where([sf~="123"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.bottom-container :is(p-image, :where(img[pimg])):where([sf~="123"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.auto-disconnect_bottom-label:where([sf~="123"]) { text-align: center; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
/* styles/hud/hudchat.css */
p-csgohudchat:where([sf~="124"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; }
#ChatContainer:where([sf~="124"]) { --pdr: 10px; --pdrn: 10; --pdl: 10px; --pdln: 10; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdb: 72px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.EndOfMatchChat > #ChatContainer:where([sf~="124"]) { --pdb: 350px; }
.WindowRoot_TripleMonitor .EndOfMatchChat > #ChatContainer:where([sf~="124"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.33), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.ChatLabelClass:where([sf~="124"]) { --bgc: black; --bg-grad: none; opacity: 0.862912; --op-pe: inherit; }
.ChatBG:where([sf~="124"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: black; --bg-grad: none; opacity: 0.862912; --op-pe: inherit; }
#ChatFG:where([sf~="124"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 553px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 553px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
#ChatHistory:where([sf~="124"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 327px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 327px; animation-name: pano-vpct; }
#ChatHistoryText:where([sf~="124"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 0px; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; }
#ChatTextEntry:where([sf~="124"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --mgt: 8px; }
#ChatTextEntry p-label:where([sf~="124"]), #ChatTextEntry p-textentry:where([sf~="124"]) { font-family: Stratum2 Light, 'Arial Unicode MS'; --c9: 0.9; }
.ChatTextBG:where([sf~="124"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: black; --bg-grad: none; opacity: 0.862912; --op-pe: inherit; }
#ChatTextEntryFG:where([sf~="124"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#ChatTextEntryBox:where([sf~="124"]) { width: 450px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 450px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; --mgl: 15px; border: 0px; --bdln: 0; --bdrn: 0; --pdl: 0px; --pdln: 0; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 0px; color: white; }
#ChatTextEntryBox._focus:where([sf~="124"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
#ChatTextEntryBox #PlaceholderText:where([sf~="124"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 1; --op-pe: inherit; color: darkgrey; letter-spacing: 0px; }
#ChatTextEntryBox.HasInput #PlaceholderText:where([sf~="124"]) { opacity: 0; --op-pe: none; }
#ChatSendButton:where([sf~="124"]) { width: 75px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 75px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#ChatSendButton p-label:where([sf~="124"]) { font-family: Stratum2; --c9: 0.9; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; letter-spacing: 0px; text-transform: uppercase; color: grey; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: left; transition-property: color; transition-duration: 0.2s; }
#ChatSendButton:not(._disabled) p-label:where([sf~="124"]) { font-weight: 700; color: #A0A0A0; }
#ChatSendButton:not(._disabled):hover p-label:where([sf~="124"]) { color: white; }
#GotvPanel:where([sf~="124"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --vis-collapse: none; }
#GotvPanel.Gotv:where([sf~="124"]) { --vis-collapse: initial; }
#GotvToggle:where([sf~="124"]) { width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; height: 33px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 33px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#GotvToggle p-label:where([sf~="124"]) { --fsz: 17; font-size: calc(max(1, round(nearest, 17 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-transform: none; letter-spacing: 0px; --mgt: 7px; --mgr: 7px; --mgb: 7px; --mgl: 7px; --mgt: 4px; }
#GotvToggle .TickBox:where([sf~="124"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --bg-size: 100% 100%; --bg-w: 0px; }
/* styles/hud/hudcompass.css */
.hud-retake-compass:where([sf~="125"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; z-index: 3; transition-property: opacity; transition-timing-function: linear; transition-duration: 0.1s; }
.kk-c-hud-retake-compass:has(> .hud-retake-compass:where([sf~="125"]):not([pvis="0"])) { isolation: isolate; }
.bombsite-pip-a:where([sf~="125"]), .bombsite-pip-b:where([sf~="125"]) { --bg-size: 32px 32px; --bg-w: 32px; --bg-rep: no-repeat; --bg-pos: 50% 50%; --img-shadow: drop-shadow(2px 2px 0.5px #000000); transition-property: translate, --pxp, --pyp; transition-timing-function: linear, linear, linear; transition-duration: 0.05s, 0.05s, 0.05s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bombsite-pip-a.bombsite-pip-a:where([sf~="125"]), .bombsite-pip-b.bombsite-pip-a:where([sf~="125"]) { --bg-img: url("/panorama/images/icons/ui/retake_site_pip_a.webp"); }
.bombsite-pip-a.bombsite-pip-b:where([sf~="125"]), .bombsite-pip-b.bombsite-pip-b:where([sf~="125"]) { --bg-img: url("/panorama/images/icons/ui/retake_site_pip_b.webp"); }
.bombsite-pip-a .bombsite-pip-arrow-a:where([sf~="125"]), .bombsite-pip-a .bombsite-pip-arrow-b:where([sf~="125"]), .bombsite-pip-b .bombsite-pip-arrow-a:where([sf~="125"]), .bombsite-pip-b .bombsite-pip-arrow-b:where([sf~="125"]) { --vis-collapse: initial; width: 78px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 78px; height: 78px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 78px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.bombsite-pip-a .bombsite-pip-arrow-a .bombsite-pip-arrow-img-a:where([sf~="125"]), .bombsite-pip-a .bombsite-pip-arrow-a .bombsite-pip-arrow-img-b:where([sf~="125"]), .bombsite-pip-a .bombsite-pip-arrow-b .bombsite-pip-arrow-img-a:where([sf~="125"]), .bombsite-pip-a .bombsite-pip-arrow-b .bombsite-pip-arrow-img-b:where([sf~="125"]), .bombsite-pip-b .bombsite-pip-arrow-a .bombsite-pip-arrow-img-a:where([sf~="125"]), .bombsite-pip-b .bombsite-pip-arrow-a .bombsite-pip-arrow-img-b:where([sf~="125"]), .bombsite-pip-b .bombsite-pip-arrow-b .bombsite-pip-arrow-img-a:where([sf~="125"]), .bombsite-pip-b .bombsite-pip-arrow-b .bombsite-pip-arrow-img-b:where([sf~="125"]) { --mgt: -4px; width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 21px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 21px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform: scaleY( -1 ); --img-shadow: drop-shadow(2px 2px 0.5px #000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/hud/huddamageindicator.css */
.Damage:where([sf~="126"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.Damage--Hidden:where([sf~="126"]) { --vis-collapse: none; }
.Damage__Segment:where([sf~="126"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: radial-gradient(ellipse 49% 49% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 86.1%, rgba(255, 255, 255, 1) 86.2%, rgba(255, 255, 255, 1) 88.9%, rgba(255, 255, 255, 0) 89%, rgba(255, 255, 255, 0) 91.9%, rgba(255, 255, 255, 1) 92%, rgba(255, 255, 255, 1) 99.9%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --clip-radial-center: 50% 50%; --clip-radial-start: 315deg; --clip-radial-sweep: 90deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); --wash-color: #cc3300FF; --wash-filter: url(#w-cc3300ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Damage__Segment_Bar:where([sf~="126"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: radial-gradient(ellipse 57% 57% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 76.9%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 89.9%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --clip-radial-center: 50% 50%; --clip-radial-start: 45deg; --clip-radial-sweep: 270deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
.Damage__Segment--Top:where([sf~="126"]) { transform: translate3d( 0px, -5px, 0px ); }
.Damage__Segment--Right:where([sf~="126"]) { transform: translate3d( 0px, -5px, 0px ) rotateZ( 90deg ); }
.Damage__Segment--Bottom:where([sf~="126"]) { transform: translate3d( 0px, -5px, 0px ) rotateZ( 180deg ); }
.Damage__Segment--Left:where([sf~="126"]) { transform: translate3d( 0px, -5px, 0px ) rotateZ( 270deg ); }
/* styles/hud/huddeathnotice.css */
p-csgohuddeathnotice:where([sf~="127"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 72px; --pdr: 10px; --pdrn: 10; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.kk-t-p-csgohuddeathnotice:has(> p-csgohuddeathnotice:where([sf~="127"]):not([pvis="0"])) { --kid-fill-h: 1; }
.Language_vietnamese p-csgohuddeathnotice p-label.stratum-bold:where([sf~="127"]) { font-family: ForceStratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; }
#VisibleNotices:where([sf~="127"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.DeathNotice:where([sf~="127"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 3px; transition-property: translate, --pxp, --pyp; transition-timing-function: ease-out, ease-out, ease-out; transition-duration: .2s, .2s, .2s; }
.DeathNotice.FadeOut .DeathNoticeBGBorder:where([sf~="127"]), .DeathNotice.FadeOut .DeathNoticeContent:where([sf~="127"]), .DeathNotice.FadeOut .DeathNoticeWipeContainer:where([sf~="127"]) { opacity: 0; --op-pe: none; }
.DeathNoticeBGBorder:where([sf~="127"]) { border-radius: 3px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: opacity; transition-timing-function: ease-out; transition-duration: 1.0s; }
.Available .DeathNoticeBGBorder:where([sf~="127"]), .Available .DeathNoticeContent:where([sf~="127"]), .Available .DeathNoticeWipeContainer:where([sf~="127"]) { opacity: 0; --op-pe: none; transition-duration: .2s; }
.DeathNoticeBG:where([sf~="127"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --world-blur: gaussian(2,2,2); }
.DeathNoticeBGGradient:where([sf~="127"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; }
.DeathNotice_Victim .DeathNoticeBG:where([sf~="127"]) { --vis-collapse: initial; --bgc: rgba(99, 6, 6, 0.646617); --bg-grad: none; --world-blur: gaussian(2,2,2); }
.DeathNotice_Killer .DeathNoticeBGBorder:where([sf~="127"]) { border: 2px solid #e10000; --bdln: 2; --bdrn: 2; }
.DeathNotice_Killer .DeathNoticeBGGradient:where([sf~="127"]) { --vis-collapse: none; }
.DeathNotice_Killer .DeathNoticeBG:where([sf~="127"]) { --vis-collapse: initial; --bg-grad: linear-gradient(19.290046deg, rgba(153, 11, 11, 0.546938) 0%, rgba(0, 0, 0, 0.689082) 100%); --bgc: transparent; --bgc: rgba(0, 0, 0, 0.689082); --bg-grad: none; --world-blur: gaussian(2,2,2); }
.DeathNoticeContent:where([sf~="127"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 6px; --pdr: 10px; --pdb: 3px; --pdl: 10px; --pdrn: 10; --pdln: 10; transition-property: opacity; transition-timing-function: ease-out; transition-duration: 1.0s; }
.DeathNoticeContent p-label:where([sf~="127"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 2px; --mgr: 2px; --mgb: 2px; letter-spacing: 0px; text-shadow: 1px 1px 1px #000000; max-height: 32px; max-width: 160px; --maxw: 160px; text-overflow: ellipsis; white-space: nowrap; }
.DeathNotice_Killer .DeathNoticeContent p-label:where([sf~="127"]) { --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 900; letter-spacing: .5px; }
p-label.DeathNoticeCTColor:where([sf~="127"]) { color: #6f9ce6; }
p-label.DeathNoticeTColor:where([sf~="127"]) { color: #eabe54; }
p-label.DeathNoticeFadedColor:where([sf~="127"]) { color: #888888; }
.DeathNoticeIcon:where([sf~="127"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; --mgt: -2px; --mgr: 2px; --mgb: 0px; --mgl: 2px; }
#Weapon:where([sf~="127"]) { --vis-collapse: initial; }
.DeathNoticeSuicide #Weapon:where([sf~="127"]) { --vis-collapse: none; }
#AssistParent:where([sf~="127"]) { --vis-collapse: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DeathNoticeWipeContainer:where([sf~="127"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --mgt: 30px; --pdt: 0px; --pdr: 10px; --pdb: 0px; --pdl: 10px; --pdrn: 10; --pdln: 10; transition-property: opacity; transition-timing-function: ease-out; transition-duration: 1.0s; --bg-grad: linear-gradient(315deg, rgba(225, 0, 0, 0.81805) 0%, rgba(225, 0, 0, 0.81805) 20%, rgba(225, 0, 0, 0.27911) 40%, rgba(225, 0, 0, 0.041934) 80%, rgba(225, 0, 0, 0) 100%); --bgc: transparent; border-radius: 3px; }
.DeathNoticeWipeContainer p-label:where([sf~="127"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 2px; --mgr: 2px; --mgb: 2px; letter-spacing: 0.45px; text-shadow: 1px 1px 2px color-mix(in srgb, #000000 45.45%, transparent); max-height: 22px; max-width: 300px; --maxw: 300px; text-overflow: ellipsis; white-space: nowrap; }
.DeathNoticeWipeIcon:where([sf~="127"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: -2px; --mgr: 1px; --mgb: 0px; --mgl: 1px; }
.DeathNoticeWipe .DeathNoticeWipeContainer:where([sf~="127"]), .DeathNoticeRevenge #Revenge:where([sf~="127"]), .DeathNoticeDomination #Domination:where([sf~="127"]), .DeathNoticePenetrate #Penetrate:where([sf~="127"]), .DeathNoticeHeadShot #HeadShot:where([sf~="127"]), .DeathNoticeFlashbang #Flashbang:where([sf~="127"]), .DeathNoticeSuicide #Suicide:where([sf~="127"]), .DeathNoticeAssist #AssistParent:where([sf~="127"]) { --vis-collapse: initial; }
.noscope #NoScopeIcon:where([sf~="127"]) { --vis-collapse: initial; }
.through-smoke #ThroughSmokeIcon:where([sf~="127"]) { --vis-collapse: initial; }
.attacker-blind #AttackerBlindIcon:where([sf~="127"]) { --vis-collapse: initial; }
.HonorIcon:where([sf~="127"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.attackerinair #AttackerInAir:where([sf~="127"]) { --vis-collapse: initial; --mgr: -4px; --mgt: -14px; }
/* styles/hud/huddeathpanel.css */
.DeathPanelRoot:where([sf~="128"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-size: 100% 100%; --bg-w: 0px; }
.DeathPanelRoot--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanelRoot--BorderNone:where([sf~="128"]) { --bg-img: none; }
.DeathPanelRoot--Border0:where([sf~="128"]) { --bg-img: url("/panorama/images/hud/deathpanel/holiday_border_1.webp"); }
.DeathPanelRoot--Border1:where([sf~="128"]) { --bg-img: url("/panorama/images/hud/deathpanel/holiday_border_2.webp"); }
.DeathPanelRoot--Border2:where([sf~="128"]) { --bg-img: url("/panorama/images/hud/deathpanel/holiday_border_3.webp"); }
.DeathPanelRoot--Border3:where([sf~="128"]) { --bg-img: url("/panorama/images/hud/deathpanel/holiday_border_4.webp"); }
.DeathPanel:where([sf~="128"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.death-panel-bg:where([sf~="128"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.01; --bg-img-own: none; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
.death-panel-bg:where([sf~="128"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.DeathPanel--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanel--FadeIn:where([sf~="128"]) { opacity: 1; --op-pe: inherit; animation-name: DeathPanelFadeInAnim; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes DeathPanelFadeInAnim {
0% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
.DeathPanel__Content:where([sf~="128"]) { width: 410px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 410px; }
.DeathPanel__BG:where([sf~="128"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.DeathPanel__MedalText:where([sf~="128"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.404027) 5%, rgba(0, 0, 0, 0.404027) 60%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdl: 30px; --pdln: 30; color: white; font-weight: 400; }
.DeathPanel__MedalText--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanel__FillBG:where([sf~="128"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.616725; --op-pe: inherit; border-radius: 3px 3px 0px 0px; }
.DeathPanel__BG-Blur:where([sf~="128"]) { --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; --world-blur: gaussian(2,2,2); }
.DeathPanel_AvatarBG:where([sf~="128"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; }
.DeathPanel__Avatar:where([sf~="128"]) { width: 66px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 66px; height: 66px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 66px; border-radius: 3px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.DeathPanel__AvatarHealthBar:where([sf~="128"]) { width: 86px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 86px; height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; border-radius: 0px; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --vis-collapse: none; }
.DeathPanel__AvatarHealthBar .ProgressBarLeft:where([sf~="128"]) { --bgc: #dee5c8; --bg-grad: none; }
.DeathPanel__AvatarHealthBar--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanel__AvatarFlair:where([sf~="128"]) { transform: translate3d( -32px, -24px, 0.0px ); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --img-shadow: drop-shadow(2px 2px 6.5px color-mix(in srgb, black 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.DeathPanel__AvatarFlair--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanel__AvatarSkillGroup:where([sf~="128"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); transform: translate3d( -32px, 58px, 0.0px ); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.DeathPanel__AvatarSkillGroup--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanel__Name:where([sf~="128"]) { color: #cccccc; font-weight: 700; --text-shrink: 1; --text-shrink-min: 14px; letter-spacing: 0px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; text-overflow: ellipsis; }
#jsHonorIcon:where([sf~="128"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgl: 0px; --mgr: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.DeathPanel__Desc:where([sf~="128"]) { max-height: 30px; --pdl: 8px; --pdln: 8; color: #c93121; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --text-shrink: 1; --text-shrink-min: 14px; }
.DeathPanel__Damage:where([sf~="128"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.DeathPanel__Damage.Taken:where([sf~="128"]) { border-top: 2px solid rgba(37, 37, 37, 0.156601); }
.DeathPanel__Damage p-label:where([sf~="128"]) { font-weight: 400; text-overflow: ellipsis; --pdt: 4px; --pdr: 10px; --pdb: 4px; --pdl: 10px; --pdrn: 10; --pdln: 10; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.DeathPanel__Damage--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanel__DominationIcon:where([sf~="128"]) { height: 46px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 46px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 5px; --vis-collapse: none; }
.DominationIconTypeNemesis .DeathPanel__DominationIcon--Nemesis:where([sf~="128"]), .DominationIconTypeRevenge .DeathPanel__DominationIcon--Revenge:where([sf~="128"]) { --vis-collapse: initial; }
.DeathPanel__ItemContainer:where([sf~="128"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; border-left: 2px solid rgba(37, 37, 37, 0.156601); --bdln: 2; }
.DeathPanel__ItemContainer--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanel__Item:where([sf~="128"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-size: 100% 100%; --bg-w: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.DeathPanel_Nav_Container:where([sf~="128"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 2px; }
.DeathPanel__Navigation:where([sf~="128"]) { color: rgb(197, 197, 197); --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: right; text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); }
.DeathPanel__Navigation--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanelSS:where([sf~="128"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.DeathPanelSS--DefaultPosition:where([sf~="128"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 200px; transform: rotateZ( 6deg ); }
.DeathPanelSS--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanelSS__Logo:where([sf~="128"]) { width: 650px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 650px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --mgl: 30px; --mgb: 30px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.277279) 30%, rgba(0, 0, 0, 0.277279) 100%); --bgc: transparent; }
.DeathPanelSS__LogoImage:where([sf~="128"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --wash-color: #cccccc; --wash-filter: url(#w-cccccc); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.DeathPanelSS__Content:where([sf~="128"]) { width: 650px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 650px; }
.DeathPanelSS__BG:where([sf~="128"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.537458) 30%, rgba(0, 0, 0, 0.537458) 100%); --bgc: transparent; }
.DeathPanelSS__ContentPadding:where([sf~="128"]) { --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.DeathPanelSS__MedalText:where([sf~="128"]) { --mgr: 20px; color: white; font-weight: 400; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.DeathPanel_AvatarBG--SS:where([sf~="128"]) { width: 46px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 46px; height: 46px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 46px; }
.DeathPanel__Avatar--SS:where([sf~="128"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.DeathPanel__AvatarHealthBar--SS:where([sf~="128"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; }
.DeathPanel__AvatarFlair--SS:where([sf~="128"]) { transform: translate3d( 20px, -15px, 0.0px ); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; }
.DeathPanelSS__Name:where([sf~="128"]) { --mgr: 10px; color: white; --fsz: 40; font-size: calc(max(1, round(nearest, 40 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; }
.DeathPanelSS__Desc:where([sf~="128"]) { color: #c93121; --fsz: 25; font-size: calc(max(1, round(nearest, 25 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; }
.DeathPanel__ItemContainer--SS:where([sf~="128"]) { width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; }
.DeathPanelSSCameraFlash:where([sf~="128"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #ffffff; --bg-grad: none; opacity: 0; --op-pe: none; }
.DeathPanelSSCameraFlash--Hidden:where([sf~="128"]) { --vis-collapse: none; }
.DeathPanelSSCameraFlash--Flash:where([sf~="128"]) { animation-name: DeathPanelCameraFlashAnim; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; animation-delay: 0.25s; }
@keyframes DeathPanelCameraFlashAnim {
0% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
.DeathCancel:where([sf~="128"]) { --py: 810px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: #cccccc; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-shadow: 2px 2px black; }
.DeathPanel__SurvivalEndOfMatch:where([sf~="128"]) { --pdl: 90px; --pdln: 90; color: #cccccc; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-shadow: 2px 2px black; }
.DeathCancel--Hidden:where([sf~="128"]) { --vis-collapse: none; }
#ProgressDamageTaken.ProgressBarVisible:where([sf~="128"]), #ProgressDamageGiven.ProgressBarVisible:where([sf~="128"]) { --vis-collapse: initial; }
#ProgressDamageTaken:where([sf~="128"]), #ProgressDamageGiven:where([sf~="128"]) { height: 3px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 3px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --vis-collapse: none; }
#ProgressDamageTaken .ProgressBarLeft:where([sf~="128"]) { --bgc: red; --bg-grad: none; }
#ProgressDamageTaken .ProgressBarRight:where([sf~="128"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
#ProgressDamageGiven .ProgressBarLeft:where([sf~="128"]) { --bgc: green; --bg-grad: none; }
#ProgressDamageGiven .ProgressBarRight:where([sf~="128"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
p-progressbar:where([sf~="128"]) { --bgc: rgba(37, 37, 37, 0.19999); --bg-grad: none; }
/* styles/hud/huddemocontroller.css */
p-csgohuddemocontroller:where([sf~="129"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; z-index: 20; }
.kk-t-p-csgohuddemocontroller:has(> p-csgohuddemocontroller:where([sf~="129"]):not([pvis="0"])) { isolation: isolate; }
#Root:where([sf~="129"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#Contents:where([sf~="129"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; box-shadow: 0px 0px 1px 0.666667px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --world-blur: gaussian(2,2,2); transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .1s, .1s, .1s, .1s, .1s; transition-timing-function: ease-out, ease-out, ease-out, ease-out, ease-out; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.DemoControllerFull #Contents:where([sf~="129"]) { height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; }
.DemoControllerMinimal #Contents:where([sf~="129"]) { height: 45px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 45px; }
#SliderRow:where([sf~="129"]) { --mgb: -6px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#Slider:where([sf~="129"]) { --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --px: 0px; --pxp: 0px; --py: 10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#Slider #SliderThumb:where([sf~="129"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bgc: white; --bg-grad: none; }
#Slider #SliderTrackProgress:where([sf~="129"]) { --vis-collapse: none; }
.highlightsActive #SliderTrack p-panel:where([sf~="129"]) { opacity: 0; --op-pe: none; }
#RoundMarkers:where([sf~="129"]) { --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#RoundMarkers .roundMarker:where([sf~="129"]) { height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --mgt: 30px; }
#RoundMarkers .roundMarker.odd:where([sf~="129"]) { --bgc: rgba(255, 255, 255, 0.32517); --bg-grad: none; }
#RoundMarkers .roundMarker.even:where([sf~="129"]) { --bgc: rgba(255, 255, 255, 0.549705); --bg-grad: none; }
.highlightsActive #RoundMarkers p-panel:where([sf~="129"]) { opacity: 0.414305; --op-pe: inherit; }
#HighlightMarkers:where([sf~="129"]) { --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#HighlightMarkers p-panel:where([sf~="129"]) { height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --mgt: 30px; --bgc: rgba(255, 255, 255, 1); --bg-grad: none; --vis-collapse: none; }
.highlightsActive #HighlightMarkers p-panel:where([sf~="129"]) { --vis-collapse: initial; }
#HighlightIcons:where([sf~="129"]) { --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; --px: 0px; --pxp: 0px; --py: -10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 1; }
.kk-i-HighlightIcons:has(> #HighlightIcons:where([sf~="129"]):not([pvis="0"])) { isolation: isolate; }
#HighlightIcons .highlight-icon:where([sf~="129"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform-origin: 50% 50%; --bg-rep: no-repeat; --bg-size: contain; --bg-w: 0px; --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.114233)); --brightness: 0.8; transition-property: scale, transform, --brightness; transition-duration: 0.05s, 0.05s, 0.05s; transition-timing-function: ease-out, ease-out, ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightIcons .highlight-icon:hover:where([sf~="129"]) { transform: translateY( -2px ) scale3d( 1.2, 1.2, 1.2 ); z-index: 1; --brightness: 2.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightIcons .kk-c-highlight-icon:has(> .highlight-icon:hover:where([sf~="129"]):not([pvis="0"])), #HighlightIcons.kk-c-highlight-icon:has(> .highlight-icon:hover:where([sf~="129"]):not([pvis="0"])) { isolation: isolate; }
#HighlightIcons .highlight-icon.kill:where([sf~="129"]) { --wash-color: #707070ff; --wash-filter: url(#w-707070ff); --bg-img: url("/panorama/images/icons/ui/crosshair_circle.svg"); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightIcons .highlight-icon.death:where([sf~="129"]) { --wash-color: #707070ff; --wash-filter: url(#w-707070ff); --bg-img: url("/panorama/images/icons/ui/kill.svg"); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightIcons .highlight-icon.tick:where([sf~="129"]) { --wash-color: #707070ff; --wash-filter: url(#w-707070ff); --bg-img: url("/panorama/images/icons/ui/bullet.svg"); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightIcons .highlight-icon.tagged:where([sf~="129"]) { --wash-color: rgb(253, 57, 57); --wash-filter: url(#w-rgb_253_57_57); --bg-img: url("/panorama/images/icons/ui/alert.svg"); --brightness: 1.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightIcons .highlight-icon.tagged:hover:where([sf~="129"]) { --brightness: 2.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightIcons .highlight-icon.untagged:where([sf~="129"]) { --bg-img: url("/panorama/images/icons/ui/alert.svg"); --brightness: 0.4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightIcons .highlight-icon.untagged:hover:where([sf~="129"]) { --brightness: 1.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.highlightsActive #HighlightIcons p-panel:where([sf~="129"]) { scale: 1.1; transform: translateY( -4px ); transition-property: scale, transform, --wash-color; transition-duration: 0.1s, 0.1s, 0.1s; transition-timing-function: ease-out, ease-out, ease-out; --brightness: 4.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.highlightsActive #HighlightIcons p-panel:hover:where([sf~="129"]) { transform: translateY( -6px ) scale3d( 1.2, 1.2, 1.2 ); --brightness: 6.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#ControlRow:where([sf~="129"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 41px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 41px; --mgt: 0px; --mgr: 5px; --mgb: 5px; --mgl: 5px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DemoControllerMinimal #ControlRow:where([sf~="129"]) { --vis-collapse: none; }
#PlayButton:where([sf~="129"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 41px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 41px; --pdt: 5px; --pdr: 0px; --pdb: 5px; --pdl: 0px; --pdrn: 0; --pdln: 0; border-radius: 3px; }
#PlayButton:hover:where([sf~="129"]) { --bgc: rgba(255, 255, 255, 0.486185); --bg-grad: none; }
#PlayButton :is(p-image, :where(img[pimg])):where([sf~="129"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: opacity; transition-duration: .1s; }
#PlayIcon:where([sf~="129"]) { opacity: 0; --op-pe: none; }
.paused #PlayIcon:where([sf~="129"]) { opacity: 1; --op-pe: inherit; }
#PauseIcon:where([sf~="129"]) { opacity: 1; --op-pe: inherit; }
.paused #PauseIcon:where([sf~="129"]) { opacity: 0; --op-pe: none; }
#TimeLabel:where([sf~="129"]) { text-align: right; min-width: 130px; }
#TimeControls:where([sf~="129"]), #RoundControls:where([sf~="129"]), #SpeedControls:where([sf~="129"]) { --mgl: 30px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 2px; }
#ControlRow :is(p-image, :where(img[pimg])):where([sf~="129"]) { height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; }
#ControlRow p-label:where([sf~="129"]) { --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; }
#ControlRow .interactive:where([sf~="129"]) { height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; }
#ControlRow .interactive:hover:where([sf~="129"]) { --bgc: rgba(255, 255, 255, 0.32517); --bg-grad: none; }
#ControlRow #TimeIcon:where([sf~="129"]) { --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; }
#ControlRow #RoundPrev:where([sf~="129"]) { transform: rotateZ( 180deg ); }
#ControlRow #RoundRestart:where([sf~="129"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#ControlRow #RoundNumber:where([sf~="129"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; --pdr: 0px; --pdrn: 0; --pdl: 0px; --pdln: 0; }
#ControlRow #SpeedControls p-label:where([sf~="129"]) { min-width: 35px; text-align: center; }
#ControlRow #SpeedIcon:where([sf~="129"]) { --pdt: 5px; --pdr: 0px; --pdb: 5px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
#ControlRow p-label.selected:where([sf~="129"]) { color: white; font-weight: 700; }
#HighlightsButton:where([sf~="129"]) { --mgl: 25px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; border-radius: 2px; --wash-color: #a0a0a0ff; --wash-filter: url(#w-a0a0a0ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HighlightsButton:hover:where([sf~="129"]) { --bgc: rgba(255, 255, 255, 0.486185); --bg-grad: none; }
.highlightsActive #HighlightsButton:where([sf~="129"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HotKeyLabels:where([sf~="129"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --pdr: 20px; --pdrn: 20; --mgb: 10px; }
.kk-i-HotKeyLabels:has(> #HotKeyLabels:where([sf~="129"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-HotKeyLabels:has(> #HotKeyLabels:where([sf~="129"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#HotKeyLabels .hotkeylabel:where([sf~="129"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdr: 10px; --pdrn: 10; }
#HotKey_Toggle_Mouse_Cursor:where([sf~="129"]) { opacity: 0.414305; --op-pe: inherit; }
.mouseCamAllowed #HotKey_Toggle_Mouse_Cursor:where([sf~="129"]) { opacity: 1; --op-pe: inherit; }
.highlightsActive #HotKey_Player_Next:where([sf~="129"]), .flyCamActive #HotKey_Player_Next:where([sf~="129"]) { opacity: 0.414305; --op-pe: inherit; }
.highlightsActive #HotKey_Next_Camera:where([sf~="129"]) { opacity: 0.414305; --op-pe: inherit; }
#EndPlayback:where([sf~="129"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; --mgr: 10px; --bgc: rgba(255, 255, 255, 0.1285); --bg-grad: none; border-radius: 2px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; }
#EndPlayback:hover:where([sf~="129"]) { --bgc: rgba(255, 255, 255, 0.486185); --bg-grad: none; }
#Settings:where([sf~="129"]) { --vis-collapse: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 700px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 700px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bgc: rgba(96, 96, 96, 0.962924); --bg-grad: none; border: 2px solid rgba(48, 48, 48, 0.884012); --bdln: 2; --bdrn: 2; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
#Settings .CheckBox:where([sf~="129"]) { --mgt: 20px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#Settings .CheckBox:not(:not(._disabled)):where([sf~="129"]) { opacity: 0.524924; --op-pe: inherit; }
#Settings .CheckBox p-togglebutton:where([sf~="129"]) { --mgt: 5px; }
#Settings .CheckBox p-togglebutton:where([sf~="129"]), #Settings .CheckBox .CheckBoxBody:where([sf~="129"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
#Settings .CheckBox .CheckBoxBody:where([sf~="129"]) { --mgl: 42px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#Settings .CheckBox p-label.CheckBoxTitle:where([sf~="129"]), #Settings .CheckBox .CheckBoxTitle p-label:where([sf~="129"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#Settings .CheckBox .CheckBoxTitle:where([sf~="129"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#Settings .CheckBox .CheckBoxTitle :is(p-image, :where(img[pimg])):where([sf~="129"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Settings .CheckBox p-label.Explanation:where([sf~="129"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#Settings .Explanation:where([sf~="129"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-csgohuddemocontroller.SettingsVisible #Settings:where([sf~="129"]) { --vis-collapse: initial; }
#SettingsButton :is(p-image, :where(img[pimg])):where([sf~="129"]) { color: #808080; }
p-csgohuddemocontroller.SettingsVisible #SettingsButton :is(p-image, :where(img[pimg])):where([sf~="129"]) { color: white; }
/* styles/hud/huddemoplayback.css */
.demoplayback:where([sf~="130"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(100, 100, 100, 0.64026); --bg-grad: none; --world-blur: gaussian(2,2,2); border: 1px solid black; --bdln: 1; --bdrn: 1; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; opacity: 0; --op-pe: none; --vis-collapse: none; }
.demoplayback.demoplayback--active:where([sf~="130"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.demoplayback p-label:where([sf~="130"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.299283); }
.demoplayback-row:where([sf~="130"]) { --mgt: 5px; --mgb: 5px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.demoplayback-row p-label:where([sf~="130"]) { --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; text-align: center; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; }
#DemoPlaybackTitle:where([sf~="130"]) { --pdt: 10px; --pdr: 0px; --pdb: 10px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; }
#DemoPlaybackTitle:hover:where([sf~="130"]) { --bgc: rgba(0, 0, 0, 0.485683); --bg-grad: none; }
#DemoPlaybackTitle p-label:where([sf~="130"]) { --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; text-align: center; }
.demoplayback-spacer:where([sf~="130"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
#DemoPlaybackControls .demoplayback-control:where([sf~="130"]) { --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; border-radius: 20px; --bgc: rgba(0, 32, 64, 0.326729); --bg-grad: none; }
#DemoPlaybackControls .demoplayback-control:hover:where([sf~="130"]) { --bgc: rgba(0, 32, 64, 0.496075); --bg-grad: none; }
#DemoPlaybackControls .demoplayback-control:active:where([sf~="130"]) { --bgc: rgba(0, 32, 128, 0.33531); --bg-grad: none; }
#DemoPlaybackControls #DemoPlaybackPlay:where([sf~="130"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; --vis-collapse: none; }
.demoplayback-paused #DemoPlaybackControls #DemoPlaybackPlay:where([sf~="130"]) { --vis-collapse: initial; }
#DemoPlaybackControls #DemoPlaybackPause:where([sf~="130"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; --vis-collapse: initial; }
.demoplayback-paused #DemoPlaybackControls #DemoPlaybackPause:where([sf~="130"]) { --vis-collapse: none; }
#DemoPlaybackTimescale .demoplayback-control:where([sf~="130"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --bgc: rgba(64, 0, 32, 0.3052); --bg-grad: none; }
#DemoPlaybackTimescale .demoplayback-control.demoplayback-control-first:where([sf~="130"]) { border-left-width: 1px; --bdln: 1; }
#DemoPlaybackTimescale .demoplayback-control:hover:where([sf~="130"]) { --bgc: rgba(64, 0, 32, 0.465686); --bg-grad: none; }
#DemoPlaybackTimescale .demoplayback-control:active:where([sf~="130"]) { --bgc: rgba(112, 0, 32, 0.492506); --bg-grad: none; }
#DemoPlaybackJump .demoplayback-text:where([sf~="130"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 3px; --pdr: 3px; --pdb: 3px; --pdl: 3px; --pdrn: 3; --pdln: 3; --bgc: rgba(64, 64, 32, 0.388696); --bg-grad: none; }
#DemoPlaybackJump .demoplayback-control:where([sf~="130"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --bgc: rgba(64, 64, 32, 0.388696); --bg-grad: none; }
#DemoPlaybackJump .demoplayback-control:hover:where([sf~="130"]) { --bgc: rgba(128, 128, 32, 0.802854); --bg-grad: none; }
#DemoPlaybackJump .demoplayback-control:active:where([sf~="130"]) { --bgc: rgba(160, 160, 32, 0.675944); --bg-grad: none; }
#DemoPlaybackTime p-label:where([sf~="130"]) { --mgt: 0px; --mgr: 15px; --mgb: 0px; --mgl: 15px; }
#DemoPlaybackSlider:where([sf~="130"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; --mgt: 0px; --mgr: 15px; --mgb: 0px; --mgl: 15px; }
#DemoPlaybackSlider #SliderThumb:where([sf~="130"]) { --tooltip-position: top; --tooltip-body-position: 50% 50%; box-shadow: 0px 0px 8px 5.333333px rgba(114, 153, 219, 0.012916); --bg-fill: rgba(114, 153, 219, 0.012916); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
/* styles/hud/hudhealthbars.css */
p-csgohudhealthbars:where([sf~="131"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.healthbar:where([sf~="131"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform-origin: 0% 0%; }
.healthbar_bg:where([sf~="131"]) { width: 202px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 202px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --bgc: rgba(0, 0, 0, 0.682032); --bg-grad: none; transform-origin: 0% 0%; }
.healthbar_current:where([sf~="131"]), .healthbar_old:where([sf~="131"]) { width: 202px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 202px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; transform-origin: 0% 0%; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.healthbar_old--hidden:where([sf~="131"]) { --vis-collapse: none; }
.healthbar_style0 .healthbar_current:where([sf~="131"]) { --bgc: #AAFF3C; --bg-grad: none; }
.healthbar_style1 .healthbar_current:where([sf~="131"]) { --bgc: #F5AA0A; --bg-grad: none; }
.healthbar_style2 .healthbar_current:where([sf~="131"]) { --bgc: #46D746; --bg-grad: none; }
.healthbar_style0 .healthbar_old:where([sf~="131"]) { --bgc: #FF0000; --bg-grad: none; }
.healthbar_style1 .healthbar_old:where([sf~="131"]) { --bgc: #646464; --bg-grad: none; }
.healthbar_style2 .healthbar_old:where([sf~="131"]) { --bgc: #324B32; --bg-grad: none; }
#VisibleHealthBars:where([sf~="131"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#UnusedHealthBars:where([sf~="131"]) { --vis-collapse: none; }
/* styles/hud/hudhinttext.css */
.hud-hint:where([sf~="132"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; opacity: 0; --op-pe: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 3px; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; }
.hud-hint.low-priority:where([sf~="132"]), .hud-hint.high-priority:where([sf~="132"]) { transform: scale3d(0, 1, 1); opacity: 1; --op-pe: inherit; --world-blur: gaussian(2,2,2); --bgc: white; --bg-grad: none; transition-delay: .0s, 0s, 0s, 0s, 0s, 0s, 0s, .25s; transition-property: opacity, transform, height, --fh, --fh-basis, --fh-stretch, --hcap, --bgc; transition-duration: .1s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; --py: 236px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.hud-hint.high-priority:where([sf~="132"]) { --py: 170px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.hud-hint.high-priority .hud-hint-bar-side:where([sf~="132"]), .hud-hint.high-priority .hud-hint-bar-side.hud-colorize-wash:where([sf~="132"]) { --wash-color: red; --wash-filter: url(#w-red); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-hint.high-priority .alert-icon:where([sf~="132"]) { --vis-collapse: initial; --wash-color: red; --wash-filter: url(#w-red); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-hint.high-priority .hud-hint-bar-glitch:where([sf~="132"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-hint.low-priority .info-icon:where([sf~="132"]), .hud-hint.low-priority .alert-icon:where([sf~="132"]) { --vis-collapse: none; }
.hud-hint.low-priority.hud-hint--visible:where([sf~="132"]), .hud-hint.high-priority.hud-hint--visible:where([sf~="132"]) { transform: scale3d(1, 1, 1); opacity: 1; --op-pe: inherit; --bgc: rgba(255, 255, 255, 0); --bg-grad: none; transition-property: opacity, transform, height, --fh, --fh-basis, --fh-stretch, --hcap, --bgc; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .15s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; }
.hud-hint.low-priority.hud-hint--visible .hud-hint-bar-glitch:where([sf~="132"]), .hud-hint.low-priority.hud-hint--visible .hud-hint-bar-glitch:where([sf~="132"]), .hud-hint.high-priority.hud-hint--visible .hud-hint-bar-glitch:where([sf~="132"]), .hud-hint.high-priority.hud-hint--visible .hud-hint-bar-glitch:where([sf~="132"]) { opacity: 0; --op-pe: none; --vis-collapse: initial; }
.hud-hint.low-priority.hud-hint--visible .hud-hint__label:where([sf~="132"]), .hud-hint.high-priority.hud-hint--visible .hud-hint__label:where([sf~="132"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease-in-out; }
.hud-hint.high-priority.hud-hint--visible:where([sf~="132"]) { --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; }
.hud-hint .hud-hint-bar-side:where([sf~="132"]) { --bgc: white; --bg-grad: none; width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 3; }
.hud-hint .kk-c-hud-hint-bar-side:has(> .hud-hint-bar-side:where([sf~="132"]):not([pvis="0"])), .hud-hint.kk-c-hud-hint-bar-side:has(> .hud-hint-bar-side:where([sf~="132"]):not([pvis="0"])) { isolation: isolate; }
.hud-hint .hud-hint-bar-glitch:where([sf~="132"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.472624; --op-pe: inherit; --vis-collapse: none; --bg-size: auto auto; --bg-w: 0px; --bg-img: none; --bg-video: "/panorama/videos/digital_glitch.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; transition-property: opacity, --blur; transition-delay: .50s, .50s; transition-duration: .2s, .2s; transition-timing-function: ease-in, ease-in; }
.hud-hint .hud-hint_bg:where([sf~="132"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .04; --bg-img-own: none; opacity: 0; --op-pe: none; transition-delay: .25s; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in; }
.hud-hint .hud-hint_bg:where([sf~="132"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.hud-hint.hud-hint--visible .hud-hint_bg:where([sf~="132"]) { opacity: 1; --op-pe: inherit; transition-delay: .25s; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in; }
.hud-hint .hud-hint__text:where([sf~="132"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 8px; --pdr: 24px; --pdb: 8px; --pdl: 24px; --pdrn: 24; --pdln: 24; max-height: 60px; }
.hud-hint .hud-hint__text .hud-hint__icon:where([sf~="132"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; --vis-collapse: none; }
.hud-hint .hud-hint__text .hud-hint__label:where([sf~="132"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; color: white; text-align: center; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease-in-out; }
.hud-hint .hud-hint__text .hud-hint_top:where([sf~="132"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.Language_vietnamese .hud-hint__text p-label:where([sf~="132"]) { font-family: 'Noto Mono', 'Arial Unicode MS'; --c9: 1; }
/* styles/hud/hudinstructor.css */
.HUD--team-preview-camera #HudInstructor:where([sf~="133"]) { --vis-collapse: none; }
#LessonContainer:where([sf~="133"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#StaticLessonContainer:where([sf~="133"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
#LessonContainer .InstructorLesson:where([sf~="133"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#LessonContainer #InstructorLessonDetails:where([sf~="133"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: translate, --pxp, --pyp, transform, scale; transition-duration: 0.05s, 0.05s, 0.05s, 0.05s, 0.05s; }
#LocatorBackground:where([sf~="133"]) { --bgc: rgba(34, 34, 34, 0.424122); --bg-grad: none; --pdt: 2px; --pdr: 12px; --pdb: 2px; --pdl: 2px; --pdrn: 12; --pdln: 2; border-radius: 10px; }
.InstructorLesson.stopped:where([sf~="133"]) { --vis-collapse: none; }
#StaticLessonContainer .InstructorLesson:where([sf~="133"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY( 600px ); --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; transition-property: translate, --pxp, --pyp, transform; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s; }
.InstructorLesson--NotHidden:where([sf~="133"]) { opacity: 1; --op-pe: inherit; }
.InstructorLesson--HideImmediate:where([sf~="133"]) { opacity: 0; --op-pe: none; }
.InstructorLesson--FadeOut:where([sf~="133"]) { animation-name: fadeout; animation-duration: 1.0s; animation-timing-function: ease-in; animation-iteration-count: 1; opacity: 0; --op-pe: none; }
@keyframes fadeout {
0% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
#StaticLessonContainer .InstructorLesson--FadeIn.InstructorLesson:where([sf~="133"]) { animation-name: staticfadein; animation-duration: 1.0s; animation-timing-function: ease-in; animation-iteration-count: 1; }
@keyframes staticfadein {
0% { opacity: 0; --op-pe: none; scale: .5 .5; }
75% { opacity: 0.862912; --op-pe: inherit; scale: 1.2 1.20; }
100% { opacity: 1; --op-pe: inherit; scale: 1.0 1.0; }
}
#LessonContainer .ShowCaption #InstructorLessonDetails:where([sf~="133"]) { --px: 60px; --pxp: 0px; --py: -64px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#LessonContainer .ShowCaption.InstructorLesson--FarAway #InstructorLessonDetails:where([sf~="133"]) { --px: 30px; --pxp: 0px; --py: -32px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#LessonContainer .InstructorLesson--FarAway #InstructorLessonDetails:where([sf~="133"]) { scale: 0.5 0.5; }
#LessonContainer .InstructorLesson--FarAway #InstructorIndicatorArrow:where([sf~="133"]) { scale: 0.5 0.5; }
#LocatorPointer:where([sf~="133"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 120px; --vis-collapse: none; }
#LessonContainer .ShowCaption #LocatorPointer:where([sf~="133"]) { --vis-collapse: initial; }
#LessonContainer .InstructorLesson.InstructorLesson--FadeIn:where([sf~="133"]) { animation-name: fadein; animation-duration: 1.0s; animation-timing-function: ease-in; animation-iteration-count: 1; }
@keyframes fadein {
0% { opacity: 0; --op-pe: none; scale: .5 .5; }
75% { opacity: 0.862912; --op-pe: inherit; scale: 1.2 1.2; }
100% { opacity: 1; --op-pe: inherit; scale: 1.0 1.0; }
}
#LessonContainer .InstructorLesson--OnScreenPulse:where([sf~="133"]) { animation-name: onscreen-pulse; animation-duration: 0.5s; animation-timing-function: ease-in; animation-iteration-count: 1; }
@keyframes onscreen-pulse {
0% { scale: 1.0 1.0; }
75% { scale: 1.2 1.2; }
100% { scale: 1.0 1.0; }
}
#LessonContainer .InstructorLesson--OffScreenPulse:where([sf~="133"]) { animation-name: offscreen-pulse; animation-duration: 0.5s; animation-timing-function: ease-in; animation-iteration-count: 1; }
@keyframes offscreen-pulse {
0% { scale: .0 .0; }
75% { scale: 1.2 1.2; }
100% { scale: 1.0 1.0; }
}
#LocatorCaption:where([sf~="133"]) { --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 2px 2px 2px color-mix(in srgb, black 45.45%, transparent); color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 5px; --pdln: 5; --pdr: 5px; --pdrn: 5; --vis-collapse: none; }
.ShowCaption #LocatorCaption:where([sf~="133"]) { --vis-collapse: initial; }
#LocatorBindingText:where([sf~="133"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: black; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; min-width: 150px; text-align: center; --text-shrink: 1; --pdt: 0px; --pdr: 20px; --pdb: 0px; --pdl: 20px; --pdrn: 20; --pdln: 20; --vis-collapse: none; font-weight: 900; }
.ShowBindingText #LocatorBindingText:where([sf~="133"]) { --vis-collapse: initial; }
.IndicatorArrow:where([sf~="133"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-size: 100% 100%; --bg-w: 0px; width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; --bg-img: url("/panorama/images/hud/gameinstructor/icon_arrow_up.webp"); transform: translateY( -100px ); --vis-collapse: none; }
.ShowArrow .IndicatorArrow:where([sf~="133"]) { --vis-collapse: initial; }
.LocatorIcon:where([sf~="133"]) { --bg-size: 100% 100%; --bg-w: 0px; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.icon_alert .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_alert.webp"); }
.icon_alert_red .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_alert_red.webp"); }
.use_binding.icon_key_down .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_key_down.webp"); }
.use_binding.icon_key_generic .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_key_generic.webp"); }
.use_binding.icon_key_left .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_key_left.webp"); }
.use_binding.icon_key_right .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_key_right.webp"); }
.use_binding.icon_key_up .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_key_up.webp"); }
.use_binding.icon_key_wide .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_key_wide.webp"); width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; }
.use_binding.icon_mouseLeft .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_mouseleft.webp"); }
.use_binding.icon_mouseRight .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_mouseright.webp"); }
.use_binding.icon_mouseThree .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_mousethree.webp"); }
.use_binding.icon_mouseWheel_down .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_mousewheel_down.webp"); }
.use_binding.icon_mouseWheel_up .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_mousewheel_up.webp"); }
.icon_tip .LocatorIcon:where([sf~="133"]) { --bg-img: url("/panorama/images/hud/gameinstructor/icon_tip.webp"); }
/* styles/hud/hudlegend.css */
.HudLegendRoot:where([sf~="134"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.HudSpecplayerParentContainer:where([sf~="134"]) { width: 642px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 642px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; }
.HudSpecplayerRoot--visible:where([sf~="134"]) { --vis-collapse: initial; transition-property: transform, opacity; transition-timing-function: ease-in-out, ease-in-out; transition-duration: 0.2s, 0.2s; transform: translate3d( 0px, 0px, 0px ); }
.HudSpecplayer__key-hints:where([sf~="134"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --vis-collapse: none; }
.DemoControllerHidden .HudSpecplayer__key-hints:where([sf~="134"]) { --vis-collapse: none; }
.HudSpecplayer__key-hints .DemoControllerFull:where([sf~="134"]) { --vis-collapse: none; }
.HudSpecplayer__key-hints-text:where([sf~="134"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --fsz: 11; font-size: calc(max(1, round(nearest, 11 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(212, 212, 212); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; }
.DemoControllerHidden .HudSpecplayer__key-hints-text:where([sf~="134"]) { --vis-collapse: none; }
.DemoControllerFull .HudSpecplayer__key-hints-text:where([sf~="134"]) { --vis-collapse: none; }
.HudSpecplayer__key-hints-text--hidden:where([sf~="134"]) { --vis-collapse: none; }
#ServerSponserLogosContainer:where([sf~="134"]) { width: 580px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 580px; height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --vis-collapse: none; }
.HudSpecplayer__SponserLogos:where([sf~="134"]) { height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
/* styles/hud/hudmissions.css */
.missions:where([sf~="135"]) { width: 450px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 450px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --vis-collapse: initial; --pdt: 10px; --pdr: 0px; --pdb: 10px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.missions.hidden:where([sf~="135"]) { --vis-collapse: none; }
.missions.mission-segment1-complete:where([sf~="135"]), .missions.mission-segment2-complete:where([sf~="135"]), .missions.mission-segment3-complete:where([sf~="135"]), .missions.mission-complete:where([sf~="135"]) { --sound: "UI.ArmsRace.BecomeMatchLeader"; }
.complete-image:where([sf~="135"]) { --vis-collapse: none; }
.missions.mission-complete .complete-image:where([sf~="135"]) { --vis-collapse: initial; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; --img-shadow: drop-shadow(0px 0px 0.5px #000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.missions-bg:where([sf~="135"]) { --bg-grad: linear-gradient(270deg, rgba(31, 18, 49, 0) 0%, rgba(31, 18, 49, 0.446088) 50%, rgba(31, 18, 49, 0.676718) 85%, rgba(31, 18, 49, 0.758179) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.missions-content:where([sf~="135"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.missions-header:where([sf~="135"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 4px; }
p-label.missions-header__text:where([sf~="135"]) { --pdr: 12px; --pdrn: 12; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 1px 1px #000000; letter-spacing: 0px; text-transform: uppercase; }
.missions-body:where([sf~="135"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --pdt: 1px; --pdr: 0px; --pdb: 4px; --pdl: -5px; --pdrn: 0; --pdln: 0; }
.missions-body__image:where([sf~="135"]) { height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 6px; }
.missions-body__current-progress:where([sf~="135"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-shadow: 1px 1px #000000; }
.missions-body__goal:where([sf~="135"]) { --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: 1px 1px #000000; }
.missions-body__victim-distance-label:where([sf~="135"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 1px 1px #000000; letter-spacing: 0px; text-transform: uppercase; }
.missions-body__victim-distance-meters-success:where([sf~="135"]) { --fsz: 17; font-size: calc(max(1, round(nearest, 17 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #16ae16; text-shadow: 1px 1px #000000; letter-spacing: .18px; text-transform: uppercase; }
.missions-body__victim-distance-meters-failure:where([sf~="135"]) { --fsz: 17; font-size: calc(max(1, round(nearest, 17 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: red; text-shadow: 1px 1px #000000; letter-spacing: .18px; text-transform: uppercase; }
.missions-body__progress-stars:where([sf~="135"]) { --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; --vis-collapse: none; }
@keyframes progress-made {
0% { transform: scale3d( 1, 1, 1 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
40% { transform: scale3d( 1.3, 1.3, 1 ); --brightness: 1.6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1, 1, 1 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.progress-made .missions-body__current-progress:where([sf~="135"]) { animation-name: progress-made; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes victim-killed {
0% { transform: translateX( -400px ); opacity: 0; --op-pe: none; }
5% { transform: translateX( 0px ); opacity: 1; --op-pe: inherit; }
6% { transform: scale3d( 1, 1, 1 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
9% { transform: scale3d( 1.2, 1.2, 1 ); --brightness: 1.8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
16% { transform: scale3d( 1, 1, 1 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
95% { transform: translateX( 0px ); opacity: 1; --op-pe: inherit; }
99% { transform: translateX( -400px ); opacity: 0; --op-pe: none; }
}
.victim-killed .victim_distancepanel-body:where([sf~="135"]) { animation-name: victim-killed; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hide-for-competitive {
0% { opacity: 0.414305; --op-pe: inherit; }
5% { opacity: 1; --op-pe: inherit; }
80% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
.missions-header .InlineImage:where([sf~="135"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.Icon:where([sf~="135"]) { width: 52px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 52px; height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; --pdt: 4px; --pdr: 0px; --pdb: 4px; --pdl: 0px; --pdrn: 0; --pdln: 0; --img-shadow: drop-shadow(0px 0px 0.5px #000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/hud/hudmoney.css */
.money-text-label:where([sf~="136"]), .money-anim:where([sf~="136"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdr: 20px; --pdrn: 20; text-shadow: 0px 0px 1px black, 0px 0px 1px black; }
.Language_vietnamese .money-text-label:where([sf~="136"]), .Language_vietnamese .money-anim:where([sf~="136"]) { font-family: ForceStratum2, 'Arial Unicode MS'; --c9: 0.9; }
.buymenu p-csgomoneypanel .hud-bottom-row-background--left:where([sf~="136"]) { --world-blur: none; }
.buymenu p-csgomoneypanel.money__in-buy-zone .steam-button-glyph:where([sf~="136"]), .buymenu p-csgomoneypanel.money__in-buy-zone .money-text-buy-icon:where([sf~="136"]) { opacity: 0; --op-pe: none; }
.buymenu #buymenu-info-money:where([sf~="136"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 4px; }
.buymenu #buymenu-info-money .digitpanel-container:where([sf~="136"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; }
.buymenu #buymenu-info-money .digitpanel-container p-label:where([sf~="136"]) { width: 11px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 11px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; }
.buymenu #buymenu-info-money .money-text-bg:where([sf~="136"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.buymenu #buymenu-info-money .money-text:where([sf~="136"]) { --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.money:where([sf~="136"]) { height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; opacity: 1; --op-pe: inherit; z-index: 1; transition-property: opacity; transition-timing-function: linear; transition-duration: 0.1s; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.kk-c-money:has(> .money:where([sf~="136"]):not([pvis="0"])) { isolation: isolate; }
p-csgomoneypanel .steam-button-glyph:where([sf~="136"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.money-text-buy-icon:where([sf~="136"]) { --mgl: 6px; --mgr: 6px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; opacity: 0; --op-pe: none; --img-shadow: drop-shadow(1px 1px 1px color-mix(in srgb, rgb(0 0 0 / 0.2) 45.45%, transparent)); --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-csgomoneypanel.money__in-buy-zone .steam-button-glyph:where([sf~="136"]), .money__in-buy-zone .money-text-buy-icon:where([sf~="136"]) { opacity: 1; --op-pe: inherit; }
.money-text-explorebonus-icon:where([sf~="136"]) { --mgl: 20px; --mgr: -16px; width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --vis-collapse: none; --img-shadow: drop-shadow(1px 1px 1px color-mix(in srgb, rgb(0 0 0 / 0.2) 45.45%, transparent)); --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.money__has-explorebonus .money-text-explorebonus-icon:where([sf~="136"]) { --vis-collapse: initial; }
.money-text-bombwavebonus-icon:where([sf~="136"]) { --mgl: 20px; --mgr: -16px; width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --vis-collapse: none; --img-shadow: drop-shadow(1px 1px 1px color-mix(in srgb, rgb(0 0 0 / 0.2) 45.45%, transparent)); --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.money__has-bombwavebonus .money-text-bombwavebonus-icon:where([sf~="136"]) { --vis-collapse: initial; }
.money-text-bg:where([sf~="136"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 12px; }
.survival .money-text-bg:where([sf~="136"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.money-text:where([sf~="136"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdr: 20px; --pdrn: 20; --py: -22px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.money-text-label:where([sf~="136"]) { color: #ffffff; text-shadow: 1px 1px rgba(0, 0, 0, 0.299283); text-shadow: 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.866667) 45.45%, transparent); }
.money-anim.money-anim__add-survival:where([sf~="136"]) { --vis-collapse: initial; color: #8fff6f; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 8px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0; --op-pe: none; animation-name: money-anim__add-survival; animation-duration: 0.7s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes money-anim__add-survival {
0% { opacity: 0; --op-pe: none; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 66px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
13% { opacity: 1; --op-pe: inherit; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 80px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
87% { opacity: 1; --op-pe: inherit; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 80px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
100% { opacity: 0; --op-pe: none; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 40px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
}
.money-anim.money-anim__add-flash-survival:where([sf~="136"]) { color: #d3e798; --px: 20px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 140px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0; --op-pe: none; animation-name: money-anim__add-flash-survival; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes money-anim__add-flash-survival {
0% { opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1 ); --px: 36px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 40px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
100% { opacity: 0; --op-pe: none; transform: scale3d( 2, 2, 1 ); --px: 36px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 40px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
}
p-csgomoneypanel p-ccsgosteaminputaction.ControllerConnected:where([sf~="136"]) { --vis-collapse: none; }
.ConsoleControlsInUse p-csgomoneypanel.money__in-buy-zone p-ccsgosteaminputaction.ControllerConnected:where([sf~="136"]) { --vis-collapse: initial; }
p-csgomoneypanel .steam-button-glyph:where([sf~="136"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.digitpanel-container:where([sf~="136"]) { height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; transform: translateY(0px); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.digitpanel-container .digitpanel__digit:where([sf~="136"]) { transition-property: transform; transition-duration: 10s; transition-timing-function: ease-in-out; }
.digitpanel-container p-label:where([sf~="136"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; --fsz: 38; font-size: calc(max(1, round(nearest, 38 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: #ffffff; }
#HudLowerLeft .money:where([sf~="136"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#HudBottomRight .money:where([sf~="136"]) { --mgr: 30px; }
/* styles/hud/hudprogressbar.css */
.hud-progress-bar:where([sf~="137"]) { opacity: 0; --op-pe: none; width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --world-blur: gaussian(2,2,2); border-radius: 10px; }
.hud-progress-bar.hud-progress-bar--visible:where([sf~="137"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-timing-function: ease-in-out; transition-duration: 0.4s; }
@keyframes hudProgressBarCancelShake {
0% { --px: -4px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
50% { --px: 4px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
100% { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
}
.hud-progress-bar.hud-progress-bar--canceled:where([sf~="137"]) { animation-name: hudProgressBarCancelShake; animation-duration: 0.1s; animation-timing-function: ease-in-out; animation-iteration-count: 3; }
@keyframes hudProgressBarSuccessZoom {
0% { transform: scale3d( 1, 1, 1 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d( 1.3, 1.3, 1.3 ); --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-progress-bar.hud-progress-bar--finished:where([sf~="137"]) { animation-name: hudProgressBarSuccessZoom; animation-duration: 0.4s; animation-timing-function: ease-in; }
.hud-progress-bar-background:where([sf~="137"]) { width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.hud-progress-bar-layout:where([sf~="137"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.hud-progress-bar-circle:where([sf~="137"]) { width: 95px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 95px; height: 95px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 95px; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --mgr: 20px; mix-blend-mode: screen; --s2-blend: additive; }
.hud-progress-bar-circle-background:where([sf~="137"]) { width: 99px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99px; height: 99px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99px; border: 8px solid rgba(128, 128, 128, 0.421744); --bdln: 8; --bdrn: 8; border-radius: 50%; }
@keyframes circle-full-to-empty {
0% { --clip-radial-center: 50% 50%; --clip-radial-start: 180deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); --wash-color: red; --wash-filter: url(#w-red); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: yellow; --wash-filter: url(#w-yellow); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); --wash-color: green; --wash-filter: url(#w-green); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-progress-bar-circle-animator:where([sf~="137"]) { width: 99px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99px; height: 99px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 8px solid #ffffff; --bdln: 8; --bdrn: 8; border-radius: 50%; animation-name: circle-full-to-empty; opacity: 0.832484; --op-pe: inherit; }
.hud-progress-bar-circle-border-outer:where([sf~="137"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 2px solid rgba(0, 0, 0, 0.349096); --bdln: 2; --bdrn: 2; border-radius: 50%; z-index: 0; }
.kk-c-hud-progress-bar-circle-border-outer:has(> .hud-progress-bar-circle-border-outer:where([sf~="137"]):not([pvis="0"])) { isolation: isolate; }
.hud-progress-bar-circle-border-inner:where([sf~="137"]) { width: min(calc((100% + var(--ppx)) * 0.82), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.82), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.82; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 2px solid rgba(0, 0, 0, 0.144207); --bdln: 2; --bdrn: 2; border-radius: 50%; }
.hud-progress-bar-circle-icon:where([sf~="137"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --img-shadow: drop-shadow(1px 1px 1px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes hud-progress-bar-defuse-animate {
0% { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); transform: scaleX(0.95) scaleY(0.95) translateX(2px) translateY(2px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: hsv-transform(#B5D4EE, 0, 0, 1.5); --wash-filter: url(#w-hsv_transform_b5d4ee_0_0_1_5); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
90% { transform: scaleX(1.0) scaleY(1.0) translateX(2px) translateY(2px); }
100% { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); transform: scaleX(0.95) scaleY(0.95) translateX(2px) translateY(2px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-progress-bar__defuse .hud-progress-bar-circle-icon:where([sf~="137"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); animation-name: hud-progress-bar-defuse-animate; animation-timing-function: ease-in-out; animation-duration: 0.8s; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes hud-progress-bar-bomb-animate {
0% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); transform: scaleX(1.0) scaleY(1.0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: hsv-transform(#ffb136, 0, 0, 1.5); --wash-filter: url(#w-hsv_transform_ffb136_0_0_1_5); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
90% { transform: scaleX(1.05) scaleY(1.05); }
100% { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); transform: scaleX(1.0) scaleY(1.0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-progress-bar__defuse-nokit .hud-progress-bar-circle-icon:where([sf~="137"]), .hud-progress-bar__open-survival-safe .hud-progress-bar-circle-icon:where([sf~="137"]) { --wash-color: #ffb136; --wash-filter: url(#w-ffb136); animation-name: hud-progress-bar-bomb-animate; animation-timing-function: ease-in-out; animation-duration: 0.8s; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes hud-progress-bar-hostage-animate {
0% { --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); transform: scaleX(1.0) scaleY(1.0) translateY(-3px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: hsv-transform(lightgreen, 0, 0, 1.5); --wash-filter: url(#w-hsv_transform_lightgreen_0_0_1_5); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
90% { transform: scaleX(1.05) scaleY(1.05) translateY(-3px); }
100% { --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); transform: scaleX(1.0) scaleY(1.0) translateY(-3px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.hud-progress-bar__pickup-hostage .hud-progress-bar-circle-icon:where([sf~="137"]), .hud-progress-bar__drop-hostage .hud-progress-bar-circle-icon:where([sf~="137"]), .hud-progress-bar__drop-heavyarmor .hud-progress-bar-circle-icon:where([sf~="137"]) { --wash-color: lightgreen; --wash-filter: url(#w-lightgreen); animation-name: hud-progress-bar-hostage-animate; animation-timing-function: ease-in-out; animation-duration: 0.8s; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-progress-bar-info:where([sf~="137"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.hud-progress-bar-info-title:where([sf~="137"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #ffffff; --mgr: 8px; --text-shrink: 1; mix-blend-mode: screen; --s2-blend: additive; }
.hud-progress-bar-info-countdown-text:where([sf~="137"]) { font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; mix-blend-mode: screen; --s2-blend: additive; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.hud-progress-bar-side:where([sf~="137"]) { --bgc: white; --bg-grad: none; width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --wash-color: gray; --wash-filter: url(#w-gray); box-shadow: 0px 0px 80px 55.333333px rgb(0 0 0 / 0.452); --bg-fill: rgb(0 0 0 / 0.452); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); mix-blend-mode: screen; --s2-blend: additive; animation-name: hud-progress-bar-sides-animate; animation-timing-function: ease-in-out; animation-iteration-count: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-progress-bar__defuse-nokit .hud-progress-bar-side:where([sf~="137"]) { --wash-color: gray; --wash-filter: url(#w-gray); box-shadow: 0px 0px 80px 55.333333px rgba(128, 128, 128, 0.62142); --bg-fill: rgba(128, 128, 128, 0.62142); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes side-empty-to-full {
0% { --wash-color: red; --wash-filter: url(#w-red); box-shadow: 0px 0px 0px 2px rgb(255 0 0 / 0.2); --bg-fill: rgb(255 0 0 / 0.2); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: yellow; --wash-filter: url(#w-yellow); box-shadow: 0px 0px 200px 135.333333px rgba(255, 255, 0, 0.421745); --bg-fill: rgba(255, 255, 0, 0.421745); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --wash-color: green; --wash-filter: url(#w-green); box-shadow: 0px 0px 400px 268.666667px rgba(0, 255, 0, 0.398233); --bg-fill: rgba(0, 255, 0, 0.398233); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/hud/hudradar.css */
.hud-radar:where([sf~="138"]) { opacity: 0; --op-pe: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: opacity; transition-timing-function: linear; transition-duration: 0.1s; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; }
.hud-radar.hud-radar__active:where([sf~="138"]) { opacity: 1; --op-pe: inherit; }
.coopmission .hud-radar:where([sf~="138"]) { opacity: 0; --op-pe: none; }
p-csgohudradar p-label:where([sf~="138"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 1; --op-pe: inherit; color: #ffffff; }
#DashboardLabel:where([sf~="138"]) { opacity: 1; --op-pe: inherit; text-align: center; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; }
.PI_Text:where([sf~="138"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 1px; --mgr: 1px; text-align: center_nopixelsnap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: rgba(0, 0, 0, 1); mix-blend-mode: normal; --s2-blend: normal; }
.hrBotrad:where([sf~="138"]) { --vis-collapse: none; width: 125px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 125px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --bg-grad: linear-gradient(135deg, rgba(255, 255, 255, 0.538374) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgl: 25px; }
.Invisible:where([sf~="138"]) { --vis-collapse: none; }
#RI_PlayerSoundContainer:where([sf~="138"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#Radar:where([sf~="138"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 40px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; clip-path: inset(4px calc(100% - 295px) calc(100% - 295px) 4px); }
#Radar__Round:where([sf~="138"]) { width: 250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 250px; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.Radar__Round--BorderClass:where([sf~="138"]) { width: 250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 250px; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50% / 50%; border-width: 1px; --bdln: 1; --bdrn: 1; border-style: solid; border-color: white; opacity: 1; --op-pe: inherit; }
#Radar__Round--Inner:where([sf~="138"]) { width: 250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 250px; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; border-radius: 50% / 50%; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --world-blur: gaussian(2,2,2); --vis-collapse: initial; }
#Radar__Round--Inner.HUD--weapon--scoped:where([sf~="138"]) { --world-blur: none; }
#Radar__Square:where([sf~="138"]) { width: 290px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 290px; height: 290px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 290px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 1; --op-pe: inherit; }
#Radar__Square--Border:where([sf~="138"]) { width: 290px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 290px; height: 290px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 290px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-width: 1px; --bdln: 1; --bdrn: 1; border-style: solid; border-color: rgb(150, 200, 250); opacity: 1; --op-pe: inherit; --vis-collapse: none; }
#Radar__Square--Inner:where([sf~="138"]) { width: 290px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 290px; height: 290px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 290px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --world-blur: gaussian(2,2,2); --vis-collapse: initial; }
#Radar__Square--Inner.HUD--weapon--scoped:where([sf~="138"]) { --world-blur: none; }
#Radar__Square--InnerTransform:where([sf~="138"]) { mix-blend-mode: screen; --s2-blend: additive; }
.Map:where([sf~="138"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform-origin: 50% 50%; }
.Map__Level--Animate-FadeIn:where([sf~="138"]) { opacity: 1; --op-pe: inherit; animation-name: Map__Animate-FadeIn; animation-duration: 0.25s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes Map__Animate-FadeIn {
0% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
.Map__Level--Animate-FadeOut:where([sf~="138"]) { opacity: 0; --op-pe: none; animation-name: Map__Animate-FadeOut; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes Map__Animate-FadeOut {
0% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
#Radar__Round--Overlay:where([sf~="138"]) { width: 248px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 248px; height: 248px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 248px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 150px 150px at 50% 50%, rgba(34, 34, 34, 0.038598) 0%, rgba(0, 0, 0, 0.537458) 90%, rgba(0, 0, 0, 0.624901) 100%); --bgc: transparent; border-radius: 50% / 50%; opacity: 0.696476; --op-pe: inherit; --vis-collapse: none; }
.RadarBombPlantPulse:where([sf~="138"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; border-color: red; animation-name: RadarBombPlantPulse--Animate; animation-duration: 0.65s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes RadarBombPlantPulse--Animate {
0% { opacity: 0.268142; --op-pe: inherit; }
25% { opacity: 0.767696; --op-pe: inherit; }
50% { opacity: 0.892208; --op-pe: inherit; }
75% { opacity: 0.767696; --op-pe: inherit; }
100% { opacity: 0.268142; --op-pe: inherit; }
}
#Radar__Square--Overlay:where([sf~="138"]) { width: 274px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 274px; height: 274px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 274px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 125px 125px at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.133352) 100%); --bgc: transparent; opacity: 1; --op-pe: inherit; --vis-collapse: none; }
.PlayerIcons:where([sf~="138"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#PI_NonRotated:where([sf~="138"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; transform-origin: 50% 50%; --px: -50px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -50px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#RI_PlayerSoundContainer #PI_NonRotated:where([sf~="138"]) { overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
#PI_FirstRotated:where([sf~="138"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; transform-origin: 50% 50%; --px: -50px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -50px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.PI_Above:where([sf~="138"]) { width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; height: 7px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 7px; --py: 8px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -1px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #CCCCCCCC; --wash-filter: url(#w-cccccccc); opacity: 0.800796; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PI_Below:where([sf~="138"]) { width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; height: 7px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 7px; --py: -8px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -1px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #CCCCCCCC; --wash-filter: url(#w-cccccccc); opacity: 0.800796; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PI_EnemyOnMap:where([sf~="138"]) { width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; height: 13px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 13px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.974301; --op-pe: inherit; --img-shadow: drop-shadow(0px 0px 0.5px color-mix(in srgb, #810000 75%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PI_HostageOnMap:where([sf~="138"]) { width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; height: 13px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 13px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PI_OnMap:where([sf~="138"]) { width: 11px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 11px; height: 11px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 11px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.404027)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PI_Color_CT:where([sf~="138"]) { --wash-color: #1ed2ffFF; --wash-filter: url(#w-1ed2ffff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PI_Color_T:where([sf~="138"]) { --wash-color: #ffdd23FF; --wash-filter: url(#w-ffdd23ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PI_Color_Enemy:where([sf~="138"]) { --wash-color: #ff1919FF; --wash-filter: url(#w-ff1919ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PI_OffMap:where([sf~="138"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --py: -1px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0.892208; --op-pe: inherit; }
.PI_Death:where([sf~="138"]) { width: 19px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 19px; height: 19px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 19px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PI_Ghost:where([sf~="138"]) { width: 9px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 9px; height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.892208; --op-pe: inherit; }
.PI_Indicator:where([sf~="138"]) { width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#HostageTransitOnMap:where([sf~="138"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#HostageTransitOffMap:where([sf~="138"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Selected:where([sf~="138"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -10px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Defuser:where([sf~="138"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#SpeakingOnMap:where([sf~="138"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #78ff00FF; --wash-filter: url(#w-78ff00ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#SpeakingOffMap:where([sf~="138"]) { width: 26px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 26px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --py: -3px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --wash-color: #78ff00FF; --wash-filter: url(#w-78ff00ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#PlayerPing:where([sf~="138"]), #TowerPing:where([sf~="138"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; opacity: 0.414305; --op-pe: inherit; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: #FFFFFF; animation-name: DroppedBomb--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
#PlayerPingOffMap:where([sf~="138"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; opacity: 0.414305; --op-pe: inherit; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: #FFFFFF; animation-name: DroppedBomb--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
#PlayerPingOffMapArrow:where([sf~="138"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.PlayerSound:where([sf~="138"]) { border: 1px solid rgba(255, 255, 255, 0.486185); --bdln: 1; --bdrn: 1; border-radius: 50%; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; mix-blend-mode: screen; --s2-blend: additive; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.player-sound-max:where([sf~="138"]) { animation-name: PlayerSoundMaxxedOut; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes PlayerSoundMaxxedOut {
0% { border: 3px solid white; --bdln: 3; --bdrn: 3; --brightness: 5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
#DirectionalIndicator:where([sf~="138"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: 11px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 11px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 32px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#ViewFrustrum:where([sf~="138"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: -12px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0.230912; --op-pe: inherit; mix-blend-mode: normal; --s2-blend: normal; }
#RI_BombDefuserPackage:where([sf~="138"]), #TI_TowerPackage:where([sf~="138"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; transform-origin: 50% 50%; --px: -100px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -100px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#BombPlantedIcon:where([sf~="138"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#TowerIconPackage:where([sf~="138"]), #TowerIconC4:where([sf~="138"]), #TowerIconHostage:where([sf~="138"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 1px color-mix(in srgb, black 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clr-gray:where([sf~="138"]) { --wash-color: #AAAAAA; --wash-filter: url(#w-aaaaaa); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clr-white:where([sf~="138"]) { --wash-color: #FFFFFF; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clr-red:where([sf~="138"]) { --wash-color: #ff2924; --wash-filter: url(#w-ff2924); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clr-green:where([sf~="138"]) { --wash-color: #3eff24; --wash-filter: url(#w-3eff24); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#BombPlantedIconMedium:where([sf~="138"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#BombPlantedIconFast:where([sf~="138"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#PlantedBomb:where([sf~="138"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; opacity: 0.414305; --op-pe: inherit; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: #D10000; animation-name: DroppedBomb--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
#DroppedBomb:where([sf~="138"]) { width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; opacity: 0.414305; --op-pe: inherit; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: #880000; animation-name: DroppedBomb--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
@keyframes DroppedBomb--Animate {
0% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.01, 0.01, 1 ); }
20% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.1, 0.1, 1 ); }
50% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.25, 0.25, 1 ); }
75% { opacity: 0.696476; --op-pe: inherit; transform: scale3d( 0.4, 0.4, 1 ); }
100% { opacity: 0; --op-pe: none; transform: scale3d( 0.6, 0.6, 1 ); }
}
#RI_DefuserPackage:where([sf~="138"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; transform-origin: 50% 50%; --px: -100px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -100px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#DefuserIconDropped:where([sf~="138"]) { width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: blue; animation-name: DroppedDefuser--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
@keyframes DroppedDefuser--Animate {
0% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.1, 0.1, 1 ); }
25% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.25, 0.25, 1 ); }
50% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.5, 0.5, 1 ); }
75% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.75, 0.75, 1 ); }
100% { opacity: 0; --op-pe: none; transform: scale3d( 1, 1, 1 ); }
}
#DefuserIconPackage:where([sf~="138"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#CreateBombPack:where([sf~="138"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 1px color-mix(in srgb, black 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PlantedBombAnimateRed:where([sf~="138"]) { animation-name: PlantedBombAnimateRed--Animate; animation-duration: 0.65s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes PlantedBombAnimateRed--Animate {
0% { --img-shadow: drop-shadow(0px 0px 0.5px rgba(113, 6, 6, 0.251094)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
25% { --img-shadow: drop-shadow(0px 0px 0.5px rgba(175, 7, 7, 0.509019)) drop-shadow(0px 0px 0.5px rgba(175, 7, 7, 0.509019)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --img-shadow: drop-shadow(0px 0px 0.5px rgba(213, 8, 8, 0.875535)) drop-shadow(0px 0px 0.5px rgba(213, 8, 8, 0.875535)) drop-shadow(0px 0px 0.5px rgba(213, 8, 8, 0.875535)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
75% { --img-shadow: drop-shadow(0px 0px 0.5px rgba(175, 7, 7, 0.509019)) drop-shadow(0px 0px 0.5px rgba(175, 7, 7, 0.509019)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --img-shadow: drop-shadow(0px 0px 0.5px rgba(113, 6, 6, 0.251094)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.BombZone:where([sf~="138"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.06), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.06; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform-origin: 50% 50%; --px: -4px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -8px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0.832484; --op-pe: inherit; --wash-color: #ffcc00; --wash-filter: url(#w-ffcc00); --img-shadow: drop-shadow(0px 0px 0.5px rgba(17, 17, 17, 1)) drop-shadow(0px 0px 0.5px rgba(17, 17, 17, 1)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.BombZone_OnMap:where([sf~="138"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.04), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.04; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.616725; --op-pe: inherit; }
.HZone:where([sf~="138"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.07), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.07; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform-origin: 50% 50%; --px: -8px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -12px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); mix-blend-mode: screen; --s2-blend: screen; }
#DirectionArrow:where([sf~="138"]) { --py: 2px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform-origin: 50% 50% parent-relative; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
/* styles/hud/hudradio.css */
.RadioHeading:where([sf~="139"]) { --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.RadioGroup:where([sf~="139"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.RadioTextHeading:where([sf~="139"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 10px; --mgr: 18px; --mgb: 10px; --mgl: 10px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #999999; text-transform: uppercase; letter-spacing: .5px; }
.RadioTextOptions:where([sf~="139"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 12px; color: #CCCCCC; }
.RadioTextOptionsExit:where([sf~="139"]) { --pdt: 12px; }
p-csgohudradio:where([sf~="139"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; transition-property: opacity; transition-timing-function: ease-in-out; transition-duration: 0.1s; --pdt: 60px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.ShowHudRadio:where([sf~="139"]) { opacity: 1; --op-pe: inherit; transition-duration: 0.2s; }
#RadioPanelBG:where([sf~="139"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #000000; --bg-grad: none; opacity: 0.657841; --op-pe: inherit; }
#RadioPanel:where([sf~="139"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; --pdb: 12px; --bgc: rgba(0, 0, 0, 0.435737); --bg-grad: none; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
/* styles/hud/hudretake.css */
.retake:where([sf~="140"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; z-index: 1; transition-property: opacity; transition-timing-function: linear; transition-duration: 0.1s; }
.kk-c-retake:has(> .retake:where([sf~="140"]):not([pvis="0"])) { isolation: isolate; }
.bombsite-text-bg:where([sf~="140"]) { height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --mgt: 40px; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.7355) 0%, rgba(0, 0, 0, 0.059773) 80%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.bombsite-bkg-TOP:where([sf~="140"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.465819) 100%); --bgc: transparent; }
.bombsite-bkg-BOT:where([sf~="140"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.465819) 100%); --bgc: transparent; }
.bombsite-text:where([sf~="140"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.bombsite-text-label:where([sf~="140"]), .bombsite-anim:where([sf~="140"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 10px; --pdln: 10; font-family: Stratum2; --c9: 0.9; font-stretch: condensed; font-weight: 500; color: white; --text-shrink: 1; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.bombsite-anim:where([sf~="140"]) { --vis-collapse: none; }
.bombsite-anim.bombsite-anim__flash:where([sf~="140"]) { --vis-collapse: initial; color: #d3e798; mix-blend-mode: screen; --s2-blend: additive; opacity: 0; --op-pe: none; animation-name: bombsite-anim__flash; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: 3; }
.bombsite-text-label:where([sf~="140"]) { color: #ffffff; }
@keyframes bombsite-anim__flash {
0% { opacity: 0; --op-pe: none; transform: translateX( 256px); }
20% { opacity: 1; --op-pe: inherit; transform: translateX( 256px); }
40% { opacity: 1; --op-pe: inherit; transform: translateX( 256px); }
65% { opacity: 1; --op-pe: inherit; transform: translateX( 0px); }
100% { opacity: 0; --op-pe: none; transform: translateX( 0px) scale3d( 2, 2, 1); }
}
/* styles/hud/hudreticle.css */
p-csgohudreticle p-label:where([sf~="141"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.Language_vietnamese p-csgohudreticle p-label:where([sf~="141"]) { font-family: ForceStratum2, 'Arial Unicode MS'; --c9: 0.9; }
.reticle--hidden:where([sf~="141"]) { --vis-collapse: none; }
.targetid:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --py: 580px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 1040px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1040px; height: 74px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 74px; text-align: center; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: #ffffff; mix-blend-mode: screen; --s2-blend: additive; opacity: 1; --op-pe: inherit; transition-property: opacity, transform; transition-timing-function: ease-in-out, ease-in-out; transition-duration: 0.1s, 0.1s; }
.targetid--hidden:where([sf~="141"]) { opacity: 0; --op-pe: none; transform: translateY( 7px ); }
#VisiblePlayerIDs:where([sf~="141"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#UnusedPlayerIDs:where([sf~="141"]) { --vis-collapse: none; }
.playerid:where([sf~="141"]) { width: 1024px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1024px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; transform-origin: 50% 100%; --px: -512px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -256px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.playerid__content_parent:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.playerid__content_trans:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; transform-origin: 50% 100%; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; mix-blend-mode: normal; --s2-blend: normal; }
.playerping__locationlabel:where([sf~="141"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; letter-spacing: 0px; --fsz: 68; font-size: calc(max(1, round(nearest, 68 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --py: 340px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: rgba(255, 255, 255, 1); text-shadow: 2px 2px #000000; }
.playerid__content:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; transform-origin: 50% 100%; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; }
.playerid__weapons:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.playerid__weapons--hidden:where([sf~="141"]) { --vis-collapse: none; }
.playerid__weaponicon:where([sf~="141"]) { color: white; --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 2px; text-shadow: 1px 1px #000000; }
.playerid__weaponicon--hidden:where([sf~="141"]) { --vis-collapse: none; }
#JsNameContainer:where([sf~="141"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; mix-blend-mode: normal; --s2-blend: normal; }
.playerid__name:where([sf~="141"]), .playerid__extrainfo:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 2px; --pdr: 2px; --pdb: 3px; --pdl: 2px; --pdrn: 2; --pdln: 2; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; letter-spacing: 0px; color: white; opacity: 1; --op-pe: inherit; max-width: 200px; --maxw: 200px; white-space: nowrap; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.762164); --text-shrink: 1; --text-shrink-min:  20px ; text-overflow: ellipsis; }
.playerid__name:where([sf~="141"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.decorated-player-name__clan-tag:where([sf~="141"]) { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.762164); }
.playerid__extrainfo:where([sf~="141"]) { font-weight: 700; opacity: 1; --op-pe: inherit; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --mgt: -7px; --mgb: -3px; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playerid__name--hidden:where([sf~="141"]) { --vis-collapse: none; }
.playerid__icons:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.playerid__icon:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; }
.playerid__icon--hidden:where([sf~="141"]) { --vis-collapse: none; }
.playerid__icon--chat:where([sf~="141"]) { height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; }
.playerid__icon--arrow:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; }
.low-health .playerid__extrainfo:where([sf~="141"]) { --wash-color: rgb(255, 0, 0); --wash-filter: url(#w-rgb_255_0_0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.money .playerid__extrainfo:where([sf~="141"]) { --wash-color: rgb(177, 224, 136); --wash-filter: url(#w-rgb_177_224_136); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playerid--team-ct .playerid__icon--arrow:where([sf~="141"]), .playerid--team-ct .playerid__name:where([sf~="141"]), .playerid--team-ct.normal-health .playerid__extrainfo:where([sf~="141"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playerid--team-t .playerid__icon--arrow:where([sf~="141"]), .playerid--team-t .playerid__name:where([sf~="141"]), .playerid--team-t.normal-health .playerid__extrainfo:where([sf~="141"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playerid--team-survival .playerid__icon--arrow:where([sf~="141"]) { --wash-color: rgb(0, 195, 225); --wash-filter: url(#w-rgb_0_195_225); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playerid--team-survival .playerid__icon--arrowborder:where([sf~="141"]) { mix-blend-mode: normal; --s2-blend: normal; --wash-color: rgb(0, 100, 255); --wash-filter: url(#w-rgb_0_100_255); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#VisiblePlayerPings:where([sf~="141"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#UnusedPlayerPings:where([sf~="141"]) { --vis-collapse: none; }
.playerping:where([sf~="141"]) { width: 1024px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1024px; height: 1024px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1024px; animation-name: pano-vpct; transform-origin: 0% 0%; --px: -512px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -512px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.playerping__content_parent:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.playerping__content_trans:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.playerping__icons:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.playerping__icons_add:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.playerping__icon:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.playerping__icon--top:where([sf~="141"]) { --wash-color: white; --wash-filter: initial; mix-blend-mode: normal; --s2-blend: normal; --img-shadow: drop-shadow(0px 0px 1px #555555) drop-shadow(0px 0px 1px color-mix(in srgb, #555555 28.552013%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playerping__icon--top-bg:where([sf~="141"]) { --wash-color: white; --wash-filter: initial; opacity: 1; --op-pe: inherit; mix-blend-mode: normal; --s2-blend: normal; --img-shadow: drop-shadow(0px 0px 3px #FFFFFF) drop-shadow(0px 0px 3px #FFFFFF) drop-shadow(0px 0px 3px #FFFFFF) drop-shadow(0px 0px 3px #FFFFFF); --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.playerping__icon--bg:where([sf~="141"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: #FFFFFF; --bg-grad: none; mask-image: url("/panorama/images/masks/circle.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --vis-collapse: none; }
.playerping--Animate-FadeIn:where([sf~="141"]) { opacity: 1; --op-pe: inherit; animation-name: playerping--Animate-FadeIn; animation-duration: 0.2s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes playerping--Animate-FadeIn {
0% { opacity: 0; --op-pe: none; transform: translateY( 36px ); transform: scale3d( 0.1, 0.1, 0.5 ); }
100% { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); transform: scale3d( 1, 1, 1 ); }
}
#MiscOverheads:where([sf~="141"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.misc:where([sf~="141"]) { width: 1024px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1024px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; transform-origin: 50% 100%; --px: -512px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -256px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.misc__content_parent:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.misc__content:where([sf~="141"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform-origin: 50% 100%; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --wash-color: white; --wash-filter: initial; transition-property: opacity; transition-duration: .1s; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.misc__content.misc__content--visible:where([sf~="141"]) { opacity: 1; --op-pe: inherit; }
.misc__icon:where([sf~="141"]) { --vis-collapse: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 2px; text-shadow: 1px 1px #000000; }
.misc__label:where([sf~="141"]) { color: #ffffff; mix-blend-mode: normal; --s2-blend: normal; --fsz: 25; font-size: calc(max(1, round(nearest, 25 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.762164); }
/* styles/hud/hudrosettaselector.css */
p-csgohudrosettaselector:where([sf~="142"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.65), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.65; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --vis-collapse: none; transition-property: opacity; transition-timing-function: linear; transition-duration: 0.1s; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 0px; --pyp: 35%; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.ShowHudRosettaSelector:where([sf~="142"]) { opacity: 1; --op-pe: inherit; transition-duration: 0.2s; }
.HideHudRosettaSelector:where([sf~="142"]) { opacity: 0; --op-pe: none; transition-duration: 0.2s; }
p-csgohudrosettaselector p-label:where([sf~="142"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.RosettaSprayBG:where([sf~="142"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#RosettaBGGradient:where([sf~="142"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.367827) 0%, rgba(0, 0, 0, 0.367827) 50%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 144px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.RosettaIcon:where([sf~="142"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.RosettaSelection__Countdown:where([sf~="142"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border: 2px solid rgba(255, 255, 255, 0.702831); --bdln: 2; --bdrn: 2; border-style: solid; border-radius: 150px; --bgc: rgba(127, 127, 127, 0.416291); --bg-grad: none; }
.RosettaSelection__Pie:where([sf~="142"]) { width: 246px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 246px; height: 246px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 246px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 145px; --bgc: rgba(255, 255, 255, 0.408133); --bg-grad: none; }
.RosettaCountdown__Timer:where([sf~="142"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --fsz: 84; font-size: calc(max(1, round(nearest, 84 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; font-style: italics; font-family: notosans, 'Arial Unicode MS'; --c9: 1; text-shadow: 4px 4px 4px color-mix(in srgb, #000000 45.45%, transparent); color: white; }
.RosettaSelection__Image:where([sf~="142"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 1; --op-pe: inherit; }
.RosettaSelection__ImageBG:where([sf~="142"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.524924; --op-pe: inherit; --bgc: rgba(0, 0, 0, 0.196524); --bg-grad: none; border-radius: 50%; border: 2px solid white; --bdln: 2; --bdrn: 2; }
.RosettaSelection__HintText:where([sf~="142"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; --fsz: 25; font-size: calc(max(1, round(nearest, 25 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; letter-spacing: 1px; color: red; mix-blend-mode: screen; --s2-blend: screen; }
.RosettaSelector__CoolDown .RosettaSelection__HintText:where([sf~="142"]) { opacity: 0; --op-pe: none; }
.RosettaSelection__Text:where([sf~="142"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1px; --pdb: 32px; color: white; mix-blend-mode: screen; --s2-blend: screen; }
.RosettaNavHint__Arrow:where([sf~="142"]) { opacity: 1; --op-pe: inherit; --bgc: blue; --bg-grad: none; }
#RosettaInventory:where([sf~="142"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#RosettaInventoryItems:where([sf~="142"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.RosettaInventorySlot:where([sf~="142"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.RosettaInventory__LeftArrow:where([sf~="142"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.RosettaInventory__RightArrow:where([sf~="142"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: rotateZ( 180deg ); }
.RosettaInventory__Selection:where([sf~="142"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.RosettaInventory__Image:hover:where([sf~="142"]) { transform: scale3d( 1.15, 1.15, 1 ); animation-name: RosettaInventory__Image--Hover; animation-duration: 0.25s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes RosettaInventory__Image--Hover {
0% { transform: scale3d( 1, 1, 1 ); }
100% { transform: scale3d( 1.15, 1.15, 1 ); }
}
.RosettaInventory__Image:where([sf~="142"]) { width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; height: 116px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 116px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; }
.RosettaInventory__Count:where([sf~="142"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; letter-spacing: 0px; color: white; }
.RosettaInventory__Name:where([sf~="142"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; --text-shrink: 1; font-weight: 700; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; letter-spacing: 0px; }
#RosettaQuickSprayToggle:where([sf~="142"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.RosettaQuickSpray__Text:where([sf~="142"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; text-align: center; --fsz: 19; font-size: calc(max(1, round(nearest, 19 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 0px; color: white; }
#RosettaInfo:where([sf~="142"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 25px; }
.RosettaInfo__Icon:where([sf~="142"]) { width: 26px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 26px; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; mix-blend-mode: screen; --s2-blend: screen; }
.RosettaInfo__Text:where([sf~="142"]) { text-align: center; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 0px; color: white; }
/* styles/hud/hudrush.css */
.rush-panel:where([sf~="143"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --world-blur: gaussian(2,2,2); border-radius: 4px; max-width: 1720px; --maxw: 1720px; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .02; --bg-img-own: none; transition-property: translate, --pxp, --pyp, opacity; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.rush-panel:where([sf~="143"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.rush-panel.hidden:where([sf~="143"]) { opacity: 0; --op-pe: none; }
.rush-panel.minimized:where([sf~="143"]), .HUD_BUYMENU_VISIBLE .rush-panel:where([sf~="143"]), .HUD_SCOREBOARD_VISIBLE .rush-panel:where([sf~="143"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; zoom: 0.4; --uizi: 0.4; --zl: calc(var(--mgl) / 0.4); --zr: calc(var(--mgr) / 0.4); --zt: calc(var(--mgtv, var(--mgt)) / 0.4); --zb: calc(var(--mgbv, var(--mgb)) / 0.4); --bgc: rgba(0, 0, 0, 0.39058); --bg-grad: none; --bg-img: none; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.rush-panel.minimized .rush-room__map-footer:where([sf~="143"]), .rush-panel.minimized .rush-gradient:where([sf~="143"]), .HUD_BUYMENU_VISIBLE .rush-panel .rush-room__map-footer:where([sf~="143"]), .HUD_BUYMENU_VISIBLE .rush-panel .rush-gradient:where([sf~="143"]), .HUD_SCOREBOARD_VISIBLE .rush-panel .rush-room__map-footer:where([sf~="143"]), .HUD_SCOREBOARD_VISIBLE .rush-panel .rush-gradient:where([sf~="143"]) { --vis-collapse: none; }
.rush-panel.minimized .rush-room-panel:where([sf~="143"]), .HUD_BUYMENU_VISIBLE .rush-panel .rush-room-panel:where([sf~="143"]), .HUD_SCOREBOARD_VISIBLE .rush-panel .rush-room-panel:where([sf~="143"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; }
.rush-panel.minimized .rush-room__map-image:where([sf~="143"]), .HUD_BUYMENU_VISIBLE .rush-panel .rush-room__map-image:where([sf~="143"]), .HUD_SCOREBOARD_VISIBLE .rush-panel .rush-room__map-image:where([sf~="143"]) { --brightness: .2; --contrast: .8; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rush-panel.minimized .current .rush-room__map-image:where([sf~="143"]), .HUD_BUYMENU_VISIBLE .rush-panel .current .rush-room__map-image:where([sf~="143"]), .HUD_SCOREBOARD_VISIBLE .rush-panel .current .rush-room__map-image:where([sf~="143"]) { --brightness: 2; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rush-panel.minimized.hidden:where([sf~="143"]), .HUD_BUYMENU_VISIBLE .rush-panel.hidden:where([sf~="143"]), .HUD_SCOREBOARD_VISIBLE .rush-panel.hidden:where([sf~="143"]) { opacity: 0; --op-pe: none; }
.rush-gradient:where([sf~="143"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bgc: #eabe54; --bg-grad: none; mask-image: url("/panorama/images/masks/rush_gradient.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; opacity: 0.347608; --op-pe: inherit; }
.rush-gradient.right-side:where([sf~="143"]), .reverse-direction .rush-gradient:where([sf~="143"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.reverse-direction .rush-gradient.right-side:where([sf~="143"]) { --bgc: #eabe54; --bg-grad: none; }
.rush-gradient.right-side:where([sf~="143"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transform: scaleX(-1); }
.rush-text:where([sf~="143"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --vis-collapse: none; }
.rush-text-title:where([sf~="143"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 36; font-size: calc(max(1, round(nearest, 36 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --vis-collapse: none; }
.rush-room-list:where([sf~="143"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.reverse-direction .rush-room-list:where([sf~="143"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.rush-room-panel:where([sf~="143"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: auto; --fw: .4; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; transition-property: border; transition-duration: 0.5s; }
.kk-c-rush-room-panel:has(> .rush-room-panel:where([sf~="143"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-rush-room-panel:has(> .rush-room-panel:where([sf~="143"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.rush-room-panel .rush-room__map-footer:where([sf~="143"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: rgba(0, 0, 0, 0.168477); --bg-grad: none; }
.rush-room-panel .rush-room__map-footer p-label:where([sf~="143"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(240, 240, 240); font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; }
.rush-room-panel .rush-room__map-footer .rush-room__map__team-icon:where([sf~="143"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; --wash-color: #eabe54; --wash-filter: url(#w-eabe54); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rush-room-panel .rush-room__map-footer .rush-room__map__team-icon.right-side:where([sf~="143"]), .reverse-direction .rush-room-panel .rush-room__map-footer .rush-room__map__team-icon:where([sf~="143"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.reverse-direction .rush-room-panel .rush-room__map-footer .rush-room__map__team-icon.right-side:where([sf~="143"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.rush-room-panel .rush-room__map-footer .rush-room__map__team-icon.ct:where([sf~="143"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.current.rush-room-panel:where([sf~="143"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-current:has(> .current.rush-room-panel:where([sf~="143"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-current:has(> .current.rush-room-panel:where([sf~="143"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.rush-room-panel .rush-room__map-bar:where([sf~="143"]) { --mgb: 4px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.rush-room-panel .rush-room__map-bar .rush-room__map-bar__bg:where([sf~="143"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.rush-room-panel .rush-room__map-bar .rush-room__map-bar__bg.short:where([sf~="143"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.rush-room-panel .rush-room__map-bar .kk-c-rush-room__map-bar__bg:has(> .rush-room__map-bar__bg.short:where([sf~="143"]):not([pvis="0"])), .rush-room-panel .rush-room__map-bar.kk-c-rush-room__map-bar__bg:has(> .rush-room__map-bar__bg.short:where([sf~="143"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .rush-room-panel .rush-room__map-bar .kk-c-rush-room__map-bar__bg:has(> .rush-room__map-bar__bg.short:where([sf~="143"]):not([pvis="0"]))::after, .rush-room-panel .rush-room__map-bar.kk-c-rush-room__map-bar__bg:has(> .rush-room__map-bar__bg.short:where([sf~="143"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.ct.rush-room-panel .rush-room__map-bar .rush-room__map-bar__bg:where([sf~="143"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.t.rush-room-panel .rush-room__map-bar .rush-room__map-bar__bg:where([sf~="143"]) { --bgc: #eabe54; --bg-grad: none; }
.current.rush-room-panel .rush-room__map-bar .rush-room__map-bar__bg.short:where([sf~="143"]) { opacity: 0; --op-pe: none; }
.rush-room-panel .rush-room__map-bar .rush-room__map-bar__arrow:where([sf~="143"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 0.55), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; z-index: 2; opacity: 0; --op-pe: none; --img-shadow: drop-shadow(0px 0px 2px color-mix(in srgb, black 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rush-room-panel .rush-room__map-bar .kk-c-rush-room__map-bar__arrow:has(> .rush-room__map-bar__arrow:where([sf~="143"]):not([pvis="0"])), .rush-room-panel .rush-room__map-bar.kk-c-rush-room__map-bar__arrow:has(> .rush-room__map-bar__arrow:where([sf~="143"]):not([pvis="0"])) { isolation: isolate; }
.rush-room-panel .rush-room__map-bar .rush-room__map-bar__arrow.short:where([sf~="143"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.current.arrow-ct.rush-room-panel .rush-room__map-bar .rush-room__map-bar__arrow:where([sf~="143"]) { opacity: 1; --op-pe: inherit; --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); width: min(calc((100% + var(--ppx)) * 0.55), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; transform: scaleX(-1); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.reverse-direction .current.arrow-ct.rush-room-panel .rush-room__map-bar .rush-room__map-bar__arrow:where([sf~="143"]) { transform: scaleX(1); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.current.arrow-t.rush-room-panel .rush-room__map-bar .rush-room__map-bar__arrow:where([sf~="143"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); opacity: 1; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 0.55), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.reverse-direction .current.arrow-t.rush-room-panel .rush-room__map-bar .rush-room__map-bar__arrow:where([sf~="143"]) { transform: scaleX(-1); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.rush-room-panel .rush-room__map-bar .rush-room__map-bar__castle-container:where([sf~="143"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.rush-room-panel .rush-room__map-bar .rush-room__map-bar__castle-container.right-side:where([sf~="143"]), .reverse-direction .rush-room-panel .rush-room__map-bar .rush-room__map-bar__castle-container:where([sf~="143"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.reverse-direction .rush-room-panel .rush-room__map-bar .rush-room__map-bar__castle-container.right-side:where([sf~="143"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.ct.rush-room-panel .rush-room__map-bar .rush-room__map-bar__castle:where([sf~="143"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); --mgl: 8px; --mgr: 18px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.current.ct.rush-room-panel .rush-room__map-bar .rush-room__map-bar__castle:where([sf~="143"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.t.rush-room-panel .rush-room__map-bar .rush-room__map-bar__castle:where([sf~="143"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); --mgr: 8px; --mgl: 18px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rush-room-panel .rush-room__map-image:where([sf~="143"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 240px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 240px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --bg-size: cover; --bg-w: 0px; --saturation: .4; --contrast: .9; --brightness: .2; transition-property: --saturation, --contrast, --brightness; transition-duration: 0.25s, 0.25s, 0.25s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.current.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --saturation: 1.2; --contrast: 1; --brightness: 1; border: 2px solid rgba(255, 255, 255, 1); --bdln: 2; --bdrn: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.room_101.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/101_room.webp"); }
.room_102.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/102_room.webp"); }
.room_103.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/103_room.webp"); }
.room_104.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/104_room.webp"); }
.room_301.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/301_room.webp"); }
.room_401.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/401_room.webp"); }
.room_201.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/201_room.webp"); }
.room_202.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/202_room.webp"); }
.room_203.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/203_room.webp"); }
.room_204.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/204_room.webp"); }
.room_205.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/205_room.webp"); }
.room_206.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/206_room.webp"); }
.room_207.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/207_room.webp"); }
.room_208.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/208_room.webp"); }
.room_209.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/209_room.webp"); }
.room_210.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/210_room.webp"); }
.room_211.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/211_room.webp"); }
.room_212.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/212_room.webp"); }
.room_convoy.rush-room-panel .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/convoy_room.webp"); }
.rush-panel:not(.hidden) .rush-room-panel:where([sf~="143"]) { animation-name: rush-room-dropin; animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: backwards; }
#rush_room_0:where([sf~="143"]) { animation-delay: 0.12s; }
#rush_room_1:where([sf~="143"]) { animation-delay: 0.13s; }
#rush_room_2:where([sf~="143"]) { animation-delay: 0.31s; }
#rush_room_3:where([sf~="143"]) { animation-delay: 0.18s; }
#rush_room_4:where([sf~="143"]) { animation-delay: 0.37s; }
#rush_room_5:where([sf~="143"]) { animation-delay: 0.25s; }
#rush_room_6:where([sf~="143"]) { animation-delay: 0.44s; }
@keyframes rush-room-dropin {
0% { opacity: 0; --op-pe: none; transform: translateY( -40px ); zoom: 1.01; --uizi: 1.01; --zl: calc(var(--mgl) / 1.01); --zr: calc(var(--mgr) / 1.01); --zt: calc(var(--mgtv, var(--mgt)) / 1.01); --zb: calc(var(--mgbv, var(--mgb)) / 1.01); }
100% { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; }
}
.view-t .room_101 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/101_ui_t.webp"); }
.view-ct .room_101 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/101_ui_ct.webp"); }
.view-t .room_102 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/102_ui_t.webp"); }
.view-ct .room_102 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/102_ui_ct.webp"); }
.view-t .room_103 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/103_ui_t.webp"); }
.view-ct .room_103 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/103_ui_ct.webp"); }
.view-t .room_104 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/104_ui_t.webp"); }
.view-ct .room_104 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/104_ui_ct.webp"); }
.view-t .room_201 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/201_ui_t.webp"); }
.view-ct .room_201 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/201_ui_ct.webp"); }
.view-t .room_203 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/203_ui_t.webp"); }
.view-ct .room_203 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/203_ui_ct.webp"); }
.view-t .room_204 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/204_ui_t.webp"); }
.view-ct .room_204 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/204_ui_ct.webp"); }
.view-t .room_205 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/205_ui_t.webp"); }
.view-ct .room_205 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/205_ui_ct.webp"); }
.view-t .room_206 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/206_ui_t.webp"); }
.view-ct .room_206 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/206_ui_ct.webp"); }
.view-t .room_207 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/207_ui_t.webp"); }
.view-ct .room_207 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/207_ui_ct.webp"); }
.view-t .room_208 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/208_ui_t.webp"); }
.view-ct .room_208 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/208_ui_ct.webp"); }
.view-t .room_209 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/209_ui_t.webp"); }
.view-ct .room_209 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/209_ui_ct.webp"); }
.view-t .room_210 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/210_ui_t.webp"); }
.view-ct .room_210 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/210_ui_ct.webp"); }
.view-t .room_211 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/211_ui_t.webp"); }
.view-ct .room_211 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/211_ui_ct.webp"); }
.view-t .room_212 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/212_ui_t.webp"); }
.view-ct .room_212 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/212_ui_ct.webp"); }
.view-t .room_301 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/301_ui_t.webp"); }
.view-ct .room_301 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/301_ui_ct.webp"); }
.view-t .room_401 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/401_ui_t.webp"); }
.view-ct .room_401 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/401_ui_ct.webp"); }
.view-t .room_convoy .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/convoy_ui_t.webp"); }
.view-ct .room_convoy .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/convoy_ui_ct.webp"); }
.view-t .room_202 .rush-room__map-image:where([sf~="143"]), .view-ct .room_202 .rush-room__map-image:where([sf~="143"]) { --bg-img: url("/panorama/images/map_icons/screenshots/rush_hud/202_ui_both.webp"); }
.rush-3col:where([sf~="143"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.rush-verticalprogression:where([sf~="143"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.rush-progression-bip:where([sf~="143"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; --bgc: rgba(192, 192, 192, 0.781275); --bg-grad: none; border: 4px solid rgba(192, 192, 192, 0.781275); --bdln: 4; --bdrn: 4; border-radius: 25px; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.top.rush-progression-bip:where([sf~="143"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; }
.ct.rush-progression-bip:where([sf~="143"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.t.rush-progression-bip:where([sf~="143"]) { --bgc: #eabe54; --bg-grad: none; }
.current.rush-progression-bip:where([sf~="143"]) { border: 4px solid rgba(255, 255, 255, 1); --bdln: 4; --bdrn: 4; }
.rush-bestof3room:where([sf~="143"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 200px; --mgb: 0px; --mgl: 200px; }
.HUD_TEAMINTRO_VISIBLE .rush-attack-defend:where([sf~="143"]), .HUD_BUYMENU_VISIBLE .rush-attack-defend:where([sf~="143"]), .HUD_WINPANEL_VISIBLE .rush-attack-defend:where([sf~="143"]), .HUD_ENDOFMATCH_VISIBLE .rush-attack-defend:where([sf~="143"]), .HUD_SCOREBOARD_VISIBLE .rush-attack-defend:where([sf~="143"]) { --vis-collapse: none; }
.rush-attack-defend:where([sf~="143"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateY(220px); }
.rush-attack-defend .background-contents:where([sf~="143"]) { --bgc: transparent; --bg-grad: none; }
.rush-attack-defend .background-contents .bonuspanel-bg:where([sf~="143"]) { --bg-grad: linear-gradient(270deg, rgba(192, 183, 175, 0.920792) 0%, rgba(180, 174, 168, 0.749809) 60%, rgba(146, 130, 128, 0) 100%); --bgc: transparent; border-top-right-radius: 40px; border-bottom-right-radius: 40px; transition-property: --bgc, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s, 0.25s, 0.25s; }
.attack.rush-attack-defend .background-contents .bonuspanel-bg:where([sf~="143"]) { --bg-grad: linear-gradient(270deg, rgb(199, 199, 199) 0%, rgba(199, 199, 199, 0.654346) 70%, rgba(202, 202, 202, 0) 100%); --bgc: transparent; }
.defend.rush-attack-defend .background-contents .bonuspanel-bg:where([sf~="143"]) { --bg-grad: linear-gradient(270deg, rgb(54, 54, 54) 0%, rgba(53, 53, 53, 0.487334) 70%, rgba(43, 43, 43, 0) 100%); --bgc: transparent; }
.ct.rush-attack-defend .background-contents .bonuspanel-bg:where([sf~="143"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.t.rush-attack-defend .background-contents .bonuspanel-bg:where([sf~="143"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); --saturation: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rush-attack-defend .rush-attack-defend__content:where([sf~="143"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgl: 16px; }
.attack.rush-attack-defend .rush-attack-defend__content:where([sf~="143"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.rush-attack-defend .rush-attack-defend__content p-label:where([sf~="143"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; text-align: right; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2; --c9: 0.9; font-weight: 700; color: rgb(37, 33, 33); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --text-shrink: 1; }
.defend.rush-attack-defend .rush-attack-defend__content p-label:where([sf~="143"]) { color: rgb(255, 255, 255); text-shadow: 0px 0px 4px rgb(0 0 0 / 0.719), 0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.719) 4.535%, transparent); }
.attack.rush-attack-defend .rush-attack-defend__content p-label:where([sf~="143"]) { color: rgb(0, 0, 0); --mgt: 4px; --mgr: 16px; --mgb: 4px; --mgl: 4px; }
.rush-attack-defend .rush-attack-defend__content .rush-attack-defend__attack-icon:where([sf~="143"]), .rush-attack-defend .rush-attack-defend__content .rush-attack-defend__defend-icon:where([sf~="143"]) { --vis-collapse: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
.defend.rush-attack-defend .rush-attack-defend__content .rush-attack-defend__defend-icon:where([sf~="143"]) { --wash-color: rgb(252, 252, 252); --wash-filter: url(#w-rgb_252_252_252); --img-shadow: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.673498)) drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.673498)) drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.673498)); --vis-collapse: initial; zoom: 1.2; --uizi: 1.2; --zl: calc(var(--mgl) / 1.2); --zr: calc(var(--mgr) / 1.2); --zt: calc(var(--mgtv, var(--mgt)) / 1.2); --zb: calc(var(--mgbv, var(--mgb)) / 1.2); --mgt: 8px; --mgr: 16px; --mgb: 8px; --mgl: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.attack.rush-attack-defend .rush-attack-defend__content .rush-attack-defend__defend-icon:where([sf~="143"]) { --vis-collapse: none; }
.attack.rush-attack-defend .rush-attack-defend__content .rush-attack-defend__attack-icon:where([sf~="143"]) { --vis-collapse: initial; --wash-color: rgb(0, 0, 0); --wash-filter: url(#w-rgb_0_0_0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.defend.rush-attack-defend .rush-attack-defend__content .rush-attack-defend__attack-icon:where([sf~="143"]) { --vis-collapse: none; }
.rush-countdown:where([sf~="143"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 6px; --vis-collapse: none; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --py: 190px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --world-blur: gaussian(2,2,2); --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .02; --bg-img-own: none; }
.rush-countdown:where([sf~="143"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.rush-countdown p-label:where([sf~="143"]) { color: white; max-width: 500px; --maxw: 500px; text-align: center; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --pdt: 12px; --pdr: 16px; --pdb: 12px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.rush-countdown .alert-bar-side:where([sf~="143"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(214, 9, 9, 0.341263); --bg-grad: none; }
.visible.rush-countdown:where([sf~="143"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; animation-name: moneypulse; animation-duration: 1.0s; animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes moneypulse {
0% { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0.371014) 0%, rgba(0, 0, 0, 0.371014) 10%, rgba(0, 0, 0, 0.371014) 90%, rgba(0, 0, 0, 0.371014) 100%); --bgc: transparent; }
50% { --bg-grad: linear-gradient(270deg, rgba(214, 9, 9, 0.341263) 0%, rgba(0, 0, 0, 0.371014) 30%, rgba(0, 0, 0, 0.371014) 70%, rgba(214, 9, 9, 0.341263) 100%); --bgc: transparent; }
100% { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0.371014) 0%, rgba(0, 0, 0, 0.371014) 30%, rgba(0, 0, 0, 0.371014) 70%, rgba(0, 0, 0, 0.371014) 100%); --bgc: transparent; }
}
/* styles/hud/hudrush_newui.css */
.rush-matchstate:where([sf~="144"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --world-blur: gaussian(2,2,2); border: 4px solid rgba(64, 64, 64, 1); --bdln: 4; --bdrn: 4; border-radius: 6px; --pdt: 16px; --pdr: 8px; --pdb: 16px; --pdl: 8px; --pdrn: 8; --pdln: 8; --vis-collapse: none; }
.rush-matchstate p-label:where([sf~="144"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; font-family: Stratum2 Medium; --c9: 0.9; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 8px; }
.rush-matchstate.active:where([sf~="144"]) { --vis-collapse: initial; }
.rush-rooms:where([sf~="144"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.rush-room:where([sf~="144"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 210px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 210px; --mgl: 8px; --mgr: 8px; --mgt: 8px; --mgb: 4px; --brightness: 0.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rush-room.current:where([sf~="144"]) { transform: translateY(-8px) translateX(-8px); box-shadow: 8px 8px 4px 2.666667px rgb(0 0 0 / 0.627451); --bg-fill: rgb(0 0 0 / 0.627451); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1.0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rush-room-money:where([sf~="144"]) { height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(115, 148, 125, 1); --bg-grad: none; border: 4px solid rgba(112, 112, 112, 1); --bdln: 4; --bdrn: 4; border-radius: 4px; --mgb: -4px; }
.rush-room-money p-label:where([sf~="144"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; font-family: Stratum2 Black; --c9: 0.9; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(224, 226, 206, 1); transform: translateY(5px); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.rush-room-map:where([sf~="144"]) { height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(155, 155, 155, 1); --bg-grad: none; border: 4px solid rgba(112, 112, 112, 1); --bdln: 4; --bdrn: 4; }
.rush-room-map p-label:where([sf~="144"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; font-family: Stratum2 Medium; --c9: 0.9; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(224, 226, 206, 1); }
.rush-room-map :is(p-image, :where(img[pimg])):where([sf~="144"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.endroom .rush-room-map:where([sf~="144"]) { height: 276px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 276px; border-radius: 4px; }
.endroom .rush-room-map p-label:where([sf~="144"]) { --mgt: 8px; }
.endroom .rush-room-map :is(p-image, :where(img[pimg])):where([sf~="144"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.ct .rush-room-map:where([sf~="144"]) { --bg-grad: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(155, 155, 155, 1) 0%, #708fb5 100%); --bgc: transparent; }
.t .rush-room-map:where([sf~="144"]) { --bg-grad: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(155, 155, 155, 1) 0%, rgba(204, 179, 120, 1) 100%); --bgc: transparent; }
.rush-room-scores:where([sf~="144"]) { height: 45px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 45px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.rush-room-team-score:where([sf~="144"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(155, 155, 155, 1); --bg-grad: none; border: 4px solid rgba(112, 112, 112, 1); --bdln: 4; --bdrn: 4; border-radius: 4px; --mgt: -4px; }
.rush-room-team-score.ct:where([sf~="144"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.rush-room-team-score.t:where([sf~="144"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.rush-room-win-panel:where([sf~="144"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; }
.ct .rush-room-win-panel:where([sf~="144"]) { --bgc: rgba(130, 160, 197, 1); --bg-grad: none; }
.t .rush-room-win-panel:where([sf~="144"]) { --bgc: rgba(221, 195, 140, 1); --bg-grad: none; }
.rush-room-win-panel :is(p-image, :where(img[pimg])):where([sf~="144"]) { --vis-collapse: none; }
.rush-room-win-panel.win :is(p-image, :where(img[pimg])):where([sf~="144"]) { --vis-collapse: initial; }
/* styles/hud/hudtablethints.css */
.tablethints:where([sf~="145"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 0px; --vis-collapse: none; transform: translateY( 100% ); --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.465819) 20%, rgba(0, 0, 0, 0.532888) 30%, rgba(0, 0, 0, 0.532888) 70%, rgba(0, 0, 0, 0.465819) 80%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --pdt: 12px; --pdr: 16px; --pdb: 12px; --pdl: 16px; --pdrn: 16; --pdln: 16; --mgb: 0px; transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.tablethints__text:where([sf~="145"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; white-space: nowrap; letter-spacing: 0.4px; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; text-shadow: 1px 1px rgba(0, 0, 0, 0.299283); color: white; }
.tabletenabled.survival .tablethints:where([sf~="145"]) { --vis-collapse: initial; transform: translateY( 0% ); }
/* styles/hud/hudtakeoverbot.css */
.hud-takeover-bot:where([sf~="146"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --vis-collapse: none; border-radius: 2px; transform: translateY( 16px ); opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.hud-takeover-bot__text:where([sf~="146"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; font-weight: 400; text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: 0px 0px 3px rgb(0 0 0 / 0.501961), 0px 0px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 4.535%, transparent); --mgb: 4px; }
.JoinPanel--Animate-FadeIn:where([sf~="146"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; transform: translateY( 0px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
@keyframes JoinPanel--Animate-FadeIn {
0% { opacity: 0; --op-pe: none; transform: translateY( 16px ); }
100% { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); }
}
.JoinPanel--Animate-FadeOut:where([sf~="146"]) { opacity: 0; --op-pe: none; transform: translateY( 16px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
/* styles/hud/hudvoicestatus.css */
p-csgohudvoicestatus.EndOfMatchChat:where([sf~="147"]) { --pdb: 250px; }
#EndOfMatch > p-csgohudvoicestatus:where([sf~="147"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; zoom: 0.9; --uizi: 0.9; --zl: calc(var(--mgl) / 0.9); --zr: calc(var(--mgr) / 0.9); --zt: calc(var(--mgtv, var(--mgt)) / 0.9); --zb: calc(var(--mgbv, var(--mgb)) / 0.9); }
.StatusPanel:where([sf~="147"]) { width: 560px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 560px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; --mgb: 2px; }
.AlertPanel:where([sf~="147"]) { width: 560px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 560px; max-height: 116px; transition-property: translate, --pxp, --pyp; transition-duration: 0.1s, 0.1s, 0.1s; transition-timing-function: linear, linear, linear; }
.AlertBg:where([sf~="147"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.AlertText:where([sf~="147"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: left; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; color: white; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --pdl: 8px; --pdln: 8; --pdb: 0px; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.11214); }
.AlertPanel.AlertHidden:where([sf~="147"]) { opacity: 0; --op-pe: none; }
.AlertPanel.ShowAndHide:where([sf~="147"]) { opacity: 0; --op-pe: none; animation-name: ShowAndHide; animation-duration: 15.5s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes ShowAndHide {
0% { opacity: 0; --op-pe: none; }
5% { opacity: 1; --op-pe: inherit; }
90% { opacity: 1; --op-pe: inherit; }
95% { opacity: 0; --op-pe: none; }
}
.AlertPanel.QuickHide:where([sf~="147"]) { opacity: 0; --op-pe: none; animation-name: QuickHide; animation-duration: 0.1s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes QuickHide {
0% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
.VoicePanel:where([sf~="147"]) { --px: 0px; --pxp: 0px; --py: 182px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.VoiceNotice:where([sf~="147"]) { height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: linear; --mgl: 2px; }
.VoiceNotice.Hidden:where([sf~="147"]) { opacity: 0; --op-pe: none; transition-duration: 0.3s; }
.VoiceNotice.OpenMic .AvatarPanel:where([sf~="147"]), .VoiceNotice.OpenMic .VoiceText:where([sf~="147"]), .VoiceNotice.OpenMic .SoundIcon1:where([sf~="147"]), .VoiceNotice.OpenMic .SoundIcon2:where([sf~="147"]), .VoiceNotice.OpenMic .SoundIcon3:where([sf~="147"]) { opacity: 0; --op-pe: none; }
.SoundIcon1:where([sf~="147"]) { opacity: 1; --op-pe: inherit; }
.SoundAnim:where([sf~="147"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.SpeakerIcon:where([sf~="147"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: url("/panorama/images/icons/ui/sound_off.svg"); --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.12479)); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 100% 100%; --bg-w: 0px; --mgl: 6px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.SoundIcon1:where([sf~="147"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bg-img: url("/panorama/images/icons/ui/sound_1.svg"); --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.12479)); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 100% 100%; --bg-w: 0px; --mgl: -10px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Looping .SoundIcon1:where([sf~="147"]) { animation-name: SoundIcon1Anim; animation-duration: .4s; animation-timing-function: linear; animation-iteration-count: infinite; }
.SoundIcon1 .SoundOff:where([sf~="147"]) { opacity: 0; --op-pe: none; }
@keyframes SoundIcon1Anim {
0% { opacity: 0; --op-pe: none; }
40% { opacity: 1; --op-pe: inherit; }
100% { opacity: 1; --op-pe: inherit; }
}
.SoundIcon2:where([sf~="147"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: url("/panorama/images/icons/ui/sound_2.svg"); --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.12479)); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 100% 100%; --bg-w: 0px; --mgl: -4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Looping .SoundIcon2:where([sf~="147"]) { animation-name: SoundIcon2Anim; animation-duration: .4s; animation-timing-function: linear; animation-iteration-count: infinite; }
.SoundOff .SoundIcon2:where([sf~="147"]), .SoundLow .SoundIcon2:where([sf~="147"]) { opacity: 0; --op-pe: none; }
@keyframes SoundIcon2Anim {
0% { opacity: 0; --op-pe: none; }
40% { opacity: 0; --op-pe: none; }
70% { opacity: 1; --op-pe: inherit; }
100% { opacity: 1; --op-pe: inherit; }
}
.SoundIcon3:where([sf~="147"]) { width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: url("/panorama/images/icons/ui/sound_3.svg"); --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.12479)); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 100% 100%; --bg-w: 0px; --mgl: -4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Looping .SoundIcon3:where([sf~="147"]) { animation-name: SoundIcon3Anim; animation-duration: .4s; animation-timing-function: linear; animation-iteration-count: infinite; }
.SoundOff .SoundIcon3:where([sf~="147"]), .SoundLow .SoundIcon3:where([sf~="147"]), .SoundHigh .SoundIcon3:where([sf~="147"]) { opacity: 0; --op-pe: none; }
@keyframes SoundIcon3Anim {
0% { opacity: 0; --op-pe: none; }
70% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
.AvatarPanel:where([sf~="147"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.AvatarBG:where([sf~="147"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; }
.VoiceNotice.DefaultAvatarCT .AvatarPanel .AvatarBG:where([sf~="147"]) { --bg-img: url("/panorama/images/hud/voicestatus/iconct42.webp"); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 100% 100%; --bg-w: 0px; }
.VoiceNotice.DefaultAvatarT .AvatarPanel .AvatarBG:where([sf~="147"]) { --bg-img: url("/panorama/images/hud/voicestatus/icont42.webp"); --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 100% 100%; --bg-w: 0px; }
.SteamAvatar:where([sf~="147"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; opacity: 0; --op-pe: none; }
p-csgoavatarimage.SteamAvatar .AvatarImage:where([sf~="147"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: transparent; --bg-grad: none; border-radius: 0px; }
.VoiceNotice.DynamicAvatar .AvatarPanel .SteamAvatar:where([sf~="147"]) { opacity: 1; --op-pe: inherit; }
.Skull:where([sf~="147"]) { width: 26px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 26px; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --bg-img: url("/panorama/images/icons/ui/kill.svg"); text-shadow: 1px 1px #000000; --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 90% 90%; --bg-w: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0; --op-pe: none; }
.VoiceNotice.ShowSkull .AvatarPanel .Skull:where([sf~="147"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; opacity: 1; --op-pe: inherit; }
.VoiceNotice.ShowSkull .AvatarPanel .SteamAvatar:where([sf~="147"]) { --wash-color: #6666669c; --wash-filter: url(#w-6666669c); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.VoiceText:where([sf~="147"]) { width: 795px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 795px; text-align: left; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 4px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; color: white; letter-spacing: 0px; }
.voice-disabled-indicator:where([sf~="147"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --vis-collapse: none; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.170988) 30%, rgba(0, 0, 0, 0.25347) 70%, rgba(0, 0, 0, 0.170988) 90%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.voice-disabled .voice-disabled-indicator:where([sf~="147"]), .clutch-mode .voice-disabled-indicator:where([sf~="147"]) { --vis-collapse: initial; }
.voice-disabled-indicator-label:where([sf~="147"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.voice-disabled-indicator-icon:where([sf~="147"]) { opacity: 0.832484; --op-pe: inherit; }
/* styles/hud/hudvote.css */
.hud-vote:where([sf~="148"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --vis-collapse: none; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; opacity: 1; --op-pe: inherit; --world-blur: gaussian(2,2,2); --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .02; --bg-img-own: none; --bgc: rgba(0, 0, 0, 0.322169); --bg-grad: none; }
.hud-vote:where([sf~="148"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.hud-vote.hud-vote-type--auto-instant-surrender:where([sf~="148"]) { width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; }
.hud-vote.hud-vote-type--auto-instant-surrender.hud-vote--cast:where([sf~="148"]) { width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; }
.hud-vote p-label:where([sf~="148"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.hud-vote-header:where([sf~="148"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(0, 0, 0, 0.12479); --bg-grad: none; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.hud-vote-header__icon:where([sf~="148"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
.hud-vote-type-req--regular:where([sf~="148"]), .hud-vote-type-req--auto-instant-surrender:where([sf~="148"]) { --vis-collapse: none; }
.hud-vote-type--regular .hud-vote-type-req--regular:where([sf~="148"]), .hud-vote-type--auto-instant-surrender .hud-vote-type-req--auto-instant-surrender:where([sf~="148"]) { --vis-collapse: initial; }
.vote-header-failed .hud-vote-header__icon:where([sf~="148"]) { --wash-color: red; --wash-filter: url(#w-red); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.vote-header-passed .hud-vote-header__icon:where([sf~="148"]) { --wash-color: green; --wash-filter: url(#w-green); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-vote-header__label:where([sf~="148"]) { --pdl: 5px; --pdln: 5; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-height: 24px; }
.kk-c-hud-vote-header__label:has(> .hud-vote-header__label:where([sf~="148"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-hud-vote-header__label:has(> .hud-vote-header__label:where([sf~="148"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.vote-header-callvote .hud-vote-header__label:where([sf~="148"]) { --pdl: 0px; --pdln: 0; }
.vote-header-passed:where([sf~="148"]), .vote-header-failed:where([sf~="148"]) { --vis-collapse: none; }
.hud-vote--failed .vote-header-failed:where([sf~="148"]), .hud-vote--passed .vote-header-passed:where([sf~="148"]) { --vis-collapse: initial; }
.hud-vote--failed .vote-header-callvote:where([sf~="148"]), .hud-vote--passed .vote-header-callvote:where([sf~="148"]) { --vis-collapse: none; }
.hud-vote-body:where([sf~="148"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; --mgb: 2px; --pdt: 2px; mix-blend-mode: screen; --s2-blend: additive; }
.hud-vote-body__label:where([sf~="148"]) { color: beige; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; width: min(calc((100% + var(--ppx)) * 0.79), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.hud-vote-type--auto-instant-surrender .hud-vote-body__label:where([sf~="148"]) { width: min(calc((100% + var(--ppx)) * 0.85), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.hud-vote-type--auto-instant-surrender.hud-vote--cast .hud-vote-body__label:where([sf~="148"]) { --vis-collapse: none; }
.hud-vote--callvotefailed .hud-vote-body__label:where([sf~="148"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.hud-vote-boxes:where([sf~="148"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --pdt: 5px; --pdr: 5px; --pdrn: 5; }
.hud-vote--callvotefailed .hud-vote-boxes:where([sf~="148"]) { --vis-collapse: none; }
.hud-vote-boxes-label:where([sf~="148"]) { font-weight: 700; --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; }
.hud-vote-boxes :is(p-image, :where(img[pimg])):where([sf~="148"]) { width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; }
.hud-vote-yesbox:where([sf~="148"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; --mgb: 8px; }
.hud-vote-yesbox :is(p-image, :where(img[pimg])):where([sf~="148"]) { --wash-color: green; --wash-filter: url(#w-green); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-vote-yesbox .hud-vote-boxes-label:where([sf~="148"]) { color: green; }
.hud-vote-nobox:where([sf~="148"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; }
.hud-vote-nobox :is(p-image, :where(img[pimg])):where([sf~="148"]) { --wash-color: red; --wash-filter: url(#w-red); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.hud-vote-nobox .hud-vote-boxes-label:where([sf~="148"]) { color: red; }
.hud-vote-footer:where([sf~="148"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; mix-blend-mode: screen; --s2-blend: additive; }
.hud-vote--active:where([sf~="148"]) { --vis-collapse: initial; animation-name: hudVoteStarted; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; }
.hud-vote--failed:where([sf~="148"]) { animation-name: hudVoteFinished; animation-duration: 4s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: forwards; }
.hud-vote--passed:where([sf~="148"]) { animation-name: hudVoteFinished; animation-duration: 4s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: forwards; }
.footer__cast-vote-label:where([sf~="148"]) { --vis-collapse: none; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.hud-vote--cast .footer__cast-vote-label:where([sf~="148"]) { --vis-collapse: initial; }
.footer__vote-binding:where([sf~="148"]) { --vis-collapse: initial; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.hud-vote--cast .footer__vote-binding:where([sf~="148"]), .hud-vote--passed .footer__vote-binding:where([sf~="148"]), .hud-vote--failed .footer__vote-binding:where([sf~="148"]), .hud-vote--callvotefailed .footer__vote-binding:where([sf~="148"]) { --vis-collapse: none; }
@keyframes hudVoteStarted {
0% { transform: translateX( -380px ); }
100% { transform: translateX( 0px ); }
}
@keyframes hudVoteFinished {
0% { transform: translateX( 0px ); }
90% { transform: translateX( 0px ); }
100% { transform: translateX( -380px ); }
}
/* styles/hud/hudwinpanel.css */
p-csgohudwinpanel p-label:where([sf~="149"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.WinPanelRoot:where([sf~="149"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --py: 190px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: translate, --pxp, --pyp, opacity; transition-duration: .3s, .3s, .3s, .3s; transition-timing-function: ease-out, ease-out, ease-out, ease-out; }
.endofmatch .WinPanelRoot:where([sf~="149"]) { opacity: 0; --op-pe: none; }
.WinPanelBasicContainer:where([sf~="149"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.WinPanelRoot--ForceHide:where([sf~="149"]) { --vis-collapse: none; }
.WinPanelRoot--ForceHide .WinPanel__Result__glitch:where([sf~="149"]) { --vis-collapse: none; }
.WinPanelTopSection:where([sf~="149"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 2; transition-property: opacity; transition-delay: .25s; transition-duration: 0s; transition-timing-function: ease-in; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgb: 16px; }
.kk-c-WinPanelTopSection:has(> .WinPanelTopSection:where([sf~="149"]):not([pvis="0"])) { isolation: isolate; }
.WinPanelTopSection__Contents:where([sf~="149"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.HUD--localplayer--spectator .WinPanelRoot--Win--T .WinPanel__Result p-label:where([sf~="149"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HUD--localplayer--spectator .WinPanelRoot--Win--CT .WinPanel__Result p-label:where([sf~="149"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.WinPanel__Result__white:where([sf~="149"]) { --bgc: white; --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-delay: .25s; transition-duration: .2s; transition-timing-function: ease-in; }
.WinPanel__Result:where([sf~="149"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; opacity: 0; --op-pe: none; transform: scale3d( 0, 1, 1); border-left: 4px solid white; --bdln: 4; border-right: 4px solid white; --bdrn: 4; border-radius: 3px; --world-blur: gaussian(2,2,2); --bgc: rgba(255, 255, 255, 0.588566); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.04; --bg-img-own: none; transition-property: transform, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in, ease-in; }
.WinPanel__Result:where([sf~="149"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.winpanel-basic-round-result-visible .WinPanel__Result:where([sf~="149"]) { opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); transition-property: transform, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in, ease-in; }
.winpanel-basic-round-result-visible .WinPanel__Result .WinPanel__Result__glitch:where([sf~="149"]) { opacity: 0; --op-pe: none; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.winpanel-basic-round-result-visible .WinPanel__Result .WinPanel__Result__white:where([sf~="149"]) { opacity: 0; --op-pe: none; transition-delay: 0s; transition-property: opacity; transition-duration: 0s; transition-timing-function: ease-in-out; }
.winpanel-basic-round-result-visible .WinPanel__Result .WinPanel__Result__Title:where([sf~="149"]) { scale: 1 1; transition-property: scale; transition-duration: 5s; transition-timing-function: ease-in; }
.winpanel-basic-round-result-visible .WinPanel__Result .WinPanel__Result__double-arrows:where([sf~="149"]) { transform: translateX(0px) scaleX(-1); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.winpanel-basic-round-result-visible .WinPanel__Result .WinPanel__Result__double-arrows.WinPanel__Result__double-arrows--right:where([sf~="149"]) { transform: translateX(0px) scaleX(1); }
.WinPanelRoot--Win--CT:not(.WinPanelRoot--Lost) .WinPanel__Result:where([sf~="149"]) { border-left: 4px solid rgb(150, 200, 250); --bdln: 4; border-right: 4px solid rgb(150, 200, 250); --bdrn: 4; --bgc: rgba(9, 40, 61, 0.70937); --bg-grad: none; }
.WinPanelRoot--Win--CT:not(.WinPanelRoot--Lost) .WinPanel__Result .WinPanel__Result__double-arrows:where([sf~="149"]), .WinPanelRoot--Win--CT:not(.WinPanelRoot--Lost) .WinPanel__Result .WinPanel__Result__glitch:where([sf~="149"]), .WinPanelRoot--Win--CT:not(.WinPanelRoot--Lost) .WinPanel__Result .WinPanel__Result__Title:where([sf~="149"]) { --wash-color: rgb(150, 200, 250); --wash-filter: url(#w-rgb_150_200_250); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.WinPanelRoot--Win--T:not(.WinPanelRoot--Lost) .WinPanel__Result:where([sf~="149"]) { border-left: 4px solid #eabe54; --bdln: 4; border-right: 4px solid #eabe54; --bdrn: 4; --bgc: rgba(66, 46, 8, 0.739889); --bg-grad: none; }
.WinPanelRoot--Win--T:not(.WinPanelRoot--Lost) .WinPanel__Result .WinPanel__Result__double-arrows:where([sf~="149"]), .WinPanelRoot--Win--T:not(.WinPanelRoot--Lost) .WinPanel__Result .WinPanel__Result__glitch:where([sf~="149"]), .WinPanelRoot--Win--T:not(.WinPanelRoot--Lost) .WinPanel__Result .WinPanel__Result__Title:where([sf~="149"]) { --wash-color: #eabe54; --wash-filter: url(#w-eabe54); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.WinPanelRoot--Lost .WinPanel__Result:where([sf~="149"]) { border-left: 4px solid #DB4437; --bdln: 4; border-right: 4px solid #DB4437; --bdrn: 4; --bgc: rgba(32, 2, 2, 0.667555); --bg-grad: none; }
.WinPanelRoot--Lost .WinPanel__Result .WinPanel__Result__double-arrows:where([sf~="149"]), .WinPanelRoot--Lost .WinPanel__Result .WinPanel__Result__glitch:where([sf~="149"]), .WinPanelRoot--Lost .WinPanel__Result .WinPanel__Result__Title:where([sf~="149"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.WinPanel__Result .WinPanel__Result__Title:where([sf~="149"]) { font-weight: 700; font-family: Stratum2 Medium Condensed; --c9: 0.9; --fsz: 64; font-size: calc(max(1, round(nearest, 64 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 8px; text-transform: uppercase; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; width: 340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 340px; --text-shrink: 1; color: white; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; scale: 1.5 1.5; text-shadow: 0px 0px 8px color-mix(in srgb, rgb(53 53 53 / 0.733333) 45.45%, transparent); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 14px; transition-property: scale, letter-spacing; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in, ease-in; }
.WinPanel__Result .WinPanel__Result__glitch:where([sf~="149"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.472624; --op-pe: inherit; --brightness: 10; --bg-size: auto auto; --bg-w: 0px; --bg-img: none; --bg-video: "/panorama/videos/digital_glitch.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; transition-property: opacity, --brightness; transition-delay: .50s, .50s; transition-duration: .2s, .2s; transition-timing-function: ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.WinPanel__Result .WinPanel__Result__double-arrows:where([sf~="149"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 12px; transform: translateX(25px) scaleX(-1); --brightness: 10; transition-property: transform, --brightness; transition-delay: .50s, .50s; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in, ease-in; --mgb: 14px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.WinPanel__Result .WinPanel__Result__double-arrows.WinPanel__Result__double-arrows--right:where([sf~="149"]) { transform: translateX(25px) scaleX(1); --mgr: 12px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.MVP__white:where([sf~="149"]) { --bgc: white; --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-delay: 1.25s; transition-duration: .2s; transition-timing-function: ease-in; }
.WinPanelRoot--Win--CT .MVP__WinnerName:where([sf~="149"]), .WinPanelRoot--Win--CT .MVP__MusicKitText:where([sf~="149"]) { color: rgb(150, 200, 250); }
.WinPanelRoot--Win--CT .MVP__Reason:where([sf~="149"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; }
.WinPanelRoot--Win--T .MVP__WinnerName:where([sf~="149"]), .WinPanelRoot--Win--T .MVP__MusicKitText:where([sf~="149"]) { color: #eabe54; }
.WinPanelRoot--Win--T .MVP__Reason:where([sf~="149"]) { --bgc: #eabe54; --bg-grad: none; }
.WinPanelRow--funfacts:where([sf~="149"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; opacity: 0; --op-pe: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity; transition-delay: 0s, 0s, 0s, 0s, 0s, 0s; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; }
.WinPanelRow--funfacts .WinPanelRow--funfacts__text:where([sf~="149"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; --mgt: 3px; --mgr: 0px; --mgb: 3px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; text-align: center; --text-shrink: 1; color: white; text-shadow: 0px 0px 8px color-mix(in srgb, rgb(20 20 20 / 0.780392) 45.45%, transparent); mix-blend-mode: normal; --s2-blend: normal; }
.winpanel-basic-round-result-visible.winpanel-funfacts--show .WinPanelRow--funfacts:where([sf~="149"]) { opacity: 1; --op-pe: inherit; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity; transition-delay: 0s, 0s, 0s, 0s, 0s, 0s; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; }
.MVP_section:where([sf~="149"]) { transform: scale3d( 0, 1, 1); height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 3px; mask-image: url("/panorama/images/masks/mvp_banner_fade-both-right-left.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; transition-delay: 1s, 1s, 1s, 1s, 1s, 1s, 1s; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, transform, opacity; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.winpanel-basic-round-result-visible.winpanel-mvp--show .MVP_section:where([sf~="149"]) { width: 920px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 920px; opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1); transition-delay: .25s, .25s, .25s, .25s, .25s, 0s, 0s; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, transform, opacity; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.winpanel-basic-round-result-visible.winpanel-mvp--show .MVP_section .MVP__white:where([sf~="149"]) { opacity: 0; --op-pe: none; transition-delay: .25s, .25s, .25s, .25s, .25s, 0s, 0s; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, transform, opacity; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.winpanel-basic-round-result-visible.non-premier.winpanel-mvp--show .MVP_section:where([sf~="149"]) { width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; }
.WinPanelRoot--Win--T .MVP_section:where([sf~="149"]) { --bgc: rgba(66, 46, 8, 0.739889); --bg-grad: none; }
.WinPanelRoot--Win--CT .MVP_section:where([sf~="149"]) { --bgc: rgba(9, 40, 61, 0.70937); --bg-grad: none; }
.MVP_content:where([sf~="149"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; }
.mvp_map_container:where([sf~="149"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-delay: 1s, 1s, 1s, 1s, 1s, 1s; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, opacity; transition-duration: .1s, .1s, .1s, .1s, .1s, .3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mvp_map_container .mvp_map:where([sf~="149"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.MVP:where([sf~="149"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .3s; transition-timing-function: ease-in-out; }
.winpanel-basic-round-result-visible .MVP:where([sf~="149"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease-in-out; }
.MVP .MVP__Winner:where([sf~="149"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; }
.MVP .MVP__Winner .MVP__Winner_Icons:where([sf~="149"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.MVP .MVP__Winner .MVP__Winner_Icons .MVP__Avatar:where([sf~="149"]) { width: 72px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 72px; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; --bg-grad: linear-gradient(180deg, #6d6d6d 0%, #464646 100%); --bgc: transparent; }
.MVP .MVP__Winner .MVP__Winner_Icons .MVP__Avatar .AvatarImage:where([sf~="149"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.MVP .MVP__Winner .MVP__Winner_Icons .MVP__MusicKitIcon:where([sf~="149"]) { width: 38px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 38px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: translateY( 0px) translateX(42px); --vis-collapse: none; }
.MVP__MusicKit--show .MVP .MVP__Winner .MVP__Winner_Icons .MVP__MusicKitIcon:where([sf~="149"]) { --vis-collapse: initial; }
.MVP .MVP__Winner .MVP_Details:where([sf~="149"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 0px; --pdln: 0; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.MVP .MVP__Winner .MVP_Details .MVP__Reason:where([sf~="149"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 21px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 21px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; color: black; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; }
.MVP .MVP__Winner .MVP_Details .MVP__WinnerName:where([sf~="149"]) { width: 250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 250px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; font-weight: 500; font-weight: 900; text-shadow: 0px 2px 4px rgb(20 20 20 / 0.862745), 0px 2px 4px color-mix(in srgb, rgb(20 20 20 / 0.862745) 4.535%, transparent); --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes CoinAnim {
0% { transform: translateY( -40% ); }
100% { transform: translateY( 0% ); }
}
#jsHonorIcon:where([sf~="149"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 2px; }
@keyframes BackgroundScroll {
0% { transform: translateY( -40% ); }
100% { transform: translateY( 0% ); }
}
.MVP__MusicKit:where([sf~="149"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --vis-collapse: none; }
.MVP__MusicKit .MVP__MusicKitText:where([sf~="149"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; white-space: nowrap; --text-shrink: 1; text-shadow: 0px 2px 4px color-mix(in srgb, rgb(20 20 20 / 0.933333) 73.288125%, transparent); width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; opacity: 1; --op-pe: inherit; --brightness: 1.3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.MVP__MusicKit #MVPMusicKitStatTrak:where([sf~="149"]) { --mgt: 2px; font-family: Stratum2 Medium, "Arial Unicode MS"; --c9: 0.9; --vis-collapse: none; }
.MVP__MusicKit .MVP__MusicKitName:where([sf~="149"]) { font-weight: 400; text-overflow: ellipsis; text-shadow: 0px 2px 4px color-mix(in srgb, rgb(20 20 20 / 0.933333) 73.288125%, transparent); --brightness: 1.3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.MVP__MusicKit--show .MVP__MusicKit:where([sf~="149"]) { --vis-collapse: initial; }
/* styles/intromovie.css */
p-csgointromovie:where([sf~="150"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: black; --bg-grad: none; }
#IntroMoviePlayer:where([sf~="150"]) { width: 1920px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1920px; height: 1080px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1080px; animation-name: pano-vpct; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.AspectRatio21x9 #IntroMoviePlayer:where([sf~="150"]) { width: 2520px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2520px; height: 1080px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1080px; animation-name: pano-vpct; transform: scaleY( 1.3 ); overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
/* styles/inventory_item_list.css */
p-inventoryitemlist:where([sf~="151"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.mainmenu-content__container p-inventoryitemlist:where([sf~="151"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 32px; --pdr: 94px; --pdb: 32px; --pdl: 94px; --pdrn: 94; --pdln: 94; --mgr: 64px; }
p-inventoryitemlist.inv-item-list-fill-height-flow:where([sf~="151"]), .mainmenu-content__container p-inventoryitemlist.inv-item-list-fill-height-flow:where([sf~="151"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-inv-item-list-fill-height-flow:has(> p-inventoryitemlist.inv-item-list-fill-height-flow:where([sf~="151"]):not([pvis="0"])), .mainmenu-content__container .kk-c-inv-item-list-fill-height-flow:has(> p-inventoryitemlist.inv-item-list-fill-height-flow:where([sf~="151"]):not([pvis="0"])), .mainmenu-content__container.kk-c-inv-item-list-fill-height-flow:has(> p-inventoryitemlist.inv-item-list-fill-height-flow:where([sf~="151"]):not([pvis="0"])) { --kid-fill-h: 1; }
.mainmenu-content__container .loadout--visible p-inventoryitemlist:where([sf~="151"]), .mainmenu-content__container .crafting-items p-inventoryitemlist:where([sf~="151"]) { --bgc: transparent; --bg-grad: none; }
.AspectRatio16x10 .mainmenu-content__container p-inventoryitemlist:where([sf~="151"]) { --pdt: 16px; --pdr: 50px; --pdb: 16px; --pdl: 50px; --pdrn: 50; --pdln: 50; }
.AspectRatio16x9 .mainmenu-content__container p-inventoryitemlist:where([sf~="151"]), .AspectRatio21x9 .mainmenu-content__container p-inventoryitemlist:where([sf~="151"]) { --pdt: 16px; --pdr: 64px; --pdb: 16px; --pdl: 64px; --pdrn: 64; --pdln: 64; }
.AspectRatio16x10 .mainmenu-content__container .loadout--visible p-inventoryitemlist:where([sf~="151"]) { --pdt: 16px; --pdr: 50px; --pdb: 16px; --pdl: 50px; --pdrn: 50; --pdln: 50; }
.AspectRatio4x3 .mainmenu-content__container p-inventoryitemlist:where([sf~="151"]) { --pdt: 16px; --pdr: 8px; --pdb: 16px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.AspectRatio4x3 .mainmenu-content__container .crafting-items p-inventoryitemlist:where([sf~="151"]) { --pdt: 16px; --pdr: 8px; --pdb: 16px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.AspectRatio16x9 .mainmenu-content__container .crafting-items p-inventoryitemlist:where([sf~="151"]), .AspectRatio21x9 .mainmenu-content__container .crafting-items p-inventoryitemlist:where([sf~="151"]) { --pdt: 16px; --pdr: 40px; --pdb: 16px; --pdl: 40px; --pdrn: 40; --pdln: 40; }
.AspectRatio16x9 .mainmenu-content__container .loadout--visible p-inventoryitemlist:where([sf~="151"]), .AspectRatio21x9 .mainmenu-content__container .loadout--visible p-inventoryitemlist:where([sf~="151"]) { --pdt: 16px; --pdr: 48px; --pdb: 16px; --pdl: 48px; --pdrn: 48; --pdln: 48; }
.inv-category__list-collection:where([sf~="151"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --bgc: red; --bg-grad: none; }
/* styles/itempreview.css */
p-itempreviewdebug p-label:where([sf~="152"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.ItemPreviewDebugButtonMode:where([sf~="152"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); min-width: 64px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 0px; box-shadow: 3px 1px 2px 1.333333px rgb(0 0 0 / 0.501961); --bg-fill: rgb(0 0 0 / 0.501961); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; --bgc: rgba(42, 107, 143, 0.738343); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewDebugButtonMode:not(._disabled):hover:where([sf~="152"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewDebugButton:where([sf~="152"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); min-width: 64px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 0px; box-shadow: 3px 1px 2px 1.333333px rgb(0 0 0 / 0.501961); --bg-fill: rgb(0 0 0 / 0.501961); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; --bgc: rgba(42, 107, 143, 0.738343); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewDebugButton:not(._disabled):hover:where([sf~="152"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewDebugButton2:where([sf~="152"]) { --mgb: 18px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); min-width: 64px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 0px; box-shadow: 3px 1px 2px 1.333333px rgb(0 0 0 / 0.501961); --bg-fill: rgb(0 0 0 / 0.501961); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; --bgc: rgba(42, 107, 143, 0.738343); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewDebugButton2:not(._disabled):hover:where([sf~="152"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewDebugButton3:where([sf~="152"]) { --mgt: 18px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); min-width: 64px; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 0px; box-shadow: 3px 1px 2px 1.333333px rgb(0 0 0 / 0.501961); --bg-fill: rgb(0 0 0 / 0.501961); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; --bgc: rgba(42, 107, 143, 0.738343); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewDebugButton3:not(._disabled):hover:where([sf~="152"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewDebugButtonSmall:where([sf~="152"]) { --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --fsz: 6; font-size: calc(max(1, round(nearest, 6 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); min-width: 32px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 4px; box-shadow: 3px 1px 2px 1.333333px rgb(0 0 0 / 0.501961); --bg-fill: rgb(0 0 0 / 0.501961); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --brightness: 1; --bgc: rgba(42, 107, 143, 0.738343); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.debug-background:where([sf~="152"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.DebugColumn:where([sf~="152"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgr: 10px; }
#LightSelectionEnum p-label:where([sf~="152"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; }
.LightsDropDown:where([sf~="152"]) { height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; min-width: 64px; }
.LightSettings:where([sf~="152"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(42, 107, 143, 1); --bg-grad: none; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; }
.LightPicker:where([sf~="152"]) { --pdl: 4px; --pdln: 4; --pdr: 4px; --pdrn: 4; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(42, 107, 143, 1); --bg-grad: none; }
.LightSection:where([sf~="152"]) { --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(42, 107, 143, 1); --bg-grad: none; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; border-bottom: 1px solid grey; }
.LightSection p-label:where([sf~="152"]) { width: 232px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 232px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; color: yellow; text-align: right; }
.LightSection--Closed p-label:where([sf~="152"]) { color: rgba(159, 159, 159, 1); }
.LightSection :is(p-image, :where(img[pimg])):where([sf~="152"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.LightSectionSub:where([sf~="152"]) { --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(42, 107, 143, 1); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
p-label.LightSectionSub:where([sf~="152"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; color: #afafaf; text-align: left; }
.LightPicker_RGBBox:where([sf~="152"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; border-radius: 0px; border: 1px solid black; --bdln: 1; --bdrn: 1; }
#ColorPick_HueSlider:where([sf~="152"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 228px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 228px; --bg-grad: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 17%, rgba(0, 255, 0, 1) 33%, rgba(0, 255, 255, 1) 50%, rgba(0, 0, 255, 1) 67%, rgba(255, 0, 255, 1) 83%, rgba(255, 0, 0, 1) 100%); --bgc: transparent; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#ColorPick_SatSlider:where([sf~="152"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 228px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 228px; --bg-grad: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 0, 0, 1) 100%); --bgc: transparent; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#ColorPick_ValSlider:where([sf~="152"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 228px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 228px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); --bgc: transparent; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#ColorPick_HDRSlider:where([sf~="152"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 192px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 192px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); --bgc: transparent; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
p-itempreviewcolorslider #Slider:where([sf~="152"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
p-itempreviewcolorslider #Slider #SliderThumb:where([sf~="152"]), p-itempreviewcolorslider #Slider #SliderThumb:hover:where([sf~="152"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bgc: white; --bg-grad: none; border-radius: 1px; border: 1px solid black; --bdln: 1; --bdrn: 1; }
p-itempreviewcolorslider #Slider #SliderTrack:where([sf~="152"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; }
p-itempreviewcolorslider #Slider #SliderTrackProgress:where([sf~="152"]) { --vis-collapse: none; }
.LightRot_Slider:where([sf~="152"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 228px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 228px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
p-itempreviewslider #Slider:where([sf~="152"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
p-itempreviewslider #Slider #SliderThumb:where([sf~="152"]), p-itempreviewslider #Slider #SliderThumb:hover:where([sf~="152"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bgc: white; --bg-grad: none; border-radius: 1px; border: 1px solid black; --bdln: 1; --bdrn: 1; }
p-itempreviewslider #Slider #SliderTrack:where([sf~="152"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; --bgc: rgba(95, 95, 95, 0.737724); --bg-grad: none; }
p-itempreviewslider #Slider #SliderTrackProgress:where([sf~="152"]) { --bgc: rgba(95, 95, 95, 0.737724); --bg-grad: none; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; border-radius: 0px; }
.ItemPreviewDebugSceneContextSelect:where([sf~="152"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; }
.ItemPreviewInfo:where([sf~="152"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.ItemPreviewInfo_AnimSeq:where([sf~="152"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ItemPreviewInfo_AnimSeqWarn:where([sf~="152"]) { --wash-color: #ff000000; --wash-filter: url(#w-ff000000); animation-name: animseq-pulse; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes animseq-pulse {
0% { --wash-color: #ff000000; --wash-filter: url(#w-ff000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --wash-color: #ff0000ff; --wash-filter: url(#w-ff0000ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --wash-color: #ff000000; --wash-filter: url(#w-ff000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/itemtile.css */
.item-tile:where([sf~="153"]) { width: 192px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 192px; height: 184px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 184px; --pdt: 0px; --pdr: 13px; --pdb: 0px; --pdl: 13px; --pdrn: 13; --pdln: 13; transform-origin: 50% 50%; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, transform; transition-duration: .2s, .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.item-tile._disabled:where([sf~="153"]) { --brightness: .5; opacity: 0.862912; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-tile--small:where([sf~="153"]) { zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); }
.item-tile--large:where([sf~="153"]) { width: 312px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 312px; height: 330px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 330px; animation-name: pano-vpct; }
.item-tile.delete:where([sf~="153"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.item-tile-in-same-set:where([sf~="153"]) { --bg-grad: linear-gradient(180deg, rgba(223, 223, 223, 0.270794) 0%, rgba(175, 175, 175, 0) 100%); --bgc: transparent; }
.item-tile__name-container:where([sf~="153"]) { --px: 0px; --pxp: 0px; --py: 121px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --mgt: 8px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.item-tile__name:where([sf~="153"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: left; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --px: 0px; --pxp: 0px; --py: 121px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); height: 51px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 51px; text-shadow: 1px 1px 4px color-mix(in srgb, #000000 45.45%, transparent); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; color: white; text-overflow: ellipsis; transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.item-tile__rental-expiration:where([sf~="153"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --px: 0px; --pxp: 0px; --py: 98px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); border-radius: 2px; --pdt: 2px; --pdr: 4px; --pdb: 2px; --pdl: 4px; --pdrn: 4; --pdln: 4; color: white; }
.item-tile__rental-expiration.item-expired:where([sf~="153"]) { color: black; font-weight: 500; }
.item-tile__rental-expiration.can-rent:where([sf~="153"]) { color: black; }
.loadout-slot .item-tile__rental-expiration:where([sf~="153"]) { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
.item-tile__rental-icon:where([sf~="153"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; transform: translateY(-1.5px); }
.item-expired .item-tile__rental-icon:where([sf~="153"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.can-rent .item-tile__rental-icon:where([sf~="153"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-tile__image:where([sf~="153"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 121px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 121px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; transition-property: transform, --brightness, --img-shadow, opacity; transition-duration: .15s, .15s, .15s, .15s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.item-tile__bg:where([sf~="153"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 121px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 121px; border: 1px solid rgba(0, 0, 0, 0.124258); --bdln: 1; --bdrn: 1; --bg-grad: linear-gradient(180deg, rgba(75, 75, 75, 0.668483) 0%, rgba(175, 175, 175, 0.857159) 100%); --bgc: transparent; box-shadow: 0px 1px 2px 3.333333px rgb(0 0 0 / 0.1); --bg-fill: rgb(0 0 0 / 0.1); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: box-shadow, border, --bgc; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.item-tile__team:where([sf~="153"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 120 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.4), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.4; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --px: 0px; --pxp: 5%; --py: 0px; --pyp: 5%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pdl: 6px; --pdln: 6; }
.item-tile__team.original_purchaser:where([sf~="153"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 120 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --px: 0px; --pxp: 5%; --py: 0px; --pyp: 5%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pdl: 10px; --pdln: 10; opacity: 0.524924; --op-pe: inherit; }
.item-tile:hover:not(.item-tile._disabled):where([sf~="153"]) { transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, transform; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.item-tile:hover:not(.item-tile._disabled) .item-tile__bg:where([sf~="153"]) { box-shadow: 0px 2px 4px 4.666667px rgb(0 0 0 / 0.50); --bg-fill: rgb(0 0 0 / 0.50); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: box-shadow, border, --bgc; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --sound: "UIPanorama.inventory_item_rollover"; }
#ItemListForCapability .item-tile:hover:not(.item-tile._disabled) .item-tile__bg:where([sf~="153"]) { border: 4px solid white; --bdln: 4; --bdrn: 4; transition-property: box-shadow, border, --bgc; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
#ItemListForCapability .item-tile:hover:not(.item-tile._disabled) .item-tile__rarity:where([sf~="153"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.item-tile__multi-select:where([sf~="153"]) { --vis-collapse: none; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; border: 1px solid rgba(252, 252, 252, 0.70374); --bdln: 1; --bdrn: 1; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; border-radius: 50%; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.item-tile__add:where([sf~="153"]), .item-tile__remove:where([sf~="153"]) { --vis-collapse: none; --mgt: 45px; --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; border-radius: 50%; transform: rotateZ(45deg); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --wash-color: rgb(93, 199, 93); --wash-filter: url(#w-rgb_93_199_93); opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.crafting-items-list .item-tile:hover .item-tile__add:where([sf~="153"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.item-tile__remove:where([sf~="153"]) { --vis-collapse: none; --wash-color: rgb(204, 59, 59); --wash-filter: url(#w-rgb_204_59_59); transform: rotateZ(0deg); transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.crafting-ingredients-list .item-tile:hover .item-tile__remove:where([sf~="153"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.item-tile__inspect:where([sf~="153"]) { --vis-collapse: none; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --py: 80px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.inv-multi-select-allow .item-tile__multi-select:where([sf~="153"]) { --vis-collapse: initial; }
.inv-multi-select-allow .item-tile__multi-select :is(p-image, :where(img[pimg])):where([sf~="153"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease-in-out; }
.inv-multi-select-allow .item-tile:hover:not(.capability_multistatus_selected) .item-tile__multi-select:where([sf~="153"]) { --bgc: rgba(252, 252, 252, 0.773347); --bg-grad: none; border: 1px solid rgba(252, 252, 252, 0); --bdln: 1; --bdrn: 1; }
.inv-multi-select-allow .item-tile:hover:not(.capability_multistatus_selected) .item-tile__multi-select :is(p-image, :where(img[pimg])):where([sf~="153"]) { --wash-color: rgb(31, 31, 31); --wash-filter: url(#w-rgb_31_31_31); opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.inv-multi-select-allow .item-tile:hover .item-tile__inspect:where([sf~="153"]), .trade-up-allow-zoom .item-tile:hover .item-tile__inspect:where([sf~="153"]) { --vis-collapse: initial; opacity: 0.696476; --op-pe: inherit; }
.inv-multi-select-allow .item-tile:hover .item-tile__inspect:hover:where([sf~="153"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease-in-out; }
.inv-multi-select-allow .item-tile.capability_multistatus_selected .item-tile__multi-select:where([sf~="153"]) { --vis-collapse: initial; border: 1px solid rgba(252, 252, 252, 0); --bdln: 1; --bdrn: 1; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); opacity: 1; --op-pe: inherit; --bgc: #0F9D58; --bg-grad: none; }
.inv-multi-select-allow .item-tile.capability_multistatus_selected .item-tile__multi-select :is(p-image, :where(img[pimg])):where([sf~="153"]) { --vis-collapse: initial; --wash-color: white; --wash-filter: initial; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.inv-multi-select-allow .item-tile.capability_multistatus_hover #ItemTileBg:where([sf~="153"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; border: 5px solid rgb(0, 132, 255); --bdln: 5; --bdrn: 5; }
.inv-multi-select-allow .item-tile.capability_multistatus_hover p-itemimage:where([sf~="153"]) { transform: scale3d( 0.85, 0.85, 1); }
.item-tile.capability_multistatus_selected .item-tile__bg:where([sf~="153"]), .item-tile.capability_multistatus_selected .item-tile__image:where([sf~="153"]) { --brightness: .2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-tile__rarity:where([sf~="153"]) { --bgc: #FFFFFF; --bg-grad: none; box-shadow: 0px 0px 2px 2.333333px rgb(0 0 0 / 0.25); --bg-fill: rgb(0 0 0 / 0.25); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; transform: translateY(121px); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.item-tile__top-left-down:where([sf~="153"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.item-tile__recent:where([sf~="153"]) { --bgc: #3281AC; --bg-grad: none; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgt: 0px; --mgr: 8px; --mgb: 4px; --mgl: 0px; font-weight: 700; text-align: center; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0.145098); --bg-fill: rgb(0 0 0 / 0.145098); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --vis-collapse: initial; }
.item-tile__onmarket:where([sf~="153"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; transform: scaleX(-1); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 1px; --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-tile__original-owner:where([sf~="153"]) { --mgl: 8px; --mgt: 6px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.item-tile__equipped:where([sf~="153"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 10px; --mgr: 5px; --vis-collapse: initial; }
.item-tile__equipped__radiodot:where([sf~="153"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 0.001% 0.001% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; border-radius: 50%; z-index: 1; --mgr: 6px; border: 1px solid white; --bdln: 1; --bdrn: 1; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0.145098); --bg-fill: rgb(0 0 0 / 0.145098); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); mix-blend-mode: screen; --s2-blend: screen; transition-property: --bgc, width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.kk-c-item-tile__equipped__radiodot:has(> .item-tile__equipped__radiodot:where([sf~="153"]):not([pvis="0"])) { isolation: isolate; }
.item-tile__equipped__radiodot--filled:where([sf~="153"]) { --bg-grad: radial-gradient(ellipse 25% 25% at 50% 50%, white 0%, white 95%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: 0.5s; transition-timing-function: ease-in-out; }
.item-tile__equipped__radiodot--filled.shuffle:where([sf~="153"]) { --bg-img: url("/panorama/images/icons/ui/random.svg"); --bg-img-opacity: 1; --bg-img-own: none; --bg-size: 10px 10px; --bg-w: 10px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --bgc: transparent; --bg-grad: none; }
.item-tile__equipped__radiodot--filled.shuffle:where([sf~="153"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.item-tile__equipped__radiodot--t:where([sf~="153"]) { --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-tile__equipped__radiodot--ct:where([sf~="153"]) { --wash-color: #3281AC; --wash-filter: url(#w-3281ac); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-tile__equipped__favicon:where([sf~="153"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50%; z-index: 1; --mgr: 6px; border: 1px solid white; --bdln: 1; --bdrn: 1; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0.145098); --bg-fill: rgb(0 0 0 / 0.145098); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); mix-blend-mode: screen; --s2-blend: screen; --bg-img: url("/panorama/images/icons/ui/favorite_yes.svg"); --bg-img-opacity: 1; --bg-img-own: none; --bg-size: 10px 10px; --bg-w: 10px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --bgc: transparent; --bg-grad: none; }
.item-tile__equipped__favicon:where([sf~="153"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.kk-c-item-tile__equipped__favicon:has(> .item-tile__equipped__favicon:where([sf~="153"]):not([pvis="0"])) { isolation: isolate; }
.item-tile__equipped__favicon--t:where([sf~="153"]) { --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-tile__equipped__favicon--ct:where([sf~="153"]) { --wash-color: #3281AC; --wash-filter: url(#w-3281ac); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-tile__equipped__radiodot.hidden:where([sf~="153"]), .item-tile__equipped__favicon.hidden:where([sf~="153"]), .item-tile__recent.hidden:where([sf~="153"]), .item-tile__rental-expiration.hidden:where([sf~="153"]), .item-tile__original-owner.hidden:where([sf~="153"]), .item-tile__stickers.hidden:where([sf~="153"]), .item-tile__keychains.hidden:where([sf~="153"]) { --vis-collapse: none; }
.item-tile__top-left-bottom:where([sf~="153"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --mgb: 64px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.item-tile__keychains:where([sf~="153"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --mgl: 4px; --mgb: 4px; }
.item-tile__stickers:where([sf~="153"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --mgl: 4px; --mgb: 4px; }
.item-tile__stickers__image:where([sf~="153"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.item-tile__model-panel:where([sf~="153"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 4%; animation-name: pano-vpct; width: min(calc((100% + var(--ppx)) * 0.85), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.85), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.85; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.ItemTile #ItemTooltip:where([sf~="153"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.Active:where([sf~="153"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.ItemTile-ModelPanel-Inspect:where([sf~="153"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 4%; animation-name: pano-vpct; width: 768px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 768px; height: 512px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 512px; animation-name: pano-vpct; }
.loadout-drag-icon:where([sf~="153"]) { width: 192px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 192px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; transform: scale3d(0.8, 0.8, 0.8); transition-property: transform, opacity; transition-duration: 1s, 1s; transition-timing-function: ease-in-out, ease-in-out; }
.drag-start:where([sf~="153"]) { transform: scale3d(1, 1, 1); }
.drag-end:where([sf~="153"]) { transform: scale3d(0.7, 0.7, 0.7); opacity: 0; --op-pe: none; }
.dragged-away:where([sf~="153"]) { --saturation: 0.6; --brightness: 0.2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loadout-grid-container .item-tile:hover:not(.item-tile._disabled) p-itemimage:where([sf~="153"]) { transform: translateY( -6px); --img-shadow: drop-shadow(-3px 6px 3px color-mix(in srgb, rgb(0 0 0 / .2) 22.725%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes hover-wiggle {
0% { transform: translateX( 1px ) translateY(-5px ); }
50% { transform: translateX( -1px ) translateY( -7px ) rotateX( 0deg ); }
100% { transform: translateX( 1px ) translateY( -6px ); }
}
#VideoClipMovieContainer:where([sf~="153"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 121px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 121px; opacity: 0; --op-pe: none; --vis-collapse: none; scale: 1 0; --bgc: black; --bg-grad: none; transition-property: scale, opacity; transition-duration: 0.25s, 0.1s; transition-timing-function: ease-in-out, ease-in-out; }
#VideoClipMovieContainer.play:where([sf~="153"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; scale: 1 1; }
#VideoClipMovieContainer #VideoClipMovie:where([sf~="153"]) { width: min(calc((100% + var(--ppx)) * 0.95), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 56; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 15px; }
/* styles/itemtile_store.css */
.itemtile-store:where([sf~="154"]) { width: 160px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 160px; height: 270px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 270px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --bg-grad: linear-gradient(0deg, rgba(58, 57, 57, 0.435216) 0%, rgba(4, 123, 4, 0) 100%); --bgc: transparent; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.4); --bg-fill: rgb(0 0 0 / 0.4); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc, transform, opacity; transition-duration: .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.itemtile-store.pulse-me:where([sf~="154"]) { animation-name: pulse-me; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.itemtile-store .itemtile-store__container:where([sf~="154"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; }
.itemtile-store .itemtile-store__container .itemtile-store__mainmenu-item-image-bg:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 170px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 170px; }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__item-image:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 80; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: scale; transition-duration: .2s; transition-timing-function: ease-in-out; }
.is-linked.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__item-image:where([sf~="154"]) { transform: translateX(-3px) translateY(8px) scale3d( .9, .9, 1); --img-shadow: drop-shadow(3px -3px 3px color-mix(in srgb, rgb(0 0 0 / 0.501961) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__item-image-bg:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 80; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; scale: 4 4; --blur: 8px; --saturation: .9; opacity: 0.572641; --op-pe: inherit; transition-property: --brightness; transition-duration: .2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__item-image-linked:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 80; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: scale3d( .8, .8, 1) translateX(16px) translateY(-5px); --brightness: .6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__reward-unknown:where([sf~="154"]) { --vis-collapse: none; --fsz: 112; font-size: calc(max(1, round(nearest, 112 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: linear-gradient(180deg, #FF7A00 0%, #81450d 100%); background-clip: text; color: transparent; text-shadow: 1px 2px 4px color-mix(in srgb, rgb(0 0 0 / 0.646) 45.45%, transparent); }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__stattrak:where([sf~="154"]), .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__new:where([sf~="154"]), .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__not-released:where([sf~="154"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: white; --bgc: rgb(172, 146, 0); --bg-grad: none; text-align: center; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 8px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__stattrak.itemtile-store__new:where([sf~="154"]), .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__new.itemtile-store__new:where([sf~="154"]), .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__not-released.itemtile-store__new:where([sf~="154"]) { --bgc: #D8760E; --bg-grad: none; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__stattrak.itemtile-store__not-released:where([sf~="154"]), .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__new.itemtile-store__not-released:where([sf~="154"]), .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__not-released.itemtile-store__not-released:where([sf~="154"]) { --bgc: #3281AC; --bg-grad: none; }
.major-24 .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__stattrak.itemtile-store__not-released:where([sf~="154"]), .major-24 .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__new.itemtile-store__not-released:where([sf~="154"]), .major-24 .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__not-released.itemtile-store__not-released:where([sf~="154"]) { --bgc: rgba(48, 31, 6, 0.620602); --bg-grad: none; color: rgb(224, 198, 140); }
.itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__stattrak.hidden:where([sf~="154"]), .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__new.hidden:where([sf~="154"]), .itemtile-store .itemtile-store__container .itemtile-store__image-Container .itemtile-store__not-released.hidden:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store .itemtile-store__container .itemtile-store__name:where([sf~="154"]) { --mgl: 8px; --mgt: 8px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-height: 34px; font-weight: 500; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-overflow: ellipsis; }
.major-24 .itemtile-store .itemtile-store__container .itemtile-store__name:where([sf~="154"]) { color: rgb(48, 31, 6); }
.itemtile-store .itemtile-store__container .itemtile-store__case-hint:where([sf~="154"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; --pdt: 2px; --pdr: 4px; --pdb: 2px; --pdl: 4px; --pdrn: 4; --pdln: 4; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --fsz: 11; font-size: calc(max(1, round(nearest, 11 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: rgba(0, 0, 0, 0.293356); --bg-grad: none; color: rgb(174, 174, 174); --vis-collapse: none; }
.is-case-drop.itemtile-store .itemtile-store__container .itemtile-store__case-hint:where([sf~="154"]) { --vis-collapse: initial; }
.store-closed .is-case-drop.itemtile-store .itemtile-store__container .itemtile-store__case-hint:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store .itemtile-store__container .itemtile-store__claim-cost-hint:where([sf~="154"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; --pdt: 2px; --pdr: 4px; --pdb: 2px; --pdl: 4px; --pdrn: 4; --pdln: 4; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --fsz: 11; font-size: calc(max(1, round(nearest, 11 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: rgba(0, 0, 0, 0.293356); --bg-grad: none; color: rgb(174, 174, 174); --vis-collapse: none; }
.claim-cost-2.itemtile-store .itemtile-store__container .itemtile-store__claim-cost-hint:where([sf~="154"]) { --vis-collapse: initial; }
.store-closed .claim-cost-2.itemtile-store .itemtile-store__container .itemtile-store__claim-cost-hint:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store .itemtile-store__container .itemtile-store__inspect:where([sf~="154"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 0px; --mgr: 8px; --mgb: 8px; --mgl: 0px; --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; }
.itemtile-store .itemtile-store__container .itemtile-store__select:where([sf~="154"]) { --mgt: 8px; --mgr: 0px; --mgb: 0px; --mgl: 8px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; border: 1px solid white; --bdln: 1; --bdrn: 1; border-radius: 50%; opacity: 0.696476; --op-pe: inherit; --vis-collapse: none; transition-property: opacity, --bgc; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.itemtile-store .itemtile-store__container .itemtile-store__select :is(p-image, :where(img[pimg])):where([sf~="154"]) { --vis-collapse: none; opacity: 0; --op-pe: none; --wash-color: white; --wash-filter: initial; transition-property: --wash-color, opacity; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store .itemtile-store__container .itemtile-store__select--second:where([sf~="154"]) { --mgl: 44px; }
.itemtile-store:hover:not(.is-drop-item):where([sf~="154"]) { --sound: "UIPanorama.inventory_item_rollover"; }
.itemtile-store:hover:not(.is-drop-item) .itemtile-store__image-Container:where([sf~="154"]) { --bgc: rgba(250, 250, 250, 0.170363); --bg-grad: none; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; }
.itemtile-store:hover:not(.is-drop-item) .itemtile-store__image-Container .itemtile-store__item-image:where([sf~="154"]) { scale: 1.03 1.03; transition-property: scale; transition-duration: .2s; transition-timing-function: ease-in-out; }
.itemtile-store:hover:not(.is-drop-item) .itemtile-store__image-Container .itemtile-store__item-image-bg:where([sf~="154"]) { --brightness: 1.5; transition-property: --brightness; transition-duration: .2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store:hover:not(.is-drop-item) .itemtile-store__image-Container .itemtile-store__select:where([sf~="154"]) { opacity: 1; --op-pe: inherit; transition-property: opacity, --bgc; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.itemtile-store.is-drop-item:hover:not(.disabled):where([sf~="154"]) { --sound: "UIPanorama.inventory_item_rollover"; }
.itemtile-store.is-drop-item:hover:not(.disabled) .itemtile-store__inspect:where([sf~="154"]) { --vis-collapse: initial; opacity: 0.616725; --op-pe: inherit; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; }
.itemtile-store.is-drop-item:hover:not(.disabled) .itemtile-store__inspect:hover:where([sf~="154"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease-in-out; }
.itemtile-store.is-drop-item:hover:not(.disabled) .itemtile-store__select:where([sf~="154"]) { opacity: 1; --op-pe: inherit; --bgc: white; --bg-grad: none; transition-property: opacity, --bgc; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.itemtile-store.is-drop-item:hover:not(.disabled) .itemtile-store__select :is(p-image, :where(img[pimg])):where([sf~="154"]) { --vis-collapse: initial; --wash-color: black; --wash-filter: url(#w-black); opacity: 1; --op-pe: inherit; transition-property: --wash-color, opacity; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store.selected.is-drop-item:hover .itemtile-store__select:where([sf~="154"]) { --bgc: #0F9D58; --bg-grad: none; }
.itemtile-store.is-drop-item:not(.disabled) .itemtile-store__select:where([sf~="154"]) { --vis-collapse: initial; }
.itemtile-store.is-drop-item:not(.disabled) .itemtile-store__select--second:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store.claim-cost-2.is-drop-item:not(.disabled) .itemtile-store__select--second:where([sf~="154"]) { --vis-collapse: initial; }
.itemtile-store.selected:where([sf~="154"]) { --brightness: 1.2; --bgc: rgba(4, 123, 4, 0.318338); --bg-grad: none; --bg-grad: linear-gradient(0deg, rgba(8, 112, 62, 0.49087) 0%, rgba(4, 123, 4, 0) 100%); --bgc: transparent; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store.selected .itemtile-store__container .itemtile-store__select:where([sf~="154"]) { border: 1px solid #0F9D58; --bdln: 1; --bdrn: 1; --bgc: #0F9D58; --bg-grad: none; opacity: 1; --op-pe: inherit; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: opacity, --bgc; transition-duration: .2s, .2s; transition-timing-function: ease-in-out, ease-in-out; }
.itemtile-store.selected .itemtile-store__container :is(p-image, :where(img[pimg])):where([sf~="154"]) { --wash-color: white; --wash-filter: initial; --vis-collapse: initial; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store.item-claimed:where([sf~="154"]), .store-closed .itemtile-store:where([sf~="154"]) { --bgc: rgba(0, 0, 0, 0.298331); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; border: 5px solid rgba(151, 141, 125, 0.341565); --bdln: 5; --bdrn: 5; }
.itemtile-store.item-claimed:where([sf~="154"]):not([tint])::before, .store-closed .itemtile-store:where([sf~="154"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.itemtile-store.item-claimed .itemtile-store__claimed:where([sf~="154"]), .store-closed .itemtile-store .itemtile-store__claimed:where([sf~="154"]) { --vis-collapse: initial; }
.itemtile-store.item-claimed .itemtile-store__price-container:where([sf~="154"]), .store-closed .itemtile-store .itemtile-store__price-container:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store.item-claimed .itemtile-store__new:where([sf~="154"]), .store-closed .itemtile-store .itemtile-store__new:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store.item-claimed .itemtile-store__image-Container .itemtile-store__item-image:where([sf~="154"]), .store-closed .itemtile-store .itemtile-store__image-Container .itemtile-store__item-image:where([sf~="154"]) { --brightness: .0; --saturation: 0; opacity: 0.616725; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store.item-claimed .itemtile-store__image-Container .itemtile-store__item-image-bg:where([sf~="154"]), .store-closed .itemtile-store .itemtile-store__image-Container .itemtile-store__item-image-bg:where([sf~="154"]) { opacity: 0; --op-pe: none; --brightness: .0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store.item-claimed .itemtile-store__name:where([sf~="154"]), .store-closed .itemtile-store .itemtile-store__name:where([sf~="154"]) { opacity: 0.414305; --op-pe: inherit; }
.itemtile-store.item-claimed .itemtile-store__tooltip-hotspot:where([sf~="154"]), .store-closed .itemtile-store .itemtile-store__tooltip-hotspot:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store.no-drops-earned .itemtile-store__image-Container:where([sf~="154"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.itemtile-store.no-drops-earned .itemtile-store__image-Container .itemtile-store__item-image-bg:where([sf~="154"]) { --bg-grad: linear-gradient(180deg, #231202 0%, #81450d 100%); --bgc: transparent; opacity: 0.696476; --op-pe: inherit; --saturation: 1; --blur: 0px; scale: 1 1; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store.no-drops-earned .itemtile-store__image-Container .itemtile-store__reward-unknown:where([sf~="154"]) { --vis-collapse: initial; }
.itemtile-store.no-drops-earned .itemtile-store__price-container:where([sf~="154"]), .itemtile-store.no-drops-earned .itemtile-store__name:where([sf~="154"]) { --vis-collapse: none; }
.store-closed .itemtile-store:not(.item-claimed) .itemtile-store__claimed:where([sf~="154"]) { --vis-collapse: none; }
.store-closed .itemtile-store:not(.item-claimed) .itemtile-store__select:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store.is-mainmenu-item:where([sf~="154"]) { width: 275px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 275px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.itemtile-store.is-mainmenu-item .itemtile-store__container:where([sf~="154"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.itemtile-store.is-mainmenu-item .itemtile-store__image-Container:where([sf~="154"]) { --mgt: 18px; --mgr: 12px; --mgb: 12px; --mgl: 12px; }
.itemtile-store.is-mainmenu-item .itemtile-store__image-Container .itemtile-store__stattrak:where([sf~="154"]), .itemtile-store.is-mainmenu-item .itemtile-store__image-Container .itemtile-store__new:where([sf~="154"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgb: 8px; --mgt: 18px; }
.itemtile-store.is-mainmenu-item .itemtile-store__mainmenu-item-image-bg:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 60; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; scale: 4 3.76; transform: translateY( -60px ) translateX( -40px ); --mgb: 250px; --blur: 8px; opacity: 1; --op-pe: inherit; --brightness: .5; --vis-collapse: initial; transition-property: --brightness; transition-duration: .2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store.is-mainmenu-item .itemtile-store__name:where([sf~="154"]) { --mgl: 12px; --mgb: 58px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-height: 34px; font-weight: 500; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-overflow: ellipsis; color: rgb(194, 194, 194); mix-blend-mode: screen; --s2-blend: additive; }
.itemtile-store.is-mainmenu-item.Focused:where([sf~="154"]) { opacity: 1; --op-pe: inherit; transform: translateX(0px); }
.itemtile-store.is-mainmenu-item.LeftOfFocus1:where([sf~="154"]), .itemtile-store.is-mainmenu-item.LeftOfFocus2:where([sf~="154"]), .itemtile-store.is-mainmenu-item.LeftOfFocus3:where([sf~="154"]), .itemtile-store.is-mainmenu-item.LeftOfFocus4:where([sf~="154"]), .itemtile-store.is-mainmenu-item.LeftOfFocus5:where([sf~="154"]), .itemtile-store.is-mainmenu-item.LeftOfFocus6:where([sf~="154"]), .itemtile-store.is-mainmenu-item.LeftOfFocus7:where([sf~="154"]), .itemtile-store.is-mainmenu-item.LeftOfFocus8:where([sf~="154"]), .itemtile-store.is-mainmenu-item.LeftOfFocus9:where([sf~="154"]) { opacity: 0; --op-pe: none; transform: translateX( -275px ); }
.itemtile-store.is-mainmenu-item.RightOfFocus1:where([sf~="154"]), .itemtile-store.is-mainmenu-item.RightOfFocus2:where([sf~="154"]), .itemtile-store.is-mainmenu-item.RightOfFocus3:where([sf~="154"]), .itemtile-store.is-mainmenu-item.RightOfFocus4:where([sf~="154"]), .itemtile-store.is-mainmenu-item.RightOfFocus5:where([sf~="154"]), .itemtile-store.is-mainmenu-item.RightOfFocus6:where([sf~="154"]), .itemtile-store.is-mainmenu-item.RightOfFocus7:where([sf~="154"]), .itemtile-store.is-mainmenu-item.RightOfFocus8:where([sf~="154"]), .itemtile-store.is-mainmenu-item.RightOfFocus9:where([sf~="154"]) { opacity: 0; --op-pe: none; transform: translateX( 275px ); }
.itemtile-store.is-mainmenu-item:hover .itemtile-store__image-Container:where([sf~="154"]) { --bgc: transparent; --bg-grad: none; }
.itemtile-store__bottomrow:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; --mgb: 8px; }
.itemtile-store__bottomrow .itemtile-store__price-container:where([sf~="154"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.itemtile-store__bottomrow .itemtile-store__price-container .itemtile-store__price-reduction-container:where([sf~="154"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #0F9D58; --bg-grad: none; --vis-collapse: none; }
.itemtile-store__bottomrow .itemtile-store__price-container .itemtile-store__price-reduction-container .itemtile-store__price-reduction:where([sf~="154"]) { color: white; font-weight: 500; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 4px; --pdrn: 4; --pdln: 4; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.itemtile-store__bottomrow .itemtile-store__price-container .itemtile-store__price-labels:where([sf~="154"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 4px; --pdrn: 6; --pdln: 4; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.itemtile-store__bottomrow .itemtile-store__price-container .itemtile-store__price-labels .itemtile-store__price-original:where([sf~="154"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-decoration: line-through; color: white; transform: translateY(2px); --vis-collapse: none; }
.itemtile-store__bottomrow .itemtile-store__price-container .itemtile-store__price-labels .itemtile-store__price-sale:where([sf~="154"]) { color: rgb(23, 235, 23); font-weight: 900; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; white-space: nowrap; max-width: 125px; --maxw: 125px; }
.major-23 .itemtile-store__bottomrow .itemtile-store__price-container .itemtile-store__price-labels .itemtile-store__price-sale:where([sf~="154"]) { color: gold; }
.major-24 .itemtile-store__bottomrow .itemtile-store__price-container .itemtile-store__price-labels .itemtile-store__price-sale:where([sf~="154"]) { color: rgb(48, 31, 6); font-family: Stratum2 medium Condensed, "Arial Unicode MS"; --c9: 0.9; }
.itemtile-store__bottomrow .itemtile-store__price-container.has-reduction:where([sf~="154"]) { height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; }
.itemtile-store__bottomrow .itemtile-store__price-container.has-reduction .itemtile-store__price-reduction-container:where([sf~="154"]), .itemtile-store__bottomrow .itemtile-store__price-container.has-reduction .itemtile-store__price-original:where([sf~="154"]) { --vis-collapse: initial; }
.itemtile-store__bottomrow .itemtile-store__price-container.has-reduction .itemtile-store__price-sale:where([sf~="154"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.itemtile-store__bottomrow .itemtile-store__price-container.is-marketlink .itemtile-store__price-labels:where([sf~="154"]) { --bgc: rgba(41, 41, 41, 0); --bg-grad: none; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 0px; --pdrn: 6; --pdln: 0; }
.itemtile-store__bottomrow .itemtile-store__price-container.is-marketlink .itemtile-store__price-sale:where([sf~="154"]) { color: rgba(173, 173, 173, 0.947701); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.itemtile-store__bottomrow .itemtile-store__tooltip-hotspot:where([sf~="154"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --brightness: 0.5; --mgb: 5px; transition-property: --brightness; transition-duration: 0.2s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store__bottomrow .itemtile-store__tooltip-hotspot:hover:where([sf~="154"]) { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .itemtile-store__bottomrow .itemtile-store__tooltip-hotspot:where([sf~="154"]) { --wash-color: rgb(48, 31, 6); --wash-filter: url(#w-rgb_48_31_6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.is-mainmenu-item .itemtile-store__bottomrow:where([sf~="154"]) { --mgb: 38px; }
.is-mainmenu-item .itemtile-store__price-container .itemtile-store__price-labels .itemtile-store__price-reduction:where([sf~="154"]), .is-mainmenu-item .itemtile-store__price-container .itemtile-store__price-labels .itemtile-store__price-original:where([sf~="154"]), .is-mainmenu-item .itemtile-store__price-container .itemtile-store__price-labels .itemtile-store__price-sale:where([sf~="154"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.is-mainmenu-item .itemtile-store__tooltip-hotspot:where([sf~="154"]) { --brightness: 0.8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store__claimed:where([sf~="154"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --vis-collapse: none; }
.itemtile-store__claimed .itemtile-store__claimed__left:where([sf~="154"]), .itemtile-store__claimed .itemtile-store__claimed__right:where([sf~="154"]) { --wash-color: #216913; --wash-filter: url(#w-216913); height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store__claimed .itemtile-store__claimed__right:where([sf~="154"]) { transform: scaleX(-1); --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store__claimed .itemtile-store__claimed__center:where([sf~="154"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-grad: linear-gradient(90deg, #216913 0%, #0F9D58 100%); --bgc: transparent; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 130px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 130px; }
.itemtile-store__claimed .itemtile-store__claimed__text_expired:where([sf~="154"]) { --vis-collapse: none; }
.item-claimed.item-claimslot-expired .itemtile-store__claimed .itemtile-store__claimed__left:where([sf~="154"]), .item-claimed.item-claimslot-expired .itemtile-store__claimed .itemtile-store__claimed__right:where([sf~="154"]) { --wash-color: #664100; --wash-filter: url(#w-664100); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-claimed.item-claimslot-expired .itemtile-store__claimed .itemtile-store__claimed__right:where([sf~="154"]) { --wash-color: #b7b710; --wash-filter: url(#w-b7b710); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.item-claimed.item-claimslot-expired .itemtile-store__claimed .itemtile-store__claimed__center:where([sf~="154"]) { --bg-grad: linear-gradient(90deg, #664100 0%, #b7b710 100%); --bgc: transparent; }
.item-claimed.item-claimslot-expired .itemtile-store__claimed .itemtile-store__claimed__text_expired:where([sf~="154"]) { --vis-collapse: initial; }
.item-claimed.item-claimslot-expired .itemtile-store__claimed .itemtile-store__claimed__text_claimed:where([sf~="154"]) { --vis-collapse: none; }
.itemtile-store__reveal:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; mix-blend-mode: screen; --s2-blend: additive; }
.itemtile-store__reveal .itemtile-store__reveal__1:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; --blur: 1px; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.itemtile-store__reveal .itemtile-store__reveal__2:where([sf~="154"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; opacity: 0; --op-pe: none; }
.reveal-anim .itemtile-store__reveal__1:where([sf~="154"]) { opacity: 1; --op-pe: inherit; animation-name: just-claimed-1; animation-duration: .25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.reveal-anim .itemtile-store__reveal__2:where([sf~="154"]) { opacity: 1; --op-pe: inherit; animation-name: just-claimed-2; animation-duration: .5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.reveal-anim .itemtile-store__claimed:where([sf~="154"]) { opacity: 1; --op-pe: inherit; animation-name: claim-reveal; animation-duration: .25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes just-claimed-1 {
0% { transform: translateY( 100%); opacity: 1; --op-pe: inherit; }
100% { opacity: 1; --op-pe: inherit; transform: translateY( -100%); }
}
@keyframes just-claimed-2 {
0% { --brightness: 3; opacity: 1; --op-pe: inherit; --bgc: white; --bg-grad: none; transform: translateY( 100%) scale3d( 1, 1, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
30% { --brightness: 1; opacity: 1; --op-pe: inherit; --bgc: white; --bg-grad: none; transform: translateY( 0%) scale3d( 1, 1, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
60% { --brightness: 1; opacity: 1; --op-pe: inherit; --bgc: #0F9D58; --bg-grad: none; transform: translateY( 0%) scale3d( 1, 1, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 0; --op-pe: none; transform: translateY( 100% ) scale3d( 1, 0, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes claim-reveal {
0% { --brightness: 1; transform: translateY( 0px ) scale3d( 1, 1, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 5; transform: translateY( 25px ) scale3d( 1.3, 1.3, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; transform: translateY( 0px) scale3d( 1, 1, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes pulse-me {
0% { --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/loadingscreen.css */
.loading-root:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.124299); --bg-grad: none; opacity: 1; --op-pe: inherit; }
.loading-root .mainmenu-content--offscreen:where([sf~="155"]) { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transition-property: translate, --pxp, --pyp; transition-duration: 1s, 1s, 1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.loading-screen-blur:where([sf~="155"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --blur: 48px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loading-screen-screenshot-title:where([sf~="155"]) { color: white; --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; white-space: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgb: 50px; --mgl: 50px; }
.loading-screen-screenshot-title.hidden:where([sf~="155"]) { --vis-collapse: none; }
@keyframes loading-screen--unblur-animation {
0% { --brightness: 1.0; --blur: 5px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1.25; --blur: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.loading-screen-hint-contents:where([sf~="155"]) { height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --vis-collapse: none; --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; }
.loading-screen-hint__icon:where([sf~="155"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #eece60; --wash-filter: url(#w-eece60); --brightness: 1.1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loading-screen-hint__text:where([sf~="155"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #eece60; --text-shrink: 1; text-align: left; --mgl: 16px; --brightness: 1.1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loading-screen-contents:where([sf~="155"]) { --mgt: 50px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; max-height: 1200px; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; --mgr: 20px; --mgb: 20px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; opacity: 1; --op-pe: inherit; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity; transition-duration: .5s, .5s, .5s, .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.loading-screen-contents-bottom:where([sf~="155"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-height: 920px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity; transition-duration: .5s, .5s, .5s, .5s, .5s, .5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.kk-c-loading-screen-contents-bottom:has(> .loading-screen-contents-bottom:where([sf~="155"]):not([pvis="0"])) { --kid-fill-h: 1; }
.loading-screen-content__overview--background:where([sf~="155"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; height: 820px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 820px; animation-name: pano-vpct; width: 820px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 820px; border: 2px solid rgba(255, 255, 255, 0.466388); --bdln: 2; --bdrn: 2; box-shadow: 0px 0px 3px 2px #000000; --bg-fill: #000000; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bg-img: url("/panorama/images/overheadmaps/default.webp"); --bg-pos: 50% 50%; --bg-size: 100% 100%; --bg-w: 0px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --vis-collapse: none; }
.loading-screen-content__overview--map:where([sf~="155"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --brightness: 1; border: 1px solid rgba(255, 255, 255, 0.466388); --bdln: 1; --bdrn: 1; box-shadow: 0px 0px 3px 2px #000000; --bg-fill: #000000; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; opacity: 1; --op-pe: inherit; --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loading-screen-content__info__bg:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.03; --bg-img-own: none; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
.loading-screen-content__info__bg:where([sf~="155"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.loading-screen-content__info:where([sf~="155"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgb: 24px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.loading-screen-content__info .loading-screen-content__titles:where([sf~="155"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.loading-screen-content__info .loading-screen-content__titles .loading-screen-content__info__text-title:where([sf~="155"]) { color: white; --fsz: 40; font-size: calc(max(1, round(nearest, 40 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); white-space: nowrap; --mgt: 10px; }
.loading-screen-content__info .loading-screen-content__titles .loading-screen-content__info__gamemode:where([sf~="155"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 20px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.loading-screen-content__info .loading-screen-content__titles .loading-screen-content__info__gamemode .loading-screen-content__info__modeicon:where([sf~="155"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; }
.loading-screen-content__info .loading-screen-content__titles .loading-screen-content__info__gamemode .loading-screen-content_text-gamemode:where([sf~="155"]) { --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --text-shrink: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: left; }
.loading-screen-content__info .loading-screen-content__titles .loading-screen__mapicon:where([sf~="155"]) { height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 3px color-mix(in srgb, #000000 90.9%, transparent)); opacity: 1; --op-pe: inherit; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loading-screen-content__info .loading-screen-content__info__text:where([sf~="155"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --text-shrink: 1; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; }
.loading-screen-content__info-line:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: white; --bg-grad: none; --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; --mgt: 0px; --mgb: 0px; opacity: 0.524924; --op-pe: inherit; }
.loading-screen-content__info.hidden:where([sf~="155"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.loading-screen-content__mapicon-container:where([sf~="155"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.loading-screen-content__info-container:where([sf~="155"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; }
.loading-screen-progress-container:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; --mgb: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.loading-screen-progress-secondary-container:where([sf~="155"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgb: 10px; }
.loading-screen-progress-text:where([sf~="155"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(204, 204, 204, 1); --text-shrink: 1; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: left; --mgb: 1px; }
.loading-screen-progress-secondary-text:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 1); --text-shrink: 1; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: left; --mgb: 5px; }
.loading-root .ProgressBarLeft:where([sf~="155"]) { --bg-grad: linear-gradient(90deg, rgba(19, 79, 135, 1) 0%, rgba(26, 184, 224, 1) 100%); --bgc: transparent; }
.loading-root #ProgressBar:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --bgc: rgba(0, 0, 0, 0.407812); --bg-grad: none; border: 0px solid rgb(58, 58, 58); --bdln: 0; --bdrn: 0; border-radius: 0px; --mgb: 4px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); box-shadow: none; --bg-fill: initial; --bg-solid: initial; --mgb: 16px; }
.loading-screen-fade--dark:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.624901) 65%, rgba(0, 0, 0, 1) 100%); --bgc: transparent; }
.loading-screen-fade--teams:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0.349096) 0%, rgba(0, 0, 0, 0.624901) 40%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 1) 100%); --bgc: transparent; }
.loading-screen-model:where([sf~="155"]) { width: 720px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 720px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 1; --op-pe: inherit; zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; --mgb: 128px; transition-property: translate, --pxp, --pyp, --brightness, zoom, --uizi, --zl, --zr, --zt, --zb; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.loading-screen-model--right:where([sf~="155"]) { --px: 440px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.loading-screen-model--left:where([sf~="155"]) { --px: -440px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.loading-screen-model--right.highlight:where([sf~="155"]), .loading-screen-model--left.highlight:where([sf~="155"]) { zoom: 1.08; --uizi: 1.08; --zl: calc(var(--mgl) / 1.08); --zr: calc(var(--mgr) / 1.08); --zt: calc(var(--mgtv, var(--mgt)) / 1.08); --zb: calc(var(--mgbv, var(--mgb)) / 1.08); transition-property: zoom, --uizi, --zl, --zr, --zt, --zb; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.loading-screen-slide:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: --blur, opacity, --bgc; transition-duration: 0.1s, 0.1s, 0.1s; transition-delay: 0s, 0s, 0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.loading-screen-slide.show:where([sf~="155"]) { opacity: 1; --op-pe: inherit; }
.loading-screen-slide.show-first:where([sf~="155"]) { opacity: 1; --op-pe: inherit; animation-name: slide-show-start; animation-duration: 0.2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes slide-show-start {
0% { opacity: 0; --op-pe: none; transform: scaleX(1.1) scaleY(1.1); }
100% { opacity: 1; --op-pe: inherit; transform: scaleX(1.0) scaleY(1.0); }
}
.loading-screen-slide.hide:where([sf~="155"]) { opacity: 0; --op-pe: none; }
.loading-screen-slide.show-blend-into-teamselect:where([sf~="155"]) { opacity: 1; --op-pe: inherit; --bg-grad: linear-gradient(0deg, #000000 20%, rgba(0, 0, 0, 0.097664) 100%); --bgc: transparent; animation-name: slide-show-end; animation-duration: 0.2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes slide-show-end {
0% { opacity: 1; --op-pe: inherit; transform: scaleX(1.0) scaleY(1.0); }
100% { opacity: 0; --op-pe: none; transform: scaleX(1.1) scaleY(1.1); }
}
.loading-screen--closing:where([sf~="155"]) { animation-name: loading-screen--closing-animation; animation-duration: 2.8s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes loading-screen--closing-animation {
0% { opacity: 1; --op-pe: inherit; }
70% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
#ProgressBarSecondary:where([sf~="155"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; --bgc: rgba(0, 0, 0, 0.407812); --bg-grad: none; border: 0px solid rgb(58, 58, 58); --bdln: 0; --bdrn: 0; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; border-radius: 0px; --mgb: -20px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.loading-screen-progress-secondary-container .ProgressBarLeft:where([sf~="155"]) { --bg-grad: linear-gradient(90deg, #3281AC 0%, rgba(0, 102, 51, 1) 100%); --bgc: transparent; }
.loading-screen-monospace:where([sf~="155"]) { font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS'; --c9: 0.9; }
/* styles/mainmenu_left_column.css */
.mainmenu-left-column:where([sf~="156"]) { --pdt: 64px; --pdr: 0px; --pdb: 16px; --pdl: 16px; --pdrn: 0; --pdln: 16; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 620px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 620px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --vis-collapse: initial; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.mainmenu-left-column.hidden:where([sf~="156"]) { opacity: 0; --op-pe: none; }
.mainmenu-left-column .mainmenu-left-column__thin:where([sf~="156"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; }
/* styles/mainmenu_missions.css */
@keyframes subtle-motion {
0% { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
25% { --px: -4px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
75% { --px: 4px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
100% { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
}
.mainmenu-missions-container:where([sf~="157"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-missions-container:hover #id-mission-art:where([sf~="157"]) { --brightness: 1.2; transform: scale3d( 1.1, 1.1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-missions-container.hidden:where([sf~="157"]) { opacity: 0; --op-pe: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgt: 0px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.mainmenu-missions-container .mission-bg:where([sf~="157"]) { --bgc: rgba(0, 0, 0, 0.314988); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: 400px auto; --bg-w: 400px; --bg-img-opacity: .05; --bg-img-own: none; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --blur: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-missions-container .mission-bg:where([sf~="157"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.mainmenu-missions-container #id-mission-art:where([sf~="157"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-pos: 50% 0%; --bg-size: 100%; --bg-w: 0px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); opacity: 1; --op-pe: inherit; transform: scale3d( 1.05, 1.05, 1); transition-property: transform, --brightness; transition-duration: .2s, 0.1s; transition-timing-function: ease-in-out, ease-in-out; animation-name: subtle-motion; animation-duration: 10s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate-reverse; }
.mainmenu-missions-container .mission-panel-header:where([sf~="157"]) { --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Bold Condensed; --c9: 0.9; color: white; text-align: center; --bgc: rgba(0, 0, 0, 0.678569); --bg-grad: none; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.mainmenu-missions-container #play-button:where([sf~="157"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.mainmenu-missions-container #play-button .mission-play:where([sf~="157"]) { --bgc: greenyellow; --bg-grad: none; color: black; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Condensed; --c9: 0.9; text-align: center; }
.mainmenu-missions-container .missions-root:where([sf~="157"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.mainmenu-missions-container .missions-root .mission-name-container:where([sf~="157"]) { height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --px: 0px; --pxp: 0px; --py: 40px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.mainmenu-missions-container .missions-root .mission-name-container .mission-name:where([sf~="157"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Condensed; --c9: 0.9; letter-spacing: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; --text-shrink: 1; --text-shrink-min: 18px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-height: 54px; --bgc: rgba(0, 0, 0, 0.678569); --bg-grad: none; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
.mainmenu-missions-container .missions-root .mission-entry:where([sf~="157"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.mainmenu-missions-container .missions-root .mission-time-remaining:where([sf~="157"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; font-family: Stratum2 Medium Condensed; --c9: 0.9; --px: 0px; --pxp: 0px; --py: 73px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --bgc: rgba(0, 0, 0, 0.678569); --bg-grad: none; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
.mainmenu-missions-container .missions-root .mission-progress-container:where([sf~="157"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.678569); --bg-grad: none; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --px: 0px; --pxp: 0px; --py: 100px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.mainmenu-missions-container .missions-root .mission-progress-container .progress-bar-container:where([sf~="157"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: auto; --fw: 0.8; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.mainmenu-missions-container .missions-root .mission-progress-container .kk-c-progress-bar-container:has(> .progress-bar-container:where([sf~="157"]):not([pvis="0"])), .mainmenu-missions-container .missions-root .mission-progress-container.kk-c-progress-bar-container:has(> .progress-bar-container:where([sf~="157"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .mainmenu-missions-container .missions-root .mission-progress-container .kk-c-progress-bar-container:has(> .progress-bar-container:where([sf~="157"]):not([pvis="0"]))::after, .mainmenu-missions-container .missions-root .mission-progress-container.kk-c-progress-bar-container:has(> .progress-bar-container:where([sf~="157"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.mainmenu-missions-container .missions-root .mission-progress-container .progress-bar-container .progress-bar-bg:where([sf~="157"]) { --bgc: rgba(145, 145, 145, 0.899785); --bg-grad: none; }
.mainmenu-missions-container .missions-root .mission-progress-container .progress-bar-container .progress-bar:where([sf~="157"]) { --bgc: rgba(0, 255, 0, 0.904763); --bg-grad: none; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; }
.mainmenu-missions-container .missions-root .mission-progress-container .mission-num:where([sf~="157"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-family: Stratum2 Medium Condensed; --c9: 0.9; }
/* styles/mainmenu_overwatch.css */
.overwatch-context-container:where([sf~="158"]) { --bgc: rgba(20, 20, 20, 0.23835); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.overwatch-content-column:where([sf~="158"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 64px; --mgr: 64px; --mgb: 64px; --mgl: 64px; width: 818px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 818px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.overwatch-content__paragraph:where([sf~="158"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.overwatch-content__title:where([sf~="158"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --mgb: 32px; }
.overwatch-content__subheader:where([sf~="158"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 0px; --mgt: 18px; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 500; }
.overwatch-divider-bar:where([sf~="158"]) { width: 818px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 818px; --bgc: rgba(255, 255, 255, 0.332184); --bg-grad: none; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.overwatch-case-downloading__progressbar:where([sf~="158"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.overwatch-case-downloading__progressbar .ProgressBarLeft:where([sf~="158"]) { --bgc: white; --bg-grad: none; }
.hidden:where([sf~="158"]) { --vis-collapse: none; }
.overwatch-process-container:where([sf~="158"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; }
.overwatch-process-label:where([sf~="158"]) { --mgb: 18px; }
.overwatch-actions-bar:where([sf~="158"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.overwatch-actions-bar--padded:where([sf~="158"]) { --pdt: 0px; --pdr: 64px; --pdb: 8px; --pdl: 64px; --pdrn: 64; --pdln: 64; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; }
.overwatch-process__error--container:where([sf~="158"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.kk-c-overwatch-process__error--container:has(> .overwatch-process__error--container:where([sf~="158"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-overwatch-process__error--container:has(> .overwatch-process__error--container:where([sf~="158"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.overwatch-error-message:where([sf~="158"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.overwatch-process__error--container._disabled:where([sf~="158"]) { opacity: 0; --op-pe: none; }
.info-icon:where([sf~="158"]) { --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/mainmenu_right_column.css */
.mainmenu-right-column:where([sf~="159"]) { --pdt: 64px; --pdr: 80px; --pdb: 16px; --pdl: 16px; --pdrn: 80; --pdln: 16; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 620px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 620px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --vis-collapse: initial; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.mainmenu-right-column.hidden:where([sf~="159"]) { opacity: 0; --op-pe: none; }
.mainmenu-right-column .mainmenu-right-column__thin:where([sf~="159"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; }
/* styles/mainmenu_rush_tile.css */
.mainmenu-rush-tile:where([sf~="160"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --bgc: #F4E6B2; --bg-grad: none; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.443137); --bg-fill: rgb(0 0 0 / 0.443137); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgt: 8px; }
.mainmenu-rush-tile__movie:where([sf~="160"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: none; --bg-video: "/panorama/videos/rush_001_preview540.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: cover; --bg-w: 0px; mask-image: url("/panorama/images/masks/top-bottom-fade-5.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.mainmenu-rush-tile__button:where([sf~="160"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.mainmenu-rush-tile__button .mainmenu-rush-tile__button__contents:where([sf~="160"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 0px; }
.mainmenu-rush-tile__button .mainmenu-rush-tile__play:where([sf~="160"]) { color: black; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 8px; }
.mainmenu-rush-tile__button :is(p-image, :where(img[pimg])):where([sf~="160"]) { --mgt: 4px; --mgr: 0px; --mgb: 2px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --contrast: 1; transition-property: --contrast; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mainmenu-rush-tile__button .mainmenu-rush-tile__desc:where([sf~="160"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: black; letter-spacing: 1px; }
.mainmenu-rush-tile__button:hover :is(p-image, :where(img[pimg])):where([sf~="160"]) { transform: scale3d( .95, .95, 1); --contrast: -1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/mainmenu_store.css */
.news-panel--store-container:where([sf~="161"]) { max-height: 288px; height: auto; --fh: .4; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 0px; }
.kk-c-news-panel--store-container:has(> .news-panel--store-container:where([sf~="161"]):not([pvis="0"])) { --kid-fill-h: 1; }
.news-panel-style-feature-panel-visible .news-panel--store-container:where([sf~="161"]), .mainmenu-news-container-stream-active .news-panel--store-container:where([sf~="161"]) { height: auto; --fh: .5; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.news-panel-style-feature-panel-visible .kk-c-news-panel--store-container:has(> .news-panel--store-container:where([sf~="161"]):not([pvis="0"])), .news-panel-style-feature-panel-visible.kk-c-news-panel--store-container:has(> .news-panel--store-container:where([sf~="161"]):not([pvis="0"])), .mainmenu-news-container-stream-active .kk-c-news-panel--store-container:has(> .news-panel--store-container:where([sf~="161"]):not([pvis="0"])), .mainmenu-news-container-stream-active.kk-c-news-panel--store-container:has(> .news-panel--store-container:where([sf~="161"]):not([pvis="0"])) { --kid-fill-h: 1; }
.store-panel__carousels:where([sf~="161"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.store-panel__carousel-container:where([sf~="161"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.store-panel__hitblocker:where([sf~="161"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.store-panel__carousel-container.hidden:where([sf~="161"]) { opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.store-panel__carousel-page:where([sf~="161"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.store-panel__carousel-page.store-panel__carousel-page--single:where([sf~="161"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.store-panel__carousel__item:where([sf~="161"]) { width: 172px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 172px; --pdb: 8px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; transform-origin: 50% 50%; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-linked-items__tiles .store-panel__carousel__item:where([sf~="161"]) { --mgt: 0px; --mgr: 12px; --mgb: 0px; --mgl: 12px; }
.store-panel__carousel__item._disabled:where([sf~="161"]) { --brightness: .5; opacity: 0.832484; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournament-journal__challenge__items-row .store-panel__carousel__item:where([sf~="161"]) { --mgt: 0px; --mgr: 20px; --mgb: 0px; --mgl: 20px; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --bgc: rgba(255, 255, 255, 0.174359); --bg-grad: none; }
.store-panel__carousel__item.store-panel__carousel__item__prime__full:where([sf~="161"]) { width: 690px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 690px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.store-panel__carousel__item .spacer-vertical-bar-middle:where([sf~="161"]) { --mgl: 86px; --pdt: 50px; --pdb: 120px; border-left: 1px solid rgba(255, 255, 255, 0.485126); --bdln: 1; }
.store-panel__carousel__item_primecontainer:where([sf~="161"]) { width: 172px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 172px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform-origin: 50% 50%; }
.store-panel__carousel__item__prime__full .store-panel__carousel__item__name:where([sf~="161"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgl: 0px; color: #0F9D58; }
.store-panel__carousel__item_primecontainer_title:where([sf~="161"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; }
.store-panel__carousel__item_primecontainer_detailed:where([sf~="161"]) { --vis-collapse: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 32px; }
.store-panel__carousel__item__prime__full .store-panel__carousel__item_primecontainer_detailed:where([sf~="161"]) { --vis-collapse: initial; }
.store-panel__carousel__item_prime_details:where([sf~="161"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; }
.store-panel__carousel__item_primecontainer_icon:where([sf~="161"]) { --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); --pdr: 10px; --pdrn: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__carousel__item__images-linked:where([sf~="161"]) { transition-property: --brightness, transform; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; }
.store-panel__carousel__item__images-linked:Hover:where([sf~="161"]) { transform: scale3d( 1.05, 1.05, 1.05 ); --brightness: 1.2; transition-property: --brightness, transform; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.store_item_rollover"; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__carousel__item__image:where([sf~="161"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 4px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(2px 2px 3px color-mix(in srgb, #000000 45.45%, transparent)); transition-property: --brightness, transform; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.store_item_rolloff"; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-c-store-panel__carousel__item__image:has(> .store-panel__carousel__item__image:where([sf~="161"]):not([pvis="0"])) { --kid-fill-h: 1; }
.tournament-journal__challenge__items-row .store-panel__carousel__item__image:where([sf~="161"]) { --mgt: 0px; --mgr: 20px; --mgb: 0px; --mgl: 20px; }
.store-panel__carousel__item__images-linked:where([sf~="161"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 4px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: transform; transition-duration: .20s; transition-timing-function: ease-in-out; --sound: "UIPanorama.store_item_rolloff"; }
.kk-c-store-panel__carousel__item__images-linked:has(> .store-panel__carousel__item__images-linked:where([sf~="161"]):not([pvis="0"])) { --kid-fill-h: 1; }
.tournament-journal__challenge__items-row .store-panel__carousel__item__image:where([sf~="161"]), .tournament-journal__challenge__items-row .store-panel__carousel__item__images-linked:where([sf~="161"]) { height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; }
.store-panel__carousel__item__images-linked:Hover .store-panel__carousel__item__image--shadow:where([sf~="161"]) { transform: translateX( 0px ) translateY( 12px ); transition-property: transform; transition-duration: .20s; transition-timing-function: ease-in-out; }
.store-panel__carousel__item__image--offset:where([sf~="161"]) { transform: translateX( 6px ) translateY( 15px ); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --brightness: 0.3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__carousel__item__images-linked:Hover .store-panel__carousel__item__image--offset:where([sf~="161"]) { --brightness: 0.6; transform: translateX( 5px ) translateY( -12px ); transition-property: transform, --brightness; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__carousel__item__image:hover:where([sf~="161"]), .store-panel__carousel__item__image--prime:hover:where([sf~="161"]) { --brightness: 1.2; transform: scale3d( 1.05, 1.05, 1.05 ); transition-property: --brightness, transform; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.store_item_rollover"; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__carousel__item._disabled .store-panel__carousel__item__image:hover:where([sf~="161"]) { transform: scale3d( 1.0, 1.0, 1.0 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__carousel__item__image--prime:where([sf~="161"]) { --mgt: 23px; --mgr: 0px; --mgb: 23px; --mgl: 0px; --pdt: 15px; --pdr: 15px; --pdb: 15px; --pdl: 15px; --pdrn: 15; --pdln: 15; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; transition-property: --brightness, transform; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; --sound: "UIPanorama.store_item_rolloff"; }
.kk-c-store-panel__carousel__item__image--prime:has(> .store-panel__carousel__item__image--prime:where([sf~="161"]):not([pvis="0"])) { --kid-fill-h: 1; }
.store-panel__carousel__item__stattrak:where([sf~="161"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: white; --bgc: rgb(172, 146, 0); --bg-grad: none; text-align: center; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 8px; --mgl: 8px; border-radius: 3px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.store-panel__carousel__item__image--offset .store-panel__carousel__item__stattrak:where([sf~="161"]) { transform: translateX( 60px ) translateY( -10px ); transition-property: transform; transition-duration: .20s; transition-timing-function: ease-in-out; }
.store-panel__carousel__item__images-linked:Hover .store-panel__carousel__item__stattrak:where([sf~="161"]) { transform: translateX( 60px ) translateY( 8px ); }
.store-panel__carousel__item__stattrak.hidden:where([sf~="161"]) { --vis-collapse: none; }
.store-panel__carousel__item__name:where([sf~="161"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgl: 8px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-overflow: ellipsis; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; }
.store-panel__carousel__item__header:where([sf~="161"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; font-weight: 700; --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.store-panel__carousel__item__name.saleprice:where([sf~="161"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(141, 141, 141); font-weight: 500; text-decoration: line-through; }
.store-panel__carousel__item_price-container:where([sf~="161"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.tournament-journal__challenge__items-row .store-panel__carousel__item_price-container:where([sf~="161"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.store-panel__carousel__item__name.price:where([sf~="161"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 0px; color: #0F9D58; }
.store-panel__carousel-page.Focused:where([sf~="161"]) { opacity: 1; --op-pe: inherit; }
.store-panel__carousel__coupons_searchitem:where([sf~="161"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 40px; --pdr: 40px; --pdb: 40px; --pdl: 40px; --pdrn: 40; --pdln: 40; }
.store-panel__carousel__coupons_search_topbar:where([sf~="161"]) { --pdt: 35px; }
.store-panel__carousel__coupons_searchtext:where([sf~="161"]) { width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.kk-c-store-panel__carousel__coupons_searchtext:has(> .store-panel__carousel__coupons_searchtext:where([sf~="161"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-store-panel__carousel__coupons_searchtext:has(> .store-panel__carousel__coupons_searchtext:where([sf~="161"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.store-panel__carousel__coupons_searchbtn.store-sale-tag__text:where([sf~="161"]) { --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --pdr: 12px; --pdrn: 12; }
.store-panel__carousel__coupons_search_bottombar .store-panel__carousel__coupons_searchbtn.store-sale-tag__text:where([sf~="161"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 8px; --bg-grad: linear-gradient(180deg, #1B6085 0%, #1B6085 100%); --bgc: transparent; opacity: 0; --op-pe: none; }
.store-panel__carousel__coupons_search_bottombar .store-panel__carousel__coupons_searchbtn.store-sale-tag__text p-label:where([sf~="161"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
#CouponsSearchBarFilterClear:where([sf~="161"]) { --mgl: 0px; --mgr: 10px; }
.store-panel__carousel__coupons_searchitem .store-panel__tournament-label:where([sf~="161"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: wheat; --mgt: 8px; --mgl: 8px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.store-panel__carousel__coupons_searchitem .kk-c-store-panel__tournament-label:has(> .store-panel__tournament-label:where([sf~="161"]):not([pvis="0"])), .store-panel__carousel__coupons_searchitem.kk-c-store-panel__tournament-label:has(> .store-panel__tournament-label:where([sf~="161"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .store-panel__carousel__coupons_searchitem .kk-c-store-panel__tournament-label:has(> .store-panel__tournament-label:where([sf~="161"]):not([pvis="0"]))::after, .store-panel__carousel__coupons_searchitem.kk-c-store-panel__tournament-label:has(> .store-panel__tournament-label:where([sf~="161"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.store-panel__tournament-saletag:where([sf~="161"]) { --bgc: green; --bg-grad: none; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 16px; --mgb: 52px; border-radius: 2px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; text-align: center; font-weight: 500; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; box-shadow: 2px 0px 2px 5.333333px rgb(0 0 0 / 0.356863); --bg-fill: rgb(0 0 0 / 0.356863); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.store-panel__tournament-saletag.hidden:where([sf~="161"]) { --vis-collapse: none; }
.PreviouslyLeft.store-panel__carousel-page:not(.Focused):where([sf~="161"]) { transform: translateX( -100% ); opacity: 0; --op-pe: none; }
.PreviouslyRight.store-panel__carousel-page:not(.Focused):where([sf~="161"]) { transform: translateX( 100% ); opacity: 0; --op-pe: none; }
.store-panel__carousel-page.store-panel__carousel-page__animations_enabled:where([sf~="161"]) { transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.store-panel__tournament-banner:where([sf~="161"]) { width: 690px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 690px; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 100%; --bg-w: 0px; }
.store-panel__tournament-banner.store-panel__tournament-banner__pickemgame:where([sf~="161"]) { --bg-img: url("/panorama/images/store/play_pickem2.webp"); --bg-rep: no-repeat; --bg-pos: 0% 70%; --bg-size: auto 180%; --bg-w: 0px; }
#id-store-tournament-items-container:where([sf~="161"]) { transform-origin: 50% 50%; --mgb: 32px; transition-property: transform, --brightness; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; }
.store-panel__tournament-banner:Hover #id-store-tournament-items-container:where([sf~="161"]) { transform: scale3d( 1.05, 1.05, 1.05 ); --brightness: 2; transition-property: transform, --brightness; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__tournament-image:where([sf~="161"]) { height: 240px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 240px; --img-shadow: drop-shadow(2px 2px 6px color-mix(in srgb, black 64.276006%, transparent)); transition-property: translate, --pxp, --pyp; transition-delay: 1s, 1s, 1s; transition-duration: 3s, 3s, 3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel-tournament-trophy-container:where([sf~="161"]) { transform: translateX( -140px ) translateY( -15px ); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transition-property: transform, --brightness; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; }
.store-panel__tournament-banner:Hover .store-panel-tournament-trophy-container:where([sf~="161"]) { transform: translateX( -140px ) translateY( -15px ) scale3d( 1.05, 1.05, 1.05 ); --brightness: 2; transition-property: transform, --brightness; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel-tournament-trophy:where([sf~="161"]) { width: 550px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 550px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.store-panel-tournament-trophy.bronze:where([sf~="161"]) { transform: translateX( 110px ) scale3d( 0.7, 0.7, 0.7 ) translateY( 25px ); --blur: 2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel-tournament-trophy.silver:where([sf~="161"]) { transform: translateX( 50px ) scale3d( 0.85, 0.85, 0.85 ) translateY( 10px ); --blur: 2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__tournament-label:where([sf~="161"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; font-weight: 300; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --bg-grad: linear-gradient(180deg, #ffffff 0%, #a5a5a5 100%); background-clip: text; color: transparent; }
.store-panel__tournament-label.game:where([sf~="161"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 280px; --pdb: 80px; max-width: 390px; --maxw: 390px; }
.store-panel__tournament-label.countdown:where([sf~="161"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgb: 20px; --mgl: 280px; max-width: 390px; --maxw: 390px; }
.store-panel__tournament-banner__button.hidden:where([sf~="161"]), .store-panel__tournament-label.hidden:where([sf~="161"]) { --vis-collapse: none; }
.store-panel-connectingtogc:where([sf~="161"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.GameClientConnectingToGC .store-panel-connectingtogc:where([sf~="161"]) { --vis-collapse: initial; }
.store-panel-connectingtogc-text:where([sf~="161"]) { color: white; font-weight: 500; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 15px; --pdb: 5px; --mgt: 30%; animation-name: pano-vpct; }
.store-panel-license-banner:where([sf~="161"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 24px; --mgr: 24px; --mgb: 24px; --mgl: 24px; --bg-rep: no-repeat; --bg-pos: 50% 50%; --bg-size: 50%; --bg-w: 0px; --bg-size: cover; --bg-w: 0px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bg-img: url("/panorama/images/store/pw_linking_bg.webp"); }
.store-panel-license-banner.hidden:where([sf~="161"]) { --vis-collapse: none; }
.store-panel-license-banner__text:where([sf~="161"]) { color: white; font-weight: 300; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 470px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 470px; --pdl: 24px; --pdln: 24; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.store-panel-license-banner__button:where([sf~="161"]) { --mgt: 10px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgr: 20px; --mgb: 20px; }
#StoreNaveBarWalletBalance:where([sf~="161"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#StoreNaveBarWalletBalance.hidden:where([sf~="161"]) { --vis-collapse: none; }
.store-panel__operation-banner:where([sf~="161"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: rgba(36, 21, 5, 0.706349); --bg-grad: none; --bg-img: none; --bg-video: "/panorama/videos/op11_underwater.webm"; animation-name: pano-bgvideo; animation-duration: 3600s; animation-iteration-count: infinite; --bg-size: cover; --bg-w: 0px; --bg-img-opacity: 0.75; --bg-img-own: none; }
.store-panel__operation-banner:where([sf~="161"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.store-panel__operation-images-container:where([sf~="161"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.store-panel__operation-image-char0:where([sf~="161"]), .store-panel__operation-image-char1:where([sf~="161"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; z-index: 1; }
.kk-c-store-panel__operation-image-char0:has(> .store-panel__operation-image-char0:where([sf~="161"]):not([pvis="0"])), .kk-c-store-panel__operation-image-char1:has(> .store-panel__operation-image-char1:where([sf~="161"]):not([pvis="0"])) { isolation: isolate; }
.store-panel__operation-image-char1:where([sf~="161"]) { transform: translateX( -150px); z-index: 1; }
.kk-c-store-panel__operation-image-char1:has(> .store-panel__operation-image-char1:where([sf~="161"]):not([pvis="0"])) { isolation: isolate; }
.store-panel__operation-items-fade:where([sf~="161"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(0deg, rgba(26, 15, 0, 0.842805) 0%, rgba(43, 28, 1, 0) 100%); --bgc: transparent; }
.store-panel__operation-items-container:where([sf~="161"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdl: 16px; --pdln: 16; --mgb: 8px; }
.store-panel__operation-image:where([sf~="161"]) { width: 112px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 112px; }
.store-panel__operation-labels-container:where([sf~="161"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 24px; --mgl: 32px; }
.store-panel__operation-title:where([sf~="161"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 900; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: #0A2333; --bgc: #93EEFB; --bg-grad: none; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgb: 4px; text-transform: uppercase; }
.store-panel__operation-desc:where([sf~="161"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: #93EEFB; --bgc: #0A2333; --bg-grad: none; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgb: 4px; }
.store-panel__operation-balance-container:where([sf~="161"]) { --bgc: #0A2333; --bg-grad: none; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --wash-color: #93EEFB; --wash-filter: url(#w-93eefb); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-panel__operation-balance-container p-label:where([sf~="161"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.store-panel__proteams:where([sf~="161"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: rgba(36, 21, 5, 0.706349); --bg-grad: none; --bg-img: url("/panorama/images/ui_textures/store_proteams_bg.webp"); --bg-size: cover; --bg-w: 0px; --bg-img-opacity: 0.9; --bg-img-own: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.store-panel__proteams:where([sf~="161"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.store-panel__proteams .store-panel__carousel__item:where([sf~="161"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.store-panel__proteams .kk-c-store-panel__carousel__item:has(> .store-panel__carousel__item:where([sf~="161"]):not([pvis="0"])), .store-panel__proteams.kk-c-store-panel__carousel__item:has(> .store-panel__carousel__item:where([sf~="161"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .store-panel__proteams .kk-c-store-panel__carousel__item:has(> .store-panel__carousel__item:where([sf~="161"]):not([pvis="0"]))::after, .store-panel__proteams.kk-c-store-panel__carousel__item:has(> .store-panel__carousel__item:where([sf~="161"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.store-panel__proteams .store-panel__carousel__item .store-panel__carousel__item__image:where([sf~="161"]) { --pdt: 15px; --pdb: 15px; }
/* styles/mainmenu_store_fullscreen.css */
.store-dynamic-lister:where([sf~="162"]) { width: 1280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1280px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0; --op-pe: none; --vis-collapse: none; --mgr: 64px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.store-dynamic-lister.Active:where([sf~="162"]) { opacity: 1; --op-pe: inherit; --vis-collapse: initial; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.store-home-container:where([sf~="162"]) { width: 1280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1280px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --mgr: 64px; --pdb: 16px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdr: 32px; --pdrn: 32; }
.store-home-rewards-section:where([sf~="162"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; --bgc: rgba(0, 0, 0, 0.201086); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 5px; --mgt: 12px; }
.store-home-rewards-section.hidden:where([sf~="162"]) { --vis-collapse: none; }
.store-home-rewards-section .store-home-rewards-section-bg:where([sf~="162"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 16px; --bg-img: url("/panorama/images/backgrounds/weekly_rewards.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --bg-img-opacity: 1; --bg-img-own: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-home-rewards-section .store-home-rewards-section-bg:where([sf~="162"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.store-home-prime-section:where([sf~="162"]) { --mgt: 16px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; --bgc: rgb(0, 0, 0); --bg-grad: none; }
.store-home-prime-section.hidden:where([sf~="162"]) { --vis-collapse: none; }
.store-home-prime-section .store-home-prime-top:where([sf~="162"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: #0D354A; --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: 0% 50%; --bg-img-opacity: .04; --bg-img-own: none; }
.store-home-prime-section .kk-c-store-home-prime-top:has(> .store-home-prime-top:where([sf~="162"]):not([pvis="0"])), .store-home-prime-section.kk-c-store-home-prime-top:has(> .store-home-prime-top:where([sf~="162"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .store-home-prime-section .kk-c-store-home-prime-top:has(> .store-home-prime-top:where([sf~="162"]):not([pvis="0"]))::after, .store-home-prime-section.kk-c-store-home-prime-top:has(> .store-home-prime-top:where([sf~="162"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.store-home-prime-section .store-home-prime-top:where([sf~="162"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.store-home-prime-section .store-home-prime-top .store-home-prime__logo:where([sf~="162"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 32px; }
.store-home-prime-section .store-home-prime-top .store-home-prime__title:where([sf~="162"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; text-transform: uppercase; --bg-grad: linear-gradient(180deg, #b1992e 0%, #e4dcb9 100%); background-clip: text; color: transparent; text-shadow: 0px 0px 2px color-mix(in srgb, #6b590b 45.45%, transparent); font-weight: 700; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.store-home-prime-section #id-store-buy-prime:where([sf~="162"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); zoom: 0.85; --uizi: 0.85; --zl: calc(var(--mgl) / 0.85); --zr: calc(var(--mgr) / 0.85); --zt: calc(var(--mgtv, var(--mgt)) / 0.85); --zb: calc(var(--mgbv, var(--mgb)) / 0.85); --mgb: 32px; }
.store-home-prime-section .prime-mask:where([sf~="162"]) { mask-image: url("/panorama/images/masks/fade-both-top-bottom.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.store-home-prime-section .store-home-prime-section-container:where([sf~="162"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.store-home-prime-section .kk-c-store-home-prime-section-container:has(> .store-home-prime-section-container:where([sf~="162"]):not([pvis="0"])), .store-home-prime-section.kk-c-store-home-prime-section-container:has(> .store-home-prime-section-container:where([sf~="162"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .store-home-prime-section .kk-c-store-home-prime-section-container:has(> .store-home-prime-section-container:where([sf~="162"]):not([pvis="0"]))::after, .store-home-prime-section.kk-c-store-home-prime-section-container:has(> .store-home-prime-section-container:where([sf~="162"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.store-home-prime-section .store-home-prime-seperator:where([sf~="162"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 3px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 3px; --bgc: rgba(17, 67, 143, 0.246592); --bg-grad: none; }
.store-home-prime-section .store-home-prime-section_base:where([sf~="162"]) { --blur: 6px; --wash-color: rgba(8, 8, 51, 0.534); --wash-filter: url(#w-rgba_8_8_51_0_534); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --brightness: .8; --bg-img-opacity: .3; --bg-img-own: none; --bg-size: cover; --bg-w: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-home-prime-section .store-home-prime-section_base:where([sf~="162"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.store-home-prime-section .store-home-prime-section_base.store-home-prime-section__1:where([sf~="162"]) { --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_inferno.webp"); }
.store-home-prime-section .store-home-prime-section_base.store-home-prime-section__2:where([sf~="162"]) { --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_ancient.webp"); }
.store-home-prime-section .store-home-prime-section_base.store-home-prime-section__3:where([sf~="162"]) { --bg-img: url("/panorama/images/map_icons/screenshots/1080p/de_anubis.webp"); }
.store-home-prime-section .store-home-prime-section__text-block:where([sf~="162"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 260px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 260px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 160px; }
.store-home-prime-section .store-home-prime-section__text-block .store-home-prime-section__title:where([sf~="162"]) { --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --text-shrink: 1; }
.store-home-prime-section .store-home-prime-section__text-block .store-home-prime-section__desc:where([sf~="162"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --text-shrink: 1; }
.store-home-prime-section .store-home-prime-section__image:where([sf~="162"]) { width: 220px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 220px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 50; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 32px; }
.store-home-section:where([sf~="162"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 300px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 300px; animation-name: pano-vpct; --bgc: rgba(0, 0, 0, 0.201086); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 5px; --mgt: 12px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.store-home-section .store-home-popular__items:where([sf~="162"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 16px; --mgt: 8px; }
.store-home-section .store-home-popular__info:where([sf~="162"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.store-home-section .itemtile-store:where([sf~="162"]) { zoom: 0.92; --uizi: 0.92; --zl: calc(var(--mgl) / 0.92); --zr: calc(var(--mgr) / 0.92); --zt: calc(var(--mgtv, var(--mgt)) / 0.92); --zb: calc(var(--mgbv, var(--mgb)) / 0.92); }
.store-home-section .store-home-popular__btn:where([sf~="162"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 8px; --mgr: 24px; --mgb: 8px; --mgl: 24px; zoom: 0.5; --uizi: 0.5; --zl: calc(var(--mgl) / 0.5); --zr: calc(var(--mgr) / 0.5); --zt: calc(var(--mgtv, var(--mgt)) / 0.5); --zb: calc(var(--mgbv, var(--mgb)) / 0.5); }
.store-home-section .store-home-popular__btn p-label:where([sf~="162"]) { --mgr: 6px; font-weight: 400; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.store-home-section .store-home-popular__btn :is(p-image, :where(img[pimg])):where([sf~="162"]) { transform: rotateZ(-90deg); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.store-home-section .store-home-section__title:where([sf~="162"]) { width: 220px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 220px; }
.store-home-section .store-home-section__bg:where([sf~="162"]) { width: 1280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1280px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.store-home-section.store-home-section--no-items .store-home-popular__items:where([sf~="162"]), .store-home-section.store-home-section--no-items .store-home-popular__btn:where([sf~="162"]) { --vis-collapse: none; }
.store-home-wallet:where([sf~="162"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 96px; }
.store-home-wallet p-label:where([sf~="162"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.store-home-wallet.hidden:where([sf~="162"]) { --vis-collapse: none; }
.store-home-major-stickers:where([sf~="162"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgr: 200px; zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; transform-origin: 50% 50%; transition-property: --brightness, zoom, --uizi, --zl, --zr, --zt, --zb; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.store-home-major-stickers .store-home-major-stickers__images p-itemimage:where([sf~="162"]) { height: 198px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 198px; --img-shadow: drop-shadow(0px 0px 8px black) drop-shadow(0px 0px 8px color-mix(in srgb, black 11.329309%, transparent)); --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-home-major-stickers .store-home-major-stickers__images p-itemimage#id-sticker-0:where([sf~="162"]) { transform: rotateZ(18deg); }
.store-home-major-stickers .store-home-major-stickers__images p-itemimage#id-sticker-1:where([sf~="162"]) { --mgl: 100px; transform: rotateZ(15deg); }
.store-home-major-stickers .store-home-major-stickers__images p-itemimage#id-sticker-2:where([sf~="162"]) { --mgl: 200px; transform: rotateZ(-25deg) translateX( 0px); }
.store-home-major-stickers .store-home-major-stickers__images p-itemimage#id-sticker-3:where([sf~="162"]) { --mgl: 300px; transform: rotateZ(-5deg) translateX( 0px); }
.store-home-major-stickers .store-home-major-stickers__images p-itemimage#id-sticker-4:where([sf~="162"]) { --mgl: 400px; transform: rotateZ( 5deg) translateX( 0px); }
.store-home-major-stickers p-label:where([sf~="162"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; font-family: Stratum2 Bold Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.store-home-major-stickers:hover:where([sf~="162"]) { --brightness: 1.5; zoom: 1.05; --uizi: 1.05; --zl: calc(var(--mgl) / 1.05); --zr: calc(var(--mgr) / 1.05); --zt: calc(var(--mgtv, var(--mgt)) / 1.05); --zb: calc(var(--mgbv, var(--mgb)) / 1.05); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/mainmenu_stream.css */
.news-panel-streamfeed:where([sf~="163"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: 396px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 396px; --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transform-origin: 0% 50%; z-index: 2; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.443137); --bg-fill: initial; --bg-solid: initial; transition-property: transform, opacity, translate, --pxp, --pyp, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s; transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.kk-c-news-panel-streamfeed:has(> .news-panel-streamfeed:where([sf~="163"]):not([pvis="0"])) { isolation: isolate; }
.news-panel-streamfeed.hidden:where([sf~="163"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --vis-collapse: none; --mgt: 0px; transition-property: transform, opacity, translate, --pxp, --pyp, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s, .3s; transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.news-panel-streamfeed:hover .steam-controls-container:where([sf~="163"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .3s; transition-delay: 0s; transition-timing-function: ease-in-out; }
.news-panel-streamfeed.minimize_stream:where([sf~="163"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; }
.news-panel-streamfeed.minimize_stream #StreamHTML:where([sf~="163"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; }
.news-panel-streamfeed.minimize_stream #id-full-size-btn:where([sf~="163"]) { --vis-collapse: initial; }
.news-panel-streamfeed.minimize_stream #id-minimize-btn:where([sf~="163"]) { --vis-collapse: none; }
.news-panel-streamfeed.stream-drag-enabled:where([sf~="163"]) { --bgc: rgba(255, 255, 255, 0); --bg-grad: none; box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0); --bg-fill: initial; --bg-solid: initial; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; height: 290px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 290px; }
.news-panel-streamfeed.stream-drag-enabled.minimize_stream:where([sf~="163"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 140px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 140px; }
.news-panel-streamfeed.stream-drag-enabled.minimize_stream #StreamHTML:where([sf~="163"]) { border: 1px solid rgba(124, 168, 235, 0.703163); --bdln: 1; --bdrn: 1; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; }
.news-panel-streamfeed.stream-drag-enabled #StreamHTML:where([sf~="163"]) { border: 1px solid rgba(124, 168, 235, 0.703163); --bdln: 1; --bdrn: 1; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; }
.news-panel-streamfeed.stream-drag-enabled #id-popout-reset-btn:where([sf~="163"]) { --vis-collapse: initial; }
.news-panel-streamfeed.stream-drag-enabled #id-popout-btn:where([sf~="163"]) { --vis-collapse: none; }
.news-panel-streamfeed .stream-container:where([sf~="163"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: opacity; transition-duration: .3s; transition-delay: 0s; transition-timing-function: ease-in-out; }
.news-panel-streamfeed #id-full-size-btn:where([sf~="163"]), .news-panel-streamfeed #id-popout-reset-btn:where([sf~="163"]) { --vis-collapse: none; }
.news-panel-streamfeed #id-popout-reset-btn:where([sf~="163"]), .news-panel-streamfeed #id-popout-btn:where([sf~="163"]) { --mgr: 8px; }
.news-panel-streamfeed #StreamHTML:where([sf~="163"]) { width: 396px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 396px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 56.25; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform-origin: 100% 50%; transition-property: translate, --pxp, --pyp, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.news-panel-streamfeed .steam-controls-container:where([sf~="163"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 8px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; opacity: 0; --op-pe: none; --bgc: black; --bg-grad: none; --bg-grad: linear-gradient(0deg, black 5%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 59%, black 95%); --bgc: transparent; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.news-panel-streamfeed .stream-actions-bar:where([sf~="163"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.news-panel-streamfeed .stream-actions-bar #id-close-btn:where([sf~="163"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.news-panel-streamfeed .stream-actions-bar .stream-actions-bar--right:where([sf~="163"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.news-panel-streamfeed .IconButton:where([sf~="163"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --brightness: .7; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.news-panel-streamfeed .IconButton:hover:where([sf~="163"]) { --bgc: transparent; --bg-grad: none; --brightness: 2; --sound: "UIPanorama.mainmenu_rollover"; transition-property: --brightness; transition-duration: .2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.news-panel-streamfeed .IconButton.hidden:where([sf~="163"]) { --vis-collapse: none; }
.news-panel-streamfeed .IconButton :is(p-image, :where(img[pimg])):where([sf~="163"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.news-panel-streamfeed p-label.hidden:where([sf~="163"]) { --vis-collapse: none; }
.news-panel-streamfeed__navbar:where([sf~="163"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.news-panel-streamfeed__navbar :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="163"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 4px; }
.minimize_stream .news-panel-streamfeed__navbar :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="163"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; }
.news-panel-streamfeed__navbar :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider) #SliderTrack:where([sf~="163"]) { height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdr: 10px; --pdrn: 10; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.news-panel-streamfeed__navbar :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider) #SliderTrackProgress:where([sf~="163"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --bgc: white; --bg-grad: none; }
.news-panel-streamfeed__navbar :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider) #SliderThumb:where([sf~="163"]) { width: 5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 5px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --bgc: white; --bg-grad: none; }
.news-panel-streamfeed__navbar__btns:where([sf~="163"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; overflow-x: auto; overflow-y: clip; --ovx: scroll; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: initial; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; }
.news-panel-streamfeed__navbar__btns p-verticalscrollbar:where([sf~="163"]) { width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; opacity: 0.268142; --op-pe: inherit; }
.news-panel-streamfeed__navbar__btns .IconButton:where([sf~="163"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.news-panel-streamfeed__navbar__btns .IconButton.TextFullbright:where([sf~="163"]) { border: 1px solid rgba(255, 255, 255, 0.265001); --bdln: 1; --bdrn: 1; --pdt: 2px; --pdr: 6px; --pdb: 2px; --pdl: 6px; --pdrn: 6; --pdln: 6; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; --brightness: .85; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.news-panel-streamfeed__navbar__btns .IconButton p-label:where([sf~="163"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-height: 14px; font-weight: 700; text-overflow: clip; }
.news-panel-streamfeed__navbar__btns .IconButton p-label:hover:where([sf~="163"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.news-panel-streamfeed__navbar__btns .IconButton :is(p-image, :where(img[pimg])):where([sf~="163"]) { height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; }
.news-panel-streamfeed__navbar__btns .IconButton :is(p-image, :where(img[pimg])).WideLogoSteamTV:where([sf~="163"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 503 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.news-panel-streamfeed__navbar__btns .IconButton :is(p-image, :where(img[pimg])).WideLogoTwitchTV:where([sf~="163"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 265 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.news-panel-streamfeed__navbar__btns .IconButton :is(p-image, :where(img[pimg])).WideLogoBlastTV:where([sf~="163"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 307 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.news-panel-streamfeed__navbar__btns .IconButton :is(p-image, :where(img[pimg])).WideLogoStreamGOTV:where([sf~="163"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 270 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.news-panel-streamfeed__navbar__btns .IconButton :is(p-image, :where(img[pimg])).LogoBlastTV:where([sf~="163"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.news-panel-streamfeed__navbar__btns .IconButton :is(p-image, :where(img[pimg])).LogoDouyuTV:where([sf~="163"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 110 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.news-panel-streamfeed__navbar__btns .IconButton :is(p-image, :where(img[pimg])).WideLogoKickTV:where([sf~="163"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; }
.stream-title-bar:where([sf~="163"]) { --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; text-overflow: ellipsis; max-height: 20px; }
.stream-drag-enabled .stream-title-bar:where([sf~="163"]) { --vis-collapse: none; }
/* styles/mainmenu_watch_eventsched.css */
.eventsched-controls:where([sf~="164"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.eventsched-master:where([sf~="164"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: auto; overflow-y: auto; --ovx: scroll; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --pdr: 30px; --pdrn: 30; }
.img-shadow:where([sf~="164"]) { --img-shadow: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 1)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eventsched__month-container:where([sf~="164"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.eventsched__year-container:where([sf~="164"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
p-label.eventsched__year-container__header:where([sf~="164"]) { --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 30px; --mgr: 0px; --mgb: 10px; --mgl: 10px; text-transform: uppercase; color: #ffffff; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 100px; }
.eventsched__month-container--ongoing:where([sf~="164"]) { --mgb: 30px; }
.eventsched__month-container:not(.eventsched-month-show):where([sf~="164"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
p-label.eventsched__month-container__header:where([sf~="164"]) { --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 30px; --mgr: 0px; --mgb: 10px; --mgl: 10px; text-transform: uppercase; color: #ffffff; }
.eventsched__capsule:where([sf~="164"]) { --mgt: 4px; --mgr: 10px; --mgb: 4px; --mgl: 10px; width: 971px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 971px; }
.eventsched__capsule--blurbackground:where([sf~="164"]) { --bg-grad: linear-gradient(323.130102deg, #14202b 0%, #1e2d3d 100%); --bgc: transparent; --blur: 3px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eventsched__capsule--blur__image:where([sf~="164"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.eventsched__capsule-container:where([sf~="164"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.eventsched__capsule__main__inner:where([sf~="164"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.eventsched__capsule-container__matches:where([sf~="164"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 146px; --mgr: 50px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid rgba(255, 255, 255, 0.413115); --pdt: 6px; --pdr: 0px; --pdb: 6px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
#id-no-live-matches-notice:where([sf~="164"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eventsched-match-capsule:where([sf~="164"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 20px; --pdb: 4px; --pdl: -4px; --pdrn: 20; --pdln: 0; }
.eventsched-match__datum:where([sf~="164"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.hidden:where([sf~="164"]) { --vis-collapse: none; }
.eventsched-match__datum--live:where([sf~="164"]) { color: white; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgr: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eventsched-match__datum--watch:where([sf~="164"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.eventsched__event__watch:where([sf~="164"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.IconButton.Positive.event_datum:where([sf~="164"]) { --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --bgc: rgba(0, 128, 0, 0.587385); --bg-grad: none; --pdt: -6px; --pdr: -0px; --pdb: -5px; --pdl: -0px; --pdrn: 0; --pdln: 0; }
.IconButton.Positive.event_datum:hover:where([sf~="164"]) { --bgc: #008000; --bg-grad: none; }
.IconButton.Positive.event_datum._disabled:where([sf~="164"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; }
.eventsched__event__match-link p-label:where([sf~="164"]) { --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.eventsched__event__match p-label:where([sf~="164"]), .eventsched__event__watch p-label:where([sf~="164"]) { --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 5px; --mgr: 10px; --mgb: 5px; --mgl: 10px; text-overflow: ellipsis; }
p-button.eventsched__event__match:where([sf~="164"]), p-button.eventsched__event__match-link:where([sf~="164"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 4px; --mgr: 0px; --mgb: -4px; --mgl: 2px; width: auto; --fw: 1.0; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.kk-c-eventsched__event__match:has(> p-button.eventsched__event__match:where([sf~="164"]):not([pvis="0"])), .kk-c-eventsched__event__match-link:has(> p-button.eventsched__event__match-link:where([sf~="164"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-eventsched__event__match:has(> p-button.eventsched__event__match:where([sf~="164"]):not([pvis="0"]))::after, .kk-c-eventsched__event__match-link:has(> p-button.eventsched__event__match-link:where([sf~="164"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.eventsched__capsule__main__btn:hover:where([sf~="164"]) { transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; --brightness: 1.4; text-shadow: 2px 1px 4px color-mix(in srgb, #000000 45.45%, transparent); --bgc: rgba(255, 255, 255, 0); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-label.eventsched-match__datum--vs:where([sf~="164"]) { font-weight: 500; text-transform: lowercase; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 10px; }
.eventsched-match__datum--teamname:where([sf~="164"]) { font-weight: 500; color: #dadada; }
.eventsched-match__streams-container:where([sf~="164"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.eventsched-match__stream:where([sf~="164"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bg-pos: 0% 0%; --bg-size: auto 100%; --bg-w: 0px; --bg-img-opacity: 0.5; --bg-img-own: none; --mgt: 3px; --mgr: 3px; --mgb: 3px; --mgl: 3px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eventsched-match__stream:where([sf~="164"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.eventsched-match__stream__flag:where([sf~="164"]) { width: min(calc((100% + var(--ppx)) * 0.82), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 60; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --px: 0px; --pxp: 8%; --py: 0px; --pyp: 26%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --img-shadow: drop-shadow(0px 0px 0px #000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eventsched-match__streams-container:where([sf~="164"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.eventsched-match__stream:where([sf~="164"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bg-pos: 0% 0%; --bg-size: auto 100%; --bg-w: 0px; --bg-img-opacity: 0.5; --bg-img-own: none; --mgt: 3px; --mgr: 3px; --mgb: 3px; --mgl: 3px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.eventsched-match__stream:where([sf~="164"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.eventsched-match__stream__flag:where([sf~="164"]) { width: min(calc((100% + var(--ppx)) * 0.82), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 60; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --px: 0px; --pxp: 8%; --py: 0px; --pyp: 26%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --img-shadow: drop-shadow(0px 0px 0px #000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eventsched__capsule:not(.eventsched-favorite):where([sf~="164"]) { --bgc: rgba(0, 0, 0, 0.322169); --bg-grad: none; }
.eventsched__capsule.eventsched-featured:not(.eventsched-favorite):where([sf~="164"]) { --bgc: rgba(35, 115, 117, 0.547097); --bg-grad: none; }
.eventsched__capsule.eventsched-official:not(.eventsched-favorite):where([sf~="164"]) { --bgc: rgba(124, 105, 0, 0.550818); --bg-grad: none; }
.eventsched__capsule:where([sf~="164"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: translate, --pxp, --pyp, opacity; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s; }
.eventsched__capsule__main__info:where([sf~="164"]) { width: 350px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 350px; --pdl: 0px; --pdln: 0; --pdr: 20px; --pdrn: 20; }
.capsule__main__tier:where([sf~="164"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.capsule__main__tier--2:where([sf~="164"]) { --mgt: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
@keyframes glow {
0% { --bgc: white; --bg-grad: none; }
}
.eventsched-favorite:where([sf~="164"]) { --bgc: rgba(0, 0, 0, 0.299283); --bg-grad: none; box-shadow: inset 4px 4px 0.5px 7px #fff; --bg-fill: initial; --bg-solid: initial; transition-property: box-shadow; animation-name: glow; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 1; }
.eventsched-featured:where([sf~="164"]) { --bgc: rgba(207, 232, 233, 0.418199); --bg-grad: none; }
.eventsched-favorite.eventsched-featured:where([sf~="164"]) { box-shadow: inset 4px 4px 0.5px 7px rgb(207, 232, 233); --bg-fill: initial; --bg-solid: initial; }
.eventsched-featured:where([sf~="164"]), .eventsched-featured p-label:where([sf~="164"]), .eventsched-featured p-label.wmt__datum:where([sf~="164"]) { color: rgb(207, 232, 233); }
.eventsched-official:where([sf~="164"]) { --bgc: rgba(248, 223, 0, 0.412437); --bg-grad: none; }
.eventsched-favorite.eventsched-official:where([sf~="164"]) { box-shadow: inset 4px 4px 0.5px 7px rgb(248, 223, 0); --bg-fill: initial; --bg-solid: initial; }
.eventsched-official:where([sf~="164"]), .eventsched-official p-label:where([sf~="164"]), .eventsched-official p-label.wmt__datum:where([sf~="164"]) { color: rgb(248, 223, 0); }
.eventsched_favorite_count:where([sf~="164"]) { --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; --text-shrink: 1; text-align: center; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.event__logo-container:where([sf~="164"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 86px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 86px; --mgl: 20px; }
.event_datum:where([sf~="164"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.event_datum--logo:where([sf~="164"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; opacity: 1; --op-pe: inherit; }
p-label.event_datum--name:where([sf~="164"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; }
p-button.eventsched__name__link:where([sf~="164"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: -5px; --mgb: -2px; --mgt: 4px; }
.eventsched-match__datum--flag:where([sf~="164"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 66; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 0px; opacity: 0.832484; --op-pe: inherit; }
.event_datum--date-container:where([sf~="164"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.event_datum--date-container__date:where([sf~="164"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.event_datum--flag:where([sf~="164"]) { width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 66; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.event_datum--location:where([sf~="164"]) { width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; }
.event_datum--nteams:where([sf~="164"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; }
.event_datum--matchLocation:where([sf~="164"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; }
p-button.event_datum--link:where([sf~="164"]) { --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.event_datum--link :is(p-image, :where(img[pimg])):where([sf~="164"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; opacity: 0.524924; --op-pe: inherit; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.eventsched__teams__container:where([sf~="164"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 10px; --mgr: 20px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: 580px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 580px; }
.eventsched__teams:where([sf~="164"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgb: 5px; --mgt: 5px; }
.eventsched__teams__teamlogo:where([sf~="164"]) { min-width: 26px; min-height: 26px; --mh-set: 1; --mhp: 1; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.eventsched__teams__teamlogo--plus:where([sf~="164"]) { --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, rgb(0 0 0 / 1) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eventsched__teams__team__button.has_data:hover:where([sf~="164"]) { transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; --brightness: 2; --bgc: rgba(255, 255, 255, 0.209272); --bg-grad: none; border-radius: 50%; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eventsched__teams__team__button.has_data:where([sf~="164"]) { --bgc: rgba(255, 255, 255, 0.089635); --bg-grad: none; border-radius: 50%; }
.eventsched__teams__teamlogo--unknown:where([sf~="164"]) { border-radius: 50%; --bgc: rgba(0, 0, 0, 0.196524); --bg-grad: none; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; width: 26px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 26px; }
.event-tooltip--image :is(p-image, :where(img[pimg])):where([sf~="164"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.eventsched__capsule__main__favorite-container:where([sf~="164"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.eventsched__capsule__main__icons-container:where([sf~="164"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgr: 10px; }
.eventsched__capsule__main__left-container:where([sf~="164"]) { width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
p-togglebutton.favorite-star:where([sf~="164"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; }
@keyframes hover-glow {
0% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
p-togglebutton.favorite-star .TickBox:hover:where([sf~="164"]) { animation-name: hover-glow; animation-duration: .2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-togglebutton.favorite-star._selected .TickBox:hover:where([sf~="164"]) { animation-name: hover-glow; animation-duration: .2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-togglebutton.favorite-star .TickBox:where([sf~="164"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --bg-size: 90% 90%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 1; --bg-img: url("/panorama/images/icons/ui/favorite_no.svg"); --bg-img-opacity: 0.8; --bg-img-own: none; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; border-radius: 0%; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --wash-color, --bg-img, --bg-img-opacity; transition-duration: 0.20s, 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
p-togglebutton.favorite-star .TickBox:where([sf~="164"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
p-togglebutton.favorite-star .kk-c-TickBox:has(> .TickBox:where([sf~="164"]):not([pvis="0"])), p-togglebutton.favorite-star.kk-c-TickBox:has(> .TickBox:where([sf~="164"]):not([pvis="0"])) { isolation: isolate; }
p-togglebutton.favorite-star .TickBox._selected:where([sf~="164"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --bg-size: 90% 90%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 1; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --bg-img: url("/panorama/images/icons/ui/favorite_yes.svg"); --bg-img-opacity: 1; --bg-img-own: none; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; border-radius: 0%; box-shadow: 0px 0px 1px 2.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --wash-color, --bg-img, --bg-img-opacity; transition-duration: 0s, 0s, 0s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
p-togglebutton.favorite-star .TickBox._selected:where([sf~="164"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
p-togglebutton.favorite-star .kk-c-TickBox:has(> .TickBox._selected:where([sf~="164"]):not([pvis="0"])), p-togglebutton.favorite-star.kk-c-TickBox:has(> .TickBox._selected:where([sf~="164"]):not([pvis="0"])) { isolation: isolate; }
.eventsched-favorite p-panel.TickBox:where([sf~="164"]) { --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --bg-img: url("/panorama/images/icons/ui/favorite_yes.svg"); --bg-img-opacity: 1.0; --bg-img-own: none; }
.eventsched-favorite p-panel.TickBox:where([sf~="164"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.eventsched-featured p-togglebutton.favorite-star:where([sf~="164"]) { --wash-color: #ccfdff; --wash-filter: url(#w-ccfdff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eventsched-official p-togglebutton.favorite-star:where([sf~="164"]) { --wash-color: rgb(248, 223, 0); --wash-filter: url(#w-rgb_248_223_0); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.eventsched-controls__hltv:where([sf~="164"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0.696476; --op-pe: inherit; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; text-transform: none; }
p-button:hover:where([sf~="164"]), p-togglebutton:hover:where([sf~="164"]), p-radiobutton:hover:where([sf~="164"]) { --sound: 'UIPanorama.sidemenu_rollover'; }
/* styles/mapdraft.css */
.map-draft:where([sf~="165"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(14, 14, 14, 0.644958); --bg-grad: none; --vis-collapse: none; opacity: 0; --op-pe: none; transform: scale3d( 1.2, 1.2, 1); transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft.map-draft--show:where([sf~="165"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; transform: scale3d( 1, 1, 1); transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phasebar-container:where([sf~="165"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 32px; --mgr: 24px; --mgb: 32px; --mgl: 24px; }
.map-draft-phasebar:where([sf~="165"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; }
.kk-c-map-draft-phasebar:has(> .map-draft-phasebar:where([sf~="165"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-map-draft-phasebar:has(> .map-draft-phasebar:where([sf~="165"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.map-draft-phasebar__timer:where([sf~="165"]), .map-draft-phasebar--pre .map-draft-phasebar__timer:where([sf~="165"]), .map-draft-phasebar--post .map-draft-phasebar__timer:where([sf~="165"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY( 40% ); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phasebar__timer p-label:where([sf~="165"]) { --fsz: 34; font-size: calc(max(1, round(nearest, 34 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.map-draft-phasebar__timer.CountdownAfterEnd:where([sf~="165"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.map-draft-phasebar__line:where([sf~="165"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bgc: rgb(60, 60, 60); --bg-grad: none; --mgt: 4px; transition-property: --bgc, box-shadow; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phasebar__label:where([sf~="165"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: rgb(60, 60, 60); font-weight: 500; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1.5px; transition-property: color; transition-duration: 0.5s; transition-timing-function: ease-in-out; }
.map-draft-phasebar__arrow:where([sf~="165"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: rotateZ( 180deg ); --wash-color: rgb(60, 60, 60); --wash-filter: url(#w-rgb_60_60_60); transition-property: --wash-color; transition-duration: 0.5s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phasebar--pre .map-draft-phasebar__line:where([sf~="165"]) { --bgc: rgb(138, 138, 138); --bg-grad: none; }
.map-draft-phasebar--pre .map-draft-phasebar__arrow:where([sf~="165"]) { --wash-color: rgb(138, 138, 138); --wash-filter: url(#w-rgb_138_138_138); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phasebar--pre .map-draft-phasebar__label:where([sf~="165"]) { color: rgb(138, 138, 138); }
.map-draft-phasebar--ban .map-draft-phasebar__timer:where([sf~="165"]), .map-draft-phasebar--pick .map-draft-phasebar__timer:where([sf~="165"]) { transform: translateY( 0% ); opacity: 1; --op-pe: inherit; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phasebar--ban .map-draft-phasebar__line:where([sf~="165"]) { --bgc: #DB4437; --bg-grad: none; box-shadow: 4px 0px 4px 4.666667px #DB4437; --bg-fill: #DB4437; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.map-draft-phasebar--ban .map-draft-phasebar__arrow:where([sf~="165"]) { --wash-color: #DB4437; --wash-filter: url(#w-db4437); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phasebar--pick .map-draft-phasebar__line:where([sf~="165"]) { --bgc: #0F9D58; --bg-grad: none; box-shadow: 4px 0px 4px 4.666667px #0F9D58; --bg-fill: #0F9D58; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.map-draft-phasebar--pick .map-draft-phasebar__arrow:where([sf~="165"]) { --wash-color: #0F9D58; --wash-filter: url(#w-0f9d58); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phasebar--pick .map-draft-phasebar__label:where([sf~="165"]), .map-draft-phasebar--ban .map-draft-phasebar__label:where([sf~="165"]) { opacity: 1; --op-pe: inherit; }
.map-draft-phasebar--pick .map-draft-phasebar__label:where([sf~="165"]), .map-draft-phasebar--ban .map-draft-phasebar__label:where([sf~="165"]) { color: white; }
.map-draft-phasebar--post .map-draft-phasebar__line:where([sf~="165"]) { --bgc: rgb(60, 60, 60); --bg-grad: none; }
.map-draft-phasebar--post .map-draft-phasebar__label:where([sf~="165"]) { color: rgb(60, 60, 60); }
.map-draft-phasebar--post .map-draft-phasebar__arrow:where([sf~="165"]) { --wash-color: rgb(60, 60, 60); --wash-filter: url(#w-rgb_60_60_60); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phase-info:where([sf~="165"]) { letter-spacing: 2px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: white; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-info.map-draft-phase-info--hidden:where([sf~="165"]), #id-map-draft-phase-waiting.map-draft-phase-info--hidden:where([sf~="165"]) { transform: translateY(-40%); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-rows:where([sf~="165"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 32px; --pdr: 32px; --pdb: 32px; --pdl: 32px; --pdrn: 32; --pdln: 32; }
.map-draft-phase-buttons-container:where([sf~="165"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY(-30%) scale3d( 0.9, 0.9, 1); opacity: 0; --op-pe: none; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-buttons-container--show:where([sf~="165"]) { transform: translateY(0%) scale3d( 1, 1, 1); opacity: 1; --op-pe: inherit; z-index: 2; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-map-draft-phase-buttons-container--show:has(> .map-draft-phase-buttons-container--show:where([sf~="165"]):not([pvis="0"])) { isolation: isolate; }
.map-draft-phase-buttons-container--hide:where([sf~="165"]) { transform: translateY(30%) scale3d( 0.9, 0.9, 1); opacity: 0; --op-pe: none; z-index: 1; transition-property: transform, opacity; transition-duration: 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-map-draft-phase-buttons-container--hide:has(> .map-draft-phase-buttons-container--hide:where([sf~="165"]):not([pvis="0"])) { isolation: isolate; }
.map-draft-phase-pick-map-image:where([sf~="165"]) { height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; width: 455px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 455px; transform: translateY(32px); --bgc: black; --bg-grad: none; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; box-shadow: 0px 0px 4px 2.666667px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-radius: 4px; }
.map-draft-phase-pick-map-image--large:where([sf~="165"]) { height: 460px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 460px; animation-name: pano-vpct; width: 818px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 818px; border-radius: 6px; }
.map-draft-phase-pick-map-image__starting-team:where([sf~="165"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 32px; --mgl: 32px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --vis-collapse: none; }
.map-draft-phase-pick-map-image__starting-icon:where([sf~="165"]) { height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; }
.map-draft-phase-button:where([sf~="165"]) { --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; --pdt: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --brightness: 1.2; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: --brightness, translate, --pxp, --pyp; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phase-button__mapinfo:where([sf~="165"]) { width: 172px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 172px; height: 274px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 274px; --pdt: 16px; }
.map-draft-phase-button-fade:where([sf~="165"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.57102) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.map-draft-phase-button--pulse:where([sf~="165"]) { animation-name: draft-button-flash; animation-duration: .5s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes draft-button-flash {
0% { --brightness: 1; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 8; transform: scale3d( 1.02, 1.02, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.map-draft-phase-button .TickBox:where([sf~="165"]) { --vis-collapse: none; }
.map-draft-phase-button__image:where([sf~="165"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border: 3px solid rgb(224, 224, 224); --bdln: 3; --bdrn: 3; box-shadow: -2px -2px 4px 6.666667px rgb(0 0 0 / 0); --bg-fill: rgb(0 0 0 / 0); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: border, box-shadow; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-button__status:where([sf~="165"]), .map-draft-phase-button__status-disabled:where([sf~="165"]) { --bgc: #DB4437; --bg-grad: none; box-shadow: 0px 0px 4px 4.666667px rgb(197 5 5 / 0.644); --bg-fill: rgb(197 5 5 / 0.644); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); font-weight: 700; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); border-radius: 3px; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; text-align: center; color: white; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY( -30px ); opacity: 0; --op-pe: none; z-index: 2; transition-property: transform, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-map-draft-phase-button__status:has(> .map-draft-phase-button__status:where([sf~="165"]):not([pvis="0"])), .kk-c-map-draft-phase-button__status-disabled:has(> .map-draft-phase-button__status-disabled:where([sf~="165"]):not([pvis="0"])) { isolation: isolate; }
.map-draft-phase-button__status-disabled:where([sf~="165"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; transform: translateY( 0px ); z-index: 2; --bgc: rgba(75, 4, 4, 0.789527); --bg-grad: none; box-shadow: 0px 0px 4px 4.666667px rgb(75 4 4 / 0.925); --bg-fill: rgb(75 4 4 / 0.925); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.kk-c-map-draft-phase-button__status-disabled:has(> .map-draft-phase-button__status-disabled:where([sf~="165"]):not([pvis="0"])) { isolation: isolate; }
.map-draft-phase-button__status-final-map:where([sf~="165"]) { border-radius: 0px; --pdt: 4px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; font-weight: 700; font-style: italics; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(224, 224, 224); --vis-collapse: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-align: center; --mgb: 48px; --bgc: rgba(0, 0, 0, 0.523633); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY( 0px ); z-index: 2; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.kk-c-map-draft-phase-button__status-final-map:has(> .map-draft-phase-button__status-final-map:where([sf~="165"]):not([pvis="0"])) { isolation: isolate; }
.map-draft-phase-pick-map-image__starting-team .map-draft-phase-button__status-final-map:where([sf~="165"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 16px; --mgb: 0px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; color: white; }
.map-draft-phase-button__status--positive .map-draft-phase-button__status:where([sf~="165"]) { --bgc: #0F9D58; --bg-grad: none; box-shadow: 0px 0px 4px 4.666667px rgba(5, 197, 79, 0.780574); --bg-fill: rgba(5, 197, 79, 0.780574); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.map-draft-phase-button--winning-vote .map-draft-phase-button__status:where([sf~="165"]) { transform: translateY( -10px ); opacity: 1; --op-pe: inherit; transition-property: transform, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-button--winning-vote .map-draft-phase-button__image:where([sf~="165"]) { border: 3px solid rgb(172, 7, 7); --bdln: 3; --bdrn: 3; transition-property: border, box-shadow; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-button__status--positive.map-draft-phase-button--winning-vote .map-draft-phase-button__image:where([sf~="165"]) { border: 3px solid rgba(5, 197, 79, 0.780574); --bdln: 3; --bdrn: 3; transition-property: border, box-shadow; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-button__box:where([sf~="165"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; z-index: 2; }
.kk-c-map-draft-phase-button__box:has(> .map-draft-phase-button__box:where([sf~="165"]):not([pvis="0"])) { isolation: isolate; }
.map-draft-phase-button__box-inside:where([sf~="165"]) { z-index: 4; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); clip-path: inset(90% calc(100% - 0%) calc(100% - 180%) 10%); transition-property: clip-path, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-map-draft-phase-button__box-inside:has(> .map-draft-phase-button__box-inside:where([sf~="165"]):not([pvis="0"])) { isolation: isolate; }
.map-draft-phase-button.map-draft-phase-button--selected .map-draft-phase-button__box-inside:where([sf~="165"]) { clip-path: inset(0% calc(100% - 100%) calc(100% - 100%) 0%); transition-property: clip-path, opacity; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-button__text:where([sf~="165"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; color: white; font-weight: 500; --mgb: 16px; --text-shrink: 1; max-width: 90%; }
.map-draft-phase-button._disabled:where([sf~="165"]) { --brightness: .3; --saturation: .8; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phase-button._disabled .map-draft-phase-button__box:where([sf~="165"]) { --vis-collapse: none; }
.map-draft-phase-button._disabled .map-draft-phase-button__image:where([sf~="165"]) { border: 3px solid rgb(116, 116, 116); --bdln: 3; --bdrn: 3; }
.map-draft-phase-button:hover:not(._disabled) .map-draft-phase-button__image:where([sf~="165"]) { box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 6px solid rgb(255, 255, 255); --bdln: 6; --bdrn: 6; transition-property: border, box-shadow; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-button--winning-vote.map-draft-phase-button:hover:not(._disabled) .map-draft-phase-button__image:where([sf~="165"]) { border: 6px solid rgb(172, 7, 7); --bdln: 6; --bdrn: 6; transition-property: border, box-shadow; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-button__status--positive.map-draft-phase-button--winning-vote.map-draft-phase-button:hover:not(._disabled) .map-draft-phase-button__image:where([sf~="165"]) { border: 6px solid rgba(5, 197, 79, 0.780574); --bdln: 6; --bdrn: 6; transition-property: border, box-shadow; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.map-draft-phase-button--vetoed .map-draft-phase-button__status-disabled:where([sf~="165"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.map-draft-phase-button__avatars-container:where([sf~="165"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 4px; }
.map-draft-phase-button__avatar:where([sf~="165"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgb: 2px; opacity: 1; --op-pe: inherit; transition-property: opacity, transform, translate, --pxp, --pyp, --brightness; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.map-draft-phase-button__avatar.hidden:where([sf~="165"]) { opacity: 0; --op-pe: none; transform: scaleY( 0 ); transition-property: opacity, transform, translate, --pxp, --pyp, --brightness; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.map-draft-phase-button__avatar p-csgoavatarimage:where([sf~="165"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; }
.map-draft-phase-button__avatar-name:where([sf~="165"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 4px; --pdrn: 4; --pdln: 4; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-overflow: ellipsis; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.map-draft-phase-button__avatar__icon:where([sf~="165"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; box-shadow: 0px 0px 2px 1.333333px black; --bg-fill: black; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.map-draft-phase-button__avatar__teamcolor:where([sf~="165"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.map-draft-keybinds-legend:where([sf~="165"]) { height: auto; --fh: 1.0; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.kk-c-map-draft-keybinds-legend:has(> .map-draft-keybinds-legend:where([sf~="165"]):not([pvis="0"])) { --kid-fill-h: 1; }
.map-draft-keybinds-legend-label:where([sf~="165"]) { height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; letter-spacing: 2px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.486185); }
.map-draft-phase-teams:where([sf~="165"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; height: 370px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 370px; animation-name: pano-vpct; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdb: 32px; }
.map-draft-phase-teams__team:where([sf~="165"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.map-draft-phase-teams__border:where([sf~="165"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; --bgc: rgba(255, 255, 255, 0.087423); --bg-grad: none; }
.map-draft-phase-teams__title:where([sf~="165"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1.8px; --pdt: 0px; --pdr: 12px; --pdb: 24px; --pdl: 12px; --pdrn: 12; --pdln: 12; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.map-draft-phase-teams__team--left .map-draft-phase-teams__title:where([sf~="165"]), .map-draft-phase-teams__team--left .map-draft-phase-button__avatar-name:where([sf~="165"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
.map-draft-phase-teams__team--left .map-draft-phase-button__avatar:where([sf~="165"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.map-draft-phase-teams .map-draft-phase-button__avatar-name:where([sf~="165"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; }
.map-draft-phase-teams .map-draft-phase-button__avatar:where([sf~="165"]) { --mgt: 0px; --mgr: 16px; --mgb: 0px; --mgl: 16px; }
.map-draft-phase-teams .map-draft-phase-button__avatar:hover p-csgoavatarimage:where([sf~="165"]), .map-draft-phase-teams .map-draft-phase-button__avatar:hover .map-draft-phase-button__avatar-name:where([sf~="165"]) { --brightness: 2; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-draft-phase-teams .map-draft-phase-button__avatar p-csgoavatarimage:where([sf~="165"]) { width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; }
.map-draft-phase-teams .avatar-teamcolor:where([sf~="165"]) { width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; }
/* styles/mapoverview.css */
p-csgomapoverview:where([sf~="166"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 100px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 1; --op-pe: inherit; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: opacity; transition-timing-function: linear; transition-duration: 0.1s; width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: rgba(255, 255, 255, 0); --bg-grad: none; }
p-csgomapoverview p-label:where([sf~="166"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
#MapOverview:where([sf~="166"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 800px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 800px; animation-name: pano-vpct; }
#MapOverview__Square:where([sf~="166"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 800px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 800px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --world-blur: gaussian(2,2,2); --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; opacity: 1; --op-pe: inherit; }
#MapOverview__Square.HUD--weapon--scoped:where([sf~="166"]) { --bgc: black; --bg-grad: none; --world-blur: none; }
#MapOverview__Map:where([sf~="166"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 800px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 800px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: initial; mix-blend-mode: screen; --s2-blend: additive; }
#MapOverview__DangerZone:where([sf~="166"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 800px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 800px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; mix-blend-mode: normal; --s2-blend: normal; }
.Map:where([sf~="166"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform-origin: 50% 50%; }
#MapOverview__Overlay:where([sf~="166"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 125px 125px at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); --bgc: transparent; opacity: 0.947817; --op-pe: inherit; }
.MapOverview__key-hints:where([sf~="166"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgl: 8px; --vis-collapse: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.MapOverview__key-hints-text:where([sf~="166"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; text-shadow: 1px 1px 1px black, 1px 1px 1px black; color: rgba(187, 187, 187, 1); font-weight: 500; width: min(calc((100% + var(--ppx)) * 0.25), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.PlayerIcons:where([sf~="166"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.PlayerIcons.PlayerIcons__Player:where([sf~="166"]) { z-index: 4; }
.kk-c-PlayerIcons:has(> .PlayerIcons.PlayerIcons__Player:where([sf~="166"]):not([pvis="0"])) { isolation: isolate; }
.PlayerIcons.PlayerIcons__Hostage:where([sf~="166"]) { z-index: 3; }
.kk-c-PlayerIcons:has(> .PlayerIcons.PlayerIcons__Hostage:where([sf~="166"]):not([pvis="0"])) { isolation: isolate; }
.PlayerIcons.PlayerIcons__Grenade:where([sf~="166"]) { z-index: 1; }
.kk-c-PlayerIcons:has(> .PlayerIcons.PlayerIcons__Grenade:where([sf~="166"]):not([pvis="0"])) { isolation: isolate; }
.PlayerIcons.PlayerIcons__Defuser:where([sf~="166"]) { z-index: 2; }
.kk-c-PlayerIcons:has(> .PlayerIcons.PlayerIcons__Defuser:where([sf~="166"]):not([pvis="0"])) { isolation: isolate; }
.PlayerIcons.PlayerIcons__SurvivalCrate:where([sf~="166"]) { z-index: 2; }
.kk-c-PlayerIcons:has(> .PlayerIcons.PlayerIcons__SurvivalCrate:where([sf~="166"]):not([pvis="0"])) { isolation: isolate; }
#PI_NonRotated:where([sf~="166"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; transform-origin: 50% 50%; --px: -200px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -200px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#PI_FirstRotated:where([sf~="166"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; transform-origin: 50% 50%; --px: -100px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -100px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.PI_Above:where([sf~="166"]) { width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --py: 10px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.892208; --op-pe: inherit; }
.PI_Below:where([sf~="166"]) { width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --py: -10px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.892208; --op-pe: inherit; }
.PI_EnemyOnMap:where([sf~="166"]) { width: 13px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 13px; height: 13px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 13px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PI_HostageOnMap:where([sf~="166"]) { width: 15px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 15px; height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PI_OnMap:where([sf~="166"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PI_Death:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PI_Ghost:where([sf~="166"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PI_Indicator:where([sf~="166"]) { width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.PI_Text:where([sf~="166"]) { font-weight: 500; --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 0px; --px: 197px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.PI_Text_Number:where([sf~="166"]) { --px: 0px; --pxp: 0%; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 0px; --pyp: 0%; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; color: white; text-shadow: 0px 0px 1px black, 0px 0px 1px black; }
.player-team-ct .PI_TextName:where([sf~="166"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; text-align: right; --px: -64px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -14px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); text-shadow: 0px 0px 2px rgb(0 0 0 / 0.2), 0px 0px 2px color-mix(in srgb, rgb(0 0 0 / 0.2) 39.190625%, transparent); }
.player-team-t .PI_TextName:where([sf~="166"]) { --px: 206px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 12px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); text-shadow: 0px 0px 2px rgb(0 0 0 / 0.2), 0px 0px 2px color-mix(in srgb, rgb(0 0 0 / 0.2) 39.190625%, transparent); }
#HostageTransitOnMap:where([sf~="166"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Selected:where([sf~="166"]) { width: 56px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 56px; height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; --py: -15px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Defuser:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#MuzzleFlash:where([sf~="166"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --py: -10px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#LowHealth:where([sf~="166"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#SpeakingOnMap:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#DirectionalIndicator:where([sf~="166"]) { height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 91px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#Grenade_HE:where([sf~="166"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Grenade_FLASH:where([sf~="166"]) { width: 96px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 96px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Grenade_SMOKE:where([sf~="166"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Grenade_MOLOTOV:where([sf~="166"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Grenade_DECOY:where([sf~="166"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#Flashed:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#SurvivalCrate:where([sf~="166"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#RI_BombDefuserPackage:where([sf~="166"]), #TI_TowerPackage:where([sf~="166"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; transform-origin: 50% 50%; --px: -100px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -100px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#TI_TowerPackage:where([sf~="166"]) { z-index: 5; }
.kk-i-TI_TowerPackage:has(> #TI_TowerPackage:where([sf~="166"]):not([pvis="0"])) { isolation: isolate; }
#BombPlantedIcon:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#TowerIconPackage:where([sf~="166"]), #TowerIconC4:where([sf~="166"]), #TowerIconHostage:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 1px color-mix(in srgb, black 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clr-gray:where([sf~="166"]) { --wash-color: #AAAAAA; --wash-filter: url(#w-aaaaaa); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clr-white:where([sf~="166"]) { --wash-color: #FFFFFF; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clr-red:where([sf~="166"]) { --wash-color: #ff2924; --wash-filter: url(#w-ff2924); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clr-green:where([sf~="166"]) { --wash-color: #3eff24; --wash-filter: url(#w-3eff24); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#TowerPing:where([sf~="166"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; opacity: 0.414305; --op-pe: inherit; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: #FFFFFF; animation-name: DroppedBomb--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
#BombPlantedIconMedium:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#BombPlantedIconFast:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#PlantedBomb:where([sf~="166"]) { width: 70px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 70px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 78px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: red; animation-name: DroppedBomb--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
#DroppedBomb:where([sf~="166"]) { width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 58px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: red; animation-name: DroppedBomb--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
@keyframes DroppedBomb--Animate {
0% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.1, 0.1, 1 ); }
25% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.25, 0.25, 1 ); }
50% { opacity: 0.696476; --op-pe: inherit; transform: scale3d( 0.5, 0.5, 1 ); }
75% { opacity: 0.472624; --op-pe: inherit; transform: scale3d( 0.75, 0.75, 1 ); }
100% { opacity: 0; --op-pe: none; transform: scale3d( 1, 1, 1 ); }
}
#RI_DefuserPackage:where([sf~="166"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; transform-origin: 50% 50%; --px: -100px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -100px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#DefuserIconDropped:where([sf~="166"]) { width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; transform: scale3d( 1, 1, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 50% / 50%; border-width: 2px; --bdln: 2; --bdrn: 2; border-style: solid; border-color: blue; animation-name: DroppedDefuser--Animate; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: infinite; mix-blend-mode: screen; --s2-blend: screen; }
@keyframes DroppedDefuser--Animate {
0% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.1, 0.1, 1 ); }
25% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.25, 0.25, 1 ); }
50% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.5, 0.5, 1 ); }
75% { opacity: 1; --op-pe: inherit; transform: scale3d( 0.75, 0.75, 1 ); }
100% { opacity: 0; --op-pe: none; transform: scale3d( 1, 1, 1 ); }
}
#DefuserIconPackage:where([sf~="166"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#BombCT:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; transform-origin: 50% 50%; }
#BombT:where([sf~="166"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; transform-origin: 50% 50%; }
#CreateBombPack:where([sf~="166"]) { width: 23px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 23px; height: 17px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 17px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --py: 104px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --wash-color: red; --wash-filter: url(#w-red); --img-shadow: drop-shadow(0px 0px 0.5px black) drop-shadow(0px 0px 0.5px color-mix(in srgb, black 20%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.BombZone:where([sf~="166"]) { height: 23px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 23px; transform-origin: 50% 50%; --px: -9px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -9px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --wash-color: #ffcc00; --wash-filter: url(#w-ffcc00); --img-shadow: drop-shadow(0px 0px 0.5px rgba(17, 17, 17, 1)) drop-shadow(0px 0px 0.5px rgba(17, 17, 17, 1)); opacity: 0.892208; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.HZone:where([sf~="166"]) { height: 23px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 23px; transform-origin: 50% 50%; --px: -8px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -4px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
#DashboardLabel:where([sf~="166"]) { color: #d3e798; font-weight: 700; --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; letter-spacing: 0px; --mgl: 16px; opacity: 0.832484; --op-pe: inherit; mix-blend-mode: screen; --s2-blend: screen; }
#Dashboard:where([sf~="166"]) { --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.274586) 0%, rgba(0, 0, 0, 0.274586) 72%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; opacity: 0.947817; --op-pe: inherit; }
#Dashboard__BombIconsContainer:where([sf~="166"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; opacity: 1; --op-pe: inherit; }
#Dashboard__BombCT:where([sf~="166"]) { width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --mgt: 4px; mix-blend-mode: screen; --s2-blend: screen; }
#Dashboard__BombT:where([sf~="166"]) { width: 38px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 38px; height: 44px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 44px; --mgt: 4px; mix-blend-mode: screen; --s2-blend: screen; }
#Dashboard__HostageIcons:where([sf~="166"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; opacity: 1; --op-pe: inherit; }
#Dashboard__HostageIconsRow:where([sf~="166"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 56px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 56px; --mgl: 24px; opacity: 1; --op-pe: inherit; }
#Dashboard__HostageStatusIcons:where([sf~="166"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; --mgl: 6px; opacity: 1; --op-pe: inherit; }
#Dashboard__EmptyHostagePanelForMoney:where([sf~="166"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --mgl: 24px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
#Dashboard__EmptyBombPanelForMoney:where([sf~="166"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 56px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 56px; --mgl: 24px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
#HostageAlive:where([sf~="166"]) { width: 17px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 17px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; mix-blend-mode: screen; --s2-blend: screen; }
#HostageDead:where([sf~="166"]) { width: 17px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 17px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; mix-blend-mode: screen; --s2-blend: screen; }
#HostageRescued:where([sf~="166"]) { width: 17px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 17px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; mix-blend-mode: screen; --s2-blend: screen; }
#HostageTransit:where([sf~="166"]) { width: 26px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 26px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; mix-blend-mode: screen; --s2-blend: screen; }
#Dashboard__HZone:where([sf~="166"]) { width: 36px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 36px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --mgt: 4px; mix-blend-mode: screen; --s2-blend: screen; }
/* styles/match-reconnect.css */
.match-status-reconnect:where([sf~="167"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --vis-collapse: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgr: 96px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; z-index: 5; transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; transform: translateX( -256px ); }
.kk-c-match-status-reconnect:has(> .match-status-reconnect:where([sf~="167"]):not([pvis="0"])) { isolation: isolate; }
.match-status-reconnect.sidebar-collapsed:where([sf~="167"]) { transform: translateX( 0 ); }
.MainMenuRootPanel--PauseMenuMode .match-status-reconnect:where([sf~="167"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.match-status-ongoingmatch-container:where([sf~="167"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --brightness: 1; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; transform: translateY( -100% ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.show-actions .match-status-ongoingmatch-container:where([sf~="167"]), .show-cancel .match-status-ongoingmatch-container:where([sf~="167"]) { opacity: 1; --op-pe: inherit; transform: translateY( 0 ); }
.match-status-ongoingmatch-message:where([sf~="167"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.match-status-ongoingmatch--subtitle:where([sf~="167"]) { text-overflow: clip; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; color: white; max-width: 420px; --maxw: 420px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; font-weight: 500; text-overflow: ellipsis; }
.match-status-ongoingmatch-actions:where([sf~="167"]) { transition-property: opacity, transform; transition-duration: 0.4s, 0.4s; opacity: 0; --op-pe: none; transform: translateX( -10px ); }
.show-actions .match-status-ongoingmatch-actions:where([sf~="167"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0 ); }
.match-status-ongoingmatch-reconnect:where([sf~="167"]) { box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.match-status-ongoingmatch-cancel:where([sf~="167"]) { transition-property: opacity, transform; transition-duration: 0.4s, 0.4s; opacity: 0; --op-pe: none; transform: translateX( 10px ); }
.show-cancel .match-status-ongoingmatch-cancel:where([sf~="167"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0 ); }
/* styles/match_stakes.css */
.matchstakes-container:where([sf~="168"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --vis-collapse: none; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 10px; }
.matchstakes-container .matchstakes-container-top:where([sf~="168"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.endofmatch .matchstakes-container:where([sf~="168"]) { opacity: 0; --op-pe: none; }
.matchstakes-background:where([sf~="168"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; --py: 3px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.matchstakes-foreground:where([sf~="168"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.matchstakes-pfx:where([sf~="168"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; --mgt: 3px; mix-blend-mode: screen; --s2-blend: screen; transition-property: opacity; transition-duration: 2s; }
.no-rating .matchstakes-container-top .matchstakes-background:where([sf~="168"]) { --vis-collapse: none; }
.matchstakes-background:where([sf~="168"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.matchstakes-background p-panel:where([sf~="168"]) { --bg-size: 30px auto; --bg-w: 30px; }
.matchstakes-background .left-end:where([sf~="168"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --world-blur: gaussian(2,2,2); --bgc: rgba(75, 75, 75, 0.409374); --bg-grad: none; mask-image: url("/panorama/images/icons/ui/premier_parallelogram_edge.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.matchstakes-background .right-end:where([sf~="168"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --world-blur: gaussian(2,2,2); --bgc: rgba(75, 75, 75, 0.409374); --bg-grad: none; mask-image: url("/panorama/images/icons/ui/premier_parallelogram_edge.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; transform: rotateZ(180deg); }
.matchstakes-background .background-middle:where([sf~="168"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --world-blur: gaussian(2,2,2); --bg-grad: linear-gradient(90deg, rgba(75, 75, 75, 0.409374) 0%, rgba(156, 156, 156, 0.649265) 50%, rgba(6, 107, 6, 0.75069) 51%, rgba(75, 75, 75, 0.409374) 90%, rgba(75, 75, 75, 0.409374) 100%); --bgc: transparent; }
.matchstakes-background .kk-c-background-middle:has(> .background-middle:where([sf~="168"]):not([pvis="0"])), .matchstakes-background.kk-c-background-middle:has(> .background-middle:where([sf~="168"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .matchstakes-background .kk-c-background-middle:has(> .background-middle:where([sf~="168"]):not([pvis="0"]))::after, .matchstakes-background.kk-c-background-middle:has(> .background-middle:where([sf~="168"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.matchstakes-background.matchstakes-background-promo .background-middle:where([sf~="168"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --bgc: rgba(75, 75, 75, 0.409374); --bg-grad: none; }
.matchstakes-background.matchstakes-background-promo .kk-c-background-middle:has(> .background-middle:where([sf~="168"]):not([pvis="0"])), .matchstakes-background.matchstakes-background-promo.kk-c-background-middle:has(> .background-middle:where([sf~="168"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .matchstakes-background.matchstakes-background-promo .kk-c-background-middle:has(> .background-middle:where([sf~="168"]):not([pvis="0"]))::after, .matchstakes-background.matchstakes-background-promo.kk-c-background-middle:has(> .background-middle:where([sf~="168"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.matchstakes-intro-text:where([sf~="168"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 7px; --pdr: 0px; --pdb: 7px; --pdl: 0px; --pdrn: 0; --pdln: 0; min-width: 200px; --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 1s; }
.show-intro-text .matchstakes-intro-text:where([sf~="168"]) { --vis-collapse: initial; }
.reveal-stakes .matchstakes-intro-text:where([sf~="168"]) { opacity: 1; --op-pe: inherit; }
.matchstakes-intro-text .matchstakes-background .left-end:where([sf~="168"]) { transition-property: --world-blur; transition-duration: 1s; --world-blur: none; --bgc: rgba(43, 43, 43, 0.616489); --bg-grad: none; }
.matchstakes-intro-text .matchstakes-background .right-end:where([sf~="168"]) { transition-property: --world-blur; transition-duration: 1s; --world-blur: none; --bgc: rgba(43, 43, 43, 0.616489); --bg-grad: none; }
.matchstakes-intro-text .matchstakes-background .background-middle:where([sf~="168"]) { transition-property: --world-blur; transition-duration: 1s; --world-blur: none; --bgc: rgba(43, 43, 43, 0.616489); --bg-grad: none; }
.matchstakes-intro-text p-label:where([sf~="168"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; font-family: Stratum2 Medium Italic, 'Arial Unicode MS'; --c9: 0.9; color: white; max-height: 24px; --pdl: 16px; --pdln: 16; --pdr: 16px; --pdrn: 16; --text-shrink: 1; }
.matchstakes-emblem:where([sf~="168"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateX(-3px); }
.matchstakes:where([sf~="168"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 0.4), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; transition-property: transform, opacity, --brightness; transition-duration: .6s, .6s, .6s; transition-timing-function: ease-out, ease-out, ease-out; opacity: 0; --op-pe: none; --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.no-rating .matchstakes:where([sf~="168"]) { --vis-collapse: none; }
.matchstakes .delta:where([sf~="168"]) { --mgt: 0px; --mgr: 24px; --mgb: 0px; --mgl: 24px; --text-shrink: 1; width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; text-transform: uppercase; font-family: Stratum2 Black Italic, 'Arial Unicode MS'; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.matchstakes .desc:where([sf~="168"]) { font-family: Stratum2 Black Italic, 'Arial Unicode MS'; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.matchstakes.win:where([sf~="168"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform: translateX(200px); transition-delay: 0.5s; }
.matchstakes.win p-label:where([sf~="168"]) { color: white; }
.matchstakes.win .delta:where([sf~="168"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; }
.matchstakes.win .desc:where([sf~="168"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
.matchstakes.win.reveal-stakes:where([sf~="168"]) { transform: translateX(226px); opacity: 1; --op-pe: inherit; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.matchstakes.loss:where([sf~="168"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgl: 10px; transform: translateX(-200px); transition-delay: 0.5s; }
.matchstakes.loss p-label:where([sf~="168"]) { color: black; }
.matchstakes.loss .delta:where([sf~="168"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: right; }
.matchstakes.loss .desc:where([sf~="168"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; }
.matchstakes.loss.reveal-stakes:where([sf~="168"]) { transform: translateX(-230px); opacity: 1; --op-pe: inherit; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/matchmaking_status.css */
p-csgohud .matchmaking-status-container:where([sf~="169"]) { --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.275931) 50%, rgba(0, 0, 0, 0.275931) 60%, rgba(0, 0, 0, 0.180737) 90%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; width: 384px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 384px; }
.matchmaking-status-wait:where([sf~="169"]) { min-height: 64px; --mh-set: 1; --mhp: 1; --mgl: 24px; }
.matchmaking-status-left:where([sf~="169"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.matchmaking-status-time:where([sf~="169"]) { color: white; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; }
.matchmaking-status-header:where([sf~="169"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; text-transform: none; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; min-width: 50px; max-width: 256px; --maxw: 256px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; }
.matchmaking-status-container.hidden:where([sf~="169"]), .matchmaking-status-wait.hidden:where([sf~="169"]), .matchmaking-status-searching.hidden:where([sf~="169"]), .matchmaking-status-warning.hidden:where([sf~="169"]), .matchmaking-status-fail-icon.hidden:where([sf~="169"]), .matchmaking-status-time.hidden:where([sf~="169"]) { opacity: 0; --op-pe: none; transform: scaleY(0); --vis-collapse: none; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
/* styles/matchtile.css */
.MatchTile:where([sf~="170"]) { width: 340px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 340px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.MatchTile.MatchTile--GOTV:where([sf~="170"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.MatchTile.MatchTile--Tournament:where([sf~="170"]) { height: 130px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 130px; }
.MatchTile.MatchTile--Redeem:where([sf~="170"]) { zoom: 1.5; --uizi: 1.5; --zl: calc(var(--mgl) / 1.5); --zr: calc(var(--mgr) / 1.5); --zt: calc(var(--mgtv, var(--mgt)) / 1.5); --zb: calc(var(--mgbv, var(--mgb)) / 1.5); }
.MatchTile--Collapse:where([sf~="170"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; opacity: 0; --op-pe: none; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, opacity; --vis-collapse: none; }
.MatchMap:where([sf~="170"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 32px; }
.MatchMap__Icon:where([sf~="170"]) { max-width: 80px; --maxw: 80px; max-height: 80px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.MatchMap__IconInScoreLister:where([sf~="170"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 2px; --mgr: 10px; }
.MatchTile.MatchTile--Tournament .MatchMap__Icon:where([sf~="170"]) { max-width: 50px; --maxw: 50px; max-height: 50px; }
.TeamIcon:where([sf~="170"]) { width: 38px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 38px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.matchinfo-tournament-scores-container:where([sf~="170"]) { --mgt: 5px; }
.MatchTile--Spacing:where([sf~="170"]) { --mgl: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.MatchInfoContainer:where([sf~="170"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 16px; }
.MatchInfo:where([sf~="170"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; text-align: left; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: #CCCCCC; }
.MatchTile--Redeem .MatchInfo:where([sf~="170"]) { --mgl: 8px; }
.MatchInfo__Stats:where([sf~="170"]) { width: 172px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 172px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.MatchInfo__MapName:where([sf~="170"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 0px; width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; text-overflow: ellipsis; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-align: center; }
.MatchInfo__MapName--LiveTile:where([sf~="170"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 0px; width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; text-overflow: ellipsis; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-align: center; }
.MatchInfo__Score:where([sf~="170"]) { font-family: stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 29; font-size: calc(max(1, round(nearest, 29 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: left; opacity: 1; --op-pe: inherit; }
.MatchInfo__Tournament__StageLabel:where([sf~="170"]), .MatchInfo__Tournament__TeamsLogosAndScore:where([sf~="170"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.MatchInfo__Tournament__SmallContainer:where([sf~="170"]) { --mgt: 5px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgr: 28px; }
.kk-c-MatchInfo__Tournament__SmallContainer:has(> .MatchInfo__Tournament__SmallContainer:where([sf~="170"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-MatchInfo__Tournament__SmallContainer:has(> .MatchInfo__Tournament__SmallContainer:where([sf~="170"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.MatchInfo--Hide:where([sf~="170"]) { opacity: 0; --op-pe: none; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; }
.MiniTrophy :is(p-image, :where(img[pimg])):where([sf~="170"]) { --wash-color: #f1c459; --wash-filter: url(#w-f1c459); width: 15px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 15px; height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.MiniIcon:where([sf~="170"]) { --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; }
.TileButton.PopupButton:where([sf~="170"]) { --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --mgb: 8px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --tooltip-position: bottom; --tooltip-body-position: 50% 100%; }
.TileButton.PopupButton :is(p-image, :where(img[pimg])):where([sf~="170"]) { width: 15px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 15px; height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; transition-duration: .25s; transition-property: --wash-color; transition-timing-function: ease-in-out; }
.TileButton__ParentActive.PopupButton :is(p-image, :where(img[pimg])):where([sf~="170"]) { --wash-color: white; --wash-filter: initial; transition-duration: .25s; transition-property: --wash-color; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.TileButton__Spinner.Spinner:where([sf~="170"]) { width: 15px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 15px; height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; }
.GOTV-Icon:where([sf~="170"]) { --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdr: 20px; --pdrn: 20; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-duration: .25s; transition-property: --wash-color; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.GOTV-Icon--ParentActive:where([sf~="170"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.match-tile-menu__container:where([sf~="170"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 4px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.tint--CT:where([sf~="170"]) { --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tint--TERRORIST:where([sf~="170"]) { --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.matchscorecontainer:where([sf~="170"]), .matchinfoviewers:where([sf~="170"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.matchinfoviewers--TournamentTile:where([sf~="170"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.skillgroup:where([sf~="170"]) { --mgt: 0px; --mgr: 8px; --mgb: 5px; --mgl: 16px; width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.download-animation:where([sf~="170"]) { mask-image: url("/panorama/images/icons/ui/downloaded.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; animation-name: Download; animation-duration: 1.25s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes Download {
0% { --bg-grad: linear-gradient(180deg, rgba(170, 170, 170, 1) 0%, rgba(170, 170, 170, 1) 0%, rgba(204, 204, 204, 1) 0%, rgba(204, 204, 204, 1) 16.7%, rgba(170, 170, 170, 1) 16.7%, rgba(170, 170, 170, 1) 100%); --bgc: transparent; }
100% { --bg-grad: linear-gradient(180deg, rgba(170, 170, 170, 1) 0%, rgba(170, 170, 170, 1) 83.3%, rgba(204, 204, 204, 1) 83.3%, rgba(204, 204, 204, 1) 100%, rgba(170, 170, 170, 1) 100%, rgba(170, 170, 170, 1) 100%); --bgc: transparent; }
}
.downloaded:where([sf~="170"]) { mask-image: url("/panorama/images/icons/ui/check.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bgc: #0F9D58; --bg-grad: none; }
.watchlive:where([sf~="170"]) { mask-image: url("/panorama/images/icons/ui/map_onmap.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --bgc: #ee0000; --bg-grad: none; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; }
/* styles/mission_tile_ingame.css */
@keyframes progress-pulse {
0% { --brightness: 1; transform: scale3d( 1, 1, 1); --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(96, 221, 255, 0.763649) 1%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 5; transform: scale3d( 1.02, 1.02, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; transform: scale3d( 1, 1, 1); --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 99.4%, rgba(96, 221, 255, 0) 99.9%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
#HudMissionPanel:where([sf~="171"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 40px; transition-property: --wash-color, opacity; transition-duration: .5s, .5s; transition-timing-function: ease-in-out, ease-in-out; }
#HudMissionPanel.COMPLETE:where([sf~="171"]) { --wash-color: rgb(76, 255, 106); --wash-filter: url(#w-rgb_76_255_106); --sound: "UI.Mission.Complete"; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HudMissionPanel.progress-pulse:not(.stop-anims) .mission-main-content:where([sf~="171"]) { animation-name: progress-pulse; animation-duration: 0.5s; animation-timing-function: ease-in-out; }
#HudMissionPanel .background-contents:where([sf~="171"]) { --bgc: transparent; --bg-grad: none; }
#HudMissionPanel .background-contents .bonuspanel-bkg-TOP:where([sf~="171"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.465819) 100%); --bgc: transparent; }
#HudMissionPanel .background-contents .bonuspanel-bkg-BOT:where([sf~="171"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-grad: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.465819) 100%); --bgc: transparent; }
#HudMissionPanel .background-contents .bonuspanel-bg:where([sf~="171"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(90deg, rgba(0, 0, 0, 0.7355) 0%, rgba(0, 0, 0, 0.059773) 80%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
#HudMissionPanel .mission-main-content:where([sf~="171"]) { --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
#HudMissionPanel .mission-main-content .mission-progress-container:where([sf~="171"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#HudMissionPanel .mission-main-content .mission-description-container:where([sf~="171"]) { height: 35px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 35px; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; }
#HudMissionPanel .mission-main-content .mission-description-container .mission-description:where([sf~="171"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: left; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.competitive #HudMissionPanel:where([sf~="171"]), .scrimcomp2v2 #HudMissionPanel:where([sf~="171"]), .casual #HudMissionPanel:where([sf~="171"]) { opacity: 0; --op-pe: none; }
.competitive #HudMissionPanel.FREEZETIME:where([sf~="171"]), .scrimcomp2v2 #HudMissionPanel.FREEZETIME:where([sf~="171"]), .casual #HudMissionPanel.FREEZETIME:where([sf~="171"]) { opacity: 1; --op-pe: inherit; }
/* styles/mission_tile_pausemenu.css */
#id-pausemenu-mission-panel:where([sf~="172"]) { width: 650px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 650px; height: 56px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 56px; --saturation: 0; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgr: 40px; --mgt: 100px; transition-property: transform, opacity, --wash-color; transition-duration: .20s, .20s, .20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; box-shadow: none; --bg-fill: initial; --bg-solid: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-pausemenu-mission-panel.COMPLETE .mission-pausemenu:where([sf~="172"]) { --vis-collapse: none; }
#id-pausemenu-mission-panel .mission-complete:where([sf~="172"]) { --vis-collapse: none; }
#id-pausemenu-mission-panel.COMPLETE .mission-complete:where([sf~="172"]) { --vis-collapse: initial; }
#id-pausemenu-mission-panel p-label:where([sf~="172"]) { color: rgb(230,230,230); }
#id-pausemenu-mission-panel .mission-main-content:where([sf~="172"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
#id-pausemenu-mission-panel .mission-main-content .mission-left:where([sf~="172"]), #id-pausemenu-mission-panel .mission-main-content .mission-right:where([sf~="172"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
#id-pausemenu-mission-panel .mission-main-content .mission-left:where([sf~="172"]) { border-right: 1px solid rgba(255, 255, 255, 0.413115); --bdrn: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#id-pausemenu-mission-panel .mission-left-inner:where([sf~="172"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#id-pausemenu-mission-panel .mission-left-inner .mission-time-remaining:where([sf~="172"]) { --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2; --c9: 0.9; font-weight: 300; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-height: 18px; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-pausemenu-mission-panel .mission-left-inner .kk-c-mission-time-remaining:has(> .mission-time-remaining:where([sf~="172"]):not([pvis="0"])), #id-pausemenu-mission-panel .mission-left-inner.kk-c-mission-time-remaining:has(> .mission-time-remaining:where([sf~="172"]):not([pvis="0"])) { --kid-fill-h: 1; }
#id-pausemenu-mission-panel .mission-left-inner .mission-mode-mapgroup:where([sf~="172"]) { text-align: center; }
#id-pausemenu-mission-panel .mission-progress-container:where([sf~="172"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdr: 10px; --pdrn: 10; --pdl: 10px; --pdln: 10; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#id-pausemenu-mission-panel .mission-progress-container .mission-num:where([sf~="172"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2; --c9: 0.9; font-stretch: condensed; --wash-color: white; --wash-filter: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-pausemenu-mission-panel .mission-progress-container .mission-xp-reward-container .mission-xp-reward-img:where([sf~="172"]) { --wash-color: rgb(0,0,0); --wash-filter: url(#w-rgb_0_0_0); opacity: 0.275931; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-pausemenu-mission-panel .mission-progress-container .mission-xp-reward-container .mission-xp-reward:where([sf~="172"]) { font-family: Stratum2 Medium Condensed; --c9: 0.9; --wash-color: white; --wash-filter: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-pausemenu-mission-panel .background-contents:where([sf~="172"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
#id-pausemenu-mission-panel .background-contents .mission-bg:where([sf~="172"]) { --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 400px 400px; --bg-w: 400px; --bg-img-opacity: 0.015; --bg-img-own: none; --saturation: 0; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-pausemenu-mission-panel .background-contents .mission-bg:where([sf~="172"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
#id-pausemenu-mission-panel .mission-directive:where([sf~="172"]) { --vis-collapse: none; }
#id-pausemenu-mission-panel .mission-complete:where([sf~="172"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#id-pausemenu-mission-panel .mission-complete .mission-header--complete:where([sf~="172"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
#id-pausemenu-mission-panel .mission-complete .mission-title:where([sf~="172"]) { --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Condensed; --c9: 0.9; font-weight: 300; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 20px; }
#id-pausemenu-mission-panel .mission-complete .mission-time-remaining:where([sf~="172"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2; --c9: 0.9; font-weight: 300; color: white; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-height: 26px; --text-shrink: 1; --mgl: 20px; }
/* styles/mission_tile_playmenu.css */
#id-playmenu-mission-panel:where([sf~="173"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 70px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 70px; border: 1px solid rgba(118, 150, 255, 0.690979); --bdln: 1; --bdrn: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 40px; transition-property: transform, opacity, --wash-color; transition-duration: .20s, .20s, .20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; box-shadow: 0px 0px 8px 5.333333px rgb(0 0 0 / 0.254902); --bg-fill: rgb(0 0 0 / 0.254902); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
#id-playmenu-mission-panel.COMPLETE:where([sf~="173"]) { --vis-collapse: none; }
#id-playmenu-mission-panel.COMPLETE #missionButton:where([sf~="173"]) { --vis-collapse: none; }
#id-playmenu-mission-panel.SEARCHING_FOR_MISSION:where([sf~="173"]) { transform: translateY(300px); opacity: 0; --op-pe: none; }
#id-playmenu-mission-panel .mission-main-content:where([sf~="173"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
#id-playmenu-mission-panel .mission-main-content .mission-description-container:where([sf~="173"]) { height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#id-playmenu-mission-panel .mission-main-content .kk-c-mission-description-container:has(> .mission-description-container:where([sf~="173"]):not([pvis="0"])), #id-playmenu-mission-panel .mission-main-content.kk-c-mission-description-container:has(> .mission-description-container:where([sf~="173"]):not([pvis="0"])) { --kid-fill-h: 1; }
#id-playmenu-mission-panel .mission-main-content .mission-description-container .mission-description:where([sf~="173"]) { max-height: 100%; --text-shrink: 1; }
#id-playmenu-mission-panel .mission-mode-mapgroup:where([sf~="173"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; }
#id-playmenu-mission-panel .mission-bg:where([sf~="173"]) { --bg-img: url("/panorama/images/backgrounds/mission_background_short.webp"); --bg-size: 100% 200%; --bg-w: 0px; --bg-pos: 0% 30%; --bg-img-opacity: 1; --bg-img-own: none; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; }
#id-playmenu-mission-panel .mission-bg:where([sf~="173"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
#id-playmenu-mission-panel .mission-art-bg:where([sf~="173"]) { --bg-pos: 0% 30%; --bg-size: 100% 300%; --bg-w: 0px; }
#id-playmenu-mission-panel .mission-directive:where([sf~="173"]) { --vis-collapse: none; }
/* styles/movie.css */
@keyframes main-button-glow-movement-no-fill {
0% { box-shadow: -4.5px -4.5px 9px 15px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
8% { box-shadow: -4.5px -4.5px 9px 15px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
48% { box-shadow: -1.5px -1.5px 3px 5px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
52% { box-shadow: -1.5px -1.5px 3px 5px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
100% { box-shadow: -4.5px -4.5px 9px 15px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
}
@keyframes quick-blur {
0% { --blur: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --blur: 4px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --blur: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes intro-fade-in {
0% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
@keyframes movie-button-focus {
from { --bg-grad: linear-gradient(180deg, #f0f0f0 0%, #c2c2c2 100%); --bgc: transparent; }
50% { --bg-grad: linear-gradient(180deg, #f0f0f0 0%, #c2c2c2 100%); --bgc: transparent; }
to { --bg-grad: linear-gradient(180deg, #f0f0f0 0%, #c2c2c2 100%); --bgc: transparent; }
}
@keyframes control-outer-glow {
0% { box-shadow: -2.0px -2.0px 4px 6.666667px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
8% { box-shadow: -2.0px -2.0px 4px 6.666667px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
48% { box-shadow: -1.0px -1.0px 2px 3.333333px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
52% { box-shadow: -1.0px -1.0px 2px 3.333333px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
100% { box-shadow: -2.0px -2.0px 4px 6.666667px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
}
p-moviepanel:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: black; --bg-grad: none; }
#MovieCaptions:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#MovieCaptions .CuesContainer:where([sf~="174"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; }
#MovieCaptions .CuesContainer .Cue:where([sf~="174"]) { color: white; --fsz: 40; font-size: calc(max(1, round(nearest, 40 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 2px 2px 4px black, 2px 2px 4px color-mix(in srgb, black 4.535%, transparent); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#PlayIndicator:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 0.4), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.4), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.4; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.75s; transition-timing-function: ease-in-out; }
.MoviePaused #PlayIndicator:where([sf~="174"]) { --bg-img: url("/panorama/images/transport_controls/icon_play_large.webp"); --bg-pos: center; --bg-rep: no-repeat; opacity: 1; --op-pe: inherit; }
@keyframes throbber-appear-delay {
from { opacity: 0; --op-pe: none; }
50% { opacity: 0; --op-pe: none; }
to { opacity: 1; --op-pe: inherit; }
}
.MovieBuffering #PlayIndicator:where([sf~="174"]) { opacity: 0; --op-pe: none; }
#ErrorMessage:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; text-align: center; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.75s; transition-timing-function: ease-in-out; }
.MovieError #ErrorMessage:where([sf~="174"]) { opacity: 1; --op-pe: inherit; }
.MovieError #PlayIndicator:where([sf~="174"]) { opacity: 0; --op-pe: none; }
#PlaybackTitleAndControls:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: translateY( 327px ); transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-in-out; }
.ShowTitle #PlaybackTitleAndControls:where([sf~="174"]) { transform: translateY( 0px ); }
.TitleImmediatelyVisible #PlaybackTitleAndControls:where([sf~="174"]) { transform: translateY( 0px ); transition-property: --p-transform !immediate; transition-duration: 0.0s; }
.PlaybackTitleGlow:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 77px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 77px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --bgc: transparent; --bg-grad: none; }
.PlaybackTitleBackground:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 250px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 250px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.404027) 0%, rgba(0, 0, 0, 0.170988) 100%); --bgc: transparent; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#PlaybackTitle:where([sf~="174"]) { --fsz: 58; font-size: calc(max(1, round(nearest, 58 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bg-grad: linear-gradient(92.385944deg, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 90%, rgba(151, 152, 152, 0) 100%); background-clip: text; color: transparent; font-weight: 300; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; --mgt: 20px; --mgr: 104px; --mgb: 10px; --mgl: 104px; }
#PlaybackControls:where([sf~="174"]) { --ha: center; --va: start; --va-o: 0%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.PlaybackControl:where([sf~="174"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.4s; transition-timing-function: ease-in-out; }
.PlaybackControl.Visible:where([sf~="174"]) { opacity: 1; --op-pe: inherit; }
#Timeline:where([sf~="174"]) { width: 547px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 547px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; border: 2px solid black; --bdln: 2; --bdrn: 2; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 6px; --bgc: black; --bg-grad: none; border-radius: 4px; }
.ProgressBarWrapper:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#PlaybackProgress:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform-origin: 0% 0% parent-relative; --bgc: #3890b5; --bg-grad: none; }
#ControlBarRow:where([sf~="174"]) { --mgt: 3px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --va: start; --va-o: 0%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: initial; }
.ControlBarBackground:where([sf~="174"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --bgc: black; --bg-grad: none; border-radius: 6px; }
.ControlBarButtons:where([sf~="174"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.ControlBarButton:where([sf~="174"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; border: 2px solid rgba(0, 0, 0, 0); --bdln: 2; --bdrn: 2; transition-property: scale; transition-duration: 0.1s; transition-timing-function: linear; }
.ControlBarButton._focus:where([sf~="174"]) { --bg-grad: linear-gradient(180deg, #f0f0f0 0%, #c2c2c2 100%); --bgc: transparent; scale: 1.0; box-shadow: -4.5px -4.5px 8px 14.333333px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border-color: rgba(253, 254, 254, 0.970482); animation-name: movie-button-focus, main-button-glow-movement-no-fill; animation-duration: 1.7s; animation-delay: 0.4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; }
.ControlBarButton :is(p-image, :where(img[pimg])):where([sf~="174"]), #VolumeControl .VolumeImage:where([sf~="174"]) { width: 37px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 37px; height: 37px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 37px; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; scale: 0.8; }
.ControlBarButton._focus :is(p-image, :where(img[pimg])):where([sf~="174"]), #VolumeControl._focus .VolumeImage:where([sf~="174"]) { --wash-color: #000000ff; --wash-filter: url(#w-000000ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#VolumeControl .VolumeImage:where([sf~="174"]) { --bg-img: url("/panorama/images/transport_controls/icon_volume_04.webp"); }
#VolumeControl.AudioVolumeMuted .VolumeImage:where([sf~="174"]) { --bg-img: url("/panorama/images/transport_controls/icon_volume_01.webp"); }
#VolumeControl.AudioVolumeUnder33 .VolumeImage:where([sf~="174"]) { --bg-img: url("/panorama/images/transport_controls/icon_volume_02.webp"); }
#VolumeControl.AudioVolumeUnder66 .VolumeImage:where([sf~="174"]) { --bg-img: url("/panorama/images/transport_controls/icon_volume_03.webp"); }
#PlayPause .TickBox:where([sf~="174"]) { width: 37px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 37px; height: 37px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 37px; scale: 0.8; --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; border-color: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --bgc: transparent; --bg-grad: none; --bg-img: url("/panorama/images/transport_controls/icon_pause.webp"); }
#PlayPause._selected .TickBox:where([sf~="174"]) { --bg-img: url("/panorama/images/transport_controls/icon_play.webp"); }
#PlayPause:focus-within .TickBox:where([sf~="174"]) { --wash-color: #000000ff; --wash-filter: url(#w-000000ff); --bgc: transparent; --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#JumpBack:where([sf~="174"]) { border-radius: 6px 0px 0px 6px; }
#VolumeControl:where([sf~="174"]) { border-radius: 0px 6px 6px 0px; }
#PlaybackSpeed:where([sf~="174"]) { --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 4px; --bg-grad: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(153, 153, 153, 1) 100%); background-clip: text; color: transparent; }
#VideoQualityCurrent:where([sf~="174"]) { --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 4px; --bg-grad: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(153, 153, 153, 1) 100%); background-clip: text; color: transparent; }
#VideoQualityBtn._focus #VideoQualityCurrent:where([sf~="174"]) { color: black; }
#FullscreenControl:where([sf~="174"]) { --vis-collapse: none; }
p-volumesliderpopup:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-volumesliderpopup .PopupWrapper:where([sf~="174"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --bg-grad: linear-gradient(180deg, #f0f0f0 0%, #c2c2c2 100%); --bgc: transparent; box-shadow: -4.5px -4.5px 8px 14.333333px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 2px solid rgba(253, 254, 254, 0.970482); --bdln: 2; --bdrn: 2; border-radius: 4px; transform: translateY( -10px ); }
p-volumesliderpopup :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="174"]) { --ha: center; --va: center; --va-o: 50%; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va-mt: initial; --va-c: auto; }
p-videoqualitypopup:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform: translateX( -10px ); }
p-videoqualitypopup .PopupWrapper:where([sf~="174"]) { min-width: 80px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 6px; --pdrn: 6; --pdln: 6; --bg-grad: linear-gradient(180deg, #f0f0f0 0%, #c2c2c2 100%); --bgc: transparent; box-shadow: -4.5px -4.5px 8px 14.333333px rgba(82, 199, 235, 0.887885); --bg-fill: rgba(82, 199, 235, 0.887885); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); border: 2px solid rgba(253, 254, 254, 0.970482); --bdln: 2; --bdrn: 2; border-radius: 4px; transform: translateY( -10px ); }
p-videoqualitypopup #CenterColumn:where([sf~="174"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
p-videoqualitypopup p-label:where([sf~="174"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; color: #2a3d4b; }
p-videoqualitypopup p-button._focus p-label:where([sf~="174"]) { color: #5490ac; }
p-videoqualitypopup p-button:hover p-label:where([sf~="174"]) { color: #78cdf5; }
p-videoqualitypopup p-button:where([sf~="174"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; }
p-moviedebug:where([sf~="174"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
p-moviedebug p-label:where([sf~="174"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.debug-background:where([sf~="174"]) { --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DebugColumn:where([sf~="174"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgr: 10px; }
/* styles/mute_spinner.css */
#id-mute-spinner:where([sf~="175"]) { width: 34px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 34px; height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; --bg-img: url("/panorama/images/icons/ui/unmuted.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-img-opacity: 0.1; --bg-img-own: none; }
#id-mute-spinner:where([sf~="175"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
#id-mute-spinner.muted:where([sf~="175"]) { --bg-img-opacity: 0.0; --bg-img-own: none; }
#id-mute-spinner.muted:where([sf~="175"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
#id-mute-value:where([sf~="175"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Monodigit, 'Arial Unicode MS'; --c9: 0.9; text-shadow: 0px 0px 1px black, 0px 0px 1px black; }
#id-mute-muted-img:where([sf~="175"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#id-mute-bar:where([sf~="175"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; opacity: 0.696476; --op-pe: inherit; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 1.0s, 0.01s, 0.01s, 0.01s, 0.01s, 0.01s; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#id-mute-bar.fade:where([sf~="175"]) { opacity: 0; --op-pe: none; }
.hidden:where([sf~="175"]) { --vis-collapse: none; }
/* styles/notification/notification_equip.css */
.inv-notification:where([sf~="176"]) { max-width: 512px; --maxw: 512px; --bgc: rgba(38, 38, 38, 1); --bg-grad: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 0px; --mgr: 0px; --mgb: 64px; --mgl: 64px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); opacity: 0; --op-pe: none; --vis-collapse: none; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
.inv-notification-text:where([sf~="176"]) { --pdt: 32px; --pdr: 32px; --pdb: 32px; --pdl: 32px; --pdrn: 32; --pdln: 32; }
.inv-notification.show:where([sf~="176"]) { --vis-collapse: initial; animation-name: NotificationShowHide; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes NotificationShowHide {
0% { transform: translateY( 100% ); opacity: 0; --op-pe: none; }
15% { transform: translateY( 0% ); opacity: 1; --op-pe: inherit; }
90% { transform: translateY( 0% ); opacity: 1; --op-pe: inherit; }
100% { transform: translateY( 100% ); opacity: 0; --op-pe: none; }
}
/* styles/operation/operation_main.css */
.PopupPanel.op-main:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; max-width: 100%; --pdb: 0px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.PopupPanel.op-main.blur:where([sf~="177"]) { --blur: 2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main-bg:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --blur: 6px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-op-main-bg-blur:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; }
.op-main .IconButton :is(p-image, :where(img[pimg])):where([sf~="177"]) { --wash-color: #D3ACF8; --wash-filter: url(#w-d3acf8); transition-property: --wash-color; transition-duration: .3s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main .IconButton:hover :is(p-image, :where(img[pimg])):where([sf~="177"]) { --wash-color: none; --wash-filter: initial; transition-property: --wash-color; transition-duration: .3s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main-btn:where([sf~="177"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --brightness: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: #D3ACF8; --bg-grad: none; border-radius: 3px; transition-property: --bgc; transition-duration: .3s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main .op-main-btn:hover:where([sf~="177"]) { --bgc: white; --bg-grad: none; transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.op-main-btn p-label:where([sf~="177"]) { color: #1A0E25; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: left; text-transform: uppercase; font-weight: 500; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 16px; --mgr: 12px; --mgb: 12px; --mgl: 12px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; }
.op-main-btn :is(p-image, :where(img[pimg])):where([sf~="177"]) { --wash-color: #1A0E25; --wash-filter: url(#w-1a0e25); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; transition-property: --wash-color; transition-duration: 0.2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main-container:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; z-index: 2; }
.kk-c-op-main-container:has(> .op-main-container:where([sf~="177"]):not([pvis="0"])) { isolation: isolate; }
.op-main-topbar--padding-left:where([sf~="177"]) { --pdl: 64px; --pdln: 64; }
.op-main-topbar--padding-right:where([sf~="177"]) { --pdr: 64px; --pdrn: 64; }
.op-main-topbar:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 8px; }
.op-main-topbar__subtitle:where([sf~="177"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: #D3ACF8; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; opacity: 0.767696; --op-pe: inherit; }
.op-main-progress-container:where([sf~="177"]) { --mgt: 80px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.op-main-progress__title:where([sf~="177"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 5px; font-weight: 500; text-transform: uppercase; color: #93EEFB; opacity: 0.696476; --op-pe: inherit; }
.op-main-progress__title.large:where([sf~="177"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; --text-shrink: 1; }
.op-main-progress:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 16px; }
.op-main-progress-container .op-mainmenu__arrow_btn:where([sf~="177"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; }
.op-main-progress__bar-container:where([sf~="177"]) { --mgt: 0px; --mgr: 64px; --mgb: 0px; --mgl: 64px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.op-main-progress__bar__spacer:where([sf~="177"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; }
.op-main-progress__bar:where([sf~="177"]) { height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 100%; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.op-main-progress__bar__inner-container:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 0.01), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-right: 1px solid #462964; --bdrn: 1; }
.op-main-progress__bar__inner:where([sf~="177"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; --bgc: #1A0E25; --bg-grad: none; }
.op-main-progress__bar__inner--fill .op-main-progress__bar__inner:where([sf~="177"]) { --bgc: #D3ACF8; --bg-grad: none; }
.op-main-progress__bar__inner--fade:where([sf~="177"]) { --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; --pdt: 0px; --pdr: -1px; --pdb: 0px; --pdl: -1px; --pdrn: 0; --pdln: 0; --mgt: 2px; --bg-grad: linear-gradient(0deg, rgba(211, 172, 248, 0) 50%, rgba(211, 172, 248, 0.302676) 100%); --bgc: transparent; }
.op-main-progress__bar__inner--fill .op-main-progress__bar__inner--fade:where([sf~="177"]) { --vis-collapse: initial; }
.op-main-progress__bar__inner__dot:where([sf~="177"]) { width: 3px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 3px; height: 3px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 3px; border-radius: 50%; --bgc: rgb(129, 41, 211); --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.op-main-progress__bar__rewards-container:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; min-height: 140px; --mh-set: 1; --mhp: 1; }
.op-main-progress__bar__reward:where([sf~="177"]) { transform-origin: 50% 0%; opacity: 0; --op-pe: none; z-index: 1; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.kk-c-op-main-progress__bar__reward:has(> .op-main-progress__bar__reward:where([sf~="177"]):not([pvis="0"])) { isolation: isolate; }
.op-main-progress__bar__reward:hover:where([sf~="177"]) { --sound: "UIPanorama.sidemenu_rollover"; }
.highlight.op-main-progress__bar__reward:where([sf~="177"]) { z-index: 4; }
.kk-c-highlight:has(> .highlight.op-main-progress__bar__reward:where([sf~="177"]):not([pvis="0"])) { isolation: isolate; }
.op-main-progress__bar__reward .RadioBox:where([sf~="177"]) { --vis-collapse: none; }
.op-main-progress__bar__reward__hitbox:where([sf~="177"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.op-main-progress__bar__reward__show-anim:where([sf~="177"]) { animation-name: op-reward-show; animation-duration: .25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; opacity: 1; --op-pe: inherit; }
@keyframes op-reward-show {
from { transform: scaleY( .5 ) translateY( -10px ); opacity: 0; --op-pe: none; }
to { transform: scaleY( 1 ) translateY( 0px ); opacity: 1; --op-pe: inherit; }
}
.op-main-progress__bar__star:where([sf~="177"]) { --wash-color: #D3ACF8; --wash-filter: url(#w-d3acf8); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; --mgt: 5px; transform-origin: 50% 50%; transition-property: transform, width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main-progress__bar__reward__line:where([sf~="177"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; --bgc: #D3ACF8; --bg-grad: none; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.op-main-progress__bar__reward__image:where([sf~="177"]) { width: 96px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 96px; transform: scale3d( .3, .3, 1 ) translateY( -10px ); transform-origin: 50% 50%; --brightness: .8; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main-progress__bar__reward .op-main-progress__bar__value:where([sf~="177"]) { --bgc: #D3ACF8; --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; font-weight: 900; --pdt: 2px; --pdr: 4px; --pdb: 2px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; color: #1A0E25; border-radius: 0%; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --vis-collapse: none; }
.highlight .op-main-progress__bar__reward__line:where([sf~="177"]) { height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; transform: scaleY( 1.5 ); }
.highlight .op-main-progress__bar__value:where([sf~="177"]) { --vis-collapse: initial; }
.highlight .op-main-progress__bar__reward__image:where([sf~="177"]) { transform: scale3d( .9, .9, .9 ) translateY( 0px ); }
.op-main-progress__bar__reward:hover:where([sf~="177"]) { z-index: 3; }
.kk-c-op-main-progress__bar__reward:has(> .op-main-progress__bar__reward:hover:where([sf~="177"]):not([pvis="0"])) { isolation: isolate; }
.op-main-progress__bar__reward:hover:not(.highlight) .op-main-progress__bar__reward__image:where([sf~="177"]) { transform: scale3d( .6, .6, 1 ) translateY( -10px ); --brightness: 1.4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.op-main-progress__bar__reward:hover:not(.highlight) .op-main-progress__bar__star:where([sf~="177"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; }
.claimed .op-main-progress__bar__reward__line:where([sf~="177"]) { --bgc: #1A0E25; --bg-grad: none; }
.claimed .op-main-progress__bar__star:where([sf~="177"]) { --wash-color: #1A0E25; --wash-filter: url(#w-1a0e25); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.claimed .op-main-progress__bar__value:where([sf~="177"]), .highlight.claimed .op-main-progress__bar__value:where([sf~="177"]) { --bgc: #1A0E25; --bg-grad: none; color: #D3ACF8; }
.op-main-rewards-container:where([sf~="177"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 64px; --pdrn: 0; --pdln: 64; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; --mgt: 220px; }
.op-main-rewards_list:where([sf~="177"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.op-main-rewards_row:where([sf~="177"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 16px; --mgl: 0px; }
.op-main-reward:where([sf~="177"]) { width: 175px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 175px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --mgr: 8px; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.AspectRatio16x9 .op-main-reward:where([sf~="177"]) { width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; }
.AspectRatio16x10 .op-main-reward:where([sf~="177"]) { width: 230px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 230px; }
.op-main-reward:hover:where([sf~="177"]) { --sound: "UIPanorama.mainmenu_rollover"; }
.op-main-reward:hover .op-main-reward__image:where([sf~="177"]), .op-main-reward._selected .op-main-reward__image:where([sf~="177"]) { transform: scale3d( 1.03, 1.03, 1 ); transition-property: transform, --brightness; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.op-main-reward .RadioBox:where([sf~="177"]) { --vis-collapse: none; }
.op-main-reward p-label:where([sf~="177"]), .op-main-reward:hover p-label:where([sf~="177"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; color: rgb(129, 41, 211); opacity: 1; --op-pe: inherit; }
.op-main-reward p-label.op-mission-reward-tag:where([sf~="177"]), .op-main-reward:hover p-label.op-mission-reward-tag:where([sf~="177"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; color: #1A0E25; }
.op-main-reward__image:where([sf~="177"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.small .op-main-reward__image:where([sf~="177"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 70; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --bg-img: url("/panorama/images/operations/op9/tile_bg.webp"); --bg-rep: no-repeat; --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.op-main-reward__name-container:where([sf~="177"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: #1A0E25; --bg-grad: none; --pdt: 0px; --pdr: 6px; --pdb: 0px; --pdl: 16px; --pdrn: 6; --pdln: 16; opacity: 0; --op-pe: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: translateY( 40px ); transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.small .op-main-reward__name-container:where([sf~="177"]) { height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; }
.op-main-reward:hover .op-main-reward__name-container:where([sf~="177"]) { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.op-main-reward._selected .op-main-reward__name-container:where([sf~="177"]) { opacity: 1; --op-pe: inherit; transform: translateY( 0px ); --bgc: #D3ACF8; --bg-grad: none; transition-property: transform, opacity; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out; }
.op-main-progress__btns-bar-holder:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.op-main-reward__name:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: rgb(129, 41, 211); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; font-weight: 700; text-align: left; letter-spacing: 3px; max-height: 32px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.op-main-reward._selected .op-main-reward__name:where([sf~="177"]) { color: #1A0E25; mix-blend-mode: normal; --s2-blend: normal; }
.small .op-main-reward__name:where([sf~="177"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; max-height: 18px; }
.op-main-rewards-inspect:where([sf~="177"]) { border-left: 1px solid rgb(129, 41, 211); --bdln: 1; width: min(calc((100% + var(--ppx)) * 0.4), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.op-main-rewards-inspect.show:where([sf~="177"]) { opacity: 1; --op-pe: inherit; perspective: 1000px; perspective-origin: 100% 50%; }
.op-main-rewards-inspect .op-mission-reward-tag:where([sf~="177"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; transform: rotateZ(-90deg) translateX( -112px ); }
.op-main-rewards-inspect .op-mission-reward-tag.hidden:where([sf~="177"]) { transform: rotateZ(-90deg) translateX(-160px); transition-property: transform; transition-duration: .25s; transition-timing-function: ease-in-out; }
.op-main-rewards-inspect__name:where([sf~="177"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: 768px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 768px; transform-origin: 50% 100%; transform: rotateX( 0deg ); }
.op-main-rewards-inspect__model:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; --mgb: 128px; mask-image: url("/panorama/images/masks/top-bottom-fade-2.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.op-main-rewards-inspect__model.character:where([sf~="177"]) { width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; --mgb: 0px; mask-image: none; mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.op-main-rewards-inspect__image:where([sf~="177"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.75), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.75; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; transform: rotateY( -20deg ) translateY( 30px ); transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.op-main-rewards-inspect__model.hidden:where([sf~="177"]), .op-main-rewards-inspect__image.hidden:where([sf~="177"]), .op-main-reward.hidden:where([sf~="177"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.op-main-rewards-inspect__collection-image:where([sf~="177"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --mgb: 8px; }
.op-main-rewards-inspect__btns:where([sf~="177"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; border-top: 1px solid rgb(129, 41, 211); }
#id-op-main-inspect-preview-item:where([sf~="177"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.op-main-rewards-inspect__info:where([sf~="177"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 96px; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.op-main-rewards-inspect__info .op-mainmenu__arrow_btn:where([sf~="177"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 7px; --pdr: 7px; --pdb: 7px; --pdl: 7px; --pdrn: 7; --pdln: 7; }
#id-op-main-inspect-warning.hidden:where([sf~="177"]), .op-main-rewards-inspect__collection-image.hidden:where([sf~="177"]) { --vis-collapse: none; }
.op-mission-reward__rarity:where([sf~="177"]) { --mgt: 4px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --pdt: 12px; --pdr: 0px; --pdb: 12px; --pdl: 0px; --pdrn: 0; --pdln: 0; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transform-origin: 0% 50%; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.op-mission-reward__rarity.actions:where([sf~="177"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.op-mission-reward__rarity.hidden:where([sf~="177"]) { transform: scaleX( 0 ); --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.op-mission-reward__rarity__pip:where([sf~="177"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; --bgc: #462964; --bg-grad: none; --mgr: 4px; --mgb: 4px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; box-shadow: 2px 0px 2px 3.333333px rgb(0 0 0 / 0.52549); --bg-fill: rgb(0 0 0 / 0.52549); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.op-mission-reward__rarity__pip:hover:where([sf~="177"]) { --sound: "UIPanorama.sidemenu_rollover"; }
.op-mission-reward__rarity__pip .RadioBox:where([sf~="177"]) { --vis-collapse: none; }
.op-mission-reward__rarity__pip p-itemimage:where([sf~="177"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.op-mission-reward__rarity__pip._selected:where([sf~="177"]) { --bgc: #D3ACF8; --bg-grad: none; z-index: 3; transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.kk-c-op-mission-reward__rarity__pip:has(> .op-mission-reward__rarity__pip._selected:where([sf~="177"]):not([pvis="0"])) { isolation: isolate; }
.op-mission-reward__rarity__pip__rarity:where([sf~="177"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; --bgc: white; --bg-grad: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#id-op-rewards-upsell-stars-btn:where([sf~="177"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgr: 64px; z-index: 4; --brightness: 1; --bgc: #462964; --bg-grad: none; transform: translateX( 0px ); opacity: 1; --op-pe: inherit; transition-property: transform, opacity, --brightness, --bgc; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.kk-i-id-op-rewards-upsell-stars-btn:has(> #id-op-rewards-upsell-stars-btn:where([sf~="177"]):not([pvis="0"])) { isolation: isolate; }
#id-op-rewards-upsell-stars-btn:hover:where([sf~="177"]) { --bgc: #1A0E25; --bg-grad: none; }
#id-op-rewards-upsell-stars-btn.update:where([sf~="177"]) { animation-name: op-purchase-stars-update; animation-duration: .25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; opacity: 1; --op-pe: inherit; }
@keyframes op-purchase-stars-update {
from { transform: scale3d( 1.2, 1.2, 1 ); --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
to { transform: scale3d( 1, 1, 1 ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
#id-op-rewards-upsell-stars-btn.hidden:where([sf~="177"]) { transform: translateX( 60px ); opacity: 0; --op-pe: none; --brightness: 1; transition-property: transform, opacity, --brightness, --bgc; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/outofammo.css */
.OutOfAmmo:where([sf~="178"]) { width: 85px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 85px; height: 85px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 85px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.OutOfAmmoOverlay:where([sf~="178"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/icons/ui/outofammo.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat no-repeat; --wash-color: #FF0000FF; --wash-filter: url(#w-ff0000ff); opacity: 0.826333; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.OutOfAmmoBackdrop:where([sf~="178"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/icons/ui/outofammo.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat no-repeat; --wash-color: #000000FF; --wash-filter: url(#w-000000ff); opacity: 0.275931; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/particle_controls.css */
.UiParticlePanel:where([sf~="179"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.UIMenuPlayActionBar:where([sf~="179"]) { width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.UiParticlePanelAmmoCenter:where([sf~="179"]) { mix-blend-mode: screen; --s2-blend: additive; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; height: 500px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 500px; animation-name: pano-vpct; transform: translate3d( 0px, 16px, 0px); }
.UIMVP:where([sf~="179"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 1; --op-pe: inherit; }
.UIMvpMockup:where([sf~="179"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 10px; opacity: 1; --op-pe: inherit; --mgb: 4px; }
.UIFxFillParentPanel:where([sf~="179"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; opacity: 1; --op-pe: inherit; mix-blend-mode: screen; --s2-blend: additive; }
.mainmenu-xpshop-tracks .UIFxFillParentPanel:where([sf~="179"]) { width: 52px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 52px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; }
/* styles/player_stats_card.css */
.card-root:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 200; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 7px; --pdr: 7px; --pdb: 7px; --pdl: 7px; --pdrn: 7; --pdln: 7; }
.card-root p-label:where([sf~="180"]) { text-align: center; color: white; }
.card__inset:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.68), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.68; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 10px; box-shadow: 2px 2px 7.5px 5px rgb(0 0 0 / 0.533333); --bg-fill: rgb(0 0 0 / 0.533333); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.card__inset .card__border:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border: 2px solid #ffffff; --bdln: 2; --bdrn: 2; border-radius: 10px; }
.card__bg:where([sf~="180"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/backgrounds/player_stats_card_csgo_camo.webp"); --bg-img-opacity: 1.0; --bg-img-own: none; --bg-size: 800px auto; --bg-w: 800px; }
.card__bg:where([sf~="180"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.card__contents:where([sf~="180"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 0.6%; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.emblem--flair:where([sf~="180"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 15px; --mgr: 15px; --mgb: 15px; --mgl: 15px; }
#jsFlairImage:where([sf~="180"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 127 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.card__banner:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 0.22), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.5), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.5; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; z-index: 5; --px: 0px; --pxp: 5%; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 95px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pz: 1px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.kk-c-card__banner:has(> .card__banner:where([sf~="180"]):not([pvis="0"])) { isolation: isolate; }
.card__banner .banner-bg:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; mask-image: url("/panorama/images/stats_cards/stats_card_banner_mask.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.card__banner .banner__stat-container:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 18px; }
.card__banner .banner__stat-container .banner__stat:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.card__banner .banner__stat-container .banner__stat .value:where([sf~="180"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.card__banner .banner__stat-container .banner__stat .desc:where([sf~="180"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --text-shrink: 1; --text-shrink-min:  12px ; letter-spacing: 1px; line-height: 12px; }
.card__banner .banner__stat-container .banner__stat.gglevel .value:where([sf~="180"]), .card__banner .banner__stat-container .banner__stat.adr .value:where([sf~="180"]), .card__banner .banner__stat-container .banner__stat.score .value:where([sf~="180"]) { --fsz: 34; font-size: calc(max(1, round(nearest, 34 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.card__banner .banner__stat-container .banner__stat.gglevel .desc:where([sf~="180"]), .card__banner .banner__stat-container .banner__stat.adr .desc:where([sf~="180"]), .card__banner .banner__stat-container .banner__stat.score .desc:where([sf~="180"]) { --mgt: -8px; }
.card__banner .banner__stat-container .banner__stat.kda .value:where([sf~="180"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.card__banner .banner__stat-container .banner__stat.kda .desc:where([sf~="180"]) { --mgt: -3px; }
.card__banner .banner__stat-container .banner__stat.hsp .value:where([sf~="180"]), .card__banner .banner__stat-container .banner__stat.kills .value:where([sf~="180"]), .card__banner .banner__stat-container .banner__stat.deaths .value:where([sf~="180"]) { --fsz: 23; font-size: calc(max(1, round(nearest, 23 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.card__banner .banner__stat-container .banner__stat.hsp .desc:where([sf~="180"]) { --mgt: -4px; }
.card__banner .banner__stat-container .banner__stat .highlight-adr .value:where([sf~="180"]) { animation-name: best; }
.card__banner .banner__stat-container .banner__stat .highlight-hsp .value:where([sf~="180"]) { animation-name: best; }
.card__main:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.card__main .card__avatar-container:where([sf~="180"]) { width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; border-radius: 50%; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 20px; --mgl: 50px; border: 1px solid #505050; --bdln: 1; --bdrn: 1; }
.card__main .card__avatar-container .card__avatar:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.card__main .emblem--skillgroup:where([sf~="180"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 60px; opacity: 0; --op-pe: none; --brightness: 10; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.show-skillgroup .card__main .emblem--skillgroup:where([sf~="180"]) { opacity: 1; --op-pe: inherit; --brightness: 1; animation-name: skillgroup-pulse; animation-duration: 1s; animation-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.skillgroup-update .card__main .emblem--skillgroup:where([sf~="180"]) { animation-name: skillgroup-reveal; animation-duration: 0.5s; animation-timing-function: ease-in-out; }
.card__main .card__main__lower:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.35), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.35; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 0px; --mgr: 10px; --mgb: 0px; --mgl: 10px; }
.card__main .card__main__lower .card__player-name:where([sf~="180"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.card__main .card__main__lower .card__player-name p-label:where([sf~="180"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; --text-shrink-min:  16px ; text-overflow: ellipsis; white-space: nowrap; }
.card__main .card__main__lower .card__player-name #jsHonorIcon:where([sf~="180"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.card__main .card__main__lower .divider:where([sf~="180"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; border-bottom: 1px solid rgba(255, 255, 255, 0.209272); --mgt: 0px; }
.card__main .card__main__lower .card__accolade-container:where([sf~="180"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --vis-collapse: none; }
.card__main .card__main__lower .card__accolade-container .title:where([sf~="180"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 14px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; --text-shrink-min:  12px ; text-overflow: ellipsis; }
.card__main .card__main__lower .card__accolade-container .detail:where([sf~="180"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 5px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; --text-shrink-min:  12px ; text-overflow: ellipsis; }
.show-accolade .card__main .card__main__lower .card__accolade-container:where([sf~="180"]) { --vis-collapse: initial; }
.sliding-panel:where([sf~="180"]) { transform: translate3d( 100%, 0%,0px); opacity: 0; --op-pe: none; }
.sliding-panel.slide:where([sf~="180"]) { animation-name: slide; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; transform: translate3d( 0%, 0%,0px); opacity: 1; --op-pe: inherit; }
@keyframes slide {
0% { --brightness: 0; opacity: 0; --op-pe: none; transform: translate3d( 100%, 0%,0px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { transform: translate3d( 0%, 0%,0px); --brightness: 4; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes best {
0% { --brightness: 0; opacity: 0; --op-pe: none; transform: translate3d( 100%, 0%,0px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { transform: translate3d( 0%, 0%,0px); --brightness: 4; opacity: 1; --op-pe: inherit; text-shadow: none; color: white; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
51% { color: yellow; text-shadow: 0px 0px 5% #fdffb3, 0px 0px 5% #fdffb3; }
100% { color: yellow; text-shadow: 0px 0px 3% yellow; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes skillgroup-pulse {
0% { --brightness: 10; opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
@keyframes skillgroup-reveal {
0% { --brightness: 10; opacity: 0; --op-pe: none; transform: scale3d( 1.3,1.3,1.3); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; opacity: 1; --op-pe: inherit; transform: scale3d(1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/popups/pet_book_page_styles.css */
.pb-page.pb-page--intro:where([sf~="181"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.pb-page.pb-page--intro .pb-page__title-image:where([sf~="181"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 92px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 92px; --mgt: 24px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-page.pb-page--intro .pb-slot.pb-slot--filled:where([sf~="181"]) { border: 4px solid White; --bdln: 4; --bdrn: 4; }
.pb-page.pb-page--intro .pb-page--background-tiled:where([sf~="181"]) { --bgc: rgb(214, 204, 182); --bg-grad: none; --bg-img: url("/panorama/images/pet_book/flower.webp"); --bg-img-opacity: .5; --bg-img-own: none; --bg-size: 50%; --bg-w: 0px; }
.pb-page.pb-page--intro .pb-page--background-tiled:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--feet:where([sf~="181"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.pb-page.pb-page--feet .pb-page--feet__row:where([sf~="181"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 12px; --pdr: 12px; --pdb: 0px; --pdl: 12px; --pdrn: 12; --pdln: 12; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-page.pb-page--feet .pb-slot--quad:where([sf~="181"]) { border-radius: 16px; }
.pb-page.pb-page--feet .pb-slot---feet-text:where([sf~="181"]) { --bgc: rgb(184, 173, 142); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-img: url("/panorama/images/pet_book/cracked_egg.svg"); --bg-img-opacity: .1; --bg-img-own: none; --bg-size: auto 30%; --bg-w: 0px; --bg-rep: repeat; --bg-pos: 50% 50%; }
.pb-page.pb-page--feet .pb-slot---feet-text:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--feet .pb-page__paragraph:where([sf~="181"]) { text-align: center; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.pb-page.pb-page--feet .pb-page--background-tiled:where([sf~="181"]) { --bgc: rgb(214, 204, 182); --bg-grad: none; --bg-img: url("/panorama/images/pet_book/flower.webp"); --bg-img-opacity: .5; --bg-img-own: none; --bg-size: 50%; --bg-w: 0px; }
.pb-page.pb-page--feet .pb-page--background-tiled:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--early-days:where([sf~="181"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.pb-page.pb-page--early-days .pb-page__title-image:where([sf~="181"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; --contrast: -1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pb-page.pb-page--early-days .pb-page__paragraph:where([sf~="181"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: white; --pdt: 8px; --pdr: 24px; --pdb: 32px; --pdl: 24px; --pdrn: 24; --pdln: 24; }
.pb-page.pb-page--early-days .pb-page--early-days-text-container:where([sf~="181"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.520248) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.pb-page.pb-page--park:where([sf~="181"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.pb-page.pb-page--park .pb-slot:where([sf~="181"]) { --mgt: 64px; }
.pb-page.pb-page--park .pb-slot.pb-slot--filled:where([sf~="181"]) { border: 8px solid White; --bdln: 8; --bdrn: 8; }
.pb-page.pb-page--park .pb-page--park-leaves:where([sf~="181"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --brightness: .5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pb-page.pb-page--park .pb-page--park-background:where([sf~="181"]) { --bg-grad: linear-gradient(180deg, rgba(245, 245, 245, 0.778964) 0%, rgba(99, 114, 82, 0.866753) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.pb-page.pb-page--park .pb-page--background-tiled:where([sf~="181"]) { --bg-img: url("/panorama/images/pet_book/leaves_tile.webp"); --bg-img-opacity: .5; --bg-img-own: none; --bg-size: 25%; --bg-w: 0px; }
.pb-page.pb-page--park .pb-page--background-tiled:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--park .pb-page__paragraph:where([sf~="181"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdt: 8px; --pdr: 24px; --pdb: 32px; --pdl: 24px; --pdrn: 24; --pdln: 24; }
.pb-page.pb-page--park .pb-page__title-image:where([sf~="181"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 48px; height: 96px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 96px; }
.pb-page.pb-page--teen-start:where([sf~="181"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.pb-page.pb-page--teen-start .pb-page--background-tiled:where([sf~="181"]) { --bgc: rgba(134, 147, 165, 0.626256); --bg-grad: none; --bg-img: url("/panorama/images/pet_book/weapons_tile.webp"); --bg-img-opacity: .5; --bg-img-own: none; --bg-size: 25%; --bg-w: 0px; }
.pb-page.pb-page--teen-start .pb-page--background-tiled:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--teen-start .pb-slot--full:where([sf~="181"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 64px; }
.pb-page.pb-page--teen-start .pb-page__title-box:where([sf~="181"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 32px; }
.pb-page.pb-page--teen-start .pb-page__title-box .pb-page__title-image:where([sf~="181"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-page.pb-page--teen-start .pb-page__border-image:where([sf~="181"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; --mgt: 490px; z-index: 2; }
.pb-page.pb-page--teen-start .kk-c-pb-page__border-image:has(> .pb-page__border-image:where([sf~="181"]):not([pvis="0"])), .pb-page.pb-page--teen-start.kk-c-pb-page__border-image:has(> .pb-page__border-image:where([sf~="181"]):not([pvis="0"])) { isolation: isolate; }
.pb-page.pb-page--teen-start .pb-page__paragraph:where([sf~="181"]) { color: black; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 460px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 460px; --mgt: 460px; line-height: 18px; --bgc: rgba(216, 224, 226, 0.742623); --bg-grad: none; border-radius: 12px; }
.pb-page.pb-page--teen-trip:where([sf~="181"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.pb-page.pb-page--teen-trip .pb-page__title-box:where([sf~="181"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.pb-page.pb-page--teen-trip .pb-page__title-box .pb-page__title-image:where([sf~="181"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 16px; --mgr: 8px; height: 140px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 140px; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; transform: rotateZ(10deg); }
.pb-page.pb-page--teen-trip .pb-page__trip2-title-image:where([sf~="181"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 0.55), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; }
.pb-page.pb-page--teen-trip .pb-slot:where([sf~="181"]) { width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; transform: rotateZ(0deg); --mgt: 60px; --mgl: 40px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.pb-page.pb-page--teen-trip .pb-slot.pb-slot--filled:where([sf~="181"]) { border: 8px solid rgb(243, 239, 239); --bdln: 8; --bdrn: 8; border-bottom: 60px solid rgb(243, 239, 239); border-top: 20px solid rgb(243, 239, 239); transform: rotateZ(-2deg); box-shadow: 0px 0px 16px 10.666667px rgb(0 0 0 / 0.477); --bg-fill: rgb(0 0 0 / 0.477); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.pb-page.pb-page--teen-trip .pb-slot.pb-slot--filled.trip2:where([sf~="181"]) { transform: rotateZ(2deg); }
.pb-page.pb-page--teen-trip .pb-slot.trip2:where([sf~="181"]) { --mgt: 0px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-page.pb-page--teen-trip .pb-page--background:where([sf~="181"]) { --bgc: rgb(214, 204, 182); --bg-grad: none; --bg-img: url("/panorama/images/pet_book/map.webp"); --bg-img-opacity: 1; --bg-img-own: none; --bg-size: auto; --bg-w: 0px; }
.pb-page.pb-page--teen-trip .pb-page--background:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--teen-trip .pb-page--background.map2:where([sf~="181"]) { --bg-img: url("/panorama/images/pet_book/map2.webp"); --bg-size: 101%; --bg-w: 0px; }
.pb-page.pb-page--teen-trip .pb-page__paragraph:where([sf~="181"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); line-height: normal; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; text-overflow: ellipsis; color: white; }
.pb-page.pb-page--birthday:where([sf~="181"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.pb-page.pb-page--birthday .pb-page--background-tiled:where([sf~="181"]) { --bgc: #CDAAAB; --bg-grad: none; --bg-img: url("/panorama/images/pet_book/lines_tile.webp"); --bg-img-opacity: .2; --bg-img-own: none; --bg-size: 25%; --bg-w: 0px; }
.pb-page.pb-page--birthday .pb-page--background-tiled:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--birthday .ballons:where([sf~="181"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --img-shadow: drop-shadow(2px 2px 4px color-mix(in srgb, rgb(0 0 0 / 0.498) 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pb-page.pb-page--birthday .ballon-right:where([sf~="181"]) { --img-shadow: drop-shadow(2px 2px 4px color-mix(in srgb, rgb(0 0 0 / 0.498) 45.45%, transparent)); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --brightness: .3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pb-page.pb-page--birthday .ballon-left:where([sf~="181"]) { --img-shadow: drop-shadow(2px 2px 4px color-mix(in srgb, rgb(0 0 0 / 0.498) 45.45%, transparent)); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --brightness: .3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pb-page.pb-page--birthday .pb-slot--full-page:where([sf~="181"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pb-page.pb-page--birthday .pb-page__paragraph:where([sf~="181"]) { color: #dbc3c4; font-weight: 500; text-shadow: 1px 1px 2px color-mix(in srgb, #311f1f 45.45%, transparent); line-height: 22px; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: clip; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 48px; width: min(calc((100% + var(--ppx)) * 0.72), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.pb-page.pb-page--adult-perch:where([sf~="181"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.pb-page.pb-page--adult-perch .pb-page--background:where([sf~="181"]) { --bgc: #7e644d; --bg-grad: none; --bg-img: url("/panorama/images/pet_book/paper_wanted.webp"); --bg-img-opacity: 1; --bg-img-own: none; --bg-size: 118% 110%; --bg-w: 0px; --bg-pos: 63% 50%; }
.pb-page.pb-page--adult-perch .pb-page--background:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--adult-perch .pb-page__title-image:where([sf~="181"]) { --mgt: 32px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; z-index: 2; }
.pb-page.pb-page--adult-perch .kk-c-pb-page__title-image:has(> .pb-page__title-image:where([sf~="181"]):not([pvis="0"])), .pb-page.pb-page--adult-perch.kk-c-pb-page__title-image:has(> .pb-page__title-image:where([sf~="181"]):not([pvis="0"])) { isolation: isolate; }
.pb-page.pb-page--adult-perch .pb-slot--full:where([sf~="181"]) { --mgt: 164px; width: 380px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 380px; height: 380px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 380px; animation-name: pano-vpct; }
.pb-page.pb-page--adult-perch .pb-slot--full.pb-slot--filled:not(:hover):where([sf~="181"]) { mask-image: url("/panorama/images/pet_book/paper_wanted_mask.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.pb-page.pb-page--adult-perch .pb-page__paragraph-container:where([sf~="181"]) { --mgt: 550px; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pb-page.pb-page--adult-perch .pb-page__paragraph-container .pb-page__paragraph:where([sf~="181"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; color: rgba(0, 0, 0, 0.678569); font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; }
.pb-page.pb-page--adult-perch .pb-page__line:where([sf~="181"]) { width: 380px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 380px; --mgt: 540px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-page.pb-page--adult-tricks:where([sf~="181"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.pb-page.pb-page--adult-tricks .pb-page--background:where([sf~="181"]) { --bgc: #c9b743; --bg-grad: none; }
.pb-page.pb-page--adult-tricks .pb-page__title-image:where([sf~="181"]) { --mgb: 80px; width: 460px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 460px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.pb-page.pb-page--adult-tricks .pb-slot--full:where([sf~="181"]) { --mgt: 12px; width: 530px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 530px; height: 530px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 530px; animation-name: pano-vpct; }
.pb-page.pb-page--adult-tricks .pb-slot--full.pb-slot--filled:not(:hover):where([sf~="181"]) { border: 3px solid rgb(109, 23, 23); --bdln: 3; --bdrn: 3; border-radius: 5px; }
.pb-page.pb-page--adult-tricks .pb-page__poster:where([sf~="181"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1.2), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1.2; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.696476; --op-pe: inherit; }
.pb-page.pb-page--adult-tricks .pb-page__paragraph-container:where([sf~="181"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 8px; }
.pb-page.pb-page--adult-tricks .pb-page__paragraph:where([sf~="181"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; color: rgb(211, 33, 33); }
.pb-page.pb-page--adult-tricks .pb-page__paragraph.pb-page__billing:where([sf~="181"]) { color: white; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.pb-page.pb-page--adult-tricks .pb-page__paragraph.pb-page__credits:where([sf~="181"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 2px; line-height: 12px; --pdb: 0px; color: white; }
.pb-page.pb-page--adult-tricks .pb-page__paragraph.pb-page__tagline:where([sf~="181"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: 30px; --mgr: 0px; --mgb: 0px; --mgl: 22px; text-align: center; color: rgb(230, 230, 230); text-shadow: 2px 2px 4px #000000, 2px 2px 4px #000000, 2px 2px 4px color-mix(in srgb, #000000 63.61%, transparent); }
.pb-page.pb-page--adult-tricks .pb-page__paragraph.pb-page__disclaimer:where([sf~="181"]) { color: white; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.pb-page.pb-page--adult-tricks .pb-page__name:where([sf~="181"]) { color: rgb(211, 33, 33); }
.pb-page.pb-page--adult-close:where([sf~="181"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.pb-page.pb-page--adult-close .pb-page--frame:where([sf~="181"]) { width: min(calc((100% + var(--ppx)) * 0.95), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.95), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.95; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY(-18px); }
.pb-page.pb-page--adult-close .pb-page--background:where([sf~="181"]) { --bgc: #423015; --bg-grad: none; --bg-img: url("/panorama/images/pet_book/weapons_tile.webp"); --bg-img-opacity: .1; --bg-img-own: none; --bg-size: 25%; --bg-w: 0px; --bg-rep: repeat; }
.pb-page.pb-page--adult-close .pb-page--background:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--adult-close .pb-slot--full:where([sf~="181"]) { --mgt: 12px; width: min(calc((100% + var(--ppx)) * 0.63), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.68), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.68; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform: translateY(-28px); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-page.pb-page--adult-close .pb-slot--full.pb-slot--filled:where([sf~="181"]) { mask-image: url("/panorama/images/pet_book/oval_mask.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.pb-page.pb-page--adult-close .pb-slot__frame-btn:where([sf~="181"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pb-page.pb-page--adult-close .pb-page__paragraph:where([sf~="181"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: min(calc((100% + var(--ppx)) * 0.88), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgb: 24px; color: rgb(212, 212, 210); --text-shrink: 1; --text-shrink-min: 10px; }
.pb-page.pb-page--adult-close .pb-page--text-frame:where([sf~="181"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 36px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 36px; --mgb: 16px; }
.pb-page__icon:where([sf~="181"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; transform: translateY(-3px); }
.pb-page.pb-page--free:where([sf~="181"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; }
.pb-page.pb-page--free .pb-free-group:where([sf~="181"]) { width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; height: 538px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 538px; animation-name: pano-vpct; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.pb-page.pb-page--free .pb-free-slot--whole:where([sf~="181"]) { width: 504px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 504px; height: 530px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 530px; animation-name: pano-vpct; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.pb-page.pb-page--free .pb-free-slot--wide:where([sf~="181"]) { width: 504px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 504px; height: 261px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 261px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.pb-page.pb-page--free .pb-free-slot--cell:where([sf~="181"]) { width: 246px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 246px; height: 261px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 261px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.pb-page.pb-page--free .pb-free-strip:where([sf~="181"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; z-index: 2; --bgc: rgba(0, 0, 0, 0.242547); --bg-grad: none; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; border-radius: 5px; }
.pb-page.pb-page--free .kk-c-pb-free-strip:has(> .pb-free-strip:where([sf~="181"]):not([pvis="0"])), .pb-page.pb-page--free.kk-c-pb-free-strip:has(> .pb-free-strip:where([sf~="181"]):not([pvis="0"])) { isolation: isolate; }
.pb-page.pb-page--brave-c4:where([sf~="181"]), .pb-page.pb-page--brave-taser:where([sf~="181"]), .pb-page.pb-page--brave-fire:where([sf~="181"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.pb-page.pb-page--brave-c4 .pb-page--background-tiled:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page--background-tiled:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page--background-tiled:where([sf~="181"]) { --bgc: rgb(214, 204, 182); --bg-grad: none; --bg-img: url("/panorama/images/pet_book/incedent_report.webp"); --bg-img-opacity: 1; --bg-img-own: none; --bg-size: cover; --bg-w: 0px; }
.pb-page.pb-page--brave-c4 .pb-page--background-tiled:where([sf~="181"]):not([tint])::before, .pb-page.pb-page--brave-taser .pb-page--background-tiled:where([sf~="181"]):not([tint])::before, .pb-page.pb-page--brave-fire .pb-page--background-tiled:where([sf~="181"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.pb-page.pb-page--brave-c4 .pb-page__title-image:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__title-image:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__title-image:where([sf~="181"]) { height: 380px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 380px; animation-name: pano-vpct; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 60px; border: 8px solid rgb(236, 234, 218); --bdln: 8; --bdrn: 8; transform: rotateZ(2deg); }
.pb-page.pb-page--brave-c4 .pb-page__report-title:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__report-title:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__report-title:where([sf~="181"]) { color: black; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.pb-page.pb-page--brave-c4 .pb-page__report-title.left:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__report-title.left:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__report-title.left:where([sf~="181"]) { --mgt: 110px; --mgl: 40px; }
.pb-page.pb-page--brave-c4 .pb-page__report-title.middle:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__report-title.middle:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__report-title.middle:where([sf~="181"]) { --mgt: 110px; --mgl: 200px; }
.pb-page.pb-page--brave-c4 .pb-page__report-title.right:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__report-title.right:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__report-title.right:where([sf~="181"]) { --mgt: 110px; --mgl: 380px; }
.pb-page.pb-page--brave-c4 .pb-page__report-info:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__report-info:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__report-info:where([sf~="181"]) { color: black; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.pb-page.pb-page--brave-c4 .pb-page__report-info.left:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__report-info.left:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__report-info.left:where([sf~="181"]) { --mgt: 130px; --mgl: 40px; }
.pb-page.pb-page--brave-c4 .pb-page__report-info.middle:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__report-info.middle:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__report-info.middle:where([sf~="181"]) { --mgt: 130px; --mgl: 200px; }
.pb-page.pb-page--brave-c4 .pb-page__report-info.right:where([sf~="181"]), .pb-page.pb-page--brave-taser .pb-page__report-info.right:where([sf~="181"]), .pb-page.pb-page--brave-fire .pb-page__report-info.right:where([sf~="181"]) { --mgt: 130px; --mgl: 380px; }
.pb-page.pb-page--brave-taser .pb-page__title-image:where([sf~="181"]) { transform: rotateZ(-2deg); }
.pb-page.pb-page--brave-fire .pb-page__title-image:where([sf~="181"]) { transform: rotateZ(1deg); }
/* styles/popups/popup_acknowledge_xpgrant.css */
p-csgodelayloadpanel:where([sf~="182"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
p-csgodelayloadpanel.Offscreen:where([sf~="182"]) { opacity: 0; --op-pe: none; }
.PopupPanel.popup-acknowledge:where([sf~="182"]) { width: 1080px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1080px; max-width: 1080px; --maxw: 1080px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdb: 0px; }
.popup__rarity-bar:where([sf~="182"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(180deg, white 0%, rgba(175, 175, 175, 0.857159) 100%); --bgc: transparent; box-shadow: 0px 2px 3px 2px rgb(0 0 0 / 0.5); --bg-fill: rgb(0 0 0 / 0.5); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-acknowledge__item:where([sf~="182"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 0px; --mgb: 64px; --mgl: 0px; box-shadow: 0px 2px 3px 2px rgb(0 0 0 / 0.493); --bg-fill: rgb(0 0 0 / 0.493); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transform: translateX( 0px ); transition-property: transform, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-acknowledge__item__model:where([sf~="182"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 512px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 512px; animation-name: pano-vpct; }
.popup-acknowledge__item__image:where([sf~="182"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 130 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 384px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 384px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 64px; --mgr: 0px; --mgb: 64px; --mgl: 0px; }
.player-card-xp:where([sf~="182"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 64px; --mgr: 64px; --mgb: 64px; --mgl: 64px; }
.player-card-xp__icon:where([sf~="182"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.player-card__text-subtitle:where([sf~="182"]) { --mgt: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; max-height: 20px; width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; color: white; text-shadow: 1px 1px 2px color-mix(in srgb, #000000 45.45%, transparent); text-overflow: ellipsis; }
.popup-acknowledge__info-block:where([sf~="182"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgl: 96px; --mgb: 32px; transition-property: opacity, transform; transition-duration: .5s, .5s; transition-timing-function: ease-in, ease-in; }
.popup-acknowledge__info__title:where([sf~="182"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(141, 141, 141); text-align: center; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-shadow: 0px 0px 0px #535353; text-transform: uppercase; --mgt: 32px; --mgr: 0px; --mgb: 0px; --mgl: 96px; }
.popup-acknowledge__info__itemname:where([sf~="182"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; font-weight: 700; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; white-space: normal; }
.popup-acknowledge__subtitle_seticon:where([sf~="182"]) { height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 130 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-acknowledge .PopupButtonRow:where([sf~="182"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; }
.popup-acknowledge .PopupButton:where([sf~="182"]) { --mgt: 8px; }
/* styles/popups/popup_add_friend.css */
.PopupPanel:where([sf~="183"]) { max-width: 900px; --maxw: 900px; }
.popup-addfriend-entry:where([sf~="183"]) { --mgl: 28px; --mgb: 16px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.popup-addfriend-entry p-textentry:where([sf~="183"]) { text-transform: uppercase; }
.popup-addfriend-entry.any-case p-textentry:where([sf~="183"]) { text-transform: none; }
.popup-addfriend-icon:where([sf~="183"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #3E3E3E; --wash-filter: url(#w-3e3e3e); --mgr: 16px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-addfriend-icon.hidden:where([sf~="183"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .5s; transition-timing-function: ease-in-out; }
.PopupMessage:where([sf~="183"]) { max-width: 520px; --maxw: 520px; max-height: 68px; text-overflow: ellipsis; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.hidden:where([sf~="183"]) { opacity: 0; --op-pe: none; }
.validiation-icon:where([sf~="183"]) { opacity: 0.14043; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; }
.valid.validiation-icon:where([sf~="183"]) { opacity: 1; --op-pe: inherit; }
/* styles/popups/popup_choices.css */
.PopupPanel:where([sf~="184"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; }
.popup-choices:where([sf~="184"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgl: 20px; --mgr: 20px; }
.popup-choices p-csgoavatarimage :is(p-image, :where(img[pimg])):where([sf~="184"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.popup-map-vote #ChoicesContainer p-button p-label:where([sf~="184"]) { text-transform: none; }
.popup-choices:where([sf~="184"]) { color: black; }
/* styles/popups/popup_commend_player.css */
.PopupPanel:where([sf~="185"]) { width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
/* styles/popups/popup_confirm_picks.css */
.PopupPanel:where([sf~="186"]) { width: 920px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 920px; max-width: 920px; --maxw: 920px; --sound: "UIPanorama.ui_custom_lobby_dialog_slide"; }
.PopupPanel.apply-immediate:where([sf~="186"]) { width: 720px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 720px; max-width: 720px; --maxw: 720px; }
.popup-confirm-picks-icons-container:where([sf~="186"]), .popup-confirm-appy-immediate-container:where([sf~="186"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; --pdt: 16px; --bgc: rgba(2, 37, 15, 0.264298); --bg-grad: none; }
.popup-confirm-appy-immediate-container:where([sf~="186"]) { --vis-collapse: none; --bgc: transparent; --bg-grad: none; }
.popup-confirm-picks-icons-container.teams:where([sf~="186"]) { --mgt: 16px; --pdb: 16px; --bgc: rgba(39, 25, 0, 0.211538); --bg-grad: none; }
.popup-confirm-picks-icons:where([sf~="186"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; --pdt: 0px; --pdr: 32px; --pdb: 0px; --pdl: 32px; --pdrn: 32; --pdln: 32; }
.popup-confirm-picks-icons__stickers:where([sf~="186"]) { width: 112px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 112px; height: 112px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 112px; }
.popup-confirm-picks-icons__teams:where([sf~="186"]) { --mgt: 16px; --mgr: 16px; --mgb: 16px; --mgl: 16px; }
.popup-confirm-picks-warning:where([sf~="186"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: grey; }
.Spinner:where([sf~="186"]) { --mgr: 16px; }
.Spinner.hidden:where([sf~="186"]) { --vis-collapse: none; }
.PopupPanel.apply-immediate .popup-confirm-picks-icons-container:where([sf~="186"]), .PopupPanel.apply-immediate #id-popup-confrim-apply-btn:where([sf~="186"]) { --vis-collapse: none; }
.PopupPanel.apply-immediate .popup-confirm-appy-immediate-container:where([sf~="186"]) { --vis-collapse: initial; }
/* styles/popups/popup_confirm_workshop_download.css */
.details-container:where([sf~="187"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 0px; --mgr: 30px; --mgb: 0px; --mgl: 30px; --bgc: rgba(0, 0, 0, 0.1297); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.map-preview-image:where([sf~="187"]) { width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; height: 280px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 280px; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.map-details:where([sf~="187"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; min-height: 300px; --mh-set: 1; --mhp: 1; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.map-details-warning-text:where([sf~="187"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; max-width: 660px; --maxw: 660px; }
.map-details__statrow:where([sf~="187"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.mapstats-text:where([sf~="187"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; white-space: nowrap; font-weight: 300; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.mapname:where([sf~="187"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.name:where([sf~="187"]) { font-weight: 700; }
.value:where([sf~="187"]) { text-align: right; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
/* styles/popups/popup_container_open_confirm.css */
.popup-container-confirm:where([sf~="188"]) { width: 1200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1200px; border: 0px solid rgb(65, 65, 65); --bdln: 0; --bdrn: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: transparent; --bg-grad: none; }
.popup-container-confirm .popup-container-confirm-bg:where([sf~="188"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 64px; border-radius: 5px; box-shadow: 0px 0px 16px 12.666667px rgb(0 0 0 / 0.664); --bg-fill: rgb(0 0 0 / 0.664); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-pos: 20% 20%; --bg-img-opacity: .03; --bg-img-own: none; --bg-grad: linear-gradient(90deg, #1D6170 0%, #112429 100%); --bgc: transparent; }
.popup-container-confirm .popup-container-confirm-bg:where([sf~="188"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-container-confirm .confirm-image-container:where([sf~="188"]) { mask-image: url("/panorama/images/masks/top-bottom-fade-5.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --mgl: 32px; }
.popup-container-confirm .confirm-item-image:where([sf~="188"]) { width: 250px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 250px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --bgc: rgba(0, 0, 0, 0.004597); --bg-grad: none; }
.popup-container-confirm .confirm-item-image.confirm-item-image__reflection:where([sf~="188"]) { --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; transform: scale3d(1, -1, 1) skew(0deg, 20deg); --py: 20px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --blur: 2px; height: 256px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 256px; opacity: 0.696476; --op-pe: inherit; --brightness: 0.08; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.open-container .popup-container-confirm-bg:where([sf~="188"]) { --bg-grad: linear-gradient(90deg, #1e492c 0%, #112912 100%); --bgc: transparent; }
.confirm-body-text-container:where([sf~="188"]) { --mgt: 84px; --mgr: 16px; --mgb: 16px; --mgl: 300px; min-height: 120px; --mh-set: 1; --mhp: 1; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.confirm-body-text-container .confirm-body-text__title:where([sf~="188"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.confirm-body-text-container .confirm-body-text__warning:where([sf~="188"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.confirm-body-text-container .confirm-body-text__body:where([sf~="188"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 16px; --text-shrink: 1; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; }
.open-container .confirm-body-text-container .confirm-body-text__body:where([sf~="188"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.confirm-already-rented:where([sf~="188"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(26, 21, 1, 0.286693); --bg-grad: none; --pdt: 6px; --pdr: 12px; --pdb: 6px; --pdl: 12px; --pdrn: 12; --pdln: 12; border-radius: 3px; --vis-collapse: none; }
.confirm-already-rented .confirm-body-text__already-rented:where([sf~="188"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #b1af2d; }
.confirm-already-rented :is(p-image, :where(img[pimg])):where([sf~="188"]) { --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.show-already-rented .confirm-already-rented:where([sf~="188"]) { --vis-collapse: initial; }
.confirm-button-row:where([sf~="188"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; border-top: 1px solid rgba(255, 255, 255, 0.191479); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.confirm-button-row p-togglebutton:where([sf~="188"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 16px; zoom: 0.7; --uizi: 0.7; --zl: calc(var(--mgl) / 0.7); --zr: calc(var(--mgr) / 0.7); --zt: calc(var(--mgtv, var(--mgt)) / 0.7); --zb: calc(var(--mgbv, var(--mgb)) / 0.7); }
.confirm-button-row p-togglebutton p-label:where([sf~="188"]) { text-transform: none; font-weight: 500; }
.confirm-button-row .confirm-button-row__btns:where([sf~="188"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 16px; --mgt: 6px; --mgb: 6px; }
/* styles/popups/popup_custom_layout.css */
#popupimage:where([sf~="189"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
#Spinner:where([sf~="189"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --mgt: 10px; }
#Spinner.SpinnerVisible:where([sf~="189"]) { --vis-collapse: initial; }
#ProgressBar:where([sf~="189"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --mgt: 10px; }
#ProgressBar.ProgressBarVisible:where([sf~="189"]) { --vis-collapse: initial; }
.PopupPanel.NoMinWidth:where([sf~="189"]) { min-width: 0px; }
.HideTitle .PopupTitle:where([sf~="189"]) { --vis-collapse: none; }
.HideButtons .PopupButtonRow:where([sf~="189"]) { --vis-collapse: none; }
/* styles/popups/popup_directchallenge_steamgroups.css */
.clanlister:where([sf~="190"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); max-height: 400px; overflow-x: auto; overflow-y: auto; --ovx: scroll; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.PopupButton.clan-item:where([sf~="190"]) { --mgr: 20px; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; }
.PopupButton.clan-item-radiobutton p-label:where([sf~="190"]), .PopupButton.clan-item-radiobutton._selected p-label:where([sf~="190"]) { color: White; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: left; text-transform: none; font-weight: 500; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 8px; --mgr: 12px; --mgb: 8px; --mgl: 12px; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; text-overflow: ellipsis; max-height: 22px; }
.PopupButton.clan-item-radiobutton :is(p-image, :where(img[pimg])):where([sf~="190"]), .PopupButton.clan-item-radiobutton._selected :is(p-image, :where(img[pimg])):where([sf~="190"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.PopupButton.clan-item-radiobutton .RadioBox:where([sf~="190"]) { --vis-collapse: none; }
.PopupButton.clan-item-radiobutton:hover:where([sf~="190"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; }
.PopupButton.clan-item-radiobutton._selected:where([sf~="190"]), .PopupButton.clan-item-radiobutton._selected:hover:where([sf~="190"]) { --bgc: rgba(255, 255, 255, 0.895083); --bg-grad: none; }
.PopupButton.clan-item-radiobutton._selected p-label:where([sf~="190"]), .PopupButton.clan-item-radiobutton._selected:hover p-label:where([sf~="190"]) { color: black; }
.PopupButton.clan-item-radiobutton:where([sf~="190"]), .PopupButton.clan-item-radiobutton:not(._disabled)._focus:where([sf~="190"]) { transition-property: --bgc; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.clan-item__avatar:where([sf~="190"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; border: 1px solid black; --bdln: 1; --bdrn: 1; --mgl: 2px; }
/* styles/popups/popup_generic_dropdown.css */
.DropdownContainer:where([sf~="191"]) { --mgt: 30px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.DropdownContainer .MessagePanel:where([sf~="191"]) { --mgr: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.DropdownContainer .MessageLabel:where([sf~="191"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #FFFFFF; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-width: 400px; --maxw: 400px; text-align: center; }
.DropdownContainer #DropDown:where([sf~="191"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.DropdownContainer #DropDown p-label:where([sf~="191"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
/* styles/popups/popup_generic_text_entry.css */
.MessagePanel:where([sf~="192"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.MessageLabel:where([sf~="192"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --wash-color: #3E3E3E; --wash-filter: url(#w-3e3e3e); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-width: 400px; --maxw: 400px; text-align: center; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.PopupPanel.EconItemIconEnabled .MessageLabel:where([sf~="192"]) { text-align: left; }
.ImageContainer:where([sf~="192"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#TextEntry:where([sf~="192"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 24px; --pdl: 32px; --pdln: 32; --pdr: 32px; --pdrn: 32; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.PopupPanel.Multiline #TextEntry:where([sf~="192"]) { height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; white-space: normal; }
#EconItemImage:where([sf~="192"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --mgr: 15px; --vis-collapse: none; }
.PopupPanel.EconItemIconEnabled #EconItemImage:where([sf~="192"]) { --vis-collapse: initial; }
#HeroImage:where([sf~="192"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; --mgr: 15px; --vis-collapse: none; }
.PopupPanel.HeroIconEnabled #HeroImage:where([sf~="192"]) { --vis-collapse: initial; }
@keyframes DelayedFadeOpacityIn {
0% { opacity: 0; --op-pe: none; }
80% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
.DelayedButtons #ButtonContainer:where([sf~="192"]) { animation-name: DelayedFadeOpacityIn; animation-duration: 2.5s; animation-timing-function: ease-in; animation-iteration-count: 1; }
/* styles/popups/popup_hud_edge_positions.css */
.hud_edge_positions:where([sf~="193"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --px: 0px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; min-width: 0px; opacity: 0.862912; --op-pe: inherit; --bgc: black; --bg-grad: none; border: 2px solid white; --bdln: 2; --bdrn: 2; border-radius: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.hud_edge_button_container:where([sf~="193"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.hud_edge_button_container p-label:where([sf~="193"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.hud_edge:where([sf~="193"]) { opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.hud_edge.Hidden:where([sf~="193"]) { opacity: 0; --op-pe: none; }
.hud_edge_button_title:where([sf~="193"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 20px; }
.hud_edge_button_type:where([sf~="193"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 20px; }
.hud_edge_slider_container:where([sf~="193"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
/* styles/popups/popup_leaderboard_namelock.css */
.PopupPanel:where([sf~="194"]) { max-width: 900px; --maxw: 900px; }
.popup-addfriend-entry:where([sf~="194"]) { --mgl: 28px; --mgb: 16px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.popup-addfriend-icon:where([sf~="194"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #3E3E3E; --wash-filter: url(#w-3e3e3e); --mgr: 16px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-addfriend-icon.hidden:where([sf~="194"]) { opacity: 0; --op-pe: none; --vis-collapse: none; transition-property: opacity; transition-duration: .5s; transition-timing-function: ease-in-out; }
.PopupMessage:where([sf~="194"]) { max-width: 520px; --maxw: 520px; max-height: 400px; text-overflow: ellipsis; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.hidden:where([sf~="194"]) { opacity: 0; --op-pe: none; }
.validiation-icon:where([sf~="194"]) { opacity: 0.14043; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; }
.valid.validiation-icon:where([sf~="194"]) { opacity: 1; --op-pe: inherit; }
.namelock-profilename:where([sf~="194"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 20px; }
.namelock-profilename p-label:where([sf~="194"]) { --pdt: 1px; --pdr: 1px; --pdb: 1px; --pdl: 1px; --pdrn: 1; --pdln: 1; text-transform: none; }
.TextSpan:where([sf~="194"]) { text-decoration: underline; color: lightgreen; }
.Spinner:where([sf~="194"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --py: 150px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --vis-collapse: none; }
.submitted .Spinner:where([sf~="194"]) { --vis-collapse: initial; }
.submitted #submit:where([sf~="194"]) { --vis-collapse: none; }
/* styles/popups/popup_leaderboards.css */
.PopupPanel:where([sf~="195"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; height: 820px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 820px; animation-name: pano-vpct; --pdb: 0px; }
.PopupPanel.major-24:where([sf~="195"]) { --bgc: transparent; --bg-grad: none; border: 0px solid black; --bdln: 0; --bdrn: 0; }
.PopupPanel.major-25:where([sf~="195"]) { border: 1px solid rgb(59, 45, 83); --bdln: 1; --bdrn: 1; }
.PopupPanel.major-25 p-label:where([sf~="195"]) { color: rgb(224, 190, 231); }
.popup-leaderboard-title-bar:where([sf~="195"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#id-popup-leaderboard-title:where([sf~="195"]) { --mgb: 0px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-id-popup-leaderboard-title:has(> #id-popup-leaderboard-title:where([sf~="195"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-id-popup-leaderboard-title:has(> #id-popup-leaderboard-title:where([sf~="195"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#id-popup-leaderboard-refresh-button.IconButton :is(p-image, :where(img[pimg])):where([sf~="195"]) { --wash-color: #CCCCCC; --wash-filter: url(#w-cccccc); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-popup-leaderboard-refresh-button:where([sf~="195"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --vis-collapse: none; }
.leaderboard_embedded #id-popup-leaderboard-refresh-button:where([sf~="195"]) { --vis-collapse: initial; }
.leaderboard_embedded .popup-leaderboard__bg:where([sf~="195"]) { --vis-collapse: none; }
.popup-leaderboard__bg:where([sf~="195"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --vis-collapse: none; }
.PopupButtonRow:where([sf~="195"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgt: 0px; --mgb: 0px; }
.popup-leaderboard__contents:where([sf~="195"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: .9; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.kk-c-popup-leaderboard__contents:has(> .popup-leaderboard__contents:where([sf~="195"]):not([pvis="0"])) { --kid-fill-h: 1; }
.popup-leaderboard__status:where([sf~="195"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: .9; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-popup-leaderboard__status:has(> .popup-leaderboard__status:where([sf~="195"]):not([pvis="0"])) { --kid-fill-h: 1; }
.popup-leaderboard__tabs:where([sf~="195"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.popup-leaderboard__contents .content-navbar:where([sf~="195"]) { --pdt: 0px; --pdr: 48px; --pdb: 0px; --pdl: 48px; --pdrn: 48; --pdln: 48; }
.popup-leaderboard__list:where([sf~="195"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-leaderboard__entries-container:where([sf~="195"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.popup-leaderboard__list__row:where([sf~="195"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 2px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-leaderboard__list__row:not(.header_row):Hover:where([sf~="195"]) { --brightness: 3; transform: scale3d(1.01, 1.01, 1.01 ); transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-leaderboard__list__column:where([sf~="195"]) { width: auto; --fw: 4; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --mgr: 2px; }
.kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column:where([sf~="195"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column:where([sf~="195"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-leaderboard__list__column.background:where([sf~="195"]) { --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; }
.major-25 .popup-leaderboard__list__column.background:where([sf~="195"]) { --bgc: rgba(60, 42, 70, 0.362439); --bg-grad: none; }
.local-player .popup-leaderboard__list__column:where([sf~="195"]) { --bgc: rgba(245, 245, 245, 0.176064); --bg-grad: none; }
.major-25 .local-player .popup-leaderboard__list__column:where([sf~="195"]) { --bgc: rgba(99, 75, 112, 0.421925); --bg-grad: none; }
.popup-leaderboard__list__column.rating:where([sf~="195"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; }
.popup-leaderboard__list__column.rating .rating-root:where([sf~="195"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.popup-leaderboard__list__column.rank:where([sf~="195"]) { width: auto; --fw: 2; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.rank:where([sf~="195"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.rank:where([sf~="195"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-leaderboard__list__column.itemimage:where([sf~="195"]) { width: auto; --fw: 1.5; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.itemimage:where([sf~="195"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.itemimage:where([sf~="195"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-leaderboard__list__column.name:where([sf~="195"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; --fw: 10; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.name:where([sf~="195"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.name:where([sf~="195"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.hide-global-rank .popup-leaderboard__list__column.rank:where([sf~="195"]) { --vis-collapse: none; }
.popup-leaderboard__list__column__title:where([sf~="195"]) { --pdl: 8px; --pdln: 8; font-weight: 500; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; text-overflow: ellipsis; }
.popup-leaderboard__list__column__title.faded:where([sf~="195"]) { opacity: 0.696476; --op-pe: inherit; }
.popup-leaderboard__list__column__title.rank:where([sf~="195"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; font-weight: 300; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-leaderboard__list__column.score:where([sf~="195"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --pdr: 20px; --pdrn: 20; }
.header_row .popup-leaderboard__list__column.score:where([sf~="195"]) { --pdr: 8px; --pdrn: 8; }
.popup-leaderboard__list__column.itemimage:where([sf~="195"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.popup-leaderboard__list__column.itemimage p-itemimage:where([sf~="195"]) { --pdt: 1px; --pdr: 1px; --pdb: 1px; --pdl: 1px; --pdrn: 1; --pdln: 1; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 132 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.popup-leaderboard__status.hidden:where([sf~="195"]), .popup-leaderboard__list.hidden:where([sf~="195"]), #id-popup-leaderboard-navbar.hidden:where([sf~="195"]) { --vis-collapse: none; opacity: 0; --op-pe: none; }
.popup-leaderboard__name-entry:where([sf~="195"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 8px; --pdln: 8; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#popup-leaderboard-entry-name:where([sf~="195"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; --text-shrink: 1; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.popup-leaderboard__name-entry__avatar:where([sf~="195"]) { width: 38px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 38px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; }
.PopupPanel.leaderboard_embedded.play_menu_survival:where([sf~="195"]) { --mgt: 24px; --mgr: 0px; --mgb: 16px; --mgl: 0px; height: 552px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 552px; animation-name: pano-vpct; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; border: 1px black; --bdln: 1; --bdrn: 1; box-shadow: 4px 0px 4px 6.666667px rgb(0 0 0 / 0.333333); --bg-fill: rgb(0 0 0 / 0.333333); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.leaderboard_embedded.play_menu_survival .popup-leaderboard__list__column.rank:where([sf~="195"]) { --vis-collapse: none; }
.leaderboard_embedded .PopupButtonRow:where([sf~="195"]) { --vis-collapse: none; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded:where([sf~="195"]) { --bgc: transparent; --bg-grad: none; border: 0px solid black; --bdln: 0; --bdrn: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; transition-duration: 0s; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; min-width: 0px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.map-selection-list--official-rush .kk-i-FriendLeaderboards:has(> #FriendLeaderboards.leaderboard_embedded:where([sf~="195"]):not([pvis="0"])), .map-selection-list--official-rush.kk-i-FriendLeaderboards:has(> #FriendLeaderboards.leaderboard_embedded:where([sf~="195"]):not([pvis="0"])) { --kid-fill-h: 1; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard-title-bar:where([sf~="195"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard-title-bar .PopupTitle:where([sf~="195"]) { width: 1000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1000px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Italic, 'Arial Unicode MS'; --c9: 0.9; text-transform: uppercase; color: white; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 4px; --pdr: 0px; --pdb: 0px; --pdl: 8px; --pdrn: 0; --pdln: 8; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --bg-size: 100% 100%; --bg-w: 0px; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard-title-bar #id-popup-leaderboard-refresh-button:where([sf~="195"]) { --vis-collapse: none; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__contents:where([sf~="195"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgb: 10px; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .kk-c-popup-leaderboard__contents:has(> .popup-leaderboard__contents:where([sf~="195"]):not([pvis="0"])), .map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded.kk-c-popup-leaderboard__contents:has(> .popup-leaderboard__contents:where([sf~="195"]):not([pvis="0"])) { --kid-fill-h: 1; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__list:where([sf~="195"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__list__row:where([sf~="195"]) { --mgb: 0px; --pdr: 30px; --pdrn: 30; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__list__row:not(.header_row):Hover:where([sf~="195"]) { --brightness: 2; --bgc: #555555; --bg-grad: none; transform: scale3d( 1, 1, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__list__column:where([sf~="195"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__list__column.itemimage:where([sf~="195"]) { --vis-collapse: none; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .header_row .popup-leaderboard__list__column.score:where([sf~="195"]) { --pdl: 20px; --pdln: 20; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__list__column__title:where([sf~="195"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; max-height: 14px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 4px; --pdrn: 4; --pdln: 4; font-weight: 400; font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS'; --c9: 0.9; text-align: right; text-overflow: ellipsis; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__list__column.name .popup-leaderboard__list__column__title:where([sf~="195"]) { text-align: left; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .header_row .popup-leaderboard__list__column__title:where([sf~="195"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --pdl: 0px; --pdln: 0; font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .popup-leaderboard__name-entry__avatar:where([sf~="195"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded .local-player .popup-leaderboard__list__column__title:where([sf~="195"]) { color: gold; }
.map-selection-list--official-rush #FriendLeaderboards.leaderboard_embedded.Hidden:where([sf~="195"]) { --sound: none; scale: 1; transition-duration: 0s; }
.PopupPanel.major-hub-popup-leaderboard .PopupTitle:where([sf~="195"]) { letter-spacing: 4px; font-family: Stratum2 Light Condensed, "Arial Unicode MS"; --c9: 0.9; }
.popup-major-hub #id-leaderboard.leaderboard_embedded:where([sf~="195"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 145px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 145px; min-width: 300px; max-width: 300px; --maxw: 300px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 42px; --mgt: 8px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: transparent; --bg-grad: none; border: 0px solid white; --bdln: 0; --bdrn: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; zoom: 0.92; --uizi: 0.92; --zl: calc(var(--mgl) / 0.92); --zr: calc(var(--mgr) / 0.92); --zt: calc(var(--mgtv, var(--mgt)) / 0.92); --zb: calc(var(--mgbv, var(--mgb)) / 0.92); }
.major-24.popup-major-hub #id-leaderboard.leaderboard_embedded:where([sf~="195"]) { height: 155px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 155px; }
.major-25.popup-major-hub #id-leaderboard.leaderboard_embedded:where([sf~="195"]) { height: 155px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 155px; }
.popup-major-hub #id-leaderboard.leaderboard_embedded.leaderboard-has-nodata:where([sf~="195"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard-title-bar:where([sf~="195"]) { height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard-title-bar .PopupTitle:where([sf~="195"]) { --pdt: 1px; --pdr: 1px; --pdb: 1px; --pdl: 1px; --pdrn: 1; --pdln: 1; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 8px; font-weight: 400; text-transform: uppercase; color: white; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard-title-bar .IconButton:where([sf~="195"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents:where([sf~="195"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list:where([sf~="195"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .header_row:where([sf~="195"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__entries-container:where([sf~="195"]) { overflow-x: clip; overflow-y: clip; --ovx: clip; --ovy: clip; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: initial; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__row:Hover:where([sf~="195"]) { transform: scale3d( 1.0, 1.0, 1.0 ); }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .local-player .popup-leaderboard__list__column:where([sf~="195"]) { --bgc: rgba(245, 245, 245, 0.049636); --bg-grad: none; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column:where([sf~="195"]) { height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column.rank:where([sf~="195"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column.score:where([sf~="195"]) { width: auto; --fw: 2; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.score:where([sf~="195"]):not([pvis="0"])), .popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list.kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.score:where([sf~="195"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.score:where([sf~="195"]):not([pvis="0"]))::after, .popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list.kk-c-popup-leaderboard__list__column:has(> .popup-leaderboard__list__column.score:where([sf~="195"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__name-entry__avatar:where([sf~="195"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column__title:where([sf~="195"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; color: rgba(204, 204, 204, 1); }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column.itemimage p-itemimage:where([sf~="195"]) { --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 125 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column.background:where([sf~="195"]) { --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__status:where([sf~="195"]) { opacity: 0; --op-pe: none; --vis-collapse: none; }
.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__status .PopupMessage:where([sf~="195"]) { --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.major-24.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard-title-bar .PopupTitle:where([sf~="195"]) { color: rgb(48, 31, 6); font-family: Stratum2 Medium, "Arial Unicode MS"; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 0.800796; --op-pe: inherit; }
.major-24.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column.background:where([sf~="195"]) { --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; }
.major-24.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column__title:where([sf~="195"]) { color: rgb(48, 31, 6); }
.major-24.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__row:not(.header_row):Hover:where([sf~="195"]) { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__row:not(.header_row):Hover .popup-leaderboard__list__column.background:where([sf~="195"]) { --bgc: rgba(43, 34, 24, 0.138382); --bg-grad: none; }
.major-24.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents:where([sf~="195"]) { border: 4px solid rgba(92, 74, 36, 0.16067); --bdln: 4; --bdrn: 4; --pdt: 4px; --pdr: 0px; --pdb: 4px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.major-25.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column.background:where([sf~="195"]) { --bgc: rgba(39, 30, 53, 0.519687); --bg-grad: none; }
.major-25.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__column__title:where([sf~="195"]) { color: rgb(224, 190, 231); }
.major-25.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__row:not(.header_row):Hover:where([sf~="195"]) { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-25.popup-major-hub #id-leaderboard.leaderboard_embedded .popup-leaderboard__contents .popup-leaderboard__list .popup-leaderboard__list__row:not(.header_row):Hover .popup-leaderboard__list__column.background:where([sf~="195"]) { --bgc: rgba(51, 40, 70, 0.546349); --bg-grad: none; }
.major-24.PopupPanel.major-hub-popup-leaderboard .PopupTitle:where([sf~="195"]) { letter-spacing: 4px; font-family: Stratum2 medium Condensed, "Arial Unicode MS"; --c9: 0.9; --bgc: transparent; --bg-grad: none; }
.major-24 .popup-leaderboard__list__column__title:where([sf~="195"]) { opacity: 1; --op-pe: inherit; }
.major-24 .local-player .popup-leaderboard__list__column:where([sf~="195"]) { --bgc: rgba(245, 245, 245, 0.320963); --bg-grad: none; }
.major-24 p-label:where([sf~="195"]) { color: rgb(48, 31, 6); }
/* styles/popups/popup_mainmenu_overwatch_verdict.css */
.overwatch_verdict_desc:where([sf~="196"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 32px; --mgr: 64px; --mgb: 32px; --mgl: 64px; }
.overwatch_verdict_type_title:where([sf~="196"]) { --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --mgt: 32px; --mgr: 32px; --mgb: 0px; --mgl: 32px; }
.overwatch_verdict_type_subtitle:where([sf~="196"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --mgt: 32px; --mgr: 32px; --mgb: 0px; --mgl: 32px; }
.overwatch_verdict_type_desc:where([sf~="196"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 32px; --mgr: 32px; --mgb: 32px; --mgl: 32px; }
.overwatch-button-container:where([sf~="196"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.PopupButton.overwatch-button:where([sf~="196"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; --pdl: 32px; --pdln: 32; }
.kk-c-PopupButton:has(> .PopupButton.overwatch-button:where([sf~="196"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-PopupButton:has(> .PopupButton.overwatch-button:where([sf~="196"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.PopupButton.overwatch-button p-label:where([sf~="196"]) { text-align: left; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: rgba(255, 255, 255, 0.836909); }
.PopupButton.overwatch-button .RadioBox:where([sf~="196"]) { opacity: 0.616725; --op-pe: inherit; }
.PopupButton:hover p-label:where([sf~="196"]), .PopupButton._selected p-label:where([sf~="196"]) { color: white; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.272225), 0px 0px 10px rgba(255, 255, 255, 0.272225); }
.PopupButton:hover .RadioBox:where([sf~="196"]), .PopupButton._selected .RadioBox:where([sf~="196"]) { opacity: 1; --op-pe: inherit; }
#verdict_btn_not_guilty:where([sf~="196"]) { --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; }
#verdict_btn_not_guilty:hover:where([sf~="196"]), #verdict_btn_not_guilty._selected:where([sf~="196"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.536462) 1x; --bg-fill: initial; --bg-solid: initial; }
#verdict_btn_guilty:where([sf~="196"]) { --bgc: rgba(255, 0, 0, 0.032494); --bg-grad: none; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#verdict_btn_guilty:hover:where([sf~="196"]), #verdict_btn_guilty._selected:where([sf~="196"]) { --bgc: rgba(220, 0, 0, 0.164896); --bg-grad: none; box-shadow: inset 0px 0px 12px rgba(255, 0, 0, 0.288425) 1x; --bg-fill: initial; --bg-solid: initial; }
.overwatch-separator:where([sf~="196"]) { --mgt: 0px; --mgr: 64px; --mgb: 0px; --mgl: 64px; }
.overwatch-verdict-container:where([sf~="196"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.overwatch-verdict-background:where([sf~="196"]) { --mgt: 16px; --mgr: 64px; --mgb: 16px; --mgl: 64px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --bgc: rgba(0, 0, 0, 0.12479); --bg-grad: none; }
.kk-c-overwatch-verdict-background:has(> .overwatch-verdict-background:where([sf~="196"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-overwatch-verdict-background:has(> .overwatch-verdict-background:where([sf~="196"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.overwatch-verdict-popup:where([sf~="196"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; --mgt: 64px; --mgb: 64px; }
.content-navbar__seperator--partial:where([sf~="196"]) { --mgl: 32px; --mgr: 32px; }
.overwatch-verdict-popup p-label:where([sf~="196"]) { font-family: Stratum2; --c9: 0.9; }
/* styles/popups/popup_major_store_balance.css */
.major-store-balance-popup:where([sf~="197"]) { width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.major-store-balance-popup .PopupButtonRow:where([sf~="197"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.major-store-balance-popup__banner:where([sf~="197"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-size: 110% 301%; --bg-w: 0px; --bg-pos: top; --bg-rep: no-repeat; }
.major-26 .major-store-balance-popup__banner:where([sf~="197"]) { --bg-size: 120% 200%; --bg-w: 0px; --bg-pos: 50% 0px; }
.major-store-balance-popup__banner__content:where([sf~="197"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 32px; --pdr: 32px; --pdb: 32px; --pdl: 32px; --pdrn: 32; --pdln: 32; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(7, 71, 51, 0.522068) 100%); --bgc: transparent; }
.major-store-balance-popup__logo:where([sf~="197"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; }
.major-store-balance-popup__title:where([sf~="197"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 0px 0px 12px rgb(0 0 0 / 0.5), 0px 0px 12px color-mix(in srgb, rgb(0 0 0 / 0.5) 4.535%, transparent); color: rgb(226, 219, 176); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; letter-spacing: 1.5px; --fsz: 28; font-size: calc(max(1, round(nearest, 28 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; text-transform: uppercase; }
.major-store-balance-popup__balance.popup-major-store__top-bar__balance:where([sf~="197"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
.major-store-balance-popup__desc:where([sf~="197"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.55), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; text-align: center; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.major-store-balance-popup__button:where([sf~="197"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #0F9D58; --bg-grad: none; border-radius: 24px; --pdt: 5px; --pdr: 16px; --pdb: 5px; --pdl: 16px; --pdrn: 16; --pdln: 16; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.major-store-balance-popup__button p-label:where([sf~="197"]) { text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; transform: translateY( 1px); color: white; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-height: 20px; }
.major-store-balance-popup__button:hover:where([sf~="197"]) { --brightness: 1.4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/popups/popup_manager.css */
p-popupmanager:where([sf~="198"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
#DimBackground:where([sf~="198"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #000000; --bg-grad: none; opacity: 0.862912; --op-pe: inherit; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease-in; transition-delay: 0s; }
#DimBackground.Hidden:where([sf~="198"]) { opacity: 0; --op-pe: none; }
.QuickHidePopups #DimBackground:where([sf~="198"]) { transition-duration: 0.0s; }
.QuickHidePopups #BlurBackground:where([sf~="198"]) { transition-duration: 0.0s; }
#BlurBackground:where([sf~="198"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; transition-property: --bgc, opacity; transition-duration: 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out; }
#BlurBackground.Hidden:where([sf~="198"]) { opacity: 0; --op-pe: none; transition-property: --bgc, opacity; transition-duration: 0.3s, 0.3s; transition-timing-function: ease-in-out, ease-in-out; }
#BlurBackground:active:where([sf~="198"]) { --sound: "ui_settings_out_multi"; }
/* styles/popups/popup_permissions_settings.css */
.PopupPanel:where([sf~="199"]) { width: 1200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1200px; }
.PopupPanel--wide:where([sf~="199"]) { width: 1600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1600px; }
.popup-permissions-settings-block:where([sf~="199"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-permissions-settings:where([sf~="199"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.popup-permissions-settings--right:where([sf~="199"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.popup-permissions-settings--bg:where([sf~="199"]) { --bgc: rgba(0, 0, 0, 0.059773); --bg-grad: none; --pdb: 0px; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-permissions-settings.hidden:where([sf~="199"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-permissions-setting__inset:where([sf~="199"]) { --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-permissions-setting__inset.hidden:where([sf~="199"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-permissions-settings .PopupButton:where([sf~="199"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.popup-permissions-settings .PopupButton.Row.FillRemainingWidth:where([sf~="199"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.popup-permissions-settings .kk-c-PopupButton:has(> .PopupButton.Row.FillRemainingWidth:where([sf~="199"]):not([pvis="0"])), .popup-permissions-settings.kk-c-PopupButton:has(> .PopupButton.Row.FillRemainingWidth:where([sf~="199"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .popup-permissions-settings .kk-c-PopupButton:has(> .PopupButton.Row.FillRemainingWidth:where([sf~="199"]):not([pvis="0"]))::after, .popup-permissions-settings.kk-c-PopupButton:has(> .PopupButton.Row.FillRemainingWidth:where([sf~="199"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-permissions-setting__text:where([sf~="199"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 16px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(130, 130, 130, 1); opacity: 0.832484; --op-pe: inherit; }
/* styles/popups/popup_pet_event.css */
.PopupPanel:where([sf~="200"]) { transform: translateY(0px); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 100%; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: transparent; --bg-grad: none; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.PopupPanel.Hidden:where([sf~="200"]) { scale: 1; transition-property: transform, scale, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.pet-event-frame:where([sf~="200"]) { width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; --mgl: 530px; --mgb: 16px; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; border: 0px solid rgb(65, 65, 65); --bdln: 0; --bdrn: 0; transform: translateX( 90px ) translateY(640px) scale3d(.35, .35, .35); transition-property: transform; transition-duration: 0.35s; transition-timing-function: ease-in-out; }
.pet-event-frame .pet-event-model-container:where([sf~="200"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; border: 2px solid rgb(194, 194, 194); --bdln: 2; --bdrn: 2; border-radius: 50%; box-shadow: 0px 0px 16px 12.666667px rgb(0 0 0 / 0.5); --bg-fill: rgb(0 0 0 / 0.5); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --brightness; transition-duration: 0.35s; transition-timing-function: ease-in-out; }
.pet-event-frame .pet-event-model-container.dark:where([sf~="200"]) { --brightness: .4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pet-event-frame .pet-event-model-container.fade-black:where([sf~="200"]) { --brightness: 0; transition-property: --brightness; transition-duration: 3.0s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pet-event-frame.show:where([sf~="200"]) { transform: translateX( 0px ) translateY( 0px) scale3d(1, 1, 1); transition-property: transform; transition-duration: 0.35s; transition-timing-function: ease-in-out; }
.pet-event-white-fill:where([sf~="200"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.99492; --op-pe: inherit; --bgc: rgb(255, 255, 255); --bg-grad: none; z-index: 40; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease-in-out; }
.kk-c-pet-event-white-fill:has(> .pet-event-white-fill:where([sf~="200"]):not([pvis="0"])) { isolation: isolate; }
.pet-event-white-fill.hide-white:where([sf~="200"]) { opacity: 0; --op-pe: none; }
.pet-event-body-text-container:where([sf~="200"]) { min-height: 120px; --mh-set: 1; --mhp: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 64px; transition-property: opacity; transition-duration: 0.35s; transition-timing-function: ease-in-out; }
.pet-event-body-text-container.hide-text:where([sf~="200"]) { opacity: 0; --op-pe: none; }
.pet-event-body-text-container .pet-event-body-text__title:where([sf~="200"]) { --fsz: 36; font-size: calc(max(1, round(nearest, 36 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: black; text-shadow: 0px 0px 8px #aaaaaa; }
.pet-event-body-text-container .pet-event-body-text__body:where([sf~="200"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 0px; text-align: center; --text-shrink: 1; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; color: rgb(0, 0, 0); text-shadow: 0px 0px 8px #aaaaaa; }
.pet-event-button-row:where([sf~="200"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; transform: translateX( 256px ); }
.pet-event-button-row .pet-event-button-row__btns:where([sf~="200"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 16px; --mgt: 6px; --mgb: 6px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.pet-event-button-row .hide-btn:where([sf~="200"]) { --vis-collapse: none; }
#id-pet-event-continue-btn:where([sf~="200"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#id-pet-event-continue-btn.hide-btn:where([sf~="200"]) { opacity: 0; --op-pe: none; }
/* styles/popups/popup_pet_photobooth.css */
.PopupPanel:where([sf~="201"]) { transform: translateY(0px); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 100%; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: transparent; --bg-grad: none; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.PopupPanel.Hidden:where([sf~="201"]) { scale: 1; transition-property: transform, scale, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.photo-booth-blur-target:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.601004); --bg-grad: none; --blur: 48px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.photo-flash:where([sf~="201"]) { opacity: 1; --op-pe: inherit; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; --bgc: rgb(255, 255, 255); --bg-grad: none; z-index: 40; animation-name: photo-flash-anim; animation-duration: .5s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-fill-mode: forwards; }
.kk-c-photo-flash:has(> .photo-flash:where([sf~="201"]):not([pvis="0"])) { isolation: isolate; }
.photo-booth-safe-area:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; max-width: 1920px; --maxw: 1920px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 2; }
.kk-c-photo-booth-safe-area:has(> .photo-booth-safe-area:where([sf~="201"]):not([pvis="0"])) { isolation: isolate; }
.photo-booth-safe-area .photo-booth-buttons:where([sf~="201"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgr: 16px; --mgb: 22px; }
.photo-booth-safe-area .photo-booth-buttons .PopupButton:where([sf~="201"]) { --mgl: 12px; }
.photo-booth-panel:where([sf~="201"]) { --bgc: rgba(75, 75, 75, 0.506963); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; border-radius: 8px; }
.photo-booth-panel:where([sf~="201"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.photo-booth-camera-hint:where([sf~="201"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 24px; --pdt: 0px; --pdr: 24px; --pdb: 0px; --pdl: 24px; --pdrn: 24; --pdln: 24; z-index: 45; }
.kk-c-photo-booth-camera-hint:has(> .photo-booth-camera-hint:where([sf~="201"]):not([pvis="0"])) { isolation: isolate; }
.photo-booth-camera-hint .photo-booth-camera-hint__row:where([sf~="201"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 24px; }
.photo-booth-camera-hint .photo-booth-camera-hint__row:last-child:where([sf~="201"]) { --mgr: 0px; }
.photo-booth-camera-hint .photo-booth-camera-hint__icon:where([sf~="201"]) { height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 10px; }
.photo-booth-camera-hint .photo-booth-camera-hint__label:where([sf~="201"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(220, 220, 220); }
.photo-booth-frame:where([sf~="201"]) { width: 640px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 640px; height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --mgl: 0px; --mgb: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); box-shadow: none; --bg-fill: initial; --bg-solid: initial; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, max-width, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.photo-booth-ratio-16x9:where([sf~="201"]) { max-width: 1120px; --maxw: 1120px; width: 1120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1120px; height: 630px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 630px; animation-name: pano-vpct; }
.photo-booth-ratio-4x3:where([sf~="201"]) { max-width: 1195px; --maxw: 1195px; width: 1195px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1195px; height: 896px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 896px; animation-name: pano-vpct; --mgb: 20px; }
.photo-booth-ratio-5x4:where([sf~="201"]) { max-width: 1120px; --maxw: 1120px; width: 1120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1120px; height: 896px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 896px; animation-name: pano-vpct; --mgb: 20px; }
.photo-booth-ratio-9x16:where([sf~="201"]) { max-width: 484px; --maxw: 484px; width: 484px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 484px; height: 1020px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1020px; animation-name: pano-vpct; }
.photo-booth-ratio-3x4:where([sf~="201"]) { max-width: 765px; --maxw: 765px; width: 765px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 765px; height: 1020px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1020px; animation-name: pano-vpct; }
.photo-booth-ratio-4x5:where([sf~="201"]) { max-width: 816px; --maxw: 816px; width: 816px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 816px; height: 1020px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1020px; animation-name: pano-vpct; }
.photo-booth-ratio-1x1:where([sf~="201"]) { max-width: 896px; --maxw: 896px; width: 896px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 896px; height: 896px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 896px; animation-name: pano-vpct; --mgb: 20px; }
.photo-booth-model-container:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdl: 1px; --pdln: 1; box-shadow: 0px 0px 8px 7.333333px rgb(0 0 0 / 0.25); --bg-fill: rgb(0 0 0 / 0.25); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.photo-booth-overlay:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); --bgc: transparent; }
.photo-booth-grain:where([sf~="201"]) { opacity: 0; --op-pe: none; mix-blend-mode: screen; --s2-blend: additive; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/photobooth/photo_grain.webp"); --bg-rep: repeat; }
.photo-booth-grime:where([sf~="201"]) { opacity: 0; --op-pe: none; mix-blend-mode: normal; --s2-blend: normal; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/photobooth/photo_grime.webp"); --bg-rep: no-repeat; --bg-size: cover; --bg-w: 0px; --bg-pos: 50% 50%; }
.photo-booth-sticker-layer:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.pet-capturing .placed-sticker-container:hover:where([sf~="201"]) { border: 3px dashed rgba(255, 255, 255, 0); --bdln: 3; --bdrn: 3; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.pet-capturing .placed-sticker-container:hover .sticker-controls:where([sf~="201"]) { --vis-collapse: none; }
.placed-sticker-container:where([sf~="201"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; min-width: 72px; border: 3px dashed rgba(255, 255, 255, 0); --bdln: 3; --bdrn: 3; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.placed-sticker-container:hover:where([sf~="201"]) { border: 3px dashed white; --bdln: 3; --bdrn: 3; --bgc: rgba(0, 0, 0, 0.0655); --bg-grad: none; z-index: 2; }
.kk-c-placed-sticker-container:has(> .placed-sticker-container:hover:where([sf~="201"]):not([pvis="0"])) { isolation: isolate; }
.placed-sticker-container:hover .sticker-controls:where([sf~="201"]) { --vis-collapse: initial; }
.placed-sticker-container .sticker-controls:where([sf~="201"]) { --vis-collapse: none; --mgt: 12px; --mgr: 12px; --mgb: 12px; --mgl: 12px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.placed-sticker-container :is(p-slider, p-slottedslider, p-csgoframetimeslider, p-itempreviewslider, p-itempreviewcolorslider):where([sf~="201"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; }
.placed-sticker-container p-itemimage:where([sf~="201"]) { width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 73; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; transform-origin: 50% 50%; }
.photo-booth-controls:where([sf~="201"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --px: 24px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.photo-booth-controls .photo-booth-controls-row:where([sf~="201"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.photo-booth-controls .IconButton:where([sf~="201"]) { --tooltip-position: right; --mgt: 4px; --mgb: 4px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; box-shadow: none; --bg-fill: initial; --bg-solid: initial; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.photo-booth-controls .IconButton p-label:where([sf~="201"]) { --pdr: 8px; --pdrn: 8; --pdl: 8px; --pdln: 8; --mgl: 0px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(184, 181, 181); }
.photo-booth-controls .IconButton._selected p-label:where([sf~="201"]) { color: black; }
.photo-booth-controls .IconButton .icon-label-container:where([sf~="201"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.photo-booth-controls .IconButton :is(p-image, :where(img[pimg])):where([sf~="201"]) { --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; }
.photo-booth-controls #id-pet-setting-btn-grid:where([sf~="201"]) { --tooltip-position: top; }
.photo-booth-zoom-readout:where([sf~="201"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgb: 88px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgba(255, 255, 255, 0.965808); text-align: center; letter-spacing: 1px; }
.photo-booth-bottom-row:where([sf~="201"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgb: 24px; }
.photo-booth-bottom-row .photo-booth-sub-bar:where([sf~="201"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; transform: translateX(-70px); }
.photo-booth-bottom-row.photo-booth-bottom-row--right:where([sf~="201"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.photo-booth-bottom-row.photo-booth-bottom-row--right .photo-booth-sub-bar:where([sf~="201"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: translateX(70px); }
.photo-booth-bottom-row .IconButton :is(p-image, :where(img[pimg])):where([sf~="201"]) { height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; }
.photo-booth-bottom-row .photo-booth-activity__spinner:where([sf~="201"]) { width: 26px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 26px; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; }
.photo-booth-bottom-row .photo-booth-activity--busy :is(p-image, :where(img[pimg])):where([sf~="201"]) { opacity: 0.472624; --op-pe: inherit; }
.photo-booth-bottom-row .photo-booth-activity--busy .photo-booth-activity__spinner:where([sf~="201"]) { --vis-collapse: initial; }
.photo-booth-capture:where([sf~="201"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --vis-collapse: initial; --mgt: 0px; --mgr: 24px; --mgb: 0px; --mgl: 24px; width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 18px; transform: translateX(15px); }
.photo-booth-capture .photo-booth-take-photo-btn:where([sf~="201"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; border-radius: 50%; --tooltip-position: top; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; border: 1.5px solid rgba(255, 255, 255, 0.704269); --bdln: 1.5; --bdrn: 1.5; --bgc: rgba(255, 255, 255, 0.38135); --bg-grad: none; }
.photo-booth-capture .photo-booth-take-photo-btn .photo-booth-take-photo-btn__inner:where([sf~="201"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; border-radius: 50%; --bgc: white; --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.photo-booth-capture .photo-booth-take-photo-btn:active .photo-booth-take-photo-btn__inner:where([sf~="201"]) { height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; width: 40px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 40px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 50%; --bgc: white; --bg-grad: none; }
.photo-booth-timer-toggle:where([sf~="201"]) { --mgl: 2px; }
.photo-booth-timer-toggle .TickBox:where([sf~="201"]) { --vis-collapse: none; }
.photo-booth-timer-toggle._selected:where([sf~="201"]) { --wash-color: green; --wash-filter: url(#w-green); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.photo-booth-controls__separator:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.photo-booth-controls__separator.settings:where([sf~="201"]) { --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.photo-booth-settings:where([sf~="201"]) { --pdt: 8px; --pdr: 16px; --pdb: 8px; --pdl: 16px; --pdrn: 16; --pdln: 16; --vis-collapse: none; opacity: 0; --op-pe: none; transform: translateX( -20px ); z-index: 2; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgl: 104px; width: 196px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 196px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-photo-booth-settings:has(> .photo-booth-settings:where([sf~="201"]):not([pvis="0"])) { isolation: isolate; }
.photo-booth-settings.show:where([sf~="201"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; transform: translateX( 0px ); transition-property: opacity, transform; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out; }
.photo-booth-settings .photo-booth-settings__wallpapers:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --vis-collapse: none; }
.photo-booth-settings .photo-booth-settings__wallpapers.show:where([sf~="201"]) { --vis-collapse: initial; }
.photo-booth-settings .photo-booth-settings__wallpapers .photo-booth-settings__swatches:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.photo-booth-settings .photo-booth-settings__wallpapers .photo-booth-settings__swatches .photo-booth-settings__btn:where([sf~="201"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.photo-booth-settings .photo-booth-settings__sticker-hint:where([sf~="201"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --bgc: rgba(0, 0, 0, 0.239307); --bg-grad: none; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 6px; }
.photo-booth-settings.items:where([sf~="201"]) { height: 768px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 768px; animation-name: pano-vpct; width: 420px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 420px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.photo-booth-settings.items .photo-booth-settings__search:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; --pdt: 8px; --mgb: 3px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; border-radius: 0px; border: 0px solid rgba(255, 255, 255, 1); --bdln: 0; --bdrn: 0; border-bottom: 2px solid rgba(255, 255, 255, 1); transition-property: border; transition-duration: 0.2s; }
.photo-booth-settings.items .photo-booth-settings__search._focus:where([sf~="201"]) { border-bottom: 3px solid rgba(255, 255, 255, 1); box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.photo-booth-settings.items .photo-booth-settings__search #PlaceholderText:where([sf~="201"]) { color: rgb(221, 221, 221); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.photo-booth-settings.items .item-list:where([sf~="201"]) { overflow-x: auto; overflow-y: auto; --ovx: scroll; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.photo-booth-settings.items .kk-c-item-list:has(> .item-list:where([sf~="201"]):not([pvis="0"])), .photo-booth-settings.items.kk-c-item-list:has(> .item-list:where([sf~="201"]):not([pvis="0"])) { --kid-fill-h: 1; }
.photo-booth-settings .photo-booth-settings__strength:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.photo-booth-settings .photo-booth-settings__slider-container:where([sf~="201"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 12px; }
#id-photo-settings-grid:where([sf~="201"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 262px; }
.photo-booth-settings__btn:where([sf~="201"]) { border-radius: 3px; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --tooltip-position: right; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.photo-booth-settings__btn p-label:where([sf~="201"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --pdt: 6px; --pdr: 8px; --pdb: 6px; --pdl: 8px; --pdrn: 8; --pdln: 8; transform: translateY( 2px); --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.photo-booth-settings__btn :is(p-image, :where(img[pimg])):where([sf~="201"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 6px; --vis-collapse: none; }
.photo-booth-settings__btn .RadioBox:where([sf~="201"]) { --vis-collapse: none; }
.photo-booth-settings__btn .photo-booth-background-icon:where([sf~="201"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; --bgc: rgb(116, 115, 115); --bg-grad: none; border: 2px solid rgba(124, 124, 124, 0); --bdln: 2; --bdrn: 2; }
.photo-booth-settings__btn .photo-booth-background-icon.yellow:where([sf~="201"]) { --bgc: rgb(197, 209, 30); --bg-grad: none; }
.photo-booth-settings__btn .photo-booth-background-icon.brown:where([sf~="201"]) { --bgc: rgb(131, 78, 19); --bg-grad: none; }
.photo-booth-settings__btn .photo-booth-background-icon.green:where([sf~="201"]) { --bgc: rgb(27, 185, 40); --bg-grad: none; }
.photo-booth-settings__btn .photo-booth-background-icon.blue:where([sf~="201"]) { --bgc: rgb(30, 93, 209); --bg-grad: none; }
.photo-booth-settings__btn .photo-booth-background-icon.purple:where([sf~="201"]) { --bgc: rgb(167, 30, 209); --bg-grad: none; }
.photo-booth-settings__btn .photo-booth-background-icon.red:where([sf~="201"]) { --bgc: rgb(209, 30, 30); --bg-grad: none; }
.photo-booth-settings__btn .photo-booth-background-icon.black:where([sf~="201"]) { --bgc: rgb(27, 27, 27); --bg-grad: none; }
.photo-booth-settings__btn .photo-booth-background-icon.sky:where([sf~="201"]) { --bg-grad: linear-gradient(225deg, #0daceb 0%, #0daceb 50%, rgb(192, 222, 240) 50%, rgb(192, 222, 240) 100%); --bgc: transparent; }
.photo-booth-settings__btn .photo-booth-background-icon.wallpaper:where([sf~="201"]) { --bg-grad: linear-gradient(225deg, #263776 0%, #263776 50%, rgb(197, 173, 95) 50%, rgb(197, 173, 95) 100%); --bgc: transparent; }
.photo-booth-settings__btn.horizontal-aspect:where([sf~="201"]) { height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; border: 1px solid white; --bdln: 1; --bdrn: 1; border-radius: 3px; }
.photo-booth-settings__btn.horizontal-aspect._disabled:where([sf~="201"]) { border: 1px solid rgba(255, 255, 255, 0.427734); --bdln: 1; --bdrn: 1; }
.photo-booth-settings__btn.vertical-aspect:where([sf~="201"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; border: 1px solid white; --bdln: 1; --bdrn: 1; border-radius: 3px; --mgr: 8px; }
.photo-booth-settings__btn.vertical-aspect._disabled:where([sf~="201"]) { border: 1px solid rgba(255, 255, 255, 0.427734); --bdln: 1; --bdrn: 1; }
.photo-booth-settings__btn:hover:not(._disabled):where([sf~="201"]) { --bgc: rgba(255, 255, 255, 0.282779); --bg-grad: none; }
.photo-booth-settings__btn._selected:where([sf~="201"]) { --bgc: white; --bg-grad: none; }
.photo-booth-settings__btn._selected:where([sf~="201"]), .photo-booth-settings__btn._selected:hover:not(._disabled):where([sf~="201"]) { --bgc: rgb(255, 255, 255); --bg-grad: none; }
.photo-booth-settings__btn._selected p-label:where([sf~="201"]), .photo-booth-settings__btn._selected:hover:not(._disabled) p-label:where([sf~="201"]) { color: black; }
.photo-booth-settings__btn._selected .photo-booth-background-icon:where([sf~="201"]), .photo-booth-settings__btn._selected:hover:not(._disabled) .photo-booth-background-icon:where([sf~="201"]) { border: 2px solid white; --bdln: 2; --bdrn: 2; }
.photo-booth-settings__btn._disabled:where([sf~="201"]), .photo-booth-settings__btn._disabled._selected:where([sf~="201"]), .photo-booth-settings__btn._disabled:hover:where([sf~="201"]) { --bgc: rgba(255, 255, 255, 0); --bg-grad: none; }
.photo-booth-settings__btn._disabled p-label:where([sf~="201"]), .photo-booth-settings__btn._disabled._selected p-label:where([sf~="201"]), .photo-booth-settings__btn._disabled:hover p-label:where([sf~="201"]) { opacity: 0.472624; --op-pe: inherit; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; color: white; }
.photo-booth-settings__btn._disabled :is(p-image, :where(img[pimg])):where([sf~="201"]), .photo-booth-settings__btn._disabled._selected :is(p-image, :where(img[pimg])):where([sf~="201"]), .photo-booth-settings__btn._disabled:hover :is(p-image, :where(img[pimg])):where([sf~="201"]) { opacity: 0.414305; --op-pe: inherit; --vis-collapse: initial; }
.photo-booth-countdown:where([sf~="201"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; zoom: 1; --uizi: 1; --zl: initial; --zr: initial; --zt: initial; --zb: initial; transform: translateX(0% ) translateY(35% ); z-index: 50; --mgt: 64px; --mgr: 64px; --mgb: 64px; --mgl: 64px; transition-property: opacity, transform, zoom, --uizi, --zl, --zr, --zt, --zb; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out; }
.kk-c-photo-booth-countdown:has(> .photo-booth-countdown:where([sf~="201"]):not([pvis="0"])) { isolation: isolate; }
.photo-booth-countdown.show:where([sf~="201"]) { --vis-collapse: initial; opacity: 0.657841; --op-pe: inherit; }
.photo-booth-countdown.running:where([sf~="201"]) { opacity: 1; --op-pe: inherit; transform: translateX( 0% ) translateY( 0% ); zoom: 2; --uizi: 2; --zl: calc(var(--mgl) / 2); --zr: calc(var(--mgr) / 2); --zt: calc(var(--mgtv, var(--mgt)) / 2); --zb: calc(var(--mgbv, var(--mgb)) / 2); }
.photo-booth-countdown p-label:where([sf~="201"]) { --fsz: 110; font-size: calc(max(1, round(nearest, 110 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.photo-booth-grid:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.472624; --op-pe: inherit; }
.photo-booth-grid .photo-booth-grid__lines-container:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.photo-booth-grid .photo-booth-grid__lines-container.down:where([sf~="201"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.photo-booth-grid .photo-booth-grid__line:where([sf~="201"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; border-right: 1px solid rgb(255, 255, 255); --bdrn: 1; }
.photo-booth-grid .kk-c-photo-booth-grid__line:has(> .photo-booth-grid__line:where([sf~="201"]):not([pvis="0"])), .photo-booth-grid.kk-c-photo-booth-grid__line:has(> .photo-booth-grid__line:where([sf~="201"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .photo-booth-grid .kk-c-photo-booth-grid__line:has(> .photo-booth-grid__line:where([sf~="201"]):not([pvis="0"]))::after, .photo-booth-grid.kk-c-photo-booth-grid__line:has(> .photo-booth-grid__line:where([sf~="201"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.photo-booth-grid .photo-booth-grid__line.down:where([sf~="201"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; border-right: 0px solid white; --bdrn: 0; border-bottom: 1px solid rgb(255, 255, 255); }
.photo-booth-grid .kk-c-photo-booth-grid__line:has(> .photo-booth-grid__line.down:where([sf~="201"]):not([pvis="0"])), .photo-booth-grid.kk-c-photo-booth-grid__line:has(> .photo-booth-grid__line.down:where([sf~="201"]):not([pvis="0"])) { --kid-fill-h: 1; }
.photo-booth-grid .photo-booth-grid__line:last-child:where([sf~="201"]), .photo-booth-grid .photo-booth-grid__line.down:last-child:where([sf~="201"]) { border-right: 0px solid white; --bdrn: 0; border-bottom: 0px solid white; }
@keyframes photo-flash-anim {
0% { opacity: 0; --op-pe: none; }
25% { opacity: 1; --op-pe: inherit; }
100% { opacity: 0; --op-pe: none; }
}
.photo-library:where([sf~="201"]) { width: 148px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 148px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 24px; --pdt: 8px; --pdr: 4px; --pdb: 0px; --pdl: 8px; --pdrn: 4; --pdln: 8; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --vis-collapse: none; opacity: 0.767696; --op-pe: inherit; transition-property: opacity, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.photo-library .photo-library__book-btn:where([sf~="201"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; border-radius: 6px; --tooltip-position: left; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.photo-library .photo-library__book-btn :is(p-image, :where(img[pimg])):where([sf~="201"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.photo-library .photo-library__book-btn:hover:where([sf~="201"]) { --sound: "UIPanorama.store_item_rollover"; --bgc: rgba(140, 140, 140, 0.881808); --bg-grad: none; }
.PopupPanel p-button:not(._disabled):active:where([sf~="201"]), .PopupPanel p-radiobutton:not(._disabled):active:where([sf~="201"]), .PopupPanel p-togglebutton:not(._disabled):active:where([sf~="201"]), .PopupPanel p-textbutton:not(._disabled):active:where([sf~="201"]) { --sound: "UIPanorama.inventory_item_select"; }
/* styles/popups/popup_rankup_redemption_store.css */
.PopupPanel:where([sf~="202"]) { --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; border: 1px solid rgba(0, 0, 0, 0); --bdln: 1; --bdrn: 1; }
.popup-rrs-root:where([sf~="202"]) { width: 1280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1280px; max-width: 1600px; --maxw: 1600px; }
.store-home-rewards-section-bg:where([sf~="202"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --blur: 16px; --bg-img: url("/panorama/images/backgrounds/weekly_rewards.webp"); --bg-size: cover; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; --bg-img-opacity: 1; --bg-img-own: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.store-home-rewards-section-bg:where([sf~="202"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.rrs-popup__bg:where([sf~="202"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.rrs-popup__desc:where([sf~="202"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-family: Stratum2; --c9: 0.9; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.rrs-popup__frame:where([sf~="202"]) { --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; }
.PopupButtonRow:where([sf~="202"]) { --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; }
/* styles/popups/popup_report_player.css */
.PopupPanel:where([sf~="203"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; }
.PopupTitle:where([sf~="203"]) { max-height: 64px; }
.PopupButton._disabled:where([sf~="203"]) { --vis-collapse: none; }
/* styles/popups/popup_report_server.css */
.PopupPanel:where([sf~="204"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; }
.report-server-name:where([sf~="204"]) { --mgt: 0px; --mgr: 64px; --mgb: 16px; --mgl: 64px; }
/* styles/popups/popup_season_stats.css */
.not-loaded:where([sf~="205"]) { --vis-collapse: none; opacity: 0; --op-pe: none; transform: translateY( 50px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; color: rgba(27, 72, 99, 0.429966); }
.stats-loaded .not-loaded:where([sf~="205"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; transform: translateY( 0px ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.stats-medal-model:where([sf~="205"]) { height: 400px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 400px; animation-name: pano-vpct; width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY( 16px) translateX( -460px); z-index: 5; }
.kk-c-stats-medal-model:has(> .stats-medal-model:where([sf~="205"]):not([pvis="0"])) { isolation: isolate; }
.stats-medal-model .stats-medal-model-zoom-btn:where([sf~="205"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 100px; }
.stats-medal-model .stats-medal-model-zoom-btn :is(p-image, :where(img[pimg])):where([sf~="205"]) { --wash-color: #68B5DF; --wash-filter: url(#w-68b5df); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.model-panel-bg:where([sf~="205"]) { --bg-grad: linear-gradient(0deg, rgba(31, 42, 71, 0.715314) 0%, rgba(4, 27, 61, 0) 100%); --bgc: transparent; height: 358px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 358px; animation-name: pano-vpct; width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY( 68px) translateX( -476px); }
.popup-season-stats-bg-particles:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.stats-loading-panel:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 6px; --mgr: 6px; --mgb: 6px; --mgl: 6px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.stats-loaded .stats-loading-panel:where([sf~="205"]) { opacity: 0; --op-pe: none; animation-name: none; }
.stats-loading-panel .stats-loading-panel-bar:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 0.6), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --bgc: rgba(74, 100, 133, 0.297082); --bg-grad: none; border-radius: 5px; --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; animation-name: loading-stats-anim; animation-duration: 1s; animation-iteration-count: infinite; animation-delay: 0s; animation-timing-function: linear; }
.stats-loading-panel .stats-loading-panel-bar.short:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 0.4), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; animation-delay: .25s; }
.stats-loading-panel .stats-loading-panel-bar.shorter:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 0.2), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; animation-delay: .5s; }
@keyframes loading-stats-anim {
0% { transform: translateX( 0px); }
50% { transform: translateX( 10px); }
100% { transform: translateX( 0px); }
}
.popup-season-stats:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; max-width: 100%; --bgc: transparent; --bg-grad: none; border: 0px solid white; --bdln: 0; --bdrn: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bgc: rgba(0, 0, 0, 0.482646); --bg-grad: none; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: .01; --bg-img-own: none; }
.popup-season-stats:where([sf~="205"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-season-stats.season-1:where([sf~="205"]), .popup-season-stats.season-2:where([sf~="205"]), .popup-season-stats.season-3:where([sf~="205"]), .popup-season-stats.season-4:where([sf~="205"]), .popup-season-stats.season-5:where([sf~="205"]), .popup-season-stats.season-6 .popup-season-stats.season-7:where([sf~="205"]), .popup-season-stats.season-8:where([sf~="205"]), .popup-season-stats.season-9:where([sf~="205"]), .popup-season-stats.season-10:where([sf~="205"]) { --bg-grad: linear-gradient(111.801409deg, rgba(79, 114, 204, 0.74442) 0%, rgba(4, 27, 61, 0.805505) 100%); --bgc: transparent; }
.popup-season-stats .stats-container:where([sf~="205"]) { width: 1440px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1440px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 64px; --mgr: 0px; --mgb: 48px; --mgl: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-season-stats .stats-panel:where([sf~="205"]) { --bgc: rgb(30, 39, 61); --bg-grad: none; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; height: 480px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 480px; animation-name: pano-vpct; width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.popup-season-stats .stats-panel.model-panel:where([sf~="205"]) { --bgc: rgba(0, 0, 255, 0); --bg-grad: none; height: 358px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 358px; animation-name: pano-vpct; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.popup-season-stats .stats-panel.rank-panel:where([sf~="205"]), .popup-season-stats .stats-panel.spidergraph:where([sf~="205"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.popup-season-stats .stats-panel.rank-panel .stats-panel-title:where([sf~="205"]), .popup-season-stats .stats-panel.spidergraph .stats-panel-title:where([sf~="205"]) { --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.popup-season-stats .stats-panel.rank-history:where([sf~="205"]), .popup-season-stats .stats-panel.match-history:where([sf~="205"]) { --pdt: 16px; --pdr: 16px; --pdb: 6px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.popup-season-stats .stats-panel.maps-panel:where([sf~="205"]) { width: 960px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 960px; height: 306px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 306px; animation-name: pano-vpct; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bg-img: url("/panorama/images/backgrounds/season_stats_background.webp"); --bg-pos: 100% 68%; --bg-size: 1440px 1270px; --bg-w: 1440px; }
.popup-season-stats .stats-panel.maps-panel .stats-panel-title:where([sf~="205"]) { --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.popup-season-stats .stats-panel.rank-panel:where([sf~="205"]) { --bg-img: url("/panorama/images/backgrounds/season_stats_background.webp"); --bg-pos: 0% 14%; --bg-size: 1440px 1270px; --bg-w: 1440px; }
.popup-season-stats .stats-panel.spidergraph:where([sf~="205"]) { --bg-img: url("/panorama/images/backgrounds/season_stats_background.webp"); --bg-pos: 0% 62%; --bg-size: 1440px 1270px; --bg-w: 1440px; }
.popup-season-stats .stats-panel.global-stats:where([sf~="205"]) { height: 190px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 190px; width: 960px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 960px; --bg-img: url("/panorama/images/backgrounds/season_stats_background.webp"); --bg-pos: 100% 0%; --bg-size: 1440px 1270px; --bg-w: 1440px; }
.popup-season-stats .stats-panel.rank-history:where([sf~="205"]) { --bg-img: url("/panorama/images/backgrounds/season_stats_background.webp"); --bg-pos: 100% 19%; --bg-size: 1440px 1270px; --bg-w: 1440px; }
.popup-season-stats .stats-panel.match-history:where([sf~="205"]) { --bg-img: url("/panorama/images/backgrounds/season_stats_background.webp"); --bg-pos: 100% 41%; --bg-size: 1440px 1270px; --bg-w: 1440px; }
.popup-season-stats .stats-panel.single-half-size-panel:where([sf~="205"]) { height: 236px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 236px; width: 236px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 236px; }
.popup-season-stats .stats-panel.single-half-size-panel:where([sf~="205"]) { height: 236px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 236px; width: 236px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 236px; }
.popup-season-stats .stats-panel.single-half-size-long-panel:where([sf~="205"]) { height: 222px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 222px; width: 960px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 960px; }
.popup-season-stats .stats-panel.single-quarter-height-single-long:where([sf~="205"]) { height: 114px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 114px; width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; }
.popup-season-stats .stats-panel-title:where([sf~="205"]) { font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #68B5DF; opacity: 0.696476; --op-pe: inherit; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.stat-container:where([sf~="205"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 14px; --mgb: 0px; --mgl: 14px; }
.stat-container .stat-container-title:where([sf~="205"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #68B5DF; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; max-width: 100px; --maxw: 100px; --mgr: 4px; }
.stat-container .stat-container-icon:where([sf~="205"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 6px; }
.stat-container .stat-container-value:where([sf~="205"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; max-width: 40px; --maxw: 40px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --text-shrink: 1; }
.stat-container.stat-map-wins-losses-ties:where([sf~="205"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; }
.stat-container.stat-map-wins-losses-ties .stat-container-title:where([sf~="205"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.stat-container.stat-map-wins-losses-ties.wins .stat-container-value:where([sf~="205"]), .stat-container.stat-map-wins-losses-ties.wins .stat-container-title:where([sf~="205"]) { color: #51E81A; }
.stat-container.stat-map-wins-losses-ties .stat-container-value:where([sf~="205"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: clip; }
.stat-container-mvp:where([sf~="205"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 16px; }
.stat-container-mvp .stat-container-icon:where([sf~="205"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 6px; --mgr: 6px; }
.stat-container-mvp .stat-container-value:where([sf~="205"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.stats-global-container:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 48px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.stats-global-container .stats-panel-season-stats:where([sf~="205"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.stat-container-matches:where([sf~="205"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.stat-container-matches .stat-container-title:where([sf~="205"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #68B5DF; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; font-weight: 400; max-width: 180px; --maxw: 180px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --text-shrink: 1; }
.stat-container-matches .stat-container-value:where([sf~="205"]) { --fsz: 64; font-size: calc(max(1, round(nearest, 64 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; text-align: center; color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --text-shrink: 1; max-width: 96px; --maxw: 96px; }
.stat-bar-stats-container:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.stat-bar-stats-container .stat-wins-losses-container:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.stats-panel-single-map .stat-bar-stats-container:where([sf~="205"]) { --mgt: 0px; --mgr: 0px; --mgb: 8px; --mgl: 0px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.95), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.stat-bar-stats-container .stat-bar-containers:where([sf~="205"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 6px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 6px; --mgb: 8px; }
.stats-panel-single-map .stat-bar-stats-container .stat-bar-containers:where([sf~="205"]) { height: 2px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 2px; --mgt: 4px; }
.stat-bar-stats-container .stat-bar-containers .stat-bar-wins:where([sf~="205"]), .stat-bar-stats-container .stat-bar-containers .stat-bar-ties:where([sf~="205"]), .stat-bar-stats-container .stat-bar-containers .stat-bar-losses:where([sf~="205"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --mgr: 2px; }
.stat-bar-stats-container .stat-bar-containers .stat-bar-wins:where([sf~="205"]) { --bgc: #51E81A; --bg-grad: none; }
.stat-bar-stats-container .stat-bar-containers .stat-bar-ties:where([sf~="205"]) { --bgc: #EDD433; --bg-grad: none; }
.stat-bar-stats-container .stat-bar-containers .stat-bar-losses:where([sf~="205"]) { --bgc: #DA1032; --bg-grad: none; --mgr: 0px; }
#id-map-stat-matches-played:where([sf~="205"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#id-global-stat-wins:where([sf~="205"]), #id-global-stat-ties:where([sf~="205"]), #id-global-stat-losses:where([sf~="205"]), #id-map-stat-wins:where([sf~="205"]), #id-map-stat-ties:where([sf~="205"]), #id-map-stat-losses:where([sf~="205"]), #id-global-stat-rounds:where([sf~="205"]), #id-global-stat-map:where([sf~="205"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
#id-global-stat-wins:where([sf~="205"]), #id-map-stat-wins:where([sf~="205"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#id-global-stat-losses:where([sf~="205"]), #id-map-stat-losses:where([sf~="205"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.stat-spacer-32:where([sf~="205"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; }
#id-premier-rating:where([sf~="205"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); zoom: 2.5; --uizi: 2.5; --zl: calc(var(--mgl) / 2.5); --zr: calc(var(--mgr) / 2.5); --zt: calc(var(--mgtv, var(--mgt)) / 2.5); --zb: calc(var(--mgbv, var(--mgb)) / 2.5); box-shadow: 0px 0px 16px 10.666667px rgb(3 16 29 / 0.458824); --bg-fill: rgb(3 16 29 / 0.458824); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
#id-global-stat-week:where([sf~="205"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; max-width: 256px; --maxw: 256px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgl: 16px; }
#id-global-stat-week p-label:where([sf~="205"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-width: 110px; --maxw: 110px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.stats-panel-rating-particle:where([sf~="205"]) { --vis-collapse: none; --wash-color: rgb(116, 164, 228); --wash-filter: url(#w-rgb_116_164_228); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.stats-loaded .stats-panel-rating-particle:where([sf~="205"]) { transform: scaleX( -1 ) translateY( 0 ); }
.stats-panel-bottom-row:where([sf~="205"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 16px; }
.stats-panel-bottom-row #id-global-stat-win-percent:where([sf~="205"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 148px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 148px; }
.stats-panel-bottom-row #id-global-stat-win-percent p-label:where([sf~="205"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.stat-separator:where([sf~="205"]) { width: 1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.85), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.85; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(104, 181, 223, 0.513343); --bg-grad: none; }
.season-stats-bottom-bar:where([sf~="205"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: 1440px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1440px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.stats-panel-maps-mode-btns:where([sf~="205"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.stats-panel-maps-mode-btns .stats-panel-mode-btn:where([sf~="205"]) { --mgb: 2px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; }
.stats-panel-maps-mode-btns .stats-panel-mode-btn .RadioBox:where([sf~="205"]) { --vis-collapse: none; }
.stats-panel-maps-mode-btns .stats-panel-mode-btn :is(p-image, :where(img[pimg])):where([sf~="205"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --wash-color: #68B5DF; --wash-filter: url(#w-68b5df); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.stats-panel-maps-mode-btns .stats-panel-mode-btn._selected :is(p-image, :where(img[pimg])):where([sf~="205"]) { --wash-color: none; --wash-filter: initial; --img-shadow: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.485126)); transition-property: --brightness, --img-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.stats-map-type-container:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --vis-collapse: none; transform: translateY( 50px ); opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-stats-map-type-container:has(> .stats-map-type-container:where([sf~="205"]):not([pvis="0"])) { --kid-fill-h: 1; }
.stats-map-type-container.show:where([sf~="205"]) { --vis-collapse: initial; transform: translateY( 0px ); opacity: 1; --op-pe: inherit; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.stats-panel-per-map-container:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.stats-panel-per-map-container .stats-panel-per-map-btns-block:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-grad: linear-gradient(0deg, rgba(50, 99, 126, 0.415183) 0%, rgba(50, 99, 126, 0.458016) 2.5%, rgba(4, 27, 61, 0) 2.5%, rgba(4, 27, 61, 0) 100%); --bgc: transparent; }
.stats-panel-per-map-container .stats-panel-per-map-btns:where([sf~="205"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn:where([sf~="205"]) { --mgt: 16px; --mgr: 16px; --mgb: 0px; --mgl: 16px; --bg-grad: linear-gradient(0deg, rgba(4, 27, 61, 0) 0%, rgba(4, 27, 61, 0) 2.5%, rgba(4, 27, 61, 0) 2.5%, rgba(4, 27, 61, 0) 100%); --bgc: transparent; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column-reverse; flex-wrap: nowrap; --tooltip-position: top; }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn .RadioBox:where([sf~="205"]) { --vis-collapse: none; }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn p-label:where([sf~="205"]) { --mgt: 8px; --mgr: 0px; --mgb: 2px; --mgl: 0px; font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; text-transform: uppercase; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --pdb: 4px; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: #68B5DF; }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn :is(p-image, :where(img[pimg])):where([sf~="205"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 2px; --brightness: .8; transition-property: --brightness, --img-shadow, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn:hover:not(._disabled):where([sf~="205"]) { --bg-grad: linear-gradient(0deg, rgba(45, 75, 121, 0.490361) 0%, rgba(45, 75, 121, 0) 100%); --bgc: transparent; }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn:hover:not(._disabled) :is(p-image, :where(img[pimg])):where([sf~="205"]) { transform: scale3d( 1.05, 1.05, 1); transition-property: --brightness, --img-shadow, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn:hover:not(._disabled) p-label:where([sf~="205"]) { color: white; }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn._selected:where([sf~="205"]) { --bg-grad: linear-gradient(0deg, #68B5DF 0%, #68B5DF 2.5%, rgba(4, 27, 61, 0) 2.5%, rgba(4, 27, 61, 0) 100%); --bgc: transparent; }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn._selected p-label:where([sf~="205"]) { color: white; }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn._selected :is(p-image, :where(img[pimg])):where([sf~="205"]) { --brightness: 1.1; --img-shadow: drop-shadow(0px 0px 1px rgba(204, 177, 177, 0.63736)); transition-property: --brightness, --img-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.stats-panel-per-map-container .stats-panel-per-map-btns .stats-panel-map-btn._disabled:where([sf~="205"]) { --brightness: .3; --saturation: .3; opacity: 0.767696; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.stats-panel-per-map-container .stats-panel-all-maps-container:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.stats-panel-per-map-container .stat-container-icon:where([sf~="205"]) { zoom: 0.75; --uizi: 0.75; --zl: calc(var(--mgl) / 0.75); --zr: calc(var(--mgr) / 0.75); --zt: calc(var(--mgtv, var(--mgt)) / 0.75); --zb: calc(var(--mgbv, var(--mgb)) / 0.75); }
.stats-panel-single-map:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: translateX( 0px ); opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.stats-panel-single-map.map-selected:where([sf~="205"]) { transform: translateX( 0px ); opacity: 1; --op-pe: inherit; transition-property: opacity, transform; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.stats-panel-single-map.map-hide:where([sf~="205"]) { transform: translateX( 100px ); opacity: 0; --op-pe: none; transition-property: opacity, transform; transition-duration: .15s, .15s; transition-timing-function: ease-in-out, ease-in-out; }
.stats-panel-single-map.map-reset:where([sf~="205"]) { transform: translateX( -100px ); opacity: 0; --op-pe: none; }
.stats-panel-single-map .single-map-map-icon-block:where([sf~="205"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: 112px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 112px; }
.stats-panel-single-map .single-map-map-icon-block #id-map-stat-win-rate:where([sf~="205"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.stats-panel-single-map .single-map-map-icon-block #id-map-stat-win-rate .stat-container-value:where([sf~="205"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.stats-panel-single-map #id-map-stat-mvps .stat-container-icon:where([sf~="205"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.stats-map-grid-container:where([sf~="205"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 16px; }
.stats-map-grid-container .map-grid-row:where([sf~="205"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; transition-property: translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.stats-map-grid-container .map-grid-row :is(p-image, :where(img[pimg])):where([sf~="205"]) { --mgr: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; }
.stats-map-grid-container .map-grid-row .map-grid-row-mapname:where([sf~="205"]) { --mgr: 2px; width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(39, 83, 107, 0.189131); --bg-grad: none; mask-image: url("/panorama/images/masks/season-row-mapname.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --vis-collapse: none; }
.stats-map-grid-container .map-grid-row .map-grid-row-mapname p-label:where([sf~="205"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #68B5DF; text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --text-shrink: 1; text-transform: uppercase; }
.stats-map-grid-container .map-grid-row .map-grid-row-box:where([sf~="205"]) { --mgr: 2px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --bgc: rgba(39, 83, 107, 0.189131); --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.stats-map-grid-container .map-grid-row .map-grid-row-box .map-grid-row-value:where([sf~="205"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; color: #68B5DF; }
.stats-map-grid-container .map-grid-row .map-grid-row-box.has-mask:where([sf~="205"]) { mask-image: url("/panorama/images/masks/season-row-mapname.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.stats-map-grid-container .map-grid-row .map-grid-row-box.has-mask-reverse:where([sf~="205"]) { mask-image: url("/panorama/images/masks/season-row-reverse.svg"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.stats-map-grid-container .map-grid-row .map-grid-row-box.highlight-entry .map-grid-row-value:where([sf~="205"]) { font-weight: 700; color: white; }
.stats-map-grid-container .map-grid-row.no-background:where([sf~="205"]) { --bgc: transparent; --bg-grad: none; }
.stats-map-grid-container .map-grid-row.no-background .map-grid-row-box:where([sf~="205"]), .stats-map-grid-container .map-grid-row.no-background .map-grid-row-mapname:where([sf~="205"]) { --bgc: transparent; --bg-grad: none; }
.stats-map-grid-container .map-grid-row.row-header:where([sf~="205"]) { --bg-grad: linear-gradient(0deg, rgba(50, 99, 126, 0.415183) 0%, rgba(50, 99, 126, 0.458016) 5%, rgba(4, 27, 61, 0) 5%, rgba(4, 27, 61, 0) 100%); --bgc: transparent; }
.stats-map-grid-container .map-grid-row.row-header .map-grid-row-box:where([sf~="205"]), .stats-map-grid-container .map-grid-row.row-header .map-grid-row-mapname:where([sf~="205"]) { --bgc: transparent; --bg-grad: none; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.stats-map-grid-container .map-grid-row.row-header .map-grid-row-mapname:where([sf~="205"]), .stats-map-grid-container .map-grid-row.row-header :is(p-image, :where(img[pimg])):where([sf~="205"]) { opacity: 0; --op-pe: none; }
.stats-map-grid-container .map-grid-row.row-header p-radiobutton .RadioBox:where([sf~="205"]) { --vis-collapse: none; }
.stats-map-grid-container .map-grid-row.row-header p-radiobutton .map-grid-row-value:where([sf~="205"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; font-family: Stratum2 Condensed, "Arial Unicode MS"; --c9: 0.9; font-weight: 400; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --pdb: 0px; }
.stats-map-grid-container .map-grid-row.row-header p-radiobutton._selected .map-grid-row-value:where([sf~="205"]) { color: white; --bg-grad: linear-gradient(0deg, #68B5DF 0%, #68B5DF 5%, rgba(4, 27, 61, 0) 5%, rgba(4, 27, 61, 0) 100%); --bgc: transparent; }
.stats-map-grid-container .map-grid-row.row-header p-radiobutton:hover:where([sf~="205"]) { --bg-grad: linear-gradient(0deg, rgba(45, 75, 121, 0.490361) 0%, rgba(45, 75, 121, 0) 100%); --bgc: transparent; }
.stats-map-grid-container .map-grid-row.row-header p-radiobutton:hover .map-grid-row-value:where([sf~="205"]) { color: white; }
.mapwinrecord__graph:where([sf~="205"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; width: 420px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 420px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.mapwinrecord__graph .mwr-map:where([sf~="205"]) { border-radius: 3px; transform: translateX(-26px) translateY(-26px); }
.mapwinrecord__graph .mwr-map #mwr-map__image:where([sf~="205"]) { width: 52px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 52px; height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; }
.mapwinrecord__graph .mwr-map p-label:where([sf~="205"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; font-family: Stratum2 Condensed, Arial; --c9: 0.9; }
.stats-rank-line-graph:where([sf~="205"]), .stats-rank-bar-graph:where([sf~="205"]) { width: 854px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 854px; height: 142px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 142px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.y-axis-rating-container:where([sf~="205"]) { --mgb: 25px; --mgl: 2px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.y-axis-rating-container .y-axis-premier-rating:where([sf~="205"]) { zoom: 0.75; --uizi: 0.75; --zl: calc(var(--mgl) / 0.75); --zr: calc(var(--mgr) / 0.75); --zt: calc(var(--mgtv, var(--mgt)) / 0.75); --zb: calc(var(--mgbv, var(--mgb)) / 0.75); }
.x-axis-labels:where([sf~="205"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 6px; }
.x-axis-labels p-label:where([sf~="205"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 15px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 15px; color: rgba(78, 153, 199, 0.788393); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.stats-rank-line-graph-dot:where([sf~="205"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; border-radius: 50%; transform: translateX( -5px) translateY( -5px); --bgc: rgb(36, 41, 68); --bg-grad: none; border: 1px solid #68B5DF; --bdln: 1; --bdrn: 1; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --tooltip-position: top; }
.stats-rank-line-graph-dot.highest-rank:where([sf~="205"]) { border: 1px solid #61e92f; --bdln: 1; --bdrn: 1; --bgc: #236d08; --bg-grad: none; }
.stats-rank-bar-graph:where([sf~="205"]) { border-bottom: 1px solid #68B5DF; }
.stats-rank-bar-graph .stats-bar-graph-bar:where([sf~="205"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; text-overflow: clip; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --tooltip-position: bottom; }
.stats-rank-bar-graph .stats-bar-graph-bar.angle-text p-label:where([sf~="205"]) { transform-origin: 50% 0%; transform: rotateZ(-60deg) translateY(-4px) translateX( -1px); text-align: left; color: #a3cde4; }
.stats-rank-bar-graph .stats-bar-graph-bar p-label:where([sf~="205"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 13px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 13px; text-overflow: clip; text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; color: #68B5DF; }
.stats-rank-bar-graph .stats-bar-graph-bar .stats-bar-graph-bar-inner:where([sf~="205"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #68B5DF; --bg-grad: none; --bg-grad: linear-gradient(0deg, rgba(50, 99, 126, 0.618247) 0%, rgba(41, 132, 181, 0.896392) 100%); --bgc: transparent; }
/* styles/popups/popup_select_inventory_item.css */
.select-inv-item-popup:where([sf~="206"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transition-property: transform, scale, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.main-content-container:where([sf~="206"]) { width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.background:where([sf~="206"]) { --blur: 1px; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.top-row:where([sf~="206"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.back-button:where([sf~="206"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.title-container:where([sf~="206"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.sort-controls-container:where([sf~="206"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.search-container:where([sf~="206"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 20px; --pdln: 20; }
.sort-container:where([sf~="206"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
/* styles/popups/popup_shopping_cart_checkout.css */
.popup-shopping-cart-checkout:where([sf~="207"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; max-width: 100%; --bgc: transparent; --bg-grad: none; border: 0px solid white; --bdln: 0; --bdrn: 0; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; transform: scale3d( 1, 1, 1); --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.cart-checkout__container-bg:where([sf~="207"]) { height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; width: 880px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 880px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: #0c240c; --bg-grad: none; border: 1px solid rgb(54, 83, 54); --bdln: 1; --bdrn: 1; box-shadow: 0px 4px 16px 11.666667px rgb(0 0 0 / 0.4); --bg-fill: rgb(0 0 0 / 0.4); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --blur: 32px; --bg-img: url("/panorama/images/tournaments/backgrounds/pickem_bg_26.webp"); --bg-img-opacity: .6; --bg-img-own: none; --bg-rep: no-repeat; --bg-size: auto 120%; --bg-w: 0px; --bg-pos: 50% 50%; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cart-checkout__container-bg:where([sf~="207"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.popup-major-store__top-bar__balance:where([sf~="207"]) { --mgr: 0px; }
.shopping-oneoff-cart .cart-checkout__clear-all:where([sf~="207"]) { --vis-collapse: none; }
.shopping-oneoff-cart .cart-item__quantity:where([sf~="207"]) { --vis-collapse: none; }
.cart-checkout__container:where([sf~="207"]) { height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.cart-checkout__container .cart-checkout__left-column:where([sf~="207"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(0, 0, 0, 0.151909); --bg-grad: none; width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; border-radius: 6px; }
.cart-checkout__container .cart-checkout__left-column .cart-checkout__lister-header:where([sf~="207"]) { --mgt: 24px; --mgr: 24px; --mgb: 0px; --mgl: 24px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.empty-cart .cart-checkout__container .cart-checkout__left-column .cart-checkout__lister-header:where([sf~="207"]) { --vis-collapse: none; }
.cart-checkout__container .cart-checkout__left-column .cart-checkout__lister-header .cart-checkout__clear-all:where([sf~="207"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --bgc: rgba(255, 255, 255, 0.108305); --bg-grad: none; border-radius: 3px; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.cart-checkout__container .cart-checkout__left-column .cart-checkout__lister-header .cart-checkout__clear-all p-label:where([sf~="207"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.cart-checkout__container .cart-checkout__left-column .cart-checkout__lister-header .cart-checkout__clear-all :is(p-image, :where(img[pimg])):where([sf~="207"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 4px; }
.cart-checkout__container .cart-checkout__left-column .cart-checkout__lister-header .cart-checkout__clear-all:hover:where([sf~="207"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cart-checkout__container .cart-checkout__empty:where([sf~="207"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --vis-collapse: none; }
.empty-cart .cart-checkout__container .cart-checkout__empty:where([sf~="207"]) { --vis-collapse: initial; }
.cart-checkout__container .cart-checkout__empty :is(p-image, :where(img[pimg])):where([sf~="207"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 32px; opacity: 0.0973; --op-pe: inherit; }
.cart-checkout__container .cart-checkout__empty p-label:where([sf~="207"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; --mgt: 2px; --mgr: 0px; --mgb: 2px; --mgl: 0px; width: min(calc((100% + var(--ppx)) * 0.75), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.cart-checkout__container .cart-checkout__lister:where([sf~="207"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; --pdt: 24px; --pdr: 24px; --pdb: 24px; --pdl: 24px; --pdrn: 24; --pdln: 24; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.cart-checkout__container .cart-checkout__summary:where([sf~="207"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgl: 24px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.156438); --bg-grad: none; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; border-radius: 6px; width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.cart-checkout__container .kk-c-cart-checkout__summary:has(> .cart-checkout__summary:where([sf~="207"]):not([pvis="0"])), .cart-checkout__container.kk-c-cart-checkout__summary:has(> .cart-checkout__summary:where([sf~="207"]):not([pvis="0"])) { --kid-fill-h: 1; }
.cart-checkout__container .cart-checkout__summary .cart-checkout__summary__row:where([sf~="207"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; }
.cart-checkout__container .cart-checkout__summary .cart-checkout__summary__row .cart-checkout__summary__row__title:where([sf~="207"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.cart-checkout__container .cart-checkout__summary .cart-checkout__summary__row .cart-checkout__summary__row__value:where([sf~="207"]) { text-align: right; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; font-weight: 700; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.cart-checkout__container .cart-checkout__summary .PopupButtonTimer:where([sf~="207"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --bgc: rgb(4, 82, 31); --bg-grad: none; --tooltip-position: bottom; --tooltip-body-position: 0% 50%; z-index: 2; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap, --wash-color, border; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.cart-checkout__container .cart-checkout__summary .kk-c-PopupButtonTimer:has(> .PopupButtonTimer:where([sf~="207"]):not([pvis="0"])), .cart-checkout__container .cart-checkout__summary.kk-c-PopupButtonTimer:has(> .PopupButtonTimer:where([sf~="207"]):not([pvis="0"])) { isolation: isolate; }
.cart-checkout__container .cart-checkout__summary .PopupButtonTimer p-label:where([sf~="207"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; color: white; --mgt: 10px; --mgr: 2px; --mgb: 10px; --mgl: 2px; }
.cart-checkout__container .cart-checkout__summary .PopupButtonTimer._disabled:where([sf~="207"]) { --bgc: rgb(5, 70, 27); --bg-grad: none; z-index: 1; }
.cart-checkout__container .cart-checkout__summary .kk-c-PopupButtonTimer:has(> .PopupButtonTimer._disabled:where([sf~="207"]):not([pvis="0"])), .cart-checkout__container .cart-checkout__summary.kk-c-PopupButtonTimer:has(> .PopupButtonTimer._disabled:where([sf~="207"]):not([pvis="0"])) { isolation: isolate; }
.cart-checkout__container .cart-checkout__summary .PopupButtonTimer._disabled p-label:where([sf~="207"]) { color: rgba(255, 255, 255, 0.652375); }
.cart-checkout__container .cart-checkout__summary .cart-checkout__summary__activate:where([sf~="207"]) { --mgt: 16px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-top: 1px solid rgba(255, 255, 255, 0.32124); }
.cart-checkout__summary__progress:where([sf~="207"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; height: 90px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 90px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, translate, --pxp, --pyp; transition-duration: .15s, .15s, .15s, .15s, .15s, .15s, .15s, .15s, .15s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.cart-checkout__summary__progress.hide:where([sf~="207"]) { height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; opacity: 0; --op-pe: none; }
.cart-checkout__summary__progress .cart-checkout__spinner:where([sf~="207"]) { --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); z-index: 2; width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --mgt: -1px; --mgl: 83px; --vis-collapse: none; }
.cart-checkout__summary__progress .kk-c-cart-checkout__spinner:has(> .cart-checkout__spinner:where([sf~="207"]):not([pvis="0"])), .cart-checkout__summary__progress.kk-c-cart-checkout__spinner:has(> .cart-checkout__spinner:where([sf~="207"]):not([pvis="0"])) { isolation: isolate; }
.show-spinner.cart-checkout__summary__progress .cart-checkout__spinner:where([sf~="207"]) { --vis-collapse: initial; }
.cart-checkout__summary__progress .cart-checkout__summary__progress__tokens:where([sf~="207"]) { width: 72px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 72px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 0; --op-pe: none; --text-shrink: 1; text-align: right; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transform: translateY(1px); }
.cart-checkout__summary__progress .cart-checkout__summary__progress-connector:where([sf~="207"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 0px; --mgr: 14px; --mgb: 0px; --mgl: 14px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.cart-checkout__summary__progress .cart-checkout__summary__progress-connector .cart-checkout__summary__line:where([sf~="207"]) { width: 2px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 2px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: rgba(255, 255, 255, 0.153338); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; }
.cart-checkout__summary__progress .cart-checkout__summary__progress-connector .kk-c-cart-checkout__summary__line:has(> .cart-checkout__summary__line:where([sf~="207"]):not([pvis="0"])), .cart-checkout__summary__progress .cart-checkout__summary__progress-connector.kk-c-cart-checkout__summary__line:has(> .cart-checkout__summary__line:where([sf~="207"]):not([pvis="0"])) { --kid-fill-h: 1; }
.cart-checkout__summary__progress .cart-checkout__summary__progress-connector .cart-checkout__summary__line.hide-top-line:where([sf~="207"]), .cart-checkout__summary__progress .cart-checkout__summary__progress-connector .cart-checkout__summary__line.hide-bottom-line:where([sf~="207"]) { opacity: 0; --op-pe: none; }
.cart-checkout__summary__progress .cart-checkout__summary__progress-connector .cart-checkout__summary__middle:where([sf~="207"]) { width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; border-radius: 50%; --bgc: rgba(255, 255, 255, 0.153338); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.cart-checkout__summary__progress .cart-checkout__summary__progress-connector .cart-checkout__summary__cart-icon:where([sf~="207"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.268142; --op-pe: inherit; }
.cart-checkout__summary__progress.active .cart-checkout__summary__progress__tokens:where([sf~="207"]) { opacity: 1; --op-pe: inherit; color: white; }
.cart-checkout__summary__progress.active .cart-checkout__summary__middle:where([sf~="207"]) { --bgc: white; --bg-grad: none; }
.cart-checkout__summary__progress.active .cart-checkout__summary__cart-icon:where([sf~="207"]) { opacity: 1; --op-pe: inherit; }
.show-spinner.cart-checkout__summary__progress.active .cart-checkout__summary__cart-icon:where([sf~="207"]) { opacity: 0.268142; --op-pe: inherit; }
.cart-checkout-not-enough-tokens:where([sf~="207"]) { --pdt: 16px; --mgt: 0px; border-top: 0px solid rgba(255, 255, 255, 0.32124); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0; --op-pe: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, --mgt; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.cart-checkout-not-enough-tokens.show:where([sf~="207"]) { opacity: 1; --op-pe: inherit; height: 72px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 72px; --mgt: 16px; border-top: 1px solid rgba(255, 255, 255, 0.32124); }
.cart-checkout__warning:where([sf~="207"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(139, 126, 0, 0.621467); --bg-grad: none; border-radius: 6px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; --mgb: 8px; }
.cart-checkout__warning :is(p-image, :where(img[pimg])):where([sf~="207"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgr: 8px; }
.cart-checkout__warning p-label:where([sf~="207"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.cart-item:where([sf~="207"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bgc: rgba(0, 0, 0, 0.156438); --bg-grad: none; border-radius: 6px; opacity: 1; --op-pe: inherit; transition-property: opacity, translate, --pxp, --pyp; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.cart-item .cart-item__image:where([sf~="207"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; transition-property: --brightness, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.cart-item .cart-item__image:hover:where([sf~="207"]) { --brightness: 1.5; transform: translateY(-2px); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cart-item .cart-item__name:where([sf~="207"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 170px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 170px; --text-shrink: 1; }
.cart-item .cart-item__right-block:where([sf~="207"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.cart-item .cart-item__right-block .cart-item__real-world-price:where([sf~="207"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: right; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgb: 2px; }
.cart-item .cart-item__right-block .cart-item__real-world-price.hidden:where([sf~="207"]) { opacity: 0; --op-pe: none; }
.cart-item .cart-item__right-block .cart-item__price:where([sf~="207"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: right; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgb: 4px; --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 4px; --pdrn: 4; --pdln: 4; border-radius: 14px; color: black; --bg-grad: linear-gradient(180deg, #efefef 0%, rgb( 212, 211, 211 ) 100%); --bgc: transparent; }
.cart-item .cart-item__right-block .cart-item__price-change:where([sf~="207"]) { opacity: 0; --op-pe: none; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; max-height: 18px; transform: translateX( 30px); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --tooltip-position: left; border-top-left-radius: 20px; border-bottom-left-radius: 20px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 0px; --mgr: 4px; --mgb: 4px; --mgl: 0px; --pdt: 2px; --pdr: 4px; --pdb: 2px; --pdl: 4px; --pdrn: 4; --pdln: 4; transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.cart-item .cart-item__right-block .cart-item__price-change p-label:where([sf~="207"]) { text-align: left; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; color: black; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.cart-item .cart-item__right-block .cart-item__price-change :is(p-image, :where(img[pimg])):where([sf~="207"]) { height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cart-item .cart-item__right-block .cart-item__price-change.lower:where([sf~="207"]) { --bg-grad: linear-gradient(90deg, rgb(21, 201, 21) 0%, rgba(21, 201, 21, 0) 100%); --bgc: transparent; }
.cart-item .cart-item__right-block .cart-item__price-change.lower :is(p-image, :where(img[pimg])):where([sf~="207"]) { transform: rotateZ(-90deg); }
.cart-item .cart-item__right-block .cart-item__price-change.higher:where([sf~="207"]) { --bg-grad: linear-gradient(90deg, rgb(255, 196, 0) 0%, rgba(212, 211, 211, 0) 100%); --bgc: transparent; }
.cart-item .cart-item__right-block .cart-item__price-change.higher :is(p-image, :where(img[pimg])):where([sf~="207"]) { transform: rotateZ(90deg); }
.cart-item .cart-item__right-block .cart-item__price-change.show-change:where([sf~="207"]) { opacity: 1; --op-pe: inherit; transform: translateX(0px); width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.cart-item .cart-item__right-block .cart-item__price-loading:where([sf~="207"]) { --bgc: rgb(210, 207, 207); --bg-grad: none; --pdt: 2px; --pdr: 6px; --pdb: 2px; --pdl: 6px; --pdrn: 6; --pdln: 6; border-radius: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.cart-item .cart-item__right-block .cart-item__price-loading .popup-major-store__refresh-icon:where([sf~="207"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cart-item .cart-item__right-block .cart-item__quantity:where([sf~="207"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; transition-property: --p-transformm, opacity; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.cart-item .cart-item__right-block .cart-item__quantity .cart-item__quantity__count:where([sf~="207"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; font-weight: 700; --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; }
.cart-item .cart-item__right-block .cart-item__quantity .cart-item__quantity-btn:where([sf~="207"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 4px; --pdrn: 4; --pdln: 4; border-radius: 2px; --bgc: rgba(255, 255, 255, 0.136338); --bg-grad: none; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.cart-item .cart-item__right-block .cart-item__quantity .cart-item__quantity-btn p-label:where([sf~="207"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-weight: 700; }
.cart-item .cart-item__right-block .cart-item__quantity .cart-item__quantity-btn:hover:where([sf~="207"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cart-item .cart-item__right-block .cart-item__quantity .cart-item__trash-btn:where([sf~="207"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; }
.cart-item .cart-item__right-block .cart-item__quantity .cart-item__trash-btn :is(p-image, :where(img[pimg])):where([sf~="207"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --brightness: .7; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cart-item .cart-item__right-block .cart-item__quantity .cart-item__trash-btn:hover:where([sf~="207"]) { --brightness: 1; --bgc: rgba(255, 255, 255, 0.136338); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.cart-item:first-child:where([sf~="207"]) { --mgt: 0px; }
.cart-item.hide-for-delete:where([sf~="207"]) { opacity: 0; --op-pe: none; transition-property: opacity, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.cart-checkout__purchase-row:where([sf~="207"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --mgt: 8px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
/* styles/popups/popup_tournament_controlroom.css */
.PopupPanel:where([sf~="208"]) { width: 1000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1000px; min-width: 1000px; max-width: 1000px; --maxw: 1000px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.popup-tournamentcontrolroom-title-bar:where([sf~="208"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
#id-popup-tournamentcontrolroom-title:where([sf~="208"]) { --mgb: 0px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-i-id-popup-tournamentcontrolroom-title:has(> #id-popup-tournamentcontrolroom-title:where([sf~="208"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-id-popup-tournamentcontrolroom-title:has(> #id-popup-tournamentcontrolroom-title:where([sf~="208"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
#id-popup-tournamentcontrolroom-refresh-button.IconButton :is(p-image, :where(img[pimg])):where([sf~="208"]) { --wash-color: #CCCCCC; --wash-filter: url(#w-cccccc); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-popup-tournamentcontrolroom-refresh-button:where([sf~="208"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --vis-collapse: none; }
.tournamentcontrolroom_embedded #id-popup-tournamentcontrolroom-refresh-button:where([sf~="208"]) { --vis-collapse: initial; }
.PopupButtonRow:where([sf~="208"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: auto; --fh: .1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-PopupButtonRow:has(> .PopupButtonRow:where([sf~="208"]):not([pvis="0"])) { --kid-fill-h: 1; }
.popup-tournamentcontrolroom__contents:where([sf~="208"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: .9; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.kk-c-popup-tournamentcontrolroom__contents:has(> .popup-tournamentcontrolroom__contents:where([sf~="208"]):not([pvis="0"])) { --kid-fill-h: 1; }
.popup-tournamentcontrolroom__status:where([sf~="208"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: auto; --fh: .9; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.kk-c-popup-tournamentcontrolroom__status:has(> .popup-tournamentcontrolroom__status:where([sf~="208"]):not([pvis="0"])) { --kid-fill-h: 1; }
.popup-tournamentcontrolroom__tabs:where([sf~="208"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.popup-tournamentcontrolroom__contents .content-navbar:where([sf~="208"]) { --pdt: 0px; --pdr: 48px; --pdb: 0px; --pdl: 48px; --pdrn: 48; --pdln: 48; }
.popup-tournamentcontrolroom__list:where([sf~="208"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 32px; --mgb: 0px; --mgl: 32px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-tournamentcontrolroom__entries-container:where([sf~="208"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: clip; overflow-y: auto; --ovx: clip; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: initial; --ovyf: 1; }
.popup-tournamentcontrolroom__list__row:where([sf~="208"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgb: 2px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-tournamentcontrolroom__list__row:Hover:where([sf~="208"]) { --brightness: 3; transform: scale3d(1.03, 1.03, 1.03 ); transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.popup-tournamentcontrolroom__list__column:where([sf~="208"]) { width: auto; --fw: 4; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgr: 2px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.kk-c-popup-tournamentcontrolroom__list__column:has(> .popup-tournamentcontrolroom__list__column:where([sf~="208"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-popup-tournamentcontrolroom__list__column:has(> .popup-tournamentcontrolroom__list__column:where([sf~="208"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-tournamentcontrolroom__list__row .newentry:where([sf~="208"]) { --vis-collapse: none; }
.popup-tournamentcontrolroom__list__row.newentry .newentry:where([sf~="208"]) { --vis-collapse: initial; }
.popup-tournamentcontrolroom__list__row.newentry .nonewentry:where([sf~="208"]) { --vis-collapse: none; }
.popup-tournamentcontrolroom__list__row.newentry:where([sf~="208"]) { border-bottom: 2px solid white; --mgb: 8px; }
.popup-tournamentcontrolroom__list__row.newentry:Hover:where([sf~="208"]) { transform: scale3d(1.0, 1.0, 1.0 ); }
.popup-tournamentcontrolroom__list__row.newentry p-textentry:where([sf~="208"]), .popup-tournamentcontrolroom__list__row.newentry :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="208"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.popup-tournamentcontrolroom__list__row.newentry .kk-t-p-textentry:has(> p-textentry:where([sf~="208"]):not([pvis="0"])), .popup-tournamentcontrolroom__list__row.newentry.kk-t-p-textentry:has(> p-textentry:where([sf~="208"]):not([pvis="0"])), .popup-tournamentcontrolroom__list__row.newentry :where([p]):has(> :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="208"]):not([pvis="0"])), .popup-tournamentcontrolroom__list__row.newentry:has(> :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="208"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .popup-tournamentcontrolroom__list__row.newentry .kk-t-p-textentry:has(> p-textentry:where([sf~="208"]):not([pvis="0"]))::after, .popup-tournamentcontrolroom__list__row.newentry.kk-t-p-textentry:has(> p-textentry:where([sf~="208"]):not([pvis="0"]))::after, .popup-tournamentcontrolroom__list__row.newentry :where([p]):has(> :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="208"]):not([pvis="0"]))::after, .popup-tournamentcontrolroom__list__row.newentry:has(> :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown):where([sf~="208"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-tournamentcontrolroom__list__row.background:where([sf~="208"]) { --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; }
.local-player .popup-tournamentcontrolroom__list__column:where([sf~="208"]) { --bgc: rgba(245, 245, 245, 0.176064); --bg-grad: none; }
.popup-tournamentcontrolroom__list__column.team:where([sf~="208"]) { width: auto; --fw: 4; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-popup-tournamentcontrolroom__list__column:has(> .popup-tournamentcontrolroom__list__column.team:where([sf~="208"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-popup-tournamentcontrolroom__list__column:has(> .popup-tournamentcontrolroom__list__column.team:where([sf~="208"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-tournamentcontrolroom__list__column.team.one p-label:where([sf~="208"]) { text-align: right; }
.popup-tournamentcontrolroom__list__column.score:where([sf~="208"]) { width: auto; --fw: 2; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.kk-c-popup-tournamentcontrolroom__list__column:has(> .popup-tournamentcontrolroom__list__column.score:where([sf~="208"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-popup-tournamentcontrolroom__list__column:has(> .popup-tournamentcontrolroom__list__column.score:where([sf~="208"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.popup-tournamentcontrolroom__list__column.score .IconButton:where([sf~="208"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-tournamentcontrolroom__list__column.score .IconButton p-label:where([sf~="208"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --mgr: 5px; }
.popup-tournamentcontrolroom__list__column__title:where([sf~="208"]) { --pdl: 8px; --pdln: 8; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-tournamentcontrolroom__list__column__title.newentry:where([sf~="208"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
:is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).PopupButton p-label:where([sf~="208"]), :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).PopupButton._selected p-label:where([sf~="208"]), :is(p-dropdown, p-csgosettingsenumdropdown, p-csgosettingsannotationsdropdown).PopupButton._focus p-label:where([sf~="208"]) { --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 0px; }
.popup-tournamentcontrolroom__list__column__title.faded:where([sf~="208"]) { opacity: 0.696476; --op-pe: inherit; }
.popup-tournamentcontrolroom__list__column__title.position:where([sf~="208"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; font-weight: 300; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.popup-tournamentcontrolroom__status.hidden:where([sf~="208"]), .popup-tournamentcontrolroom__list.hidden:where([sf~="208"]), #id-popup-tournamentcontrolroom-navbar.hidden:where([sf~="208"]) { --vis-collapse: none; opacity: 0; --op-pe: none; }
.popup-tournamentcontrolroom__name-entry:where([sf~="208"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdl: 8px; --pdln: 8; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
#popup-tournamentcontrolroom-entry-name:where([sf~="208"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; --text-shrink: 1; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
.popup-tournamentcontrolroom__name-entry__avatar:where([sf~="208"]) { width: 38px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 38px; height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; }
.PopupPanel.tournamentcontrolroom_embedded.play_menu_survival:where([sf~="208"]) { --mgt: 24px; --mgr: 0px; --mgb: 16px; --mgl: 0px; height: 552px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 552px; animation-name: pano-vpct; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; border: 1px black; --bdln: 1; --bdrn: 1; box-shadow: 0px 0px 4px 6.666667px rgb(0 0 0 / 0.333333); --bg-fill: rgb(0 0 0 / 0.333333); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.tournamentcontrolroom_embedded .PopupButtonRow:where([sf~="208"]) { --vis-collapse: none; }
.PopupButton.green p-label:where([sf~="208"]), .popup-tournamentcontrolroom__list__column__title.green:where([sf~="208"]), .popup-tournamentcontrolroom__list__row.green p-label:where([sf~="208"]) { color: #AAFFAA; }
#ButtonFinalize.hidden:where([sf~="208"]) { --vis-collapse: none; }
#ButtonFinalize:where([sf~="208"]) { --mgl: -50px; z-index: 3; }
.kk-i-ButtonFinalize:has(> #ButtonFinalize:where([sf~="208"]):not([pvis="0"])) { isolation: isolate; }
/* styles/popups/popup_tournament_journal.css */
.tournament-journal-content:where([sf~="209"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 1; --op-pe: inherit; transform: translateX( 0% ); transition-property: opacity, transform; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.PopupPanel.tournament-journal:where([sf~="209"]) { max-width: 100%; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: rgba(0, 0, 0, 0.137392); --bg-grad: none; border: 0px solid white; --bdln: 0; --bdrn: 0; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --pdb: 0px; }
.PopupPanel.tournament-journal.Hidden:where([sf~="209"]) { opacity: 0; --op-pe: none; scale: 1.25; transform: translateY( -10px ); --sound: "UIPanorama.ui_custom_lobby_dialog_slide"; transition-property: transform, scale, opacity, height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
#id-tournament-journal-container:where([sf~="209"]) { --blur: 4px; --brightness: .1; --saturation: .8; --bg-img: url("/panorama/images/tournaments/events/bg_18_fullscreen.webp"); --bg-rep: no-repeat; --bg-size: clip_then_cover; --bg-w: 0px; --bg-pos: 50% 0%; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournament-journal-container:where([sf~="209"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-rep: no-repeat; --bg-size: clip_then_cover; --bg-w: 0px; --bg-pos: 50% 0%; }
.tournament-journal__titlebar:where([sf~="209"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; min-height: 72px; --mh-set: 1; --mhp: 1; --mgb: 16px; }
.tournament-journal__titlebar--border:where([sf~="209"]) { --pdt: 32px; --mgt: 16px; }
.tournament-journal__titlebar__title:where([sf~="209"]) { --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; letter-spacing: 14px; color: White; text-shadow: 1px 1px 1px rgb(44, 60, 78), 1px 1px 1px color-mix(in srgb, rgb(44, 60, 78) 50%, transparent); }
.tournament-journal__titlebar__title.small:where([sf~="209"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.tournament-journal__titlebar__title.count:where([sf~="209"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); color: rgb(252, 252, 252); text-shadow: 1px 1px 1px rgb(44, 60, 78), 1px 1px 1px color-mix(in srgb, rgb(44, 60, 78) 50%, transparent); text-align: center; }
.tournament-journal__titlebar__title.count.souvenir:where([sf~="209"]) { border: 1px solid rgba(255, 255, 255, 0.466388); --bdln: 1; --bdrn: 1; border-radius: 50%; --bgc: rgba(0, 0, 0, 0.601004); --bg-grad: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 8px; width: 54px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 54px; height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; }
.tournament-journal__titlebar__subtitle:where([sf~="209"]) { color: rgb(231, 236, 241); --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-shadow: 1px 1px 1px rgb(44, 60, 78), 1px 1px 1px color-mix(in srgb, rgb(44, 60, 78) 50%, transparent); width: 1080px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1080px; text-align: center; }
.tournament-journal__titlebar__logo:where([sf~="209"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdl: 32px; --pdln: 32; }
.tournament-journal__section:where([sf~="209"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 360px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 360px; animation-name: pano-vpct; }
.tournament-journal__section--bottom-block:where([sf~="209"]) { --bgc: transparent; --bg-grad: none; height: 240px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 240px; --mgt: 8px; }
.tournament-journal__column:where([sf~="209"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: 1; --fh-basis: 0px; --fh-stretch: stretch; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; max-width: 740px; --maxw: 740px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 2px; --bgc: rgba(255, 255, 255, 0.124299); --bg-grad: none; }
.kk-c-tournament-journal__column:has(> .tournament-journal__column:where([sf~="209"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-tournament-journal__column:has(> .tournament-journal__column:where([sf~="209"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.kk-c-tournament-journal__column:has(> .tournament-journal__column:where([sf~="209"]):not([pvis="0"])) { --kid-fill-h: 1; }
.tournament-journal__info-block:where([sf~="209"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 6px; --mgr: 0px; --mgb: 6px; --mgl: 0px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; }
.tournament-journal__column--redeem .tournament-journal__info-block:where([sf~="209"]), #id-graffiti-block .tournament-journal__info-block:where([sf~="209"]) { transform: translateX(140px); }
.tournament-journal__info-block__title:where([sf~="209"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; font-weight: 500; letter-spacing: 3px; text-shadow: 1px 1px 1px rgb(44, 60, 78), 1px 1px 1px color-mix(in srgb, rgb(44, 60, 78) 50%, transparent); }
.tournament-journal__info-block__title--update-anim:where([sf~="209"]) { animation-name: activate-token-anim; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes activate-token-anim {
0% { transform: translateY( 0% ); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
30% { transform: translateY( 10% ); opacity: 0; --op-pe: none; --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
31% { transform: translateY( -15% ); --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY( 0% ); --brightness: 1; opacity: 1; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.tournament-journal__info-block__subtitle:where([sf~="209"]) { color: white; --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; --text-shrink: 1; }
.tournament-journal__info-block__info:where([sf~="209"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.tournament-journal__info-block__buttons-row:where([sf~="209"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid rgba(255, 255, 255, 0.309963); --pdt: 8px; }
#id-tournament-coin-levelbanner-bg:where([sf~="209"]), .bronze #id-tournament-coin-levelbanner-bg:where([sf~="209"]) { --wash-color: #b67c43; --wash-filter: url(#w-b67c43); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.silver #id-tournament-coin-levelbanner-bg:where([sf~="209"]) { --wash-color: #858585; --wash-filter: url(#w-858585); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.gold #id-tournament-coin-levelbanner-bg:where([sf~="209"]) { --wash-color: #b19500; --wash-filter: url(#w-b19500); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-tournament-ticket-icon:where([sf~="209"]) { width: 198px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 198px; }
.tournament-journal__model:where([sf~="209"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 460px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 460px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; z-index: 5; }
.kk-c-tournament-journal__model:has(> .tournament-journal__model:where([sf~="209"]):not([pvis="0"])) { isolation: isolate; }
.no-active-pass .tournament-journal__model:where([sf~="209"]) { height: 640px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 640px; animation-name: pano-vpct; }
.tournament-journal__model.trophy:where([sf~="209"]) { --brightness: .25; height: 198px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 198px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournament-journal__challenges-list:where([sf~="209"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.tournament-journal__challenge:where([sf~="209"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 6px; --pdr: 0px; --pdb: 6px; --pdl: 0px; --pdrn: 0; --pdln: 0; --mgt: 1px; --mgr: 0px; --mgb: 1px; --mgl: 4px; --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; transition-property: transform, box-shadow, --bgc; transition-duration: .20s, .20s, .20s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.tournament-journal__challenge.dark:where([sf~="209"]) { --bgc: rgba(0, 0, 0, 0.43392); --bg-grad: none; }
.tournament-journal__challenge.margin-top:where([sf~="209"]) { --mgt: 16px; }
.tournament-journal__challenge.complete:where([sf~="209"]) { --bg-grad: linear-gradient(270deg, rgba(19, 148, 19, 0.874397) 0%, rgba(3, 109, 3, 0.236511) 100%); --bgc: transparent; }
.tournament-journal__challenge.dark.complete:where([sf~="209"]) { --bg-grad: linear-gradient(90deg, rgb(15, 141, 15) 0%, rgba(4, 82, 4, 0.73673) 100%); --bgc: transparent; }
.tournament-journal__challenge:hover:not(.tournament-journal__challenge._disabled):where([sf~="209"]) { --bgc: rgba(67, 77, 92, 0.798426); --bg-grad: none; transition-property: transform; transition-duration: .20s; transition-timing-function: ease-in-out; }
.tournament-journal__challenge__name:where([sf~="209"]) { --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --text-shrink: 1; color: white; transition-property: transform; transition-duration: .20s; transition-timing-function: ease-in-out; }
.kk-c-tournament-journal__challenge__name:has(> .tournament-journal__challenge__name:where([sf~="209"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-tournament-journal__challenge__name:has(> .tournament-journal__challenge__name:where([sf~="209"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.tournament-journal__challenge__spacer:where([sf~="209"]) { width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.tournament-journal__challenge__icon-container:where([sf~="209"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.tournament-journal__challenge:hover:not(.tournament-journal__challenge._disabled) .tournament-journal__challenge__icon:where([sf~="209"]), .tournament-journal__challenge:hover:not(.tournament-journal__challenge._disabled) .tournament-journal__challenge__name:where([sf~="209"]) { transform: scale3d( 1.03, 1.03, 1 ); transition-property: transform; transition-duration: .20s; transition-timing-function: ease-in-out; }
.tournament-journal__challenge__icon:where([sf~="209"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 0px; --pdr: 16px; --pdb: 0px; --pdl: 16px; --pdrn: 16; --pdln: 16; opacity: 0.524924; --op-pe: inherit; }
.complete .tournament-journal__challenge__icon:where([sf~="209"]) { opacity: 1; --op-pe: inherit; }
.tournament-journal__spray_emotes:where([sf~="209"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bg-grad: linear-gradient(180deg, rgba(255, 255, 255, 0.124299) 0%, rgba(255, 255, 255, 0) 100%); --bgc: transparent; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.PopupButton.tournament-journal-popupbutton:where([sf~="209"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.tournament-journal-button:where([sf~="209"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.tournament-journal-button.opacity-none:where([sf~="209"]) { opacity: 0; --op-pe: none; }
.tournament-journal-button p-label:where([sf~="209"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: white; --pdt: 12px; --pdr: 12px; --pdb: 12px; --pdl: 12px; --pdrn: 12; --pdln: 12; text-align: left; text-transform: uppercase; font-weight: 500; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --text-shrink: 1; transition-property: --bgc, --brightness; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; }
.tournament-journal-button:hover p-label:where([sf~="209"]) { color: White; --brightness: 1.4; --bgc: rgba(0, 0, 0, 0.168477); --bg-grad: none; transition-property: --bgc, --brightness; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournament-journal-button._disabled p-label:where([sf~="209"]), .tournament-journal-button._disabled:hover p-label:where([sf~="209"]) { color: rgba(130, 130, 130, 1); text-shadow: none; }
#id-tournament-journal-spray:where([sf~="209"]) { width: 172px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 172px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 75; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.tournament-journal__info-steamtv-icon:where([sf~="209"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: rgb(145, 97, 233); --wash-filter: url(#w-rgb_145_97_233); --mgr: 16px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournament-journal__bodytext:where([sf~="209"]) { color: #89ABD2; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.tournament-over #id-winners-block:where([sf~="209"]) { --vis-collapse: initial; width: 1296px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1296px; }
.tournament-over #id-bottom-block:where([sf~="209"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.tournament-over #id-tournament-journal-redeem-btn:where([sf~="209"]), .tournament-over #id-tournament-journal-info-block-subtitle:where([sf~="209"]) { --vis-collapse: none; }
.tournament-over .tournament-journal__challenge._disabled:not(.complete) p-label:where([sf~="209"]) { color: rgba(130, 130, 130, 1); }
.tournament-over .tournament-journal__challenge._disabled:not(.complete) :is(p-image, :where(img[pimg])):where([sf~="209"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tournament-over #id-graffiti-block:where([sf~="209"]), .tournament-over #id-steam-block:where([sf~="209"]), .tournament-over #id-tournament-journal-remaining:where([sf~="209"]), .no-active-pass #id-graffiti-block:where([sf~="209"]), .no-active-pass #id-steam-block:where([sf~="209"]), .no-active-pass #id-winners-block:where([sf~="209"]), .no-active-pass #id-redeem-block:where([sf~="209"]), .no-active-pass #id-tournament-journal-challenges-section:where([sf~="209"]) { --vis-collapse: none; }
.tournament-journal__challenge__items-row:where([sf~="209"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
/* styles/popups/popup_tournament_pickban.css */
.tournament_popup:where([sf~="210"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; }
.pickban__initial_pick_text:where([sf~="210"]) { text-align: center; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.pickban_draft_tile:where([sf~="210"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.pickban__option:where([sf~="210"]) { height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.pickban__veto:where([sf~="210"]) { border: 2px solid #990000; --bdln: 2; --bdrn: 2; --mgb: 4px; }
.pickban__pick:where([sf~="210"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border: 2px solid #4F7123; --bdln: 2; --bdrn: 2; }
.pickban__pick .pickban__map:where([sf~="210"]) { border-bottom: 2px solid rgba(0, 0, 0, 0.12479); }
.pickban__draft_info:where([sf~="210"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.kk-c-pickban__draft_info:has(> .pickban__draft_info:where([sf~="210"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickban__draft_info:has(> .pickban__draft_info:where([sf~="210"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.pickban__dropdown:where([sf~="210"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; }
.pickban__draft_container:where([sf~="210"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.pickban__draft_info_text:where([sf~="210"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: center; color: grey; }
.pickban__draft_vetoed .pickban__draft_info_text:where([sf~="210"]) { color: #990000; }
.pickban__draft_picked .pickban__draft_info_text:where([sf~="210"]) { color: #4F7123; }
.pickban__picking .pickban__draft_info_text:where([sf~="210"]) { --vis-collapse: none; }
.pickban__select:where([sf~="210"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.pickban__team_logo:where([sf~="210"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.pickban__selected_info:where([sf~="210"]) { width: 102px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 102px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; border-left: 2px solid rgba(0, 0, 0, 0.12479); --bdln: 2; }
.pickban__selected_image:where([sf~="210"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; }
.pickban__team .pickban__selected_image:where([sf~="210"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.pickban__map .pickban_unselected:where([sf~="210"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: 86px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 86px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.059773); --bg-grad: none; border: 2px solid rgba(0, 0, 0, 0.12479); --bdln: 2; --bdrn: 2; }
.pickban__team .pickban_unselected:where([sf~="210"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.059773); --bg-grad: none; border: 2px solid rgba(0, 0, 0, 0.12479); --bdln: 2; --bdrn: 2; border-radius: 50%; }
.pickban__unselected_text:where([sf~="210"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; font-weight: 700; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: rgba(0, 0, 0, 0.12479); }
.pickban__wait:where([sf~="210"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; --vis-collapse: none; }
.pickban__wait_spinner:where([sf~="210"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pickban__wait_text:where([sf~="210"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; text-align: center; color: grey; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.kk-c-pickban__wait_text:has(> .pickban__wait_text:where([sf~="210"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-pickban__wait_text:has(> .pickban__wait_text:where([sf~="210"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.PickBanInitialPickOnly:where([sf~="210"]), .PickBanInitialWaitOnly:where([sf~="210"]), .PickBanDraftOnly:where([sf~="210"]), .PickBanDraftPickingOnly:where([sf~="210"]), .PickBanDraftWaitingOnly:where([sf~="210"]), .pickban__waiting .pickban__draft_info_text:where([sf~="210"]) { --vis-collapse: none; }
.pickban__initial-pick .PickBanInitialPickOnly:where([sf~="210"]), .pickban__initial-wait .PickBanInitialWaitOnly:where([sf~="210"]), .pickban__draft .PickBanDraftOnly:where([sf~="210"]), .pickban__picking .PickBanDraftPickingOnly:where([sf~="210"]), .pickban__waiting .PickBanDraftWaitingOnly:where([sf~="210"]) { --vis-collapse: initial; }
/* styles/popups/popup_tournament_select_spray.css */
.PopupPanel.popup-tournament-select-spray:where([sf~="211"]) { max-width: 900px; --maxw: 900px; --pdb: 0px; }
.PopupPanel.popup-tournament-select-spray.major-24:where([sf~="211"]) { --bgc: transparent; --bg-grad: none; border: 0px solid black; --bdln: 0; --bdrn: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.PopupPanel.popup-tournament-select-spray.major-24 p-label:where([sf~="211"]) { color: rgb(48, 31, 6); --bgc: transparent; --bg-grad: none; }
.PopupPanel.popup-tournament-select-spray.major-25:where([sf~="211"]) { border: 1px solid rgb(59, 45, 83); --bdln: 1; --bdrn: 1; }
.PopupPanel.popup-tournament-select-spray.major-25 p-label:where([sf~="211"]) { color: rgb(224, 190, 231); --bgc: transparent; --bg-grad: none; }
.popup-tournament-select-spray-bg:where([sf~="211"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
.popup-tournament-select-spray-team:where([sf~="211"]) { height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 130 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; transition-property: --brightness, --bgc; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; }
.popup-tournament-select-spray-team:hover:where([sf~="211"]) { --brightness: 1.5; --bgc: rgba(255, 255, 255, 0.09105); --bg-grad: none; transition-property: --brightness, --bgc; transition-duration: .20s, .20s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/popups/popup_videoclip.css */
.popup-videoclip-root:where([sf~="212"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); scale: 1; transform: translateY( 0px ); min-width: 0px; opacity: 1; --op-pe: inherit; border-radius: 0px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; transition-property: transform, scale, opacity, --bgc, height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in, ease-in; --bgc: rgb(0, 0, 0); --bg-grad: none; }
.popup-videoclip-root.Hidden:where([sf~="212"]) { opacity: 0; --op-pe: none; }
#VideoClipMovie:where([sf~="212"]) { width: 1065px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1065px; height: 600px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 600px; animation-name: pano-vpct; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
.clip-header:where([sf~="212"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.clip-header #ClipTitle:where([sf~="212"]) { font-family: Stratum2 Condensed; --c9: 0.9; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; }
.clip-header #id-close-btn:where([sf~="212"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --wash-color: rgb(59, 59, 59); --wash-filter: url(#w-rgb_59_59_59); transition-property: --wash-color; transition-duration: 0.2s; transition-timing-function: ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.clip-header #id-close-btn:hover:where([sf~="212"]) { --wash-color: white; --wash-filter: initial; --bgc: black; --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/popups/popup_workshop_mode_select.css */
.PopupPanel:where([sf~="213"]) { width: 580px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 580px; }
.PopupPanel--wide:where([sf~="213"]) { width: 1600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1600px; }
.PopupButtonRow:where([sf~="213"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.popup-workshop-mode-block:where([sf~="213"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.popup-workshop-mode:where([sf~="213"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.popup-workshop-mode.hidden:where([sf~="213"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.popup-workshop-mode .PopupButton:where([sf~="213"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.popup-workshop-mode .PopupButton.Row:where([sf~="213"]) { width: 480px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 480px; }
/* styles/popups/popup_workshop_submit.css */
.details-container:where([sf~="214"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 0px; --mgr: 30px; --mgb: 0px; --mgl: 30px; --bgc: rgba(0, 0, 0, 0.1297); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; min-height: 300px; --mh-set: 1; --mhp: 1; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.status-text:where([sf~="214"]) { --mgl: 30px; --mgb: 10px; }
.title-details:where([sf~="214"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.preview-image:where([sf~="214"]) { width: 360px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 360px; height: 280px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 280px; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.submission-name-text:where([sf~="214"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --text-shrink: 1; white-space: nowrap; font-weight: 300; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; width: 384px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 384px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
/* styles/premier_season_progress.css */
.premier-season-progress:where([sf~="215"]) { width: 570px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 570px; --pdt: 12px; --pdr: 12px; --pdb: 0px; --pdl: 12px; --pdrn: 12; --pdln: 12; --mgl: 64px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.premier-season-progress .premier-season-progress-rank-label:where([sf~="215"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.premier-season-progress #id-medal-start:where([sf~="215"]) { opacity: 0.616725; --op-pe: inherit; }
.premier-season-progress #id-medal-end:where([sf~="215"]) { --img-shadow: drop-shadow(2px 2px 3px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-season-progress .premier-season-progress-bar-container:where([sf~="215"]) { --mgt: 8px; --mgr: 0px; --mgb: 8px; --mgl: 8px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.premier-season-progress .premier-season-progress-bar-container.show-warning .premier-season-progress-rank-icon:where([sf~="215"]) { opacity: 0.696476; --op-pe: inherit; --brightness: .5; --img-shadow: drop-shadow(0px 0px 0px transparent); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-season-progress .premier-season-progress-bar-container.show-warning .premier-season-progress-warning-icon:where([sf~="215"]) { --vis-collapse: initial; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-progress-rank-icon:where([sf~="215"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 78; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; width: 46px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 46px; --mgt: 0px; --mgr: 4px; --mgb: 0px; --mgl: 4px; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-progress-warning-icon:where([sf~="215"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(2px 2px 3px color-mix(in srgb, #000000 45.45%, transparent)); --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --vis-collapse: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container:where([sf~="215"]) { width: 440px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 440px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-pips-labels:where([sf~="215"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-pips-labels .premier-season-pips-label:where([sf~="215"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar:where([sf~="215"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 440px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 440px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; transform-origin: 0px 50%; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment:where([sf~="215"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment.2-bars:where([sf~="215"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment.3-bars:where([sf~="215"]) { width: min(calc((100% + var(--ppx)) * 0.33), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment.4-bars:where([sf~="215"]) { width: min(calc((100% + var(--ppx)) * 0.25), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment.5-bars:where([sf~="215"]) { width: min(calc((100% + var(--ppx)) * 0.2), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .premier-season-progress-bar-matches:where([sf~="215"]), .premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .premier-season-progress-medal:where([sf~="215"]) { width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transform-origin: 50% 50%; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .kk-c-premier-season-progress-bar-matches:has(> .premier-season-progress-bar-matches:where([sf~="215"]):not([pvis="0"])), .premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment.kk-c-premier-season-progress-bar-matches:has(> .premier-season-progress-bar-matches:where([sf~="215"]):not([pvis="0"])), .premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .kk-c-premier-season-progress-medal:has(> .premier-season-progress-medal:where([sf~="215"]):not([pvis="0"])), .premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment.kk-c-premier-season-progress-medal:has(> .premier-season-progress-medal:where([sf~="215"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .kk-c-premier-season-progress-bar-matches:has(> .premier-season-progress-bar-matches:where([sf~="215"]):not([pvis="0"]))::after, .premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment.kk-c-premier-season-progress-bar-matches:has(> .premier-season-progress-bar-matches:where([sf~="215"]):not([pvis="0"]))::after, .premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .kk-c-premier-season-progress-medal:has(> .premier-season-progress-medal:where([sf~="215"]):not([pvis="0"]))::after, .premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment.kk-c-premier-season-progress-medal:has(> .premier-season-progress-medal:where([sf~="215"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .premier-season-progress-bar-matches:where([sf~="215"]) { --bgc: rgb(25, 25, 25); --bg-grad: none; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .premier-season-progress-medal:where([sf~="215"]) { height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; transform: rotateZ( 45deg ); box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.premier-season-progress .premier-season-progress-bar-container .premier-season-pips-label-container .premier-season-progress-bar .premier-season-progress-bar-segment .premier-season-progress-bar-matches-inner:where([sf~="215"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; --mgr: 1px; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; }
.premier-season-progress .premier-season-title-bar:where([sf~="215"]) { width: 1000px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1000px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --pdt: 4px; --pdl: 4px; --pdln: 4; --bg-img: url("/panorama/images/icons/ui/premier_title_bg_blank.svg"); --bg-size: 100% 100%; --bg-w: 0px; }
.premier-season-progress #js-highest-rating:where([sf~="215"]) { --mgr: 4px; zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.premier-season-progress-block:where([sf~="215"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.107652); --bg-grad: none; border-radius: 3px; }
.rank-tier-0:where([sf~="215"]) { --bgc: rgb(196, 208, 223); --bg-grad: none; }
.rank-tier-1:where([sf~="215"]) { --bgc: #8cc6ff; --bg-grad: none; }
.rank-tier-2:where([sf~="215"]) { --bgc: #6a7dff; --bg-grad: none; }
.rank-tier-3:where([sf~="215"]) { --bgc: #c166ff; --bg-grad: none; }
.rank-tier-4:where([sf~="215"]) { --bgc: #f03cff; --bg-grad: none; }
.rank-tier-5:where([sf~="215"]) { --bgc: #eb4b4b; --bg-grad: none; }
.rank-tier-6:where([sf~="215"]) { --bgc: #ffd700; --bg-grad: none; }
.rank-tier-none:where([sf~="215"]) { --bgc: rgb(25, 25, 25); --bg-grad: none; }
/* styles/radialmenubase.css */
.Radial:where([sf~="216"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.IsFading .RadialFadeIn:where([sf~="216"]), .RadialFadeIn.IsFading:where([sf~="216"]) { transition-duration: 0.125s; transition-delay: 0.08s; opacity: 0; --op-pe: none; transform: scale3d( 1.05, 1.05, 1 ); }
.RadialFadeIn:where([sf~="216"]) { transform: scale3d( 1, 1, 1 ); opacity: 1; --op-pe: inherit; transition-property: opacity, transform; transition-duration: 0.1s, 0.1s; transition-delay: 0.0s, 0.0s; transition-timing-function: ease-out, ease-out; }
.RadialBackdrop:where([sf~="216"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: 800px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 800px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.RadialBackdropCircle:where([sf~="216"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0.814679) 0%, rgba(0, 0, 0, 0.814679) 20.9%, rgba(19, 19, 19, 0) 21%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialSegment-data:where([sf~="216"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; transform: translateX(-200px) translateY(-100px); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.RadialSegment-container:where([sf~="216"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.RadialSegment-text:where([sf~="216"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: #FFFFFF; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: center; text-shadow: 1px 1px 1px #000000; --text-shrink: 1; --py: 62px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
p-ccsgoquickutilityitemradial .RadialSegment-text:where([sf~="216"]), p-ccsgoquickgrenadesradial .RadialSegment-text:where([sf~="216"]), p-csgoquickinventory .RadialSegment-text:where([sf~="216"]) { --vis-collapse: none; }
.RadialSegment-text-large:where([sf~="216"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.RadialSegment--hover .RadialSegment-text:where([sf~="216"]) { color: #FFFFFF; }
.RadialSegment--hover.RadialSegment--canSelect .RadialSegment-text:where([sf~="216"]) { color: #FFFFFF; }
.RadialSegment.RadialSegment--canSelect .RadialSegment-text:where([sf~="216"]) { color: #FFFFFF; }
.RadialSegment-item-count:where([sf~="216"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --vis-collapse: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --py: 36px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 30px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #ffffff; }
.item--has-multiple .RadialSegment-item-count:where([sf~="216"]) { --vis-collapse: initial; }
p-ccsgoquickbuyradial .RadialSegment-item-count:where([sf~="216"]) { font-weight: 700; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --py: 44px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 0px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.RadialSegmentSelectedCenter-image:where([sf~="216"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #ffffff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialSegmentSelectedCenter-text:where([sf~="216"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; color: #ffffff; --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --mgb: 100px; --text-shrink: 1; text-transform: uppercase; }
.Radial-heading-container:where([sf~="216"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 120px; }
.RadialHeading-text:where([sf~="216"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; color: #FFFFFF; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; text-align: center; text-transform: uppercase; }
.RadialHeading-image:where([sf~="216"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgl: 12px; --mgt: 4px; }
.RadialSegment:where([sf~="216"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0) 22%, #232323 22%, #232323 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; opacity: 0.947817; --op-pe: inherit; transform: scale3d( 1, 1, 1 ); }
p-ccsgoquickbuyradial .RadialSegment:where([sf~="216"]) { --wash-color: #ffffff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialSegment.RadialSegment--hover:where([sf~="216"]) { --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0) 22%, #121212 22%, #121212 45.5%, rgba(255, 0, 0, 1) 45.5%, rgba(255, 0, 0, 1) 45.7%, rgba(255, 0, 0, 0) 45.7%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialSegment.RadialSegment--canSelect:where([sf~="216"]) { opacity: 1; --op-pe: inherit; --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0) 22%, rgba(0, 0, 0, 0.682032) 22%, rgba(0, 0, 0, 0.682032) 46%, rgba(170, 170, 170, 0) 46%, rgba(170, 170, 170, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialSegment.RadialSegment--canSelect.RadialSegment--hover:where([sf~="216"]) { --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(19, 19, 19, 0) 0%, rgba(255, 255, 255, 0) 21%, #FFFFFF 21%, #FFFFFF 22%, rgba(0, 0, 0, 0.814679) 22%, rgba(0, 0, 0, 0.814679) 48%, rgba(0, 0, 0, 0) 48%, rgba(221, 221, 221, 0) 45.5%, rgba(221, 221, 221, 0) 45.7%, rgba(0, 0, 0, 0) 45.7%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialSegment.RadialSegment--hover.Chosen:where([sf~="216"]) { --wash-color: #FF0000; --wash-filter: url(#w-ff0000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialSegment.RadialSegment--canSelect.RadialSegment--hover.Chosen:where([sf~="216"]) { --wash-color: #FFFFFF; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialSegment-image:where([sf~="216"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; transform: scale3d( .95, .95, 1 ); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 0px 0px color-mix(in srgb, #000000 10%, transparent)); --wash-color: #666666e6; --wash-filter: url(#w-666666e6); transition-property: transform, --img-shadow; transition-duration: 0.1s, 0.1s; transition-timing-function: ease-out, ease-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialSegment--hover .RadialSegment-image:where([sf~="216"]) { --img-shadow: drop-shadow(0px 0px 25px color-mix(in srgb, #FF0000 4.545%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialSegment--canSelect .RadialSegment-image:where([sf~="216"]) { --wash-color: #F0F0F0; --wash-filter: url(#w-f0f0f0); --img-shadow: drop-shadow(0px 0px 10px color-mix(in srgb, #000000 4.545%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialSegment--canSelect.RadialSegment--hover .RadialSegment-image:where([sf~="216"]) { --wash-color: #FFFFFF; --wash-filter: initial; --img-shadow: drop-shadow(1px 1px 20px color-mix(in srgb, #BEBEBE 10%, transparent)); transform: scale3d( 1.05, 1.05, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialSegment.AnalogueCursor:where([sf~="216"]) { --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0) 21%, rgba(170, 170, 170, 1) 21%, rgba(170, 170, 170, 1) 21.9%, rgba(255, 255, 255, 0) 21.9%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialSegment.AnalogueCursor:where([sf~="216"]) { --vis-collapse: none; }
.UsingAnalogueStick .RadialSegment.AnalogueCursor:where([sf~="216"]) { --vis-collapse: initial; }
.RadialSegmentSelectedFlashAnim:where([sf~="216"]) { animation-name: SelectedFlashAnim; animation-duration: 0.14s; animation-timing-function: ease-out; animation-iteration-count: 1.2; }
@keyframes SelectedFlashAnim {
0% { opacity: 1.5; --op-pe: inherit; }
50% { opacity: 1; --op-pe: inherit; }
100% { opacity: 1.5; --op-pe: inherit; }
}
.RadialRadioSettingsNavPanel:where([sf~="216"]) { width: min(calc((100% + var(--ppx)) * 0.725), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.RadialRadioSettingsNavPanel .content-navbar__tabs--small:where([sf~="216"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --pdl: 20px; --pdln: 20; }
.RadialRadioSettingsSearch:where([sf~="216"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; border: 0px; --bdln: 0; --bdrn: 0; border-bottom: 2px solid rgba(255, 255, 255, 1); color: rgba(204, 204, 204, 1); }
.RadialRadioSettingsSearch p-textentry:where([sf~="216"]) { border: 0px; --bdln: 0; --bdrn: 0; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 30px; }
.RadialRadioSettingsSearch p-textentry._focus:where([sf~="216"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.RadialRadioSettingsSearch #PlaceholderText:where([sf~="216"]) { color: rgba(204, 204, 204, 1); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.RadialRadioSettingsPanel:where([sf~="216"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 320px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 320px; animation-name: pano-vpct; text-align: left; --pdr: 20px; --pdrn: 20; }
.RadialRadioSettingsSegment:where([sf~="216"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: 188px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 188px; --mgl: 12px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; color: rgba(221, 221, 221, 1); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: center; text-shadow: 1px 1px 1px #000000; border-radius: 2px; }
.RadialRadioSettingsSegment p-label:where([sf~="216"]) { --text-shrink: 1; }
.RadialRadioSettingsSegment:hover:where([sf~="216"]) { --bgc: rgba(68, 68, 68, 0.145774); --bg-grad: none; }
.RadialRadioSettingsSegment--selected:where([sf~="216"]) { --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; }
.RadialRadioSettingsSegmentText:where([sf~="216"]) { --mgl: 40px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1px; }
.RadialRadioSettingsScrollableOptionsPanel:where([sf~="216"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 555px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 555px; animation-name: pano-vpct; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --bgc: rgba(0, 0, 0, 0.059773); --bg-grad: none; border-radius: 2px; }
#chatwheel-settings-list p-verticalscrollbar:where([sf~="216"]) { --mgr: 4px; }
.RadialRadioSettingsSingleOptionPanel:where([sf~="216"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.RadialRadioSettingsSingleOptionPanel--highlight:where([sf~="216"]) { animation-name: chatwheel-option-highlight; animation-duration: 1.0s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@keyframes chatwheel-option-highlight {
0% { --bgc: rgba(68, 68, 119, 0.201482); --bg-grad: none; }
50% { --bgc: rgba(85, 85, 136, 0.276702); --bg-grad: none; }
100% { --bgc: rgba(68, 68, 119, 0.201482); --bg-grad: none; }
}
.RadialRadioSettingsSingleOptionPanel--highlight:hover:where([sf~="216"]) { --hue-rotation: 40deg; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialRadioSettingsOptionLabel:where([sf~="216"]) { --mgl: 36px; color: rgba(187, 187, 187, 1); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.RadialRadioSettingsOptionLabel:hover:where([sf~="216"]) { color: #ffffff; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.RadialRadioSettingsHeadingPanel:where([sf~="216"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.RadialRadioSettingsHeadingLabel:where([sf~="216"]) { --mgl: 10px; color: rgba(255, 255, 255, 1); font-weight: 700; }
/* styles/radialradio.css */
.RadialRadio:where([sf~="217"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.RadialRadioBackdrop:where([sf~="217"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.349096); --bg-grad: none; }
.RadialRadioBackdropCircle:where([sf~="217"]) { width: 876px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 876px; height: 876px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 876px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0.481638) 0%, rgba(0, 0, 0, 0.481638) 22.4%, rgba(204, 204, 204, 0) 22.4%, rgba(204, 204, 204, 0) 22.5%, rgba(0, 0, 0, 0) 22.6%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialRadioBackdropCircleWheel2:where([sf~="217"]) { width: 876px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 876px; height: 876px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 876px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0.481638) 0%, rgba(0, 0, 0, 0.481638) 22.4%, rgba(204, 204, 204, 0) 22.4%, rgba(204, 204, 204, 0) 22.5%, rgba(0, 0, 0, 0) 22.6%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialRadioBackdropCircleWheel3:where([sf~="217"]) { width: 876px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 876px; height: 876px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 876px; animation-name: pano-vpct; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0.481638) 0%, rgba(0, 0, 0, 0.481638) 22.4%, rgba(204, 204, 204, 0) 22.4%, rgba(204, 204, 204, 0) 22.5%, rgba(0, 0, 0, 0) 22.6%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialRadioCenterDot:where([sf~="217"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.RadialRadioSegment-data:where([sf~="217"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: 160px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 160px; height: 160px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 160px; transform: translateX(-80px) translateY(-60px); --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.RadialRadioSegment-container:where([sf~="217"]) { width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; height: 140px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 140px; --mgt: 5px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.RadialRadioSegment-image:where([sf~="217"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --mgt: 10px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #FFFFFF; --wash-filter: initial; transform: scale3d( .9, .9, 1 ); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialRadioSegment-text:where([sf~="217"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; color: rgba(204, 204, 204, 1); --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: center; text-shadow: 1px 1px 1px #000000; --vis-collapse: none; }
.RadialRadioSegment-text:hover:where([sf~="217"]) { color: rgba(255, 255, 255, 1); }
.RadialRadioSegmentSelectedCenter-image:where([sf~="217"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: #ffffff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialRadioSegmentSelectedCenter-text:where([sf~="217"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 150px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 150px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; color: #ffffff; --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; --mgb: 100px; --text-shrink: 1; text-transform: uppercase; }
.RadialRadio-heading-container:where([sf~="217"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 120px; }
.RadialRadioHeading-text:where([sf~="217"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS'; --c9: 0.9; color: rgba(255, 255, 255, 1); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 400; text-align: center; text-transform: uppercase; }
.RadialRadioHeading-image:where([sf~="217"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgl: 12px; --mgt: 4px; }
.RadialRadioTab-text:where([sf~="217"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; color: rgba(221, 221, 221, 1); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: center; text-shadow: 1px 1px 1px #000000; --pdb: 100px; }
.QuickInventorySegment--hover .RadialRadioSegment-text:where([sf~="217"]) { color: rgba(255, 255, 255, 1); }
.RadialRadioTab:where([sf~="217"]) { width: 750px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 750px; height: 750px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 750px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(19, 19, 19, 0) 0%, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.404027) 9%, #000000 41.9%, rgba(0, 0, 0, 0.537458) 41.9%, rgba(0, 0, 0, 0.537458) 42%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialRadioTab.MouseoverRadioTab--hover:where([sf~="217"]) { --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0) 22.6%, rgba(19, 19, 19, 0.687603) 22.6%, rgba(85, 85, 85, 0.90877) 28%, rgba(85, 85, 85, 0.90877) 45%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadialRadioSegment:where([sf~="217"]) { width: 750px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 750px; height: 750px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 750px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 26.5%, rgba(0, 0, 0, 0.602365) 26.5%, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; }
.RadioRadialSegment--disabled:where([sf~="217"]) { --wash-color: darkgrey; --wash-filter: url(#w-darkgrey); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialRadioSegment.QuickInventorySegment--hover:where([sf~="217"]) { --bg-grad: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 26.5%, rgba(238, 238, 238, 0.922283) 26.5%, rgba(238, 238, 238, 0.922283) 26.8%, #000000 26.8%, rgba(0, 0, 0, 0.277279) 35%, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; transform: scale3d( 1.005, 1.005, 1 ); }
.RadialRadioSettingsNavPanel:where([sf~="217"]) { width: min(calc((100% + var(--ppx)) * 0.725), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.RadialRadioSettingsNavPanel .content-navbar__tabs--small:where([sf~="217"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --pdl: 20px; --pdln: 20; }
.RadialRadioSettingsSearch:where([sf~="217"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; border: 0px; --bdln: 0; --bdrn: 0; border-bottom: 2px solid rgba(255, 255, 255, 1); color: rgba(204, 204, 204, 1); }
.RadialRadioSettingsSearch p-textentry:where([sf~="217"]) { border: 0px; --bdln: 0; --bdrn: 0; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 30px; }
.RadialRadioSettingsSearch p-textentry._focus:where([sf~="217"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.RadialRadioSettingsSearch #PlaceholderText:where([sf~="217"]) { color: rgba(204, 204, 204, 1); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.RadialRadioSettingsPanel:where([sf~="217"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 320px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 320px; animation-name: pano-vpct; text-align: left; --pdr: 20px; --pdrn: 20; }
.RadialRadioSettingsSegment:where([sf~="217"]) { --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; width: 188px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 188px; --mgl: 12px; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 700; color: rgba(221, 221, 221, 1); --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; text-align: center; text-shadow: 1px 1px 1px #000000; border-radius: 2px; }
.RadialRadioSettingsSegment p-label:where([sf~="217"]) { --text-shrink: 1; }
.RadialRadioSettingsSegment:hover:where([sf~="217"]) { --bgc: rgba(68, 68, 68, 0.145774); --bg-grad: none; }
.RadialRadioSettingsSegment--selected:where([sf~="217"]) { --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; }
.RadialRadioSettingsSegmentText:where([sf~="217"]) { --mgl: 40px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1px; }
.RadialRadioSettingsScrollableOptionsPanel:where([sf~="217"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 555px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 555px; animation-name: pano-vpct; overflow-x: clip; overflow-y: auto; --ovx: squish; --ovy: scroll; --ovxn: initial; --ovyn: 1; --ovxf: initial; --ovyf: 1; --bgc: rgba(0, 0, 0, 0.059773); --bg-grad: none; border-radius: 2px; }
#chatwheel-settings-list p-verticalscrollbar:where([sf~="217"]) { --mgr: 4px; }
.RadialRadioSettingsSingleOptionPanel:where([sf~="217"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.RadialRadioSettingsSingleOptionPanel--highlight:where([sf~="217"]) { animation-name: chatwheel-option-highlight; animation-duration: 1.0s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@keyframes chatwheel-option-highlight {
0% { --bgc: rgba(68, 68, 119, 0.201482); --bg-grad: none; }
50% { --bgc: rgba(85, 85, 136, 0.276702); --bg-grad: none; }
100% { --bgc: rgba(68, 68, 119, 0.201482); --bg-grad: none; }
}
.RadialRadioSettingsSingleOptionPanel--highlight:hover:where([sf~="217"]) { --hue-rotation: 40deg; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadialRadioSettingsOptionLabel:where([sf~="217"]) { --mgl: 36px; color: rgba(187, 187, 187, 1); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.RadialRadioSettingsOptionLabel:hover:where([sf~="217"]) { color: #ffffff; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.RadialRadioSettingsHeadingPanel:where([sf~="217"]) { width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.RadialRadioSettingsHeadingLabel:where([sf~="217"]) { --mgl: 10px; color: rgba(255, 255, 255, 1); font-weight: 700; }
/* styles/rankup_redemption_store.css */
.rrs-root:where([sf~="218"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --pdt: 16px; --pdr: 0px; --pdb: 16px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
.rrs-root .rrs-directions-panel:where([sf~="218"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; min-height: 270px; --mh-set: 1; --mhp: 1; }
.rrs-root .rrs-directions-panel .rrs__title:where([sf~="218"]) { --mgb: 16px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-align: center; font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 60; font-size: calc(max(1, round(nearest, 60 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; text-transform: uppercase; color: white; max-width: 420px; --maxw: 420px; --text-shrink: 1; }
.rrs-root .rrs__fixed-width-ghost-items-container:where([sf~="218"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; }
.rrs-root .rrs__fixed-width-ghost-items-container .rrs__ghost-items-container:where([sf~="218"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.rrs-item-container:where([sf~="218"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --mgt: 10px; --mgr: 10px; --mgb: 10px; --mgl: 10px; --bgc: rgba(37, 37, 37, 0.381964); --bg-grad: none; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.rrs-item-container:not(.claimed) .ghost-item__inspect:where([sf~="218"]) { --vis-collapse: initial; }
.rrs-item-container:not(.claimed):hover .ghost-item__multi-select :is(p-image, :where(img[pimg])):where([sf~="218"]) { opacity: 1; --op-pe: inherit; }
.rrs-item-container:not(.claimed) .ghost-item__multi-select:where([sf~="218"]) { --vis-collapse: initial; }
.cant-afford:where([sf~="218"]) { --brightness: 0.1; --saturation: 0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rrs-item-container.claimed .ghost-item:where([sf~="218"]), .rrs-item-container .ghost-item._disabled:where([sf~="218"]) { --bgc: rgba(0, 0, 0, 0.482646); --bg-grad: none; }
.rrs-item-container.claimed .ghost-item .ghost-item__image:where([sf~="218"]), .rrs-item-container .ghost-item._disabled .ghost-item__image:where([sf~="218"]) { --brightness: 0; --saturation: 0; opacity: 0.696476; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rrs-item-container.claimed .ghost-item .ghost-item:where([sf~="218"]), .rrs-item-container .ghost-item._disabled .ghost-item:where([sf~="218"]) { --brightness: 0.3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rrs-item-container.claimed .ghost-item .ghost-item__inspect:where([sf~="218"]), .rrs-item-container .ghost-item._disabled .ghost-item__inspect:where([sf~="218"]) { --vis-collapse: none; }
.rrs-item-container.claimed .ghost-item .ghost-item__multi-select:where([sf~="218"]), .rrs-item-container .ghost-item._disabled .ghost-item__multi-select:where([sf~="218"]) { --vis-collapse: none; }
:is(p-image, :where(img[pimg])):where([sf~="218"]), p-panel:where([sf~="218"]) { transition-property: opacity; transition-duration: 0.1s; transition-timing-function: ease-in-out; }
.ghost-item:where([sf~="218"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transform-origin: 50% 50%; transition-property: transform, --brightness, opacity; transition-duration: 0.1s, 0.1s, 0.1s; border: 2px solid rgba(182, 120, 26, 0.927155); --bdln: 2; --bdrn: 2; --vis-collapse: initial; }
.ghost-item .TickBox:where([sf~="218"]) { --vis-collapse: none; }
.ghost-item.selected:where([sf~="218"]) { border-color: #0F9D58; }
.ghost-item.selected .ghost-item__multi-select:where([sf~="218"]) { --vis-collapse: initial; border: 2px solid rgba(0, 0, 0, 0); --bdln: 2; --bdrn: 2; opacity: 1; --op-pe: inherit; --bgc: #0F9D58; --bg-grad: none; }
.ghost-item.selected .ghost-item__multi-select :is(p-image, :where(img[pimg])):where([sf~="218"]) { opacity: 1; --op-pe: inherit; }
.ghost-item .ghost-item__bg:where([sf~="218"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.ghost-item .ghost-item__name:where([sf~="218"]) { max-height: 42px; font-family: Stratum2 Condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; }
.ghost-item .ghost-item__image:where([sf~="218"]) { height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.ghost-item .ghost-item__inspect:where([sf~="218"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); opacity: 0.696476; --op-pe: inherit; --vis-collapse: none; }
.ghost-item .ghost-item__inspect:hover:where([sf~="218"]) { opacity: 1; --op-pe: inherit; }
.ghost-item .ghost-item__multi-select:where([sf~="218"]) { --vis-collapse: none; }
.ghost-item .ghost-item__multi-select :is(p-image, :where(img[pimg])):where([sf~="218"]) { opacity: 0; --op-pe: none; --wash-color: rgb(224, 224, 224); --wash-filter: url(#w-rgb_224_224_224); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.reveal-claimed .ghost-item:where([sf~="218"]) { animation-name: reveal-claimed-item; animation-duration: 0.2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes reveal-claimed-item {
0% { --brightness: 1; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 10; --contrast: 0; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; --contrast: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.ghost-item__multi-select:where([sf~="218"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; border: 1px solid rgb(218, 218, 218); --bdln: 1; --bdrn: 1; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; border-radius: 50%; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
.selected .ghost-item__multi-select:where([sf~="218"]) { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rrs__button-row:where([sf~="218"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.rrs__button-row .rrs__redeem:where([sf~="218"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.rrs__waiting:where([sf~="218"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --bg-grad: radial-gradient(ellipse 100px 100px at 50% 50%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; opacity: 0; --op-pe: none; }
.waiting .rrs__waiting:where([sf~="218"]) { opacity: 1; --op-pe: inherit; }
.rrs__desc:where([sf~="218"]) { max-width: 300px; --maxw: 300px; --mgt: 8px; color: rgb(238, 184, 118); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.frame-badge:where([sf~="218"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.frame-badge .frame-badge__bg:where([sf~="218"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.frame-badge .frame-badge__bg .frame-badge__center:where([sf~="218"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; }
.frame-badge .frame-badge__bg .frame-badge__center p-label:where([sf~="218"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-transform: uppercase; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; text-align: center; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 8px; --pdr: 32px; --pdb: 8px; --pdl: 32px; --pdrn: 32; --pdln: 32; color: white; --text-shrink: 1; }
.frame-badge .frame-badge__bg .frame-badge__right:where([sf~="218"]) { transform: scaleX(-1); }
@keyframes frame-badge-reveal-store {
0% { transform: scale3d(0, 1, 1); --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
99% { --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: scale3d(1, 1, 1); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.frame-badge.redeem-direction:where([sf~="218"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.frame-badge.redeem-direction .frame-badge__bg .frame-badge__left:where([sf~="218"]) { --wash-color: rgba(235, 146, 38, 1); --wash-filter: url(#w-rgba_235_146_38_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.frame-badge.redeem-direction .frame-badge__bg .frame-badge__center:where([sf~="218"]) { --bg-grad: linear-gradient(90deg, rgba(235, 146, 38, 1) 0%, rgba(180, 105, 14, 1) 100%); --bgc: transparent; }
.frame-badge.redeem-direction .frame-badge__bg .frame-badge__right:where([sf~="218"]) { --wash-color: rgba(180, 105, 14, 1); --wash-filter: url(#w-rgba_180_105_14_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.reveal-store .frame-badge.redeem-direction .frame-badge__bg:where([sf~="218"]) { animation-name: frame-badge-reveal-store; animation-duration: 0.2s; animation-delay: 0.1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.frame-badge.claimed:where([sf~="218"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: translateY(16px); zoom: 0.75; --uizi: 0.75; --zl: calc(var(--mgl) / 0.75); --zr: calc(var(--mgr) / 0.75); --zt: calc(var(--mgtv, var(--mgt)) / 0.75); --zb: calc(var(--mgbv, var(--mgb)) / 0.75); --vis-collapse: none; }
.frame-badge.claimed .frame-badge__bg .frame-badge__left:where([sf~="218"]) { --wash-color: rgb(32, 87, 22); --wash-filter: url(#w-rgb_32_87_22); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.frame-badge.claimed .frame-badge__bg .frame-badge__center:where([sf~="218"]) { --bg-grad: linear-gradient(90deg, rgb(32, 87, 22) 0%, rgb(40, 109, 28) 100%); --bgc: transparent; }
.frame-badge.claimed .frame-badge__bg .frame-badge__right:where([sf~="218"]) { --wash-color: rgb(40, 109, 28); --wash-filter: url(#w-rgb_40_109_28); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.reveal-claimed .frame-badge.claimed .frame-badge__bg:where([sf~="218"]) { animation-name: frame-badge-reveal-claimed; animation-duration: 0.3s; animation-delay: 0s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.claimed .frame-badge.claimed:where([sf~="218"]) { --vis-collapse: initial; }
@keyframes frame-badge-reveal-claimed {
0% { transform: rotateX(-90deg); --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: rotateX(0deg); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.rrs__xpbar__container:where([sf~="218"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
.care-package-eligible .rrs__xpbar__container:where([sf~="218"]) { --vis-collapse: initial; }
.rrs__xpbar__container .rrs__xpbar:where([sf~="218"]) { width: 230px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 230px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.rrs__xpbar__container .rrs__xpbar .rrs__xpbar__bar:where([sf~="218"]) { --bgc: rgba(0, 0, 0, 0.57102); --bg-grad: none; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.rrs__xpbar__container .rrs__xpbar .rrs__xpbar__bar--inner:where([sf~="218"]) { --bg-grad: linear-gradient(90deg, #505050 0%, #919191 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.care-package-eligible .rrs__xpbar__container .rrs__xpbar .rrs__xpbar__bar--inner:where([sf~="218"]) { --bg-grad: linear-gradient(90deg, #0A5A84 0%, #5DC6FF 100%); --bgc: transparent; }
.rrs__xpbar__container .rrs__xpIcon:where([sf~="218"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; }
.rrs__xpbar__container .rrs__xpbar__care-package:where([sf~="218"]) { --mgl: 10px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; }
.care-package-eligible .rrs__xpbar__container .rrs__xpbar__care-package:where([sf~="218"]) { --vis-collapse: initial; }
/* styles/retakeloadout.css */
.RetakeLoadout:where([sf~="219"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.RetakeLoadoutMenu--backdrop:where([sf~="219"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.RetakeLoadoutMenu--main-container:where([sf~="219"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: 512px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 512px; animation-name: pano-vpct; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border-radius: 3px; --brightness: 10; opacity: 0; --op-pe: none; --world-blur: gaussian(2,2,2); --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.04; --bg-img-own: none; transition-property: opacity, width, --fw, --fw-basis, --fw-stretch, --wcap, --brightness; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RetakeLoadoutMenu--main-container:where([sf~="219"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.RetakeLoadoutMenu--main-container.show:where([sf~="219"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; --brightness: 1; opacity: 1; --op-pe: inherit; transition-property: opacity, width, --fw, --fw-basis, --fw-stretch, --wcap, --brightness; transition-delay: .1s, 0s, 0s, 0s, 0s, 0s, 0s; transition-duration: .2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; transition-timing-function: linear, linear, linear, linear, linear, linear, linear; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.retake-cards-count-1 .RetakeLoadoutMenu--main-container.show:where([sf~="219"]) { width: 600px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 600px; }
.retake-cards-count-2 .RetakeLoadoutMenu--main-container.show:where([sf~="219"]) { width: 780px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 780px; }
.retake-cards-count-3 .RetakeLoadoutMenu--main-container.show:where([sf~="219"]) { width: 900px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 900px; }
.retake-cards-count-4 .RetakeLoadoutMenu--main-container.show:where([sf~="219"]) { width: 1200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 1200px; }
.RetakeLoadoutMenu--main-container.show .RetakeLoadoutMenu--main-titles-container:where([sf~="219"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .2s, .2s, .2s, .2s, .2s; transition-timing-function: linear, linear, linear, linear, linear; }
.RetakeLoadoutMenu--main-container.show .RetakeLoadoutMenu--bar-white:where([sf~="219"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in; }
.RetakeLoadoutMenu--main-container.show .RetakeLoadoutMenu--loadouts-container:where([sf~="219"]) { --vis-collapse: initial; }
.RetakeLoadoutMenu--glitch-container:where([sf~="219"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.RetakeLoadoutMenu--glitch-container .RetakeLoadoutMenu--bar-side:where([sf~="219"]) { width: 4px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 4px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; }
.RetakeLoadoutMenu--bar-white:where([sf~="219"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: white; --bg-grad: none; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-delay: .15s; transition-duration: .1s; transition-timing-function: ease-in; }
.RetakeLoadoutMenu--main-titles-container:where([sf~="219"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 18px; --mgb: 18px; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-delay: .15s, .15s, .15s, .15s, .15s; transition-duration: .1s, .1s, .1s, .1s, .1s; transition-timing-function: linear, linear, linear, linear, linear; }
.RetakeLoadoutMenu--main-titles-container .RetakeLoadoutMenu--small-title:where([sf~="219"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; color: white; --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-align: center; }
.RetakeLoadoutMenu--main-titles-container .RetakeLoadoutMenu--large-title:where([sf~="219"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; font-stretch: condensed; text-transform: uppercase; color: white; --fsz: 32; font-size: calc(max(1, round(nearest, 32 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 8px; font-weight: 700; text-align: center; }
.RetakeLoadoutMenu--loadouts-container:where([sf~="219"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --vis-collapse: none; transition-property: opacity; transition-duration: 0.11s; transition-timing-function: ease-in; perspective: 800px; perspective-origin: 50% 0%; }
.RetakeLoadoutMenu--loadout-container:where([sf~="219"]) { animation-name: deal; animation-duration: 0.15s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-delay: 0.15s; animation-fill-mode: both; opacity: 0; --op-pe: none; }
.RetakeLoadoutMenu--loadout-container.RetakeLoadoutMenu--loadout-container-0:where([sf~="219"]) { animation-delay: 0.15s; }
.RetakeLoadoutMenu--loadout-container.RetakeLoadoutMenu--loadout-container-1:where([sf~="219"]) { animation-delay: 0.25s; }
.RetakeLoadoutMenu--loadout-container.RetakeLoadoutMenu--loadout-container-2:where([sf~="219"]) { animation-delay: 0.45s; }
.RetakeLoadoutMenu--loadout-container.RetakeLoadoutMenu--loadout-container-3:where([sf~="219"]) { animation-delay: .5s; }
@keyframes deal {
0% { transform: translateX(0%) translateY(-50%) rotateX( -1deg) rotateY(0deg) scaleX( 1); opacity: 0; --op-pe: none; }
15% { opacity: 0; --op-pe: none; }
100% { transform: translateX(0%) translateY(0%) rotateX(-1deg) rotateY(0deg) scaleX( 1); opacity: 1; --op-pe: inherit; }
}
.RetakeLoadoutMenu--card-container:where([sf~="219"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents:where([sf~="219"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 420px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 420px; animation-name: pano-vpct; --brightness: 0.80; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); scale: 1; transition-property: scale, --brightness; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.84), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.84; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --mgt: 20px; --mgr: 30px; --mgb: 20px; --mgl: 30px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(0, 0, 0, 0.124258); --bg-grad: none; --bg-img: url("/panorama/images/backgrounds/linemap.webp"); --bg-size: 400px auto; --bg-w: 400px; --bg-img-opacity: .15; --bg-img-own: none; mix-blend-mode: screen; --s2-blend: additive; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
#id-retake-card-container-1 .RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]) { --bg-pos: 100% 75%; }
#id-retake-card-container-2 .RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]) { --bg-pos: 0% 75%; }
#id-retake-card-container-3 .RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]) { --bg-pos: 25% 100%; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-bg:where([sf~="219"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform: translateY(18px); width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; height: 358px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 358px; animation-name: pano-vpct; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-top:where([sf~="219"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transform-origin: 50% 50%; --mgt: 0px; --vis-collapse: none; opacity: 1; --op-pe: inherit; transform: scaleY(0); --brightness: 15; --img-shadow: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 3px white); --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; transition-property: --brightness, transform, --img-shadow; transition-delay: .25s, .25s, .25s; transition-duration: 0.25s, 0.2s, 0.25s; transition-timing-function: ease-in, ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-top.show:where([sf~="219"]) { --vis-collapse: initial; --brightness: 2,5; transform: scaleY( 1 ); --img-shadow: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--type:where([sf~="219"]) { --mgt: 10px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; text-align: center; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; color: white; --vis-collapse: none; opacity: 0; --op-pe: none; transition-property: opacity; transition-delay: .3s; transition-duration: 0.25s; transition-timing-function: ease-in; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--type.show:where([sf~="219"]) { --vis-collapse: initial; opacity: 1; --op-pe: inherit; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 280px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 280px; --mgb: 24px; z-index: 2; }
.RetakeLoadoutMenu--card-container .kk-c-RetakeLoadoutMenu--card--contents-middle:has(> .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]):not([pvis="0"])), .RetakeLoadoutMenu--card-container.kk-c-RetakeLoadoutMenu--card--contents-middle:has(> .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]):not([pvis="0"])) { isolation: isolate; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--name:where([sf~="219"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --mgb: 24px; color: white; z-index: 3; }
.RetakeLoadoutMenu--card-container .kk-c-RetakeLoadoutMenu--card--name:has(> .RetakeLoadoutMenu--card--name:where([sf~="219"]):not([pvis="0"])), .RetakeLoadoutMenu--card-container.kk-c-RetakeLoadoutMenu--card--name:has(> .RetakeLoadoutMenu--card--name:where([sf~="219"]):not([pvis="0"])) { isolation: isolate; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 25px; --mgr: 28px; --mgb: 25px; --mgl: 28px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 160px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 160px; --brightness: 1.4; --bgc: rgba(0, 0, 0, 0.261683); --bg-grad: none; --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.432109) 0%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; transition-property: transform, --img-shadow; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-primary :is(p-image, :where(img[pimg])):where([sf~="219"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --img-shadow: drop-shadow(0px 8px 4px rgba(105, 105, 105, 0.19299)) drop-shadow(0px 8px 4px rgba(105, 105, 105, 0.19299)); height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; mix-blend-mode: screen; --s2-blend: additive; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-utility:where([sf~="219"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgt: 0px; --mgr: 26px; --mgb: 46px; --mgl: 27px; --bg-grad: linear-gradient(180deg, rgba(0, 0, 0, 0.57102) 0%, rgba(0, 0, 0, 0) 15%); --bgc: transparent; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-utility .RetakeLoadoutMenu--card--contents-utility-row:where([sf~="219"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-utility .RetakeLoadoutMenu--card--contents-utility-row .RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; }
.RetakeLoadoutMenu--card-container .RetakeLoadoutMenu--card--contents-utility .RetakeLoadoutMenu--card--contents-utility-row .RetakeLoadoutMenu--card--contents-utility-icon :is(p-image, :where(img[pimg])):where([sf~="219"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; mix-blend-mode: screen; --s2-blend: additive; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --img-shadow: drop-shadow(0px 3px 2px rgba(105, 105, 105, 0.19299)) drop-shadow(0px 3px 2px rgba(105, 105, 105, 0.19299)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes reveal-qualifier {
0% { transform: scaleY(0,) translateY(8px); }
100% { transform: scaleY(1) translateY(8px); }
}
.card-hover .RetakeLoadoutMenu--card--contents:where([sf~="219"]) { --brightness: 1.2; scale: 1.005; transition-property: scale, --brightness; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-hover .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]) { transform: translateY( -4px ); --img-shadow: drop-shadow(0px 16px 8px color-mix(in srgb, rgb(0 0 0 / 0.5) 78.721709%, transparent)); transition-property: transform, --img-shadow; transition-duration: 0.25s, 0.25s; transition-timing-function: ease-in, ease-in; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-selected:where([sf~="219"]) { --brightness: .5; --saturation: .2; opacity: 0.892208; --op-pe: inherit; transform: scale3d( .97, .97, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-bonus .RetakeLoadoutMenu--card--contents-bg:where([sf~="219"]), .card-bonus .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]), .card-bonus .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]), .card-bonus .RetakeLoadoutMenu--card--contents-top:where([sf~="219"]), .card-bonus .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]), .card-bonus .RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]) { --wash-color: #ca2929; --wash-filter: url(#w-ca2929); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-enemy-ct .RetakeLoadoutMenu--card--contents-bg:where([sf~="219"]), .card-enemy-ct .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]), .card-enemy-ct .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]), .card-enemy-ct .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]), .card-enemy-ct .RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]), .card-enemy-t .RetakeLoadoutMenu--card--contents-bg:where([sf~="219"]), .card-enemy-t .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]), .card-enemy-t .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]), .card-enemy-t .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]), .card-enemy-t .RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]), .card-utility-enemy .RetakeLoadoutMenu--card--contents-bg:where([sf~="219"]), .card-utility-enemy .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]), .card-utility-enemy .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]), .card-utility-enemy .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]), .card-utility-enemy .RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]) { --wash-color: rgb(213, 99, 217); --wash-filter: url(#w-rgb_213_99_217); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-enemy-ct .RetakeLoadoutMenu--card--contents-top:where([sf~="219"]), .card-enemy-t .RetakeLoadoutMenu--card--contents-top:where([sf~="219"]), .card-utility-enemy .RetakeLoadoutMenu--card--contents-top:where([sf~="219"]) { --wash-color: rgb(224, 156, 226); --wash-filter: url(#w-rgb_224_156_226); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-enemy-ct .card-utility-enemy.RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]), .card-enemy-t .card-utility-enemy.RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]), .card-utility-enemy .card-utility-enemy.RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]) { --wash-color: rgb(217, 143, 219); --wash-filter: url(#w-rgb_217_143_219); animation-name: ExtraPulse; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-mvp .RetakeLoadoutMenu--card--contents-bg:where([sf~="219"]), .card-mvp .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]), .card-mvp .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]), .card-mvp .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]), .card-mvp .RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]) { --wash-color: rgb(192, 28, 143); --wash-filter: url(#w-rgb_192_28_143); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-mvp .RetakeLoadoutMenu--card--contents-top:where([sf~="219"]) { --wash-color: #DCB52D; --wash-filter: url(#w-dcb52d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-mvp .card-utility-mvp.RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]) { --wash-color: #DCB52D; --wash-filter: url(#w-dcb52d); animation-name: ExtraPulse; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-mil-spec .RetakeLoadoutMenu--card--contents-bg:where([sf~="219"]), .card-mil-spec .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]), .card-mil-spec .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]), .card-mil-spec .RetakeLoadoutMenu--card--contents-top:where([sf~="219"]), .card-mil-spec .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]), .card-mil-spec .RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]) { --wash-color: #97C9FA; --wash-filter: url(#w-97c9fa); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.card-utility-mvp .RetakeLoadoutMenu--card--contents-bg:where([sf~="219"]), .card-utility-mvp .RetakeLoadoutMenu--card--contents-linemap:where([sf~="219"]), .card-utility-mvp .RetakeLoadoutMenu--card--contents-middle:where([sf~="219"]), .card-utility-mvp .RetakeLoadoutMenu--card--contents-top:where([sf~="219"]), .card-utility-mvp .RetakeLoadoutMenu--card--contents-primary:where([sf~="219"]), .card-utility-mvp .RetakeLoadoutMenu--card--contents-utility-icon:where([sf~="219"]) { --wash-color: #DCB52D; --wash-filter: url(#w-dcb52d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes ExtraPulse {
0% { --brightness: 1; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { --brightness: 3; transform: scale3d( 1.1, 1.1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; transform: scale3d( 1, 1, 1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/segmented_progress_bar.css */
.segmented-progress-bar-root:where([sf~="220"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.segmented-progress-bar-root .spb-whole-bar:where([sf~="220"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.segmented-progress-bar-root .spb-whole-bar .progress-bar-segment:where([sf~="220"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; }
.segmented-progress-bar-root .spb-whole-bar .progress-bar-segment p-progressbar:where([sf~="220"]) { height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; --bgc: transparent; --bg-grad: none; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; opacity: 1; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 1.2px solid black; --bdln: 1.2; --bdrn: 1.2; }
.segmented-progress-bar-root .spb-whole-bar .progress-bar-segment .kk-t-p-progressbar:has(> p-progressbar:where([sf~="220"]):not([pvis="0"])), .segmented-progress-bar-root .spb-whole-bar .progress-bar-segment.kk-t-p-progressbar:has(> p-progressbar:where([sf~="220"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .segmented-progress-bar-root .spb-whole-bar .progress-bar-segment .kk-t-p-progressbar:has(> p-progressbar:where([sf~="220"]):not([pvis="0"]))::after, .segmented-progress-bar-root .spb-whole-bar .progress-bar-segment.kk-t-p-progressbar:has(> p-progressbar:where([sf~="220"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.segmented-progress-bar-root .spb-whole-bar .progress-bar-segment #pbs-progresspip:where([sf~="220"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 1; --op-pe: inherit; }
.segmented-progress-bar-root .spb-whole-bar .progress-bar-segment #pbs-progresspip #pbs-progresspip-center:where([sf~="220"]) { opacity: 0; --op-pe: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.segmented-progress-bar-root .spb-whole-bar .progress-bar-segment #pbs-progresspip #pbs-progresspip-outline:where([sf~="220"]) { opacity: 0; --op-pe: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.segmented-progress-bar-root .spb-whole-bar .progress-bar-segment #pbs-progresspip #pbs-progress-goal-label:where([sf~="220"]) { opacity: 0; --op-pe: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.segmented-progress-bar-root .spb-whole-bar .progress-bar-segment #pbs-progress-goal-label:where([sf~="220"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(255, 255, 255); font-family: Stratum2 Condensed; --c9: 0.9; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-align: center; --py: 0px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.segmented-progress-bar-root #spbBackground:where([sf~="220"]) { opacity: 1; --op-pe: inherit; }
.segmented-progress-bar-root #spbBackground p-progressbar:where([sf~="220"]) { opacity: 1; --op-pe: inherit; }
.segmented-progress-bar-root #spbBackground p-progressbar .ProgressBarRight:where([sf~="220"]) { --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; }
.segmented-progress-bar-root #spbBackground p-progressbar .ProgressBarLeft:where([sf~="220"]) { --bgc: black; --bg-grad: none; }
.segmented-progress-bar-root #spbBackground #pbs-progresspip:where([sf~="220"]) { opacity: 1; --op-pe: inherit; }
.segmented-progress-bar-root #spbBackground #pbs-progresspip #pbs-progresspip-outline:where([sf~="220"]) { opacity: 1; --op-pe: inherit; }
.segmented-progress-bar-root #spbBackground #pbs-progresspip #pbs-progresspip-center:where([sf~="220"]) { --wash-color: rgb(0, 0, 0); --wash-filter: url(#w-rgb_0_0_0); --img-shadow: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)); opacity: 0.275931; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.segmented-progress-bar-root #spbBackground #pbs-progresspip #pbs-progress-goal-label:where([sf~="220"]) { opacity: 1; --op-pe: inherit; }
.segmented-progress-bar-root #spbBase:where([sf~="220"]) { --vis-collapse: initial; }
.segmented-progress-bar-root #spbBase .progress-bar-segment p-progressbar .ProgressBarRight:where([sf~="220"]) { opacity: 0; --op-pe: none; }
.segmented-progress-bar-root #spbBase .progress-bar-segment p-progressbar .ProgressBarLeft:where([sf~="220"]) { --bgc: rgb(19, 135, 168); --bg-grad: none; }
.segmented-progress-bar-root #spbBase .progress-bar-segment.complete .ProgressBarLeft:where([sf~="220"]) { --bgc: rgb(19, 135, 168); --bg-grad: none; }
.segmented-progress-bar-root #spbBase .progress-bar-segment.complete #pbs-progresspip-center:where([sf~="220"]) { opacity: 1; --op-pe: inherit; --wash-color: rgb(19, 135, 168); --wash-filter: url(#w-rgb_19_135_168); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.segmented-progress-bar-root #spbBase .progress-bar-segment.complete #pbs-progress-goal-label:where([sf~="220"]) { opacity: 1; --op-pe: inherit; }
.segmented-progress-bar-root #spbLive:where([sf~="220"]) { --vis-collapse: initial; }
.segmented-progress-bar-root #spbLive .progress-bar-segment .ProgressBarRight:where([sf~="220"]) { opacity: 0; --op-pe: none; }
.segmented-progress-bar-root #spbLive .progress-bar-segment .ProgressBarLeft:where([sf~="220"]) { --bgc: rgb(201, 253, 255); --bg-grad: none; }
.segmented-progress-bar-root #spbLive .progress-bar-segment.complete #pbs-progress-goal-label:where([sf~="220"]) { color: rgb(0, 0, 0); }
.segmented-progress-bar-root #spbLive .progress-bar-segment.complete #pbs-progresspip-center:where([sf~="220"]) { opacity: 1; --op-pe: inherit; --wash-color: rgb(201, 253, 255); --wash-filter: url(#w-rgb_201_253_255); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.segmented-progress-bar-root #spbLive .progress-bar-segment.complete #pbs-progress-goal-label:where([sf~="220"]) { opacity: 1; --op-pe: inherit; }
/* styles/settings/settings_audio_meter.css */
.audiometer:where([sf~="221"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 210px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 210px; --bgc: rgba(204, 204, 204, 0.304885); --bg-grad: none; --mgr: 100px; }
.audiolevel:where([sf~="221"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(204, 204, 204, 0.694743); --bg-grad: none; }
.audiolevel.audible:where([sf~="221"]) { --bgc: #fff; --bg-grad: none; }
/* styles/settings/settings_enum.css */
p-csgosettingsenum:where([sf~="222"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
p-csgosettingsenum p-label:where([sf~="222"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #7d8688; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdl: 5px; --pdln: 5; letter-spacing: 1px; font-weight: 100; --mgb: 6px; }
p-csgosettingsenum #title:where([sf~="222"]) { --mgr: 8px; }
p-csgosettingsenum #values:where([sf~="222"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
p-csgosettingsenum.HorizontalEnum #values:where([sf~="222"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
p-csgosettingsenum.HorizontalEnum #values p-radiobutton:where([sf~="222"]) { --mgr: 5px; }
p-csgosettingsenum._disabled p-label:where([sf~="222"]) { color: #333333; }
/* styles/settings/settings_keybinder.css */
.BindingRow:where([sf~="223"]) { --bgc: transparent; --bg-grad: none; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --tooltip-position: bottom; }
#BasicHotkeysContainer .BindingRow:where([sf~="223"]) { --mgt: 6px; --mgr: 0px; --mgb: 6px; --mgl: 0px; }
.ExtraTopSpace:where([sf~="223"]) { --mgt: 16px; }
.ItemBindButton:where([sf~="223"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
#BindingLabelContainer:where([sf~="223"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
#BindingLabelContainer.ActiveBindButton:where([sf~="223"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border: 1px solid #c9c9c9; --bdln: 1; --bdrn: 1; border-radius: 2px; animation-name: BackgroundPulse; animation-duration: 1.35s; animation-timing-function: linear; animation-iteration-count: infinite; }
.HeroAbilityBindAbilityButton #BindingLabelContainer:where([sf~="223"]), .ItemBindButton #BindingLabelContainer:where([sf~="223"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
#mod:where([sf~="223"]) { --vis-collapse: none; --mgr: -2px; --text-shrink: 1; }
#dash:where([sf~="223"]) { --vis-collapse: none; --mgr: 1px; }
.ClearKeybinding:where([sf~="223"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bg-img: url("/panorama/images/icons/ui/cancel.svg"); --bg-size: 85% 100%; --bg-w: 0px; --bg-rep: no-repeat; --vis-collapse: none; }
.ClearKeybinding:hover:where([sf~="223"]) { --wash-color: #999999; --wash-filter: url(#w-999999); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-csgosettingskeybinder._selected .ClearKeybinding:where([sf~="223"]) { --vis-collapse: initial; }
.ClearKeybinding:where([sf~="223"]), .ItemBindButton .ClearKeybinding:where([sf~="223"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
p-csgosettingskeybinder._selected .ActiveBindButton #mod:where([sf~="223"]), p-csgosettingskeybinder._selected .ActiveBindButton #dash:where([sf~="223"]) { --vis-collapse: none; }
.Modifier #dash:where([sf~="223"]), .Modifier #dash:where([sf~="223"]), .Modifier #mod:where([sf~="223"]), .Modifier #mod:where([sf~="223"]) { --vis-collapse: initial; }
.Modifier #mod:where([sf~="223"]), .ItemBindButton .Modifier #mod:where([sf~="223"]) { --vis-collapse: initial; --mgt: 14px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 0.732999; --op-pe: inherit; }
.Modifier #dash:where([sf~="223"]), .ItemBindButton .Modifier #dash:where([sf~="223"]) { --vis-collapse: none; }
.BindingRow:hover .BindingRowButton:where([sf~="223"]) { color: white; }
.BindingRowLabel:where([sf~="223"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: color; transition-duration: 0.16s; transition-timing-function: ease-in-out; }
.BindingRowLabel:hover:where([sf~="223"]) { color: white; --mgr: 0px; }
.CannotEdit:hover p-label:where([sf~="223"]) { color: #7d8688; }
.CannotEdit:hover #LabelFXContainer p-label:where([sf~="223"]) { color: #8d9698; }
.BindingRowLabel:where([sf~="223"]), .ItemBindButton .BindingRowLabel:where([sf~="223"]) { width: auto; --fw: 0.8; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --mgr: 0px; }
.kk-c-BindingRowLabel:has(> .BindingRowLabel:where([sf~="223"]):not([pvis="0"])), .ItemBindButton .kk-c-BindingRowLabel:has(> .BindingRowLabel:where([sf~="223"]):not([pvis="0"])), .ItemBindButton.kk-c-BindingRowLabel:has(> .BindingRowLabel:where([sf~="223"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-BindingRowLabel:has(> .BindingRowLabel:where([sf~="223"]):not([pvis="0"]))::after, .ItemBindButton .kk-c-BindingRowLabel:has(> .BindingRowLabel:where([sf~="223"]):not([pvis="0"]))::after, .ItemBindButton.kk-c-BindingRowLabel:has(> .BindingRowLabel:where([sf~="223"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.BindingRowButton:where([sf~="223"]) { color: #8d9698; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; text-align: center; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --text-shrink: 1; }
.BindingRowButton:hover:where([sf~="223"]) { color: white; }
.ItemBindButton:where([sf~="223"]) { --bgc: #2B2F30; --bg-grad: none; color: #7d8688; transition-property: transform, --bgc, border, color; transition-duration: 0.16s, 0.16s, 0.16s, 0.16s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.ItemBindButton:hover:where([sf~="223"]) { --bgc: #424c49; --bg-grad: none; border-color: #5b6a62; color: white; }
.ItemBindButton._disabled:where([sf~="223"]) { opacity: 0.414305; --op-pe: inherit; }
.ItemBindButton:where([sf~="223"]) { width: 96px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 96px; height: 79px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 79px; width: 84px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 84px; height: 69px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 69px; --mgt: 14px; --mgr: 14px; --mgb: 14px; --mgl: 14px; --mgt: 12px; --mgb: 12px; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); border: 2px solid #414a45; --bdln: 2; --bdrn: 2; }
.ItemBindButton .BindingRowLabel:where([sf~="223"]) { --bgc: transparent; --bg-grad: none; }
.ItemBindButton .BindingRowButton:where([sf~="223"]) { --bgc: transparent; --bg-grad: none; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; text-align: left; --pdl: 4px; --pdln: 4; --fsz: 15; font-size: calc(max(1, round(nearest, 15 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); transition-property: color; transition-duration: 0.16s; transition-timing-function: ease-in-out; }
p-csgosettingskeybinder._selected .ActiveBindButton:where([sf~="223"]) { animation-name: BackgroundPulse; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; }
p-csgosettingskeybinder._selected .ActiveBindFX:where([sf~="223"]) { opacity: 1; --op-pe: inherit; transition-duration: 0.1s; }
#LabelFXContainer:where([sf~="223"]) { width: auto; --fw: 0.3; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 32px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 32px; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: --bgc; transition-duration: 0.16s; transition-timing-function: ease-in-out; }
.kk-i-LabelFXContainer:has(> #LabelFXContainer:where([sf~="223"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-i-LabelFXContainer:has(> #LabelFXContainer:where([sf~="223"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.ActiveBindFX:where([sf~="223"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: 0.36s; transition-timing-function: ease-in-out; }
@keyframes BackgroundPulse {
0% { --bgc: rgba(0, 0, 0, 0.029303); --bg-grad: none; }
50% { --bgc: rgba(0, 0, 0, 0.277279); --bg-grad: none; }
100% { --bgc: rgba(0, 0, 0, 0.029303); --bg-grad: none; }
}
.ControlGroupRow .BindingRowLabel:where([sf~="223"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.ControlGroupRow #LabelFXContainer:where([sf~="223"]) { width: min(calc((100% + var(--ppx)) * 0.47), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
/* styles/shielddamagealert.css */
.ShieldDamageAlert:where([sf~="224"]) { width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.ShieldDamageAlertOverlay:where([sf~="224"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/icons/ui/shield_alert.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat no-repeat; --wash-color: #ffe100; --wash-filter: url(#w-ffe100); opacity: 0.832484; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ShieldDamageAlertBackdrop:where([sf~="224"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-img: url("/panorama/images/icons/ui/shield_alert.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: center; --bg-rep: no-repeat no-repeat; --wash-color: #000000FF; --wash-filter: url(#w-000000ff); opacity: 0.275931; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ShieldDamageAlertProgress:where([sf~="224"]) { border: 1px solid #ffe100; --bdln: 1; --bdrn: 1; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: #ffe100; --bg-grad: none; --mgt: 100px; opacity: 0.832484; --op-pe: inherit; }
/* styles/simple_player_tile.css */
.simple-avatar:where([sf~="225"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; opacity: 1; --op-pe: inherit; transition-property: opacity, transform, translate, --pxp, --pyp, --brightness; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.simple-avatar:hover:where([sf~="225"]) { --brightness: 1.5; --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.simple-avatar.hidden:where([sf~="225"]) { opacity: 0; --op-pe: none; transform: scale3d( 0.9, 0.9, 1); transition-property: opacity, transform, translate, --pxp, --pyp, --brightness; transition-duration: 0.25s, 0.25s, 0.25s, 0.25s, 0.25s, 0.25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.simple-avatar p-csgoavatarimage:where([sf~="225"]) { width: 30px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 30px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; }
.simple-avatar-name:where([sf~="225"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-overflow: ellipsis; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: #EEEEEE; font-weight: 700; text-shadow: 1px 1px 2px color-mix(in srgb, #000000 45.45%, transparent); max-height: 20px; }
/* styles/slider_toggle.css */
p-togglebutton.btn-toggle-slider:where([sf~="226"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider:where([sf~="226"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: 240px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 240px; --pdt: 6px; --pdr: 20px; --pdb: 6px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.btn-toggle-slider--playmenu:hover:not(._disabled):where([sf~="226"]) { --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; }
p-togglebutton.btn-toggle-slider._disabled:where([sf~="226"]), .btn-toggle-slider--playmenu._disabled:where([sf~="226"]) { --wash-color: rgba(130, 130, 130, 1); --wash-filter: url(#w-rgba_130_130_130_1); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-friendslist-section-list p-togglebutton.btn-toggle-slider._disabled:where([sf~="226"]) { --wash-color: #929292; --wash-filter: url(#w-929292); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-togglebutton.btn-toggle-slider .TickBox:where([sf~="226"]) { --vis-collapse: none; }
p-togglebutton.btn-toggle-slider._selected .btn-toggle-slider__pill:where([sf~="226"]) { --bg-grad: radial-gradient(ellipse 90% 70% at 50% 60%, #22a527 0%, #22a527 70%, rgb(10, 88, 10) 100%); --bgc: transparent; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 1.5px solid #147717; --bdln: 1.5; --bdrn: 1.5; transition-property: --bgc, box-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
p-togglebutton.btn-toggle-slider:active:where([sf~="226"]) { --sound: "UIPanorama.checkbox_toggle"; }
.btn-toggle-slider__pill:where([sf~="226"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(0, 0, 0, 0.239307); --bg-grad: none; border-radius: 16px; border: 1.5px solid rgba(0, 0, 0, 0.188442); --bdln: 1.5; --bdrn: 1.5; --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 0px; --bg-grad: radial-gradient(ellipse 90% 70% at 50% 60%, rgba(0, 0, 0, 0.188442) 0%, rgba(0, 0, 0, 0.188442) 70%, rgba(0, 0, 0, 0.188442) 100%); --bgc: transparent; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.btn-toggle-slider__slider:where([sf~="226"]) { --bgc: white; --bg-grad: none; border-radius: 50%; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: transform, --bgc; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.btn-toggle-slider._disabled:where([sf~="226"]), .btn-toggle-slider--playmenu:where([sf~="226"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
.btn-toggle-slider--playmenu .btn-toggle-slider__pill:where([sf~="226"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.btn-toggle-slider._selected .btn-toggle-slider__slider:where([sf~="226"]) { transform: translateX( 50% ); transition-property: transform, --bgc; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
p-togglebutton.btn-toggle-slider p-label:where([sf~="226"]), p-togglebutton.btn-toggle-slider._selected p-label:where([sf~="226"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; font-weight: 500; color: white; --text-shrink: 1; --pdt: 0px; --pdr: 14px; --pdb: 0px; --pdl: 14px; --pdrn: 14; --pdln: 14; --mgl: 0px; }
.btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider p-label:where([sf~="226"]), .btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider._selected p-label:where([sf~="226"]) { --pdt: 0px; --pdr: 7px; --pdb: 0px; --pdl: 0px; --pdrn: 7; --pdln: 0; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider .kk-t-p-label:has(> p-label:where([sf~="226"]):not([pvis="0"])), .btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider.kk-t-p-label:has(> p-label:where([sf~="226"]):not([pvis="0"])), .btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider._selected .kk-t-p-label:has(> p-label:where([sf~="226"]):not([pvis="0"])), .btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider._selected.kk-t-p-label:has(> p-label:where([sf~="226"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider .kk-t-p-label:has(> p-label:where([sf~="226"]):not([pvis="0"]))::after, .btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider.kk-t-p-label:has(> p-label:where([sf~="226"]):not([pvis="0"]))::after, .btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider._selected .kk-t-p-label:has(> p-label:where([sf~="226"]):not([pvis="0"]))::after, .btn-toggle-slider--playmenu p-togglebutton.btn-toggle-slider._selected.kk-t-p-label:has(> p-label:where([sf~="226"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.InlineImage:where([sf~="226"]) { height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; }
/* styles/stats/playerstats_heatmap.css */
.playerstats__heatmap__root:where([sf~="227"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bgc: rgba(20, 20, 20, 0.311264); --bg-grad: none; --mgl: 8px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 5px; }
.playerstats_section_heading_container:where([sf~="227"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.playerstats_section_heading_button:where([sf~="227"]) { border-radius: 3px; --mgl: 4px; --mgr: 4px; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
.playerstats__heatmap__mapimage:where([sf~="227"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.playerstats__heatmap__canvas:where([sf~="227"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.96), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.96; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; mask-image: url("/panorama/images/heatmaps/heatmap_mask.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.hitboxes-container:where([sf~="227"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 3; }
.kk-c-hitboxes-container:has(> .hitboxes-container:where([sf~="227"]):not([pvis="0"])) { isolation: isolate; }
#HitboxesContainerTooltips.hitboxes-container:where([sf~="227"]) { z-index: 4; }
.kk-i-HitboxesContainerTooltips:has(> #HitboxesContainerTooltips.hitboxes-container:where([sf~="227"]):not([pvis="0"])) { isolation: isolate; }
.heatmap__container:where([sf~="227"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.controls-container:where([sf~="227"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pz: 1px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); opacity: 0.414305; --op-pe: inherit; transition-property: opacity; transition-duration: 0.01s; transition-timing-function: ease-in-out; }
.no-data .controls-container:where([sf~="227"]) { opacity: 1; --op-pe: inherit; --bgc: rgba(0, 0, 0, 0.072022); --bg-grad: none; }
.controls-container:hover:where([sf~="227"]) { opacity: 1; --op-pe: inherit; transition-duration: 0.2s; }
.team-radio:where([sf~="227"]) { width: 32px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 32px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; border-color: grey; border-width: 2px; --bdln: 2; --bdrn: 2; border-radius: 28px; border-style: none; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; }
.team-radio._selected:where([sf~="227"]) { --brightness: 2; border-style: solid; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.RadioBox:where([sf~="227"]) { --vis-collapse: none; }
#RadioButtonTgt.team-radio :is(p-image, :where(img[pimg])):where([sf~="227"]) { --pdl: 9px; --pdln: 9; --pdr: 9px; --pdrn: 9; }
#RadioButtonTgt.team-radio :is(p-image, :where(img[pimg])):where([sf~="227"]), #RadioButtonBlt.team-radio :is(p-image, :where(img[pimg])):where([sf~="227"]) { --pdt: 2px; --pdb: 2px; }
.no-data p-radiobutton:where([sf~="227"]) { opacity: 0; --op-pe: none; }
.heatmap-dropdown:where([sf~="227"]) { width: 130px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 130px; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; }
.heatmap-dropdown.team:where([sf~="227"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; }
.heatmap-dropdown.map:where([sf~="227"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; }
.playerstats-dropdown-entry.team:where([sf~="227"]) { width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; }
.heatmap-dropdown.heatmap-dropdown-weapons:where([sf~="227"]) { width: 140px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 140px; }
.heatmap-dropdown p-label:where([sf~="227"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; }
.heatmap-container:where([sf~="227"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 20px; }
.hitboxes-container-box:where([sf~="227"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.hitboxes-container-label:where([sf~="227"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 300; color: rgba(255, 255, 255, 0.728245); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.624901); border-color: rgba(0, 0, 0, 0); border-style: solid; border-bottom-width: 1px; }
.hitboxes-container-label.hitboxes-container-label-duplicate1:where([sf~="227"]) { color: rgba(0, 0, 0, 0.624901); text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.624901); }
.hitboxes-container-label.hitboxes-container-label-duplicate2:where([sf~="227"]) { color: rgba(0, 0, 0, 0.624901); text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.624901); }
.hitboxes-container-label.hitboxes-container-label-duplicate3:where([sf~="227"]) { color: rgba(0, 0, 0, 0.624901); text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.624901); }
.hitboxes-container-priority-high .hitboxes-container-label:where([sf~="227"]), .hitboxes-container-priority-high.hitboxes-container-label:where([sf~="227"]) { color: rgba(0, 255, 0, 0.805324); border-color: rgba(0, 255, 0, 0.604894); }
.hitboxes-container-priority-medium .hitboxes-container-label:where([sf~="227"]), .hitboxes-container-priority-medium.hitboxes-container-label:where([sf~="227"]) { color: rgba(187, 255, 187, 0.770928); border-color: rgba(187, 255, 187, 0.562968); }
.hitboxes-container-priority-low .hitboxes-container-label:where([sf~="227"]), .hitboxes-container-priority-low.hitboxes-container-label:where([sf~="227"]) { color: rgba(255, 255, 255, 0.728245); border-color: rgba(255, 255, 255, 0.502824); }
.hitboxes-container-priority-none:where([sf~="227"]) { --vis-collapse: none; }
.hitboxes-container-head:where([sf~="227"]) { --mgb: 262px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; width: 50px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 50px; }
.hitboxes-container-label-head:where([sf~="227"]) { --mgb: 82%; animation-name: pano-vpct; --mgl: 5px; }
.hitboxes-container-bodyupper:where([sf~="227"]) { width: 68px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 68px; height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; --mgb: 160px; }
.hitboxes-container-label-bodyupper:where([sf~="227"]) { --mgl: 10px; --mgb: 50%; animation-name: pano-vpct; color: rgba(255, 255, 255, 0.931577); }
.hitboxes-container-bodymid:where([sf~="227"]) { width: 68px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 68px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --mgb: 65px; }
.hitboxes-container-label-bodymid1:where([sf~="227"]) { --mgb: 52px; --mgr: 80px; --pdr: 20px; --pdrn: 20; }
.hitboxes-container-label-bodymid2:where([sf~="227"]) { height: 35px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 35px; --mgt: 1px; --mgr: 124px; --pdr: 20px; --pdrn: 20; border-bottom-width: 0px; border-right-width: 1px; --bdrn: 1; }
.hitboxes-container-label-bodymid3:where([sf~="227"]) { --mgl: 10px; --mgb: 60px; color: rgba(255, 255, 255, 0.931577); }
.hitboxes-container-bodylower:where([sf~="227"]) { width: 68px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 68px; height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; --mgt: 25px; }
.hitboxes-container-label-bodylower1:where([sf~="227"]) { --mgt: 31px; --mgr: 70px; --pdr: 20px; --pdrn: 20; }
.hitboxes-container-label-bodylower2:where([sf~="227"]) { height: 25px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 25px; --mgt: 74px; --mgr: 114px; --pdr: 20px; --pdrn: 20; border-bottom-width: 0px; border-right-width: 1px; --bdrn: 1; }
.hitboxes-container-label-bodylower3:where([sf~="227"]) { --mgl: 10px; --mgt: 20px; color: rgba(255, 255, 255, 0.931577); }
.hitboxes-container-rightarm:where([sf~="227"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; --mgr: 135px; --mgb: 90px; }
.hitboxes-container-label-rightarm:where([sf~="227"]) { --mgr: 190px; --mgb: 88px; --pdr: 35px; --pdrn: 35; }
.hitboxes-container-leftarm:where([sf~="227"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 110px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 110px; --mgl: 135px; --mgb: 90px; }
.hitboxes-container-label-leftarm:where([sf~="227"]) { --mgl: 195px; --mgb: 88px; --pdl: 25px; --pdln: 25; }
.hitboxes-container-rightleg:where([sf~="227"]) { width: 35px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 35px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --mgr: 43px; --mgt: 190px; }
.hitboxes-container-label-rightleg:where([sf~="227"]) { --mgr: 70px; --mgt: 240px; --pdr: 35px; --pdrn: 35; }
.hitboxes-container-leftleg:where([sf~="227"]) { width: 35px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 35px; height: 120px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 120px; --mgl: 35px; --mgt: 190px; }
.hitboxes-container-label-leftleg:where([sf~="227"]) { --mgl: 75px; --mgt: 240px; --pdl: 35px; --pdln: 35; }
.hidden:where([sf~="227"]), .hidden-always:where([sf~="227"]) { --vis-collapse: none; }
.heatmap__legend:where([sf~="227"]) { width: 130px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 130px; --bgc: rgba(0, 0, 0, 0.151909); --bg-grad: none; --pdt: 2px; --pdl: 4px; --pdln: 4; --pdr: 4px; --pdrn: 4; --py: 3px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: 5px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.heatmap__legend p-label:where([sf~="227"]) { opacity: 0.696476; --op-pe: inherit; }
.gradient__max:where([sf~="227"]), .gradient__min:where([sf~="227"]) { color: white; font-weight: 700; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.gradient__max:where([sf~="227"]) { text-align: right; }
.gradient__min:where([sf~="227"]) { text-align: left; }
.legend__gradient:where([sf~="227"]) { height: 5px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 5px; border-radius: 5px; }
.heatmap-legend--monotone.heatmap-legend--ct .legend__gradient:where([sf~="227"]) { --bg-grad: linear-gradient(90deg, #1c56a6 0%, #3e9cf2 50%, #C7E4FE 100%); --bgc: transparent; }
.heatmap-legend--monotone.heatmap-legend--t .legend__gradient:where([sf~="227"]) { --bg-grad: linear-gradient(90deg, #5a3104 0%, #D8B726 50%, #F8F2B5 100%); --bgc: transparent; }
.heatmap-legend--monotone.heatmap-legend--anyteam .legend__gradient:where([sf~="227"]) { --bg-grad: linear-gradient(90deg, #082e13 0%, #2ab340 50%, #a4d2ac 100%); --bgc: transparent; }
.heatmap-legend--duotone .legend__gradient:where([sf~="227"]) { --bg-grad: linear-gradient(90deg, #e80016 0%, #cd5200 33%, #c4b703 50%, #48af14 66%, #27949a 80%, #0010e9 100%); --bgc: transparent; }
/* styles/stats/playerstats_linegraph.css */
.linegraph__root:where([sf~="228"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 270px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 270px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.linegraph__outer:where([sf~="228"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --pdb: 40px; --pdl: 40px; --pdln: 40; --pdt: 20px; --pdr: 30px; --pdrn: 30; }
.linegraph__container:where([sf~="228"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.linegraph__container__background:where([sf~="228"]) { --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.322169) 0%, rgba(80, 80, 80, 0.047152) 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; border-bottom: 1px solid rgba(255, 255, 255, 0.282779); border-left: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; }
.linegraph__container__background__x-axis__gridline:where([sf~="228"]) { width: -1px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform: translateX( -1px); border-left: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
#LinegraphTodayLabel:where([sf~="228"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
#LinegraphStartLabel:where([sf~="228"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; transform: translateX( -50px) translateY( 20px); }
.linegraph__xaxis_label:where([sf~="228"]) { text-align: center; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(194, 191, 191); text-transform: uppercase; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transform: translateX( 0px ) translateY( 20px); }
.linegraph__yaxis-range_label:where([sf~="228"]), .linegraph__yaxis_label:where([sf~="228"]) { --vis-collapse: initial; text-align: center; --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.linegraph__yaxis_label:where([sf~="228"]) { color: #99ff99; transform: translateX( 25px ) translateY( -5px); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.linegraph__yaxis-range_label:where([sf~="228"]) { transform: translateX( -5px ) translateY( -6px); text-align: right; color: rgb(194, 191, 191); }
.no-data .linegraph__yaxis_label:where([sf~="228"]), .no-data .linegraph__yaxis-range_label:where([sf~="228"]) { --vis-collapse: none; }
#GraphContainer:where([sf~="228"]) { opacity: 1; --op-pe: inherit; }
.linegraph__graph:where([sf~="228"]) { transition-property: clip-path; transition-duration: 2s; transition-timing-function: ease-out; }
.stat-selection-button-container:where([sf~="228"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --tooltip-position: bottom; }
.stat-display-panel:where([sf~="228"]) { --mgt: 0px; --mgr: 2px; --mgb: 0px; --mgl: 0px; text-align: center; width: 68px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 68px; --tooltip-position: top; }
.RadioBox:where([sf~="228"]) { --vis-collapse: none; }
#StatSelectionButtonContainer p-radiobutton p-label:where([sf~="228"]) { --mgl: 0px; }
.stat-name-container:where([sf~="228"]) { --bgc: rgba(63, 62, 62, 0.664254); --bg-grad: none; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; }
.stat-name-container p-label:where([sf~="228"]) { text-align: center; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(194, 191, 191); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-transform: uppercase; font-family: Stratum2 Mono, "Arial Unicode MS"; --c9: 0.9; font-weight: 700; }
.period-stats-container:where([sf~="228"]) { --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-radius: 1px; --pdt: 4px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; transition-property: --brightness, --bgc; transition-duration: 0.2s, 0.2s; transition-timing-function: ease-in, ease-in; }
.period-stats-container p-label:where([sf~="228"]) { letter-spacing: 1px; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.no-data .period-stats-container p-label:where([sf~="228"]) { opacity: 0; --op-pe: none; }
.period-stats-container__bar:where([sf~="228"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.151909); }
.period-stats-container__value:where([sf~="228"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgr: 4px; }
p-label.period-stats-container__value--normal:where([sf~="228"]) { color: #669CED; }
p-label.period-stats-container__rank:where([sf~="228"]) { color: #99ff99; }
.stat-button__graph:where([sf~="228"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.stat-button__graph__image:where([sf~="228"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 12px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 12px; height: 12px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 12px; }
.stat-tooltip:where([sf~="228"]) { --tooltip-position: top; }
.stat-button__selection-highlight:where([sf~="228"]) { opacity: 0; --op-pe: none; --bgc: white; --bg-grad: none; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
.stat-button._selected .stat-button__selection-highlight:where([sf~="228"]) { opacity: 1; --op-pe: inherit; }
.graph-body:where([sf~="228"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.graph-point-mouse-target:where([sf~="228"]) { width: 10px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 10px; height: 10px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 10px; transform: translateX(-5px) translateY(-5px); }
.graph-point-mouse-target:hover:where([sf~="228"]) { --brightness: 10; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.graph-point:where([sf~="228"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; border-radius: 50%; border: 2px solid black; --bdln: 2; --bdrn: 2; --bgc: rgba(255, 255, 255, 0.536462); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; scale: 0.1; transition-property: scale; transition-duration: 0.2s; transition-timing-function: ease-in; }
.graph-point-avg:where([sf~="228"]) { width: 8px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 8px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; border-radius: 50%; --bgc: rgba(255, 255, 255, 0.704269); --bg-grad: none; border: 2px solid black; --bdln: 2; --bdrn: 2; transform: translateX(-4px) translateY(-4px); scale: 0.1; transition-property: scale; transition-duration: 0.2s; transition-timing-function: ease-in; }
.graph-body.active-graph .graph-point--reveal:where([sf~="228"]) { scale: 1; }
.show-graph:where([sf~="228"]) { animation-name: show-graph; animation-duration: 0.3s; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-iteration-count: 1; }
.hide-graph:where([sf~="228"]) { animation-name: hide-graph; animation-duration: 0.3s; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-iteration-count: 1; }
@keyframes show-graph {
0% { clip-path: inset(0% calc(100% - 0%) calc(100% - 100%) 0%); }
100% { clip-path: inset(0% calc(100% - 100%) calc(100% - 100%) 0%); }
}
@keyframes hide-graph {
0% { clip-path: inset(0% calc(100% - 100%) calc(100% - 100%) 0%); }
100% { clip-path: inset(0% calc(100% - 100%) calc(100% - 100%) 100%); }
}
.loading-spinner:where([sf~="228"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.25), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.25; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; }
.stats-loading .loading-spinner:where([sf~="228"]) { --vis-collapse: initial; }
.graph-container:where([sf~="228"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.hidden:where([sf~="228"]) { --vis-collapse: none; }
/* styles/stats/playerstats_mapsgraph.css */
.playerstats__web-maps__root:where([sf~="229"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --bgc: rgba(20, 20, 20, 0.311264); --bg-grad: none; --mgr: 8px; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 5px; }
.playerstats__web-maps__graph:where([sf~="229"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.score-type-dropdown p-label:where([sf~="229"]), .map-score-label:where([sf~="229"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; }
.score-type-dropdown:where([sf~="229"]) { --mgt: 24px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 2px; --pdrn: 0; --pdln: 2; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; width: 90px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 90px; }
.graph-score:where([sf~="229"]) { width: 5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 5px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bgc: rgba(37, 217, 109, 1); --bg-grad: none; border-radius: 5px; transform: translateX(-2.5px) translateY(-2.5px); }
.graph-icon:where([sf~="229"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; transform: translateX(-24px) translateY(-24px); scale: 0.8; transition-property: scale; transition-duration: 0.0s; transition-timing-function: ease-in-out; }
.graph-icon:hover:where([sf~="229"]) { --brightness: 2; scale: 1; transition-duration: 0.3s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.loading-spinner:where([sf~="229"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.25), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.25; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; }
/* styles/stats/playerstats_matchlister.css */
#MatchListerRoot:where([sf~="230"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
@keyframes highlight {
0% { --brightness: 2; --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
20% { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.highlight.matchlister__day-container:where([sf~="230"]), .highlight .match__root:where([sf~="230"]) { animation-name: highlight; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.matchlister__header:where([sf~="230"]) { height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.matchlister__match-container:where([sf~="230"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; overflow-x: auto; overflow-y: auto; --ovx: scroll; --ovy: scroll; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; --tooltip-position: left; }
.matchlister__day-container:where([sf~="230"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-radius: 5px; }
.matchlister__title:where([sf~="230"]) { --pdt: 5px; --pdr: 5px; --pdb: 5px; --pdl: 5px; --pdrn: 5; --pdln: 5; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); letter-spacing: 0px; color: white; text-align: center; }
.match__root:where([sf~="230"]) { --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; --mgt: 4px; --pdl: 4px; --pdln: 4; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdr: 14px; --pdrn: 14; --bgc: rgba(0, 0, 0, 0.097664); --bg-grad: none; border-radius: 5px; transition-property: --bgc; transition-duration: 0.1s; transition-timing-function: ease-in-out; }
.match__root:hover:where([sf~="230"]) { --bgc: rgba(255, 255, 255, 0.179361); --bg-grad: none; }
.match__root:hover p-label:where([sf~="230"]) { color: white; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in-out; }
.match__root p-label:where([sf~="230"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); letter-spacing: 0px; color: rgba(200, 200, 200, 1); }
.no-data p-radiobutton p-label:where([sf~="230"]), .no-data p-label:where([sf~="230"]), .no-data .matchesplayed__dot:where([sf~="230"]) { color: rgba(0, 0, 0, 0); --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.mi-meta__map-icon:where([sf~="230"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.match__results:where([sf~="230"]) { --mgl: 10px; }
.match__results__map:where([sf~="230"]) { width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; text-align: left; text-transform: uppercase; text-overflow: ellipsis; }
.match__results__myscore:where([sf~="230"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; text-align: right; }
.match__results__enemyscore:where([sf~="230"]) { width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; text-align: left; }
.match--dnf:where([sf~="230"]) { --wash-color: rgba( 128,128,128, 0.75); --wash-filter: url(#w-rgba_128_128_128_0_75); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.match__stat:where([sf~="230"]) { --mgr: 5px; }
.match__stat__icon:where([sf~="230"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.header:where([sf~="230"]) { --mgb: 5px; border-bottom: 1px solid gray; color: black; }
.match__team:where([sf~="230"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row-reverse; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 4px; min-width: 70px; }
.avatar-image__icon:where([sf~="230"]) { height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-img: url("/panorama/images/icons/ui/pro_player.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-img-opacity: 1; --bg-img-own: none; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 1px solid rgba(0, 0, 0, 0); --bdln: 1; --bdrn: 1; opacity: 0.696476; --op-pe: inherit; transition-property: opacity, --brightness; transition-duration: 0.1s, 0.1s; transition-timing-function: ease-in-out, ease-in-out; }
.avatar-image__icon:where([sf~="230"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.avatar-image__icon:hover:where([sf~="230"]) { opacity: 1; --op-pe: inherit; }
.separator__root:where([sf~="230"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --mgt: 10px; --mgl: 10px; }
.separator__title:where([sf~="230"]) { --fsz: 13; font-size: calc(max(1, round(nearest, 13 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); letter-spacing: 0px; color: white; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; text-align: left; }
.match__stat:where([sf~="230"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; --wash-color: gray; --wash-filter: url(#w-gray); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.match__stat:hover:where([sf~="230"]) { --wash-color: white; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.match__details__icon:where([sf~="230"]) { width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bg-img: url("/panorama/images/icons/ui/stats.svg"); }
/* styles/stats/playerstats_weaponsgraph.css */
.playerstats__web-weapons__root:where([sf~="231"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --bgc: rgba(20, 20, 20, 0.311264); --bg-grad: none; --pdt: 8px; --pdr: 8px; --pdb: 8px; --pdl: 8px; --pdrn: 8; --pdln: 8; border-radius: 5px; }
.playerstats__web-weapons:where([sf~="231"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.8), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.8; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.AspectRatio4x3 .playerstats__web-weapons:where([sf~="231"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.7), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.7; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.AspectRatio16x9 .playerstats__web-weapons:where([sf~="231"]), .AspectRatio16x10 .playerstats__web-weapons:where([sf~="231"]), .AspectRatio21x9 .playerstats__web-weapons:where([sf~="231"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.graph-score:where([sf~="231"]) { width: 5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 5px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; border-radius: 50%; --bgc: rgba(37, 217, 109, 1); --bg-grad: none; transform: translateX(-2.5px) translateY(-2.5px); }
.graph-icon:where([sf~="231"]) { animation-name: fadein; animation-duration: 0.4s; animation-timing-function: ease-in; animation-iteration-count: 1; --wash-color: #c4c4c4ff; --wash-filter: url(#w-c4c4c4ff); scale: 0.8; transition-property: scale; transition-duration: 0.0s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.graph-icon:hover:where([sf~="231"]) { --brightness: 2; scale: 1; transition-duration: 0.3s; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
@keyframes fadein {
0% { opacity: 0; --op-pe: none; }
100% { opacity: 1; --op-pe: inherit; }
}
.category-button-container:where([sf~="231"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 18px; }
p-radiobutton.graph-button:where([sf~="231"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; height: 54px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 54px; --mgt: 10px; width: 120px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 120px; border-radius: 5px; --pdt: 5px; --pdr: 8px; --pdb: 4px; --pdl: 8px; --pdrn: 8; --pdln: 8; --mgb: 0px; }
.no-data p-radiobutton p-label:where([sf~="231"]) { opacity: 0; --op-pe: none; color: transparent; }
/* styles/steaminputglyphs/steaminputactionlabel.css */
.steam-action-name:where([sf~="232"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; }
.play-menu__playbtn p-ccsgosteaminputaction .steam-action-name:where([sf~="232"]) { --vis-collapse: none; }
/* styles/store.css */
#SalesBanner:where([sf~="233"]) { --px: 705px; --pxp: 0px; --py: 153px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 937px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 937px; height: 191px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 191px; }
#BannerContents:where([sf~="233"]) { width: 937px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 937px; height: 175px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 175px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; overflow-y: clip; --ovx: scroll; --ovy: squish; --ovxn: 1; --ovyn: initial; --ovxf: 1; --ovyf: initial; }
#BannerContents.CanScrollHorizontal:where([sf~="233"]) { --pdl: 20px; --pdln: 20; --pdr: 20px; --pdrn: 20; }
#BannerContentsBg:where([sf~="233"]) { --bgc: #52595F; --bg-grad: none; opacity: 1; --op-pe: inherit; }
#BannerControls:where([sf~="233"]) { --px: 637px; --pxp: 0px; --py: 157px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; }
#BannerControlsBgShadow:where([sf~="233"]) { border-radius: 5px 5px 5px 5px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.35), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.35; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; }
#BannerControlsBg:where([sf~="233"]) { border-radius: 5px 5px 5px 5px; box-shadow: none; --bg-fill: initial; --bg-solid: initial; --bgc: #52595F; --bg-grad: none; opacity: 1; --op-pe: inherit; }
.StoreItem:where([sf~="233"]) { width: 128px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 128px; height: 128px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 128px; --pdt: 0px; --pdr: 5px; --pdb: 0px; --pdl: 5px; --pdrn: 5; --pdln: 5; }
.StoreItem #ItemTitle:where([sf~="233"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --px: 10px; --pxp: 0px; --py: 15px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.StoreItem #ItemDescription:where([sf~="233"]) { --fsz: 10; font-size: calc(max(1, round(nearest, 10 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --px: 10px; --pxp: 0px; --py: 40px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.StoreItem #ItemButton:where([sf~="233"]) { --px: 10px; --pxp: 0px; --py: -10px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --bgc: #34a05F; --bg-grad: none; }
.StoreItem #ItemButton:hover:where([sf~="233"]) { --brightness: 1.4; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.StoreItem .Double:where([sf~="233"]) { width: 256px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 256px; }
.StoreItem .Triple:where([sf~="233"]) { width: 462px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 462px; }
/* styles/teamintromenu.css */
.teamintro-root:where([sf~="234"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; }
.teamintro-root.CT:where([sf~="234"]) { --bg-grad: linear-gradient(180deg, rgba(37, 75, 105, 0.717255) 0%, rgba(37, 75, 105, 0) 25%); --bgc: transparent; }
.teamintro-root.TERRORIST:where([sf~="234"]) { --bg-grad: linear-gradient(180deg, rgba(92, 74, 33, 0.727163) 0%, rgba(92, 74, 33, 0) 25%); --bgc: transparent; }
.teamintro-root.no-background:where([sf~="234"]) { --bgc: transparent; --bg-grad: none; }
.teamintro-root.active:where([sf~="234"]) { --vis-collapse: initial; }
.team-intro-header:where([sf~="234"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.team-intro-header.hidden:where([sf~="234"]) { opacity: 0; --op-pe: none; }
.team-intro-icon:where([sf~="234"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --mgt: 30px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --img-shadow: drop-shadow(0px 0px 5px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.premier .team-intro-icon:where([sf~="234"]) { --vis-collapse: none; }
.team-intro-half-label:where([sf~="234"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-transform: uppercase; font-family: Stratum2 Bold Condensed, 'Arial Unicode MS'; --c9: 0.9; --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; text-shadow: 1px 1px 1px black; }
.premier .team-intro-half-label:where([sf~="234"]) { --mgt: 30px; }
.team-intro-team-label:where([sf~="234"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); font-family: stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 400; --fsz: 25; font-size: calc(max(1, round(nearest, 25 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; text-shadow: 1px 1px 1px black; }
#Avatar:where([sf~="234"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.team-intro-teammate-info:where([sf~="234"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-duration: 0.2s; transition-property: opacity; mix-blend-mode: normal; --s2-blend: normal; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.team-intro-teammate-info.hidden:where([sf~="234"]) { opacity: 0; --op-pe: none; }
.team-intro-teammate-info #AvatarImage:where([sf~="234"]) { width: 48px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 48px; height: 48px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 48px; --bg-size: 48px; --bg-w: 48px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; box-shadow: 1px 1px 0.835px 2.226667px rgb(0 0 0 / 0.941176); --bg-fill: rgb(0 0 0 / 0.941176); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.CT .team-intro-teammate-info #AvatarImage:where([sf~="234"]) { --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgct.webp"); }
.TERRORIST .team-intro-teammate-info #AvatarImage:where([sf~="234"]) { --bg-img: url("/panorama/images/hud/teamcounter/teamcounter_alivebgt.webp"); }
.team-intro-teammate-name:where([sf~="234"]) { font-family: Stratum2 Medium Condensed, 'Arial Unicode MS'; --c9: 0.9; text-overflow: ellipsis; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 1; --op-pe: inherit; --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 160px; --maxw: 160px; max-height: 40px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.762164); --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.decorated-player-name__clan-tag:where([sf~="234"]) { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.762164); }
#jsHonorIcon:where([sf~="234"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 2px; }
.Language_vietnamese .team-intro-teammate-name:where([sf~="234"]) { font-family: ForceStratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; font-stretch: condensed; }
.team-intro-fade:where([sf~="234"]) { --bgc: black; --bg-grad: none; transition-property: opacity; }
.team-intro-fade.hidden:where([sf~="234"]) { opacity: 0; --op-pe: none; }
/* styles/teamselectmenu.css */
.team-select-fallback-hidden:where([sf~="235"]) { opacity: 0; --op-pe: none; }
.team-select:where([sf~="235"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --vis-collapse: none; }
.mainmenu-content:where([sf~="235"]) { --bg-grad: linear-gradient(0deg, rgba(0, 0, 0, 0.277279) 8.5%, rgba(0, 0, 0, 0) 9.5%); --bgc: transparent; }
#BtnSelectTeam-TERRORIST.team-select-button:where([sf~="235"]) { --bg-grad: linear-gradient(180deg, rgba(92, 74, 33, 1) 0%, rgba(92, 74, 33, 0) 30%); --bgc: transparent; z-index: -10; }
.kk-i-BtnSelectTeam-TERRORIST:has(> #BtnSelectTeam-TERRORIST.team-select-button:where([sf~="235"]):not([pvis="0"])) { isolation: isolate; }
#BtnSelectTeam-TERRORIST.team-select-button:hover:where([sf~="235"]) { --bg-grad: linear-gradient(180deg, rgba(92, 74, 33, 1) 0%, rgba(92, 74, 33, 0) 40%); --bgc: transparent; }
#BtnSelectTeam-CT.team-select-button:where([sf~="235"]) { --bg-grad: linear-gradient(180deg, rgba(37, 75, 105, 1) 0%, rgba(37, 75, 105, 0) 30%); --bgc: transparent; z-index: -10; }
.kk-i-BtnSelectTeam-CT:has(> #BtnSelectTeam-CT.team-select-button:where([sf~="235"]):not([pvis="0"])) { isolation: isolate; }
#BtnSelectTeam-CT.team-select-button:hover:where([sf~="235"]) { --bg-grad: linear-gradient(180deg, rgba(37, 75, 105, 1) 0%, rgba(37, 75, 105, 0) 40%); --bgc: transparent; }
.TeamSelectBtnDivider:where([sf~="235"]) { width: min(calc((100% + var(--ppx)) * 0.002), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.teamselect-blur:where([sf~="235"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --brightness: 0.7; --blur: 6px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.team-select__timer:where([sf~="235"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --mgt: 40px; z-index: 20; }
.kk-c-team-select__timer:has(> .team-select__timer:where([sf~="235"]):not([pvis="0"])) { isolation: isolate; }
.team-select__timer__bg:where([sf~="235"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); border-radius: 50%; opacity: 0.767696; --op-pe: inherit; border: 2px solid #333; --bdln: 2; --bdrn: 2; }
@keyframes teamselect-animation {
0% { --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 0deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); opacity: 1; --op-pe: inherit; }
60% { --wash-color: #fff; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
98% { opacity: 1; --op-pe: inherit; }
100% { --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 360deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); --wash-color: red; --wash-filter: url(#w-red); opacity: 0; --op-pe: none; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.team-select__timer__bar:where([sf~="235"]) { width: 60px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 60px; height: 60px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 60px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; border: 8px solid #333; --bdln: 8; --bdrn: 8; border-radius: 50%; z-index: 22; animation-duration: 15.01s; animation-timing-function: linear; animation-iteration-count: 1; animation-name: teamselect-animation; }
.kk-c-team-select__timer__bar:has(> .team-select__timer__bar:where([sf~="235"]):not([pvis="0"])) { isolation: isolate; }
.team-select__timer p-label:where([sf~="235"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 22; font-size: calc(max(1, round(nearest, 22 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; color: #ffffff; z-index: 22; animation-duration: 15s; }
.team-select__timer .kk-t-p-label:has(> p-label:where([sf~="235"]):not([pvis="0"])), .team-select__timer.kk-t-p-label:has(> p-label:where([sf~="235"]):not([pvis="0"])) { isolation: isolate; }
.Language_vietnamese .team-select__timer p-label:where([sf~="235"]) { font-family: 'Noto Mono', 'Arial Unicode MS'; --c9: 1; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.team-select__timer p-label p-countdown.CountdownAfterEnd:where([sf~="235"]) { --vis-collapse: none; }
.WindowRoot_TripleMonitor #AutojoinTimer:where([sf~="235"]) { width: min(calc((100% + var(--ppx)) * 0.33), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.team-select__timer :is(p-image, :where(img[pimg])):where([sf~="235"]) { width: 20px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 20px; height: 20px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 20px; --mgr: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: White; --wash-filter: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.team-select-icon-container:where([sf~="235"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); opacity: 0.616725; --op-pe: inherit; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.team-select-icon:where([sf~="235"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: 100px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 100px; --mgt: 30px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; --brightness: 0.5; --img-shadow: drop-shadow(0px 0px 5px color-mix(in srgb, #000000 45.45%, transparent)); transition-property: --brightness; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.team-select-button:hover .team-select-icon:where([sf~="235"]) { --brightness: 1.5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.team-select-button:where([sf~="235"]) { width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 0.9), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 0.9; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.team-select-list:where([sf~="235"]), .team-select-list__title:where([sf~="235"]), .team-select-list__subtitle:where([sf~="235"]), .team-select-icon-title:where([sf~="235"]), .team-select__timer p-label:where([sf~="235"]) { mix-blend-mode: normal; --s2-blend: normal; color: white; text-shadow: 1px 1px 2px color-mix(in srgb, black 45.45%, transparent); }
.team-select-icon-title:where([sf~="235"]) { width: 800px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 800px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.team-select-icon-title__labels:where([sf~="235"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 407px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 407px; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.team-select-button:hover .team-select-icon-title__labels:where([sf~="235"]), .team-select-button:hover .team-select-teammate:where([sf~="235"]) { animation-duration: 0.25s; animation-timing-function: ease-in-out; animation-iteration-count: 1; z-index: 10; }
.team-select-button:hover .kk-c-team-select-icon-title__labels:has(> .team-select-icon-title__labels:where([sf~="235"]):not([pvis="0"])), .team-select-button:hover.kk-c-team-select-icon-title__labels:has(> .team-select-icon-title__labels:where([sf~="235"]):not([pvis="0"])), .team-select-button:hover .kk-c-team-select-teammate:has(> .team-select-teammate:where([sf~="235"]):not([pvis="0"])), .team-select-button:hover.kk-c-team-select-teammate:has(> .team-select-teammate:where([sf~="235"]):not([pvis="0"])) { isolation: isolate; }
.team-select-button:hover .team-select-teammate:where([sf~="235"]) { opacity: 1; --op-pe: inherit; z-index: 10; }
.team-select-button:hover .kk-c-team-select-teammate:has(> .team-select-teammate:where([sf~="235"]):not([pvis="0"])), .team-select-button:hover.kk-c-team-select-teammate:has(> .team-select-teammate:where([sf~="235"]):not([pvis="0"])) { isolation: isolate; }
.team-select-list__title:where([sf~="235"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-transform: uppercase; font-family: Stratum2 Bold Condensed, 'Noto Sans'; --c9: 0.9; --fsz: 50; font-size: calc(max(1, round(nearest, 50 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.team-select-list__subtitle:where([sf~="235"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; font-weight: 300; text-transform: none; font-weight: 400; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; }
.WindowRoot_TripleMonitor .team-select-list-container:where([sf~="235"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.33), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.team-select-list:where([sf~="235"]) { width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; max-height: 280px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); z-index: 10; }
.kk-c-team-select-list:has(> .team-select-list:where([sf~="235"]):not([pvis="0"])) { isolation: isolate; }
.team-select-teammate:where([sf~="235"]) { --vis-collapse: initial; transform: scaleY( 1 ); transition-property: transform, translate, --pxp, --pyp; transition-duration: .15s, .15s, .15s, .15s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; opacity: 0.892208; --op-pe: inherit; }
.team-select-teammate:not(.bot) p-label:where([sf~="235"]) { color: black; mix-blend-mode: normal; --s2-blend: normal; }
#Teammate.team-select-teammate.bot:where([sf~="235"]) { --bgc: #303030; --bg-grad: none; opacity: 0.892208; --op-pe: inherit; }
.team-select-list--t .team-select-teammate:where([sf~="235"]) { --bgc: #eabe54; --bg-grad: none; box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 0.368627); --bg-fill: rgb(0 0 0 / 0.368627); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.team-select-list--ct .team-select-teammate:where([sf~="235"]) { --bgc: rgb(150, 200, 250); --bg-grad: none; box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 0.368627); --bg-fill: rgb(0 0 0 / 0.368627); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.team-select-list__subtitle.fontSize-m:where([sf~="235"]) { font-weight: 700; --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
p-label:where([sf~="235"]) { mix-blend-mode: screen; --s2-blend: additive; font-weight: 700; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; text-overflow: ellipsis; }
.team-select-teammate__name:where([sf~="235"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgl: 8px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --fsz: 17; font-size: calc(max(1, round(nearest, 17 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: .35px; }
#TeamSelectButtons:where([sf~="235"]) { border-top: 0px; }
.WindowRoot_TripleMonitor #TeamSelectButtons:where([sf~="235"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 0.33), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.team-select-error:where([sf~="235"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; border-radius: 2px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; opacity: 1; --op-pe: inherit; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.team-select-error__label:where([sf~="235"]) { --mgl: 8px; color: white; }
.team-select-error.hidden:where([sf~="235"]) { opacity: 0; --op-pe: none; transition-property: opacity; transition-duration: .25s; transition-timing-function: ease-in-out; }
.team-select-fade:where([sf~="235"]) { --bgc: black; --bg-grad: none; transition-property: opacity; }
.team-select-fade.hidden:where([sf~="235"]) { opacity: 0; --op-pe: none; }
@keyframes ping {
0% { --brightness: .5; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
/* styles/tooltips/tooltip_base.css */
#Contents:where([sf~="236"]) { --bgc: #252b30; --bg-grad: none; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; border: 2px solid black; --bdln: 2; --bdrn: 2; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.4); --bg-fill: rgb(0 0 0 / 0.4); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
#LeftArrow:where([sf~="236"]), #RightArrow:where([sf~="236"]), #TopArrow:where([sf~="236"]), #BottomArrow:where([sf~="236"]) { --bg-rep: no-repeat; --bg-pos: 0px 0px; --bg-size: contain; --bg-w: 0px; z-index: 1; --vis-collapse: none; }
.kk-i-LeftArrow:has(> #LeftArrow:where([sf~="236"]):not([pvis="0"])), .kk-i-RightArrow:has(> #RightArrow:where([sf~="236"]):not([pvis="0"])), .kk-i-TopArrow:has(> #TopArrow:where([sf~="236"]):not([pvis="0"])), .kk-i-BottomArrow:has(> #BottomArrow:where([sf~="236"]):not([pvis="0"])) { isolation: isolate; }
#LeftArrow:where([sf~="236"]), #RightArrow:where([sf~="236"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; --mgt: 4px; --mgb: 4px; --mgr: 4px; }
#LeftArrow:where([sf~="236"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_left.webp"); --wash-color: #252b30; --wash-filter: url(#w-252b30); --mgr: -5px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#RightArrow:where([sf~="236"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_right.webp"); --wash-color: #252b30; --wash-filter: url(#w-252b30); --mgl: -2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#DACItemTooltip #RightArrow:where([sf~="236"]), #DACSynergyTooltip #RightArrow:where([sf~="236"]), #AbilityTooltip #RightArrow:where([sf~="236"]), #DACXPTooltip #RightArrow:where([sf~="236"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_right.webp"); --wash-color: #7871a9; --wash-filter: url(#w-7871a9); --mgl: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#DACItemTooltip #LeftArrow:where([sf~="236"]), #DACSynergyTooltip #LeftArrow:where([sf~="236"]), #AbilityTooltip #LeftArrow:where([sf~="236"]), #DACXPTooltip #LeftArrow:where([sf~="236"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_left.webp"); --wash-color: #61738a; --wash-filter: url(#w-61738a); --mgr: -3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#TopArrow:where([sf~="236"]), #BottomArrow:where([sf~="236"]) { width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; height: 21px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 21px; --mgl: 12px; --mgr: 12px; }
#TopArrow:where([sf~="236"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_top.webp"); --wash-color: #252b30; --wash-filter: url(#w-252b30); --mgb: -2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#BottomArrow:where([sf~="236"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_bottom.webp"); --wash-color: #252b30; --wash-filter: url(#w-252b30); --mgt: -2px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.TooltipContainer.LeftArrowVisible #LeftArrow:where([sf~="236"]) { --vis-collapse: initial; }
.TooltipContainer.RightArrowVisible #RightArrow:where([sf~="236"]) { --vis-collapse: initial; }
.TooltipContainer.TopArrowVisible #TopArrow:where([sf~="236"]) { --vis-collapse: initial; }
.TooltipContainer.BottomArrowVisible #BottomArrow:where([sf~="236"]) { --vis-collapse: initial; }
.TooltipContainer.Tooltip_NoArrow.LeftArrowVisible #LeftArrow:where([sf~="236"]) { --vis-collapse: none; }
.TooltipContainer.Tooltip_NoArrow.RightArrowVisible #RightArrow:where([sf~="236"]) { --vis-collapse: none; }
.TooltipContainer.Tooltip_NoArrow.TopArrowVisible #TopArrow:where([sf~="236"]) { --vis-collapse: none; }
.TooltipContainer.Tooltip_NoArrow.BottomArrowVisible #BottomArrow:where([sf~="236"]) { --vis-collapse: none; }
.TooltipContainer.LeftArrowVisible #Contents:where([sf~="236"]) { --mgl: 0px; min-height: 40px; --mh-set: 1; --mhp: 1; }
.TooltipContainer.RightArrowVisible #Contents:where([sf~="236"]) { --mgr: 0px; min-height: 40px; --mh-set: 1; --mhp: 1; }
.TooltipContainer.BottomArrowVisible #Contents:where([sf~="236"]) { --mgb: 0px; min-width: 60px; }
.TooltipContainer.TopArrowVisible #Contents:where([sf~="236"]) { --mgt: 0px; min-width: 60px; }
.TooltipContainer:where([sf~="236"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; opacity: 0; --op-pe: none; transition-property: opacity, scale; transition-duration: 0.175s, 0.25s; --pdb: 20px; }
#DACMapChallengeTooltip.TooltipContainer:where([sf~="236"]) { --pdb: 0px; }
#DACMapChallengeTooltip #BottomArrow:where([sf~="236"]) { --vis-collapse: none; }
#DACItemTooltip.TooltipContainer:where([sf~="236"]) { --pdl: 20px; --pdln: 20; --pdr: 20px; --pdrn: 20; --pdb: 20px; }
#FortuneTellerStoryNodeTooltip:where([sf~="236"]) { --pdb: 0px; }
.TooltipContainer.TooltipVisible:where([sf~="236"]) { opacity: 1; --op-pe: inherit; transition-delay: 0.0s; }
.TooltipRow:where([sf~="236"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.GameModeTooltip.RightArrowVisible #Contents:where([sf~="236"]) { width: 400px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 400px; min-height: 60px; --mh-set: 1; --mhp: 1; --bgc: #3e464b; --bg-grad: none; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 15px; --pdrn: 10; --pdln: 15; border-radius: 0px; border: 1px solid black; --bdln: 1; --bdrn: 1; }
.GameModeTooltip #RightArrow:where([sf~="236"]) { --bg-img: url("/panorama/images/tooltips/tooltip_arrow_right.webp"); --wash-color: #3e464b; --wash-filter: url(#w-3e464b); --mgl: -1px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.SettingsTooltip #Contents:where([sf~="236"]) { max-width: 584px; --maxw: 584px; min-width: 584px; --mgt: 2px; }
.SettingsTooltip #TopArrow:where([sf~="236"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; }
.ShortTextTooltip #Contents:where([sf~="236"]) { --bgc: #252b30; --bg-grad: none; --pdt: 8px; --pdr: 10px; --pdb: 6px; --pdl: 10px; --pdrn: 10; --pdln: 10; border-radius: 0px; border: 1px solid black; --bdln: 1; --bdrn: 1; box-shadow: 0px 0px 4px 2.666667px rgb(0 0 0 / 0.666667); --bg-fill: rgb(0 0 0 / 0.666667); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.ShortTextTooltip #RightArrow:where([sf~="236"]) { --mgl: -1px; }
.ShortTextTooltip #LeftArrow:where([sf~="236"]) { --mgr: -4px; }
.ShortTextTooltip #BottomArrow:where([sf~="236"]) { --mgt: -1px; }
.ShortTextTooltip #TopArrow:where([sf~="236"]) { --mgb: -1px; }
.PostGamePermanentBuffTooltip #Contents:where([sf~="236"]) { max-width: 350px; --maxw: 350px; --bg-grad: linear-gradient(180deg, rgba(45, 45, 45, 0.982072) 0%, rgba(0, 0, 0, 0.951494) 100%); --bgc: transparent; }
#DOTAHUDTopBarUltimateTooltip #Contents:where([sf~="236"]) { --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
#ADAbilityTooltip:where([sf~="236"]) { --mgt: 16px; }
#ADAbilityTooltip #Contents:where([sf~="236"]) { border-radius: 8px; --bgc: #2D2D2D; --bg-grad: none; border: 1px solid black; --bdln: 1; --bdrn: 1; --bg-grad: linear-gradient(180deg, rgba(45, 45, 45, 0.982072) 0%, rgba(0, 0, 0, 0.951494) 100%); --bgc: transparent; }
#ADAbilityTooltip .TooltipRow:where([sf~="236"]) { border-radius: 8px; }
#DOTAHUDTopBarUltimateTooltip #TopArrow:where([sf~="236"]) { --wash-color: black; --wash-filter: url(#w-black); --bg-pos: 0px 3px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.TooltipStatBranch #BottomArrow:where([sf~="236"]) { --wash-color: #22292f; --wash-filter: url(#w-22292f); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.TooltipStatBranch #TopArrow:where([sf~="236"]) { --wash-color: #181b1d; --wash-filter: url(#w-181b1d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#DOTAHUDDamageArmorTooltip #BottomArrow:where([sf~="236"]) { --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#CampaignArtifactsHelp #RightArrow:where([sf~="236"]) { --wash-color: #1B2C28; --wash-filter: url(#w-1b2c28); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#HeroCardTooltip:where([sf~="236"]) { opacity: 0; --op-pe: none; scale: 0.9; transition-property: opacity, scale; transition-duration: 0.1s, 0.1s; }
#HeroCardTooltip.TooltipVisible:where([sf~="236"]) { opacity: 1; --op-pe: inherit; scale: 1.0; }
.FacetPreview #LeftArrow:where([sf~="236"]) { --mgr: -7px; --wash-color: #181f24; --wash-filter: url(#w-181f24); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.FacetPreview #Contents:where([sf~="236"]) { box-shadow: 0px 0px 12px 4px rgb(0 0 0 / 0.458824); --bg-fill: rgb(0 0 0 / 0.458824); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
#FortuneTellerStoryNodeTooltip #BottomArrow:where([sf~="236"]) { --wash-color: #2E1E48; --wash-filter: url(#w-2e1e48); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#FortuneTellerStoryNodeTooltip #TopArrow:where([sf~="236"]) { --wash-color: #14101F; --wash-filter: url(#w-14101f); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#DarkCarnivalNodeTooltip #LeftArrow:where([sf~="236"]), #DarkCarnivalNodeTooltip #RightArrow:where([sf~="236"]), #DarkCarnivalNodeTooltip #TopArrow:where([sf~="236"]), #DarkCarnivalNodeTooltip #BottomArrow:where([sf~="236"]) { --wash-color: #280f0e; --wash-filter: url(#w-280f0e); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#OverworldPathTooltip #LeftArrow:where([sf~="236"]), #OverworldPathTooltip #RightArrow:where([sf~="236"]), #OverworldPathTooltip #TopArrow:where([sf~="236"]), #OverworldPathTooltip #BottomArrow:where([sf~="236"]) { --wash-color: #141517; --wash-filter: url(#w-141517); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#OverworldHeroTooltip #LeftArrow:where([sf~="236"]), #OverworldHeroTooltip #RightArrow:where([sf~="236"]), #OverworldHeroTooltip #TopArrow:where([sf~="236"]), #OverworldHeroTooltip #BottomArrow:where([sf~="236"]) { --wash-color: #141517; --wash-filter: url(#w-141517); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#TI10BlessingTooltip #LeftArrow:where([sf~="236"]), #TI10BlessingTooltip #RightArrow:where([sf~="236"]) { --wash-color: #0D1E33; --wash-filter: url(#w-0d1e33); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#International2025Score #LeftArrow:where([sf~="236"]), #International2025Score #RightArrow:where([sf~="236"]) { --wash-color: #231556; --wash-filter: url(#w-231556); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#International2026Score #LeftArrow:where([sf~="236"]), #International2026Score #RightArrow:where([sf~="236"]) { --wash-color: #2C1E0F; --wash-filter: url(#w-2c1e0f); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Compendium2021Page #TeamMiniProfileTooltip:where([sf~="236"]) { --mgr: 20px; }
.Compendium2021Page #LeftArrow:where([sf~="236"]), .Compendium2021Page #RightArrow:where([sf~="236"]) { --brightness: 1; --wash-color: #F0C770; --wash-filter: url(#w-f0c770); --mgl: 0px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.Compendium2021Page .TooltipContainer.LeftArrowVisible #Contents:where([sf~="236"]) { --mgl: 1px; --mgr: 1px; }
.Compendium2021Page #Contents:where([sf~="236"]) { border: 1px solid #fff; --bdln: 1; --bdrn: 1; --p-border-brush: gradient( linear, 0% 0%, 0% 100%, from(#573b00), color-stop(.5, #F0C871), to(#573b00)); border-radius: 6px; }
.Compendium2021Page #TextTooltip.LBTooltip #TextLabel:where([sf~="236"]) { text-transform: uppercase; color: red; }
/* styles/tooltips/tooltip_eventsched_team.css */
.estt-root:where([sf~="237"]) { --bgc: rgba(255, 255, 255, 0.089635); --bg-grad: none; }
.estt-root.estt-simple:where([sf~="237"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.estt-header:where([sf~="237"]) { border-bottom: 1px solid rgba(255, 255, 255, 0.413115); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 150px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 150px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; }
.estt-simple .estt-header:where([sf~="237"]) { height: 50px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 50px; }
.estt-header__team-logo:where([sf~="237"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; --px: 60px; --pxp: 0px; --py: 0px; --pyp: 0px; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.img-shadow:where([sf~="237"]) { --img-shadow: drop-shadow(2px 2px 1px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.estt-header__team-name:where([sf~="237"]) { --fsz: 26; font-size: calc(max(1, round(nearest, 26 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; text-shadow: 2px 2px 2px color-mix(in srgb, #000000 45.45%, transparent); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.estt-simple .estt-header__team-name:where([sf~="237"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.estt-player:where([sf~="237"]) { --pdt: 5px; --mgt: 5px; --mgr: 5px; --mgb: 5px; --mgl: 5px; }
.estt-simple .estt-player:where([sf~="237"]) { --pdl: 20px; --pdln: 20; }
.estt-player__name:where([sf~="237"]) { --mgt: 6px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 700; --text-shrink: 1; max-width: 100px; --maxw: 100px; }
.estt-player__photo:where([sf~="237"]) { width: 100px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 100px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; box-shadow: -1px 1px 1.5px 1px #000; --bg-fill: #000; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.estt-blurbackground:where([sf~="237"]) { --bg-grad: linear-gradient(323.130102deg, #14202b 0%, #1e2d3d 100%); --bgc: transparent; --blur: 2px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; opacity: 0.696476; --op-pe: inherit; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/tooltips/tooltip_inventory_item.css */
.tooltip-inventory-item:where([sf~="238"]) { min-width: 90px; max-width: 400px; --maxw: 400px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.collection-logo:where([sf~="238"]) { --pdr: 5px; --pdrn: 5; width: 56px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 56px; --vis-collapse: none; }
.tooltip-inventory-item__has-set .collection-logo:where([sf~="238"]) { --vis-collapse: initial; }
.collection-text-style:where([sf~="238"]) { font-weight: 400; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.collection-label:where([sf~="238"]) { --vis-collapse: none; }
.tooltip-inventory-item__has-set .collection-label:where([sf~="238"]) { --vis-collapse: initial; }
.NameCollection:where([sf~="238"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.original-owner-section:where([sf~="238"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgl: 10px; --mgt: 8px; --mgb: 8px; }
.original-owner-section :is(p-image, :where(img[pimg])):where([sf~="238"]) { --mgr: 16px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.name-label:where([sf~="238"]), .custom-name-label:where([sf~="238"]) { max-width: 368px; --maxw: 368px; font-weight: 700; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.custom-name-label:where([sf~="238"]) { font-weight: 400; font-style: italics; }
.tooltip-inventory-item__has-set .name-label:where([sf~="238"]) { max-width: 307px; --maxw: 307px; }
.InfoBlock:where([sf~="238"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --pdt: 10px; --pdr: 10px; --pdb: 10px; --pdl: 10px; --pdrn: 10; --pdln: 10; }
.separator-top:where([sf~="238"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid #25282b; --mgt: 10px; }
.separator-bottom:where([sf~="238"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-top: 1px solid #25282b; --mgb: 10px; }
.ingame-cost:where([sf~="238"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; font-weight: 500; --pdr: 10px; --pdrn: 10; color: lightgreen; }
.rarity-header:where([sf~="238"]), .grade-header:where([sf~="238"]), .team-header:where([sf~="238"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --pdr: 10px; --pdrn: 10; color: #7c7c7c; }
.rarity-label:where([sf~="238"]), .grade-label:where([sf~="238"]), .team-label:where([sf~="238"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 22px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 22px; --text-shrink: 1; }
.rarity-header:where([sf~="238"]), .grade-header:where([sf~="238"]), .team-header:where([sf~="238"]), .rarity-label:where([sf~="238"]), .grade-label:where([sf~="238"]), .team-container:where([sf~="238"]), .team-logo__ct:where([sf~="238"]), .team-logo__t:where([sf~="238"]) { --vis-collapse: none; }
.tooltip-inventory-item__has-rarity .rarity-header:where([sf~="238"]), .tooltip-inventory-item__has-rarity .rarity-label:where([sf~="238"]) { --vis-collapse: initial; }
.tooltip-inventory-item__has-grade .grade-header:where([sf~="238"]), .tooltip-inventory-item__has-grade .grade-label:where([sf~="238"]) { --vis-collapse: initial; }
.tooltip-inventory-item__has-team .team-header:where([sf~="238"]), .tooltip-inventory-item__has-team .team-container:where([sf~="238"]) { --vis-collapse: initial; }
.tooltip-inventory-item__team-ct .team-logo__ct:where([sf~="238"]) { --vis-collapse: initial; }
.tooltip-inventory-item__team-t .team-logo__t:where([sf~="238"]) { --vis-collapse: initial; }
.team-logo:where([sf~="238"]) { --pdr: 5px; --pdrn: 5; }
.desc-text:where([sf~="238"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 6px; }
.tooltip-inventory-item__rarity-0 .rarity-label:where([sf~="238"]) { color: #6a6156; }
.tooltip-inventory-item__rarity-1 .rarity-label:where([sf~="238"]) { color: #b0c3d9; }
.tooltip-inventory-item__rarity-2 .rarity-label:where([sf~="238"]) { color: #5e98d9; }
.tooltip-inventory-item__rarity-3 .rarity-label:where([sf~="238"]) { color: #4b69ff; }
.tooltip-inventory-item__rarity-4 .rarity-label:where([sf~="238"]) { color: #8847ff; }
.tooltip-inventory-item__rarity-5 .rarity-label:where([sf~="238"]) { color: #d32ce6; }
.tooltip-inventory-item__rarity-6 .rarity-label:where([sf~="238"]) { color: #eb4b4b; }
.tooltip-inventory-item__rarity-7 .rarity-label:where([sf~="238"]) { color: #e4ae39; }
.tooltip-inventory-item__rarity-99 .rarity-label:where([sf~="238"]) { color: #ffd700; }
/* styles/tooltips/tooltip_limited_item_variation.css */
.tooltip-limited-variation:where([sf~="239"]) { min-width: 80px; max-width: 512px; --maxw: 512px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; --bg-img: url("/panorama/images/backgrounds/xpshop/set_xpshop_wpn_01_thumbnail.webp"); --bg-size: auto auto; --bg-w: 0px; --bg-img-opacity: .3; --bg-img-own: none; }
.tooltip-limited-variation:where([sf~="239"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.tooltip-limited-variation .tooltip-limited__image:where([sf~="239"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.tooltip-limited-variation .tooltip-limited__movie:where([sf~="239"]) { width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; height: 288px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 288px; }
.tooltip-limited-variation .tooltip-limited__text:where([sf~="239"]) { --pdt: 12px; --pdr: 18px; --pdb: 12px; --pdl: 18px; --pdrn: 18; --pdln: 18; }
#Contents.tooltip-limited-variation:where([sf~="239"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
/* styles/tooltips/tooltip_player_xp.css */
.tooltip-player-xp:where([sf~="240"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; max-width: 400px; --maxw: 400px; --pdt: 16px; --pdr: 16px; --pdb: 16px; --pdl: 16px; --pdrn: 16; --pdln: 16; }
.Language_thai .tooltip-player-xp:where([sf~="240"]) { max-width: 560px; --maxw: 560px; }
.tooltip-player-xp--matchmaking:where([sf~="240"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; }
.tooltip-player-xp__title:where([sf~="240"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); max-width: 300px; --maxw: 300px; color: white; --mgb: 4px; }
.tooltip-player-xp__title--magrin-bottom:where([sf~="240"]) { --mgb: 16px; }
.tooltip-player-xp__title--small:where([sf~="240"]) { color: white; opacity: 1; --op-pe: inherit; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgb: 4px; }
.tooltip-player-xp__title--warning:where([sf~="240"]) { color: #b1af2d; }
.tooltip-player-xp__subtitle:where([sf~="240"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: rgb(148, 148, 148); opacity: 1; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.tooltip-player__comp-warning:where([sf~="240"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); opacity: 1; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgt: 16px; --pdt: 16px; border-radius: 2px; border-top: 1px solid rgb(71, 71, 71); --bg-rep: no-repeat; --bg-size: 35% auto; --bg-w: 0px; --bg-pos: 50% 50%; --bg-img-opacity: 0.05; --bg-img-own: none; --bg-img: url("/panorama/images/icons/ui/warning.svg"); }
.tooltip-player__comp-warning:where([sf~="240"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.tooltip-player-setting:where([sf~="240"]) { --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 0px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.tooltip-player-setting__image:where([sf~="240"]) { --mgr: 8px; height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; }
.tooltip-player-setting__image.tint:where([sf~="240"]) { --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tooltip-player-setting__image.warning:where([sf~="240"]) { --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); height: 24px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 24px; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.tooltip-player-xp__section:where([sf~="240"]) { --vis-collapse: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgb: 16px; }
.tooltip-player-xp__section-matchmaking:where([sf~="240"]) { --vis-collapse: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgb: 16px; height: 180px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 180px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.tooltip-player-xp__section-bottom:where([sf~="240"]) { --mgb: 0px; }
.tooltip-player-xp-bonuses:where([sf~="240"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.tooltip-player-xp__seperator:where([sf~="240"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; opacity: 0.696476; --op-pe: inherit; --bgc: rgb(71, 71, 71); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 16px; }
.tooltip-player-xp__seperator--margintop:where([sf~="240"]) { --mgt: 16px; --mgb: 0px; }
.tooltip-player-xp__section.hidden:where([sf~="240"]), .tooltip-player-setting.hidden:where([sf~="240"]), .tooltip-player-xp__title.hidden:where([sf~="240"]), .tooltip-player__comp-warning.hidden:where([sf~="240"]) { --vis-collapse: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap; transition-duration: .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.tooltip-player-xp__section-matchmaking.hidden:where([sf~="240"]) { --vis-collapse: initial; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; --mgb: 0px; transition-property: height, --fh, --fh-basis, --fh-stretch, --hcap, width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
/* styles/tooltips/tooltip_scoreboard_casualties.css */
.tooltip-sb-casualties:where([sf~="241"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; --bgc: rgba(0, 0, 0, 0); --bg-grad: none; }
.tooltip-txt-default:where([sf~="241"]) { font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #fff; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; opacity: 0.696476; --op-pe: inherit; }
.TooltipContainer.RightArrowVisible #Contents:where([sf~="241"]) { min-height: 200px; --mh-set: 1; --mhp: 1; }
#Contents:where([sf~="241"]) { --bgc: rgba(0, 0, 0, 0); --bg-grad: none; --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; box-shadow: none; --bg-fill: initial; --bg-solid: initial; }
#TextLabel--CT:where([sf~="241"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgb: 65px; --wash-color: #B5D4EE; --wash-filter: url(#w-b5d4ee); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#TextLabel--T:where([sf~="241"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 65px; --wash-color: #EAD18A; --wash-filter: url(#w-ead18a); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#id-tooltip-sb-casualties #RightArrow:where([sf~="241"]) { --vis-collapse: none; }
/* styles/tooltips/tooltip_stat_season_rank.css */
.TestContents:where([sf~="242"]) { min-width: 80px; max-width: 350px; --maxw: 350px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#Contents:where([sf~="242"]) { --pdt: 0px; --pdr: 0px; --pdb: 0px; --pdl: 0px; --pdrn: 0; --pdln: 0; }
p-csgotooltipmanager #Contents:where([sf~="242"]) { --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; --bgc: transparent; --bg-grad: none; box-shadow: none; --bg-fill: initial; --bg-solid: initial; border-radius: 0px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
#id-tooltip-premier-rating:where([sf~="242"]) { box-shadow: 1px 1px 6px 4px rgb(3 16 29 / 0.458824); --bg-fill: rgb(3 16 29 / 0.458824); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --vis-collapse: none; height: 0px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 0px; }
#id-tooltip-premier-rating.show:where([sf~="242"]) { --vis-collapse: initial; height: 30px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 30px; }
/* styles/tooltips/tooltip_title_image_text.css */
.TitleImageTextContents:where([sf~="243"]) { min-width: 200px; max-width: 400px; --maxw: 400px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#TitleLabel:where([sf~="243"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; font-weight: 700; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; }
#Image:where([sf~="243"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgt: 8px; --mgr: 8px; --mgb: 8px; --mgl: 8px; }
#TextLabel:where([sf~="243"]) { --fsz: 20; font-size: calc(max(1, round(nearest, 20 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; }
/* styles/tooltips/tooltip_title_text.css */
.TitleTextContents:where([sf~="244"]) { width: 350px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 350px; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
#TitleLabel:where([sf~="244"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; font-weight: 700; }
#TextLabel:where([sf~="244"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #bbbbbb; }
#TextPercentage:where([sf~="244"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: #bbbbbb; --mgr: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.tooltip-progress-bar:where([sf~="244"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
.tooltip-progress-bar__bar:where([sf~="244"]) { --bgc: #062f46; --bg-grad: none; height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.tooltip-progress-bar__bar--inner:where([sf~="244"]) { --bg-grad: linear-gradient(90deg, #0A5A84 0%, #5DC6FF 100%); --bgc: transparent; width: min(calc((100% + var(--ppx)) * 0.5), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
/* styles/tournaments/predictions_apply_btn.css */
.group-stage-apply-btn-container:where([sf~="245"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 0px; --mgr: 32px; --mgb: 32px; --mgl: 0px; z-index: 2; }
.kk-c-group-stage-apply-btn-container:has(> .group-stage-apply-btn-container:where([sf~="245"]):not([pvis="0"])) { isolation: isolate; }
.group-stage-apply-warning:where([sf~="245"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 8px; }
.group-stage-apply-warning :is(p-image, :where(img[pimg])):where([sf~="245"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.major-24 .group-stage-apply-warning :is(p-image, :where(img[pimg])):where([sf~="245"]) { --wash-color: rgb(48, 31, 6); --wash-filter: url(#w-rgb_48_31_6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-apply-warning p-label:where([sf~="245"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --pdt: 1px; --mgl: 4px; }
.major-24 .group-stage-apply-warning p-label:where([sf~="245"]) { color: rgb(48, 31, 6); font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; }
.group-stage-apply-btn:where([sf~="245"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --bgc: rgba(10, 104, 49, 0.860504); --bg-grad: none; border: 1.5px solid rgb(14, 209, 95); --bdln: 1.5; --bdrn: 1.5; border-radius: 3px; box-shadow: 0px 0px 7.5px 6px rgba(14, 209, 95, 0.204827); --bg-fill: initial; --bg-solid: initial; min-width: 150px; z-index: 3; animation-name: submit-attract; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; transition-property: --bgc, box-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.kk-c-group-stage-apply-btn:has(> .group-stage-apply-btn:where([sf~="245"]):not([pvis="0"])) { isolation: isolate; }
.group-stage-apply-btn:hover:where([sf~="245"]) { --bgc: rgba(11, 139, 65, 0.702447); --bg-grad: none; animation-name: submit-attract; animation-duration: 0s; animation-timing-function: ease-in-out; animation-iteration-count: 0; }
.group-stage-apply-btn._disabled:where([sf~="245"]) { box-shadow: none; --bg-fill: initial; --bg-solid: initial; border: 1.5px dashed rgba(255, 255, 255, 0.570523); --bdln: 1.5; --bdrn: 1.5; --bgc: rgba(8, 8, 8, 0.102551); --bg-grad: none; border-radius: 6px; animation-name: submit-attract; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 0; }
.group-stage-apply-btn._disabled .group-stage-apply-btn__contents p-label:where([sf~="245"]) { color: rgba(255, 255, 255, 0.570523); }
.group-stage-apply-btn.saved._disabled:where([sf~="245"]) { --bgc: rgba(0, 0, 0, 0.275931); --bg-grad: none; border: 1.5px dashed rgb(14, 209, 95); --bdln: 1.5; --bdrn: 1.5; }
.group-stage-apply-btn.saved._disabled p-label:where([sf~="245"]) { color: rgb(14, 209, 95); letter-spacing: 1px; }
.group-stage-apply-btn.saved._disabled #id-apply-btn-image-check:where([sf~="245"]) { --vis-collapse: initial; --wash-color: rgb(14, 209, 95); --wash-filter: url(#w-rgb_14_209_95); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-apply-btn.waiting-for-update._disabled:where([sf~="245"]) { border: 1.5px dashed rgba(255, 255, 255, 0.570523); --bdln: 1.5; --bdrn: 1.5; --bgc: rgba(0, 0, 0, 0.257674); --bg-grad: none; }
.group-stage-apply-btn.waiting-for-update._disabled p-label:where([sf~="245"]) { letter-spacing: 1px; }
.group-stage-apply-btn.waiting-for-update._disabled .Spinner:where([sf~="245"]) { --vis-collapse: initial; }
.group-stage-apply-btn.locked._disabled:where([sf~="245"]) { --bgc: rgba(10, 104, 49, 0); --bg-grad: none; border: 0px dashed rgb(14, 209, 95); --bdln: 0; --bdrn: 0; }
.group-stage-apply-btn.locked._disabled p-label:where([sf~="245"]) { color: rgba(204, 204, 204, 1); }
.group-stage-apply-btn.locked._disabled #id-apply-btn-image-lock:where([sf~="245"]) { --vis-collapse: initial; --wash-color: #ccccccff; --wash-filter: url(#w-ccccccff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-apply-btn .group-stage-apply-btn__contents:where([sf~="245"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 8px; --pdrn: 8; --pdln: 8; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.group-stage-apply-btn .group-stage-apply-btn__contents p-label:where([sf~="245"]) { --pdt: 8px; --pdr: 0px; --pdb: 8px; --pdl: 0px; --pdrn: 0; --pdln: 0; color: rgb(14, 209, 95); text-align: center; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); transition-property: color; transition-duration: .25s; transition-timing-function: ease-in-out; }
.group-stage-apply-btn .group-stage-apply-btn__contents :is(p-image, :where(img[pimg])):where([sf~="245"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --vis-collapse: none; --mgr: 8px; }
.group-stage-apply-btn .group-stage-apply-btn__contents .Spinner:where([sf~="245"]) { --mgr: 8px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 18px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 18px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --vis-collapse: none; }
.major-23 .group-stage-apply-btn:where([sf~="245"]) { --bgc: rgb(143, 123, 10); --bg-grad: none; animation-name: submit-attract-major-23; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.major-23 .group-stage-apply-btn p-label:where([sf~="245"]) { color: white; }
.major-23 .group-stage-apply-btn:hover:where([sf~="245"]) { --bgc: rgb(143, 123, 10); --bg-grad: none; animation-name: submit-attract-major-23; animation-duration: 0s; animation-timing-function: ease-in-out; animation-iteration-count: 0; }
.major-23 .group-stage-apply-btn._disabled:where([sf~="245"]) { --bgc: rgba(0, 0, 0, 0.257674); --bg-grad: none; animation-name: submit-attract-major-23; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 0; }
.major-23 .group-stage-apply-btn.saved._disabled:where([sf~="245"]) { border: 1.5px dashed gold; --bdln: 1.5; --bdrn: 1.5; }
.major-23 .group-stage-apply-btn.saved._disabled p-label:where([sf~="245"]) { color: gold; }
.major-23 .group-stage-apply-btn.saved._disabled #id-apply-btn-image-check:where([sf~="245"]) { --wash-color: gold; --wash-filter: url(#w-gold); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .group-stage-apply-btn:where([sf~="245"]) { border: 3px solid rgb(14, 209, 95); --bdln: 3; --bdrn: 3; border-radius: 0px; }
.major-24 .group-stage-apply-btn._disabled:where([sf~="245"]) { border: 4px dashed rgb(48, 31, 6); --bdln: 4; --bdrn: 4; border-radius: 0px; }
.major-24 .group-stage-apply-btn._disabled .Spinner:where([sf~="245"]), .major-24 .group-stage-apply-btn._disabled p-label:where([sf~="245"]) { --wash-color: rgb(48, 31, 6); --wash-filter: url(#w-rgb_48_31_6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .group-stage-apply-btn._disabled .group-stage-apply-btn__contents p-label:where([sf~="245"]) { color: rgb(48, 31, 6); text-shadow: 0px 0px 8px color-mix(in srgb, rgba(143, 83, 15, 0.586546) 50%, transparent); font-family: Stratum2 Medium Condensed, "Arial Unicode MS"; --c9: 0.9; }
.major-24 .group-stage-apply-btn.saved._disabled:where([sf~="245"]) { border: 4px dashed rgb(48, 31, 6); --bdln: 4; --bdrn: 4; --bgc: rgba(37, 122, 62, 0.722748); --bg-grad: none; }
.major-24 .group-stage-apply-btn.saved._disabled p-label:where([sf~="245"]) { color: rgb(48, 31, 6); letter-spacing: 1px; }
.major-24 .group-stage-apply-btn.saved._disabled #id-apply-btn-image-check:where([sf~="245"]) { --vis-collapse: initial; --wash-color: rgb(48, 31, 6); --wash-filter: url(#w-rgb_48_31_6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.group-stage-toggle-btn:where([sf~="245"]) { --vis-collapse: none; }
.group-stage-toggle-btn p-label:where([sf~="245"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.group-stage-toggle-btn .TickBox:where([sf~="245"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; }
.group-stage-toggle-btn._selected .TickBox:where([sf~="245"]) { height: 16px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 16px; width: 16px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 16px; --bg-size: 16px 16px; --bg-w: 16px; }
.group-stage-toggle-btn._selected p-label:where([sf~="245"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
@keyframes submit-attract {
0% { border: 1.5px solid rgb(14, 209, 95); --bdln: 1.5; --bdrn: 1.5; box-shadow: 0px 0px 7.5px 6px rgba(14, 209, 95, 0.204827); --bg-fill: initial; --bg-solid: initial; }
50% { border: 1.5px solid rgb(9, 92, 43); --bdln: 1.5; --bdrn: 1.5; box-shadow: 0px 0px 2.5px 2.666667px rgba(14, 209, 95, 0.204827); --bg-fill: initial; --bg-solid: initial; }
100% { border: 1.5px solid rgb(14, 209, 95); --bdln: 1.5; --bdrn: 1.5; box-shadow: 0px 0px 7.5px 6px rgba(14, 209, 95, 0.204827); --bg-fill: initial; --bg-solid: initial; }
}
@keyframes submit-attract-major-23 {
0% { border: 1.5px solid gold; --bdln: 1.5; --bdrn: 1.5; box-shadow: 0px 0px 7.5px 6px rgb(94, 80, 3); --bg-fill: initial; --bg-solid: initial; }
50% { border: 1.5px solid rgb(94, 80, 3); --bdln: 1.5; --bdrn: 1.5; box-shadow: 0px 0px 2.5px 2.666667px rgb(94, 80, 3); --bg-fill: initial; --bg-solid: initial; }
100% { border: 1.5px solid gold; --bdln: 1.5; --bdrn: 1.5; box-shadow: 0px 0px 7.5px 6px rgb(94, 80, 3); --bg-fill: initial; --bg-solid: initial; }
}
/* styles/tournaments/predictions_bracket_stage.css */
.bracket-container:where([sf~="246"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 32px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.bracket-column:where([sf~="246"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.bracket-column__group:where([sf~="246"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 0px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; }
.bracket-column__group .bracket-column__group__teams:where([sf~="246"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --pdt: 0px; --pdr: 4px; --pdb: 0px; --pdl: 4px; --pdrn: 4; --pdln: 4; border-radius: 6px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; box-shadow: 0px 0px 3px 2px rgba(247, 247, 247, 0); --bg-fill: initial; --bg-solid: initial; transition-property: --bgc, box-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.bracket-column__group .bracket-column__group_lines:where([sf~="246"]) { width: 37px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 37px; height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-top: 1px solid rgba(255, 255, 255, 0.427734); border-bottom: 1px solid rgba(255, 255, 255, 0.427734); border-right: 1px solid rgba(255, 255, 255, 0.427734); --bdrn: 1; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.round-of-4 .bracket-column__group .bracket-column__group_lines:where([sf~="246"]) { height: 124px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 124px; }
.round-of-2 .bracket-column__group .bracket-column__group_lines:where([sf~="246"]) { height: 238px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 238px; }
.bracket-column__group .bracket-column__group_lines__connector:where([sf~="246"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; --bgc: rgba(255, 255, 255, 0.427734); --bg-grad: none; width: 24px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 24px; }
.major-24 .bracket-column__group .bracket-column__group_lines:where([sf~="246"]) { border-top: 1px solid rgb(48, 31, 6); border-bottom: 1px solid rgb(48, 31, 6); border-right: 1px solid rgb(48, 31, 6); --bdrn: 1; }
.major-24 .bracket-column__group .bracket-column__group_lines__connector:where([sf~="246"]) { --bgc: rgb(48, 31, 6); --bg-grad: none; }
.bracket-team:where([sf~="246"]) { width: 200px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 200px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; --mgt: 0px; --mgr: 0px; --mgb: 6px; --mgl: 0px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; transition-property: --brightness; transition-duration: .25s; transition-timing-function: ease-in-out; }
.bracket-team.bottom:where([sf~="246"]) { --mgt: 6px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.bracket-team.no-margin:where([sf~="246"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.bracket-team.bracket-team-result:where([sf~="246"]) { --vis-collapse: none; }
.bracket-team.is-dragging .bracket-team__bounding-box:where([sf~="246"]) { --bg-grad: radial-gradient(ellipse 120% 90% at 50% 50%, rgba(151, 151, 151, 0.378589) 0%, rgba(0, 0, 0, 0.678569) 100%); --bgc: transparent; border: 1px dashed rgba(255, 255, 255, 1); --bdln: 1; --bdrn: 1; }
.bracket-team.dragged-away :is(p-image, :where(img[pimg])):where([sf~="246"]), .bracket-team.dragged-away p-label:where([sf~="246"]) { --saturation: 0.6; --brightness: 0.2; opacity: 0.767696; --op-pe: inherit; transition-property: --saturation, --brightness, opacity; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bracket-team.bracket-stage-drag-enter.bracket-team.is-dragging:where([sf~="246"]) { --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bracket-team.bracket-stage-drag-enter.bracket-team.is-dragging .bracket-team__bounding-box:where([sf~="246"]) { --bg-grad: radial-gradient(ellipse 120% 90% at 50% 50%, rgba(255, 255, 255, 0.282779) 0%, rgba(0, 0, 0, 0.537458) 100%); --bgc: transparent; }
.bracket-team.not-active .bracket-team__bounding-box:where([sf~="246"]) { border: 1px solid rgba(255, 255, 255, 0.282779); --bdln: 1; --bdrn: 1; }
.bracket-team.is-incorrect .bracket-team__bounding-box:where([sf~="246"]) { border: 1.5px solid rgba(178, 30, 45, 0.368863); --bdln: 1.5; --bdrn: 1.5; --bg-grad: radial-gradient(ellipse 120% 90% at 50% 50%, rgba(179, 17, 17, 0.284384) 0%, rgba(29, 2, 2, 0.220879) 100%); --bgc: transparent; }
.bracket-team.is-correct.bracket-team-pick .bracket-team__bounding-box:where([sf~="246"]) { border: 1.5px solid rgba(14, 209, 95, 0.62231); --bdln: 1.5; --bdrn: 1.5; --bg-grad: radial-gradient(ellipse 120% 90% at 50% 50%, rgba(14, 209, 95, 0.498534) 0%, rgba(29, 2, 2, 0.159185) 100%); --bgc: transparent; }
.bracket-team.is-correct .bracket-team__correct-check:where([sf~="246"]) { --vis-collapse: initial; }
.bracket-team:hover:not(.dragged-away):where([sf~="246"]) { --sound: "UIPanorama.inventory_item_rollover"; }
.bracket-team:hover:not(.dragged-away) .bracket-team__name:where([sf~="246"]) { transform: translateY( -5px); --brightness: 1.6; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bracket-team:hover:not(.dragged-away) .bracket-team__logo:where([sf~="246"]) { transform: translateY( -5px); --brightness: 1.6; --img-shadow: drop-shadow(-3px 6px 3px color-mix(in srgb, rgb(0 0 0 / .2) 22.725%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bracket-team.bracket-team-result:hover .bracket-team__name:where([sf~="246"]) { transform: translateY( 0px); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bracket-team.bracket-team-result:hover .bracket-team__logo:where([sf~="246"]) { transform: translateY( 0px); --brightness: 1; --img-shadow: drop-shadow(0px 0px 0px color-mix(in srgb, rgba(0, 0, 0, 0) 50%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.round-of-4 .bracket-team:where([sf~="246"]) { --mgt: 0px; --mgr: 0px; --mgb: 39px; --mgl: 0px; }
.round-of-4 .bracket-team.bottom:where([sf~="246"]) { --mgt: 39px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.round-of-2 .bracket-team:where([sf~="246"]) { --mgt: 0px; --mgr: 0px; --mgb: 96px; --mgl: 0px; }
.round-of-2 .bracket-team.bottom:where([sf~="246"]) { --mgt: 96px; --mgr: 0px; --mgb: 0px; --mgl: 0px; }
.bracket-team .bracket-team__bounding-box:where([sf~="246"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: 34px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 34px; border: 1px dashed rgba(255, 255, 255, 0.427734); --bdln: 1; --bdrn: 1; --bgc: rgba(0, 0, 0, 0.21089); --bg-grad: none; --bg-grad: radial-gradient(ellipse 100% 90% at 50% 50%, rgba(0, 0, 0, 0.21089) 0%, rgba(0, 0, 0, 0.21089) 100%); --bgc: transparent; border-radius: 6px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: --bgc; transition-duration: .15s; transition-timing-function: ease-in-out; }
.bracket-team .bracket-team__name:where([sf~="246"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgl: 58px; width: 110px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 110px; transition-property: --saturation, --brightness, transform; transition-duration: .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.bracket-team .bracket-team__score:where([sf~="246"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 8px; --vis-collapse: none; }
.bracket-team-result.bracket-team .bracket-team__score:where([sf~="246"]) { --vis-collapse: initial; }
.is_winner.bracket-team .bracket-team__score:where([sf~="246"]) { color: rgb( 23, 235, 23 ); font-weight: 900; }
.is_loser.bracket-team .bracket-team__score:where([sf~="246"]) { color: rgb( 200, 40, 40 ); }
.bracket-team .bracket-team__logo:where([sf~="246"]) { --img-shadow: drop-shadow(0px 0px 3px color-mix(in srgb, black 45.45%, transparent)); --mgl: 6px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; transition-property: --saturation, --brightness, transform, --img-shadow; transition-duration: .25s, .25s, .25s, .25s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.bracket-team .bracket-team__correct-check:where([sf~="246"]) { --vis-collapse: none; --bgc: black; --bg-grad: none; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; transform: translateX(-2px); --pdt: 2px; --pdr: 2px; --pdb: 2px; --pdl: 2px; --pdrn: 2; --pdln: 2; border-radius: 50%; --wash-color: rgb(14, 209, 95); --wash-filter: url(#w-rgb_14_209_95); border: 1px solid white; --bdln: 1; --bdrn: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.major-24 .bracket-team .bracket-team__name:where([sf~="246"]) { color: rgb(48, 31, 6); }
.major-24 .bracket-team .bracket-team__bounding-box:where([sf~="246"]) { border: 1px dashed rgb(48, 31, 6); --bdln: 1; --bdrn: 1; }
.round-of-4 .bracket-spacer:where([sf~="246"]) { height: 52px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 52px; }
.show-all-correct-picks .bracket-column__group:where([sf~="246"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 12px; --mgr: 0px; --mgb: 12px; --mgl: 0px; }
.show-all-correct-picks .bracket-column__group.has_valid_matchup:hover .bracket-column__group__teams:where([sf~="246"]) { --bgc: rgba(255, 255, 255, 0.124299); --bg-grad: none; box-shadow: 0px 0px 3px 2px rgba(247, 247, 247, 0.415509); --bg-fill: initial; --bg-solid: initial; transition-property: --bgc, box-shadow; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; }
.show-all-correct-picks .bracket-team-pick:where([sf~="246"]) { --vis-collapse: none; }
.show-all-correct-picks .bracket-team-result:where([sf~="246"]) { --vis-collapse: initial; }
/* styles/tournaments/predictions_timer.css */
.predictions-stage-header:where([sf~="247"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 16px; --mgr: 8px; --mgb: 16px; --mgl: 8px; }
.predictions-stage-header.not-active .predictions-stage-header__warning:where([sf~="247"]) { --wash-color: #b1af2d; --wash-filter: url(#w-b1af2d); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.predictions-stage-header .predictions-stage-header__warning:where([sf~="247"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.predictions-stage-header .predictions-stage-header__warning .predictions-stage-header__warning__label:where([sf~="247"]) { color: white; --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.major-24 .predictions-stage-header .predictions-stage-header__warning .predictions-stage-header__warning__label:where([sf~="247"]) { color: rgb(48, 31, 6); text-shadow: 0px 0px 8px color-mix(in srgb, rgba(143, 83, 15, 0.586546) 50%, transparent); font-family: Stratum2 Medium, "Arial Unicode MS"; --c9: 0.9; }
.predictions-stage-header .predictions-stage-header__warning .predictions-stage-header__warning__icon:where([sf~="247"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 6px; }
.major-24 .predictions-stage-header .predictions-stage-header__warning .predictions-stage-header__warning__icon:where([sf~="247"]) { --wash-color: rgb(48, 31, 6); --wash-filter: url(#w-rgb_48_31_6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/vanity_pet_info.css */
.vanity-pet-info:where([sf~="248"]) { transform-origin: 50% 100%; --vis-collapse: none; --px: -150px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -180px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 200px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 200px; overflow-x: visible; overflow-y: visible; --ovx: noclip; --ovy: noclip; --ovxn: 1; --ovyn: 1; --ovxf: 1; --ovyf: 1; transition-property: --bgc, --px, --pxp, translate, --py, --pyp, translate; transition-duration: .1s, .1s, .1s, .1s, .1s, .1s, .1s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.vanity-pet-info.show:where([sf~="248"]) { --vis-collapse: initial; }
.vanity-pet-info .vanity-pet-mouse-over-box:where([sf~="248"]) { --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 80px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 80px; height: 80px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 80px; }
.vanity-pet-info.is-grown:where([sf~="248"]) { width: 300px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 300px; height: 360px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 360px; animation-name: pano-vpct; --px: -150px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -320px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.vanity-pet-info.is-grown .vanity-pet-mouse-over-box:where([sf~="248"]) { width: 180px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 180px; height: 240px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 240px; }
.vanity-pet-info.is-zoomed.vanity-pet-info:where([sf~="248"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; height: 380px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 380px; animation-name: pano-vpct; --px: -180px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -250px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.vanity-pet-info.is-zoomed.vanity-pet-info .vanity-pet-mouse-over-box:where([sf~="248"]) { width: 320px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 320px; height: 320px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 320px; animation-name: pano-vpct; }
.vanity-pet-info.is-zoomed.vanity-pet-info.is-grown:where([sf~="248"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; height: 690px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 690px; animation-name: pano-vpct; --px: -250px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -600px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.vanity-pet-info.is-zoomed.vanity-pet-info.is-grown .vanity-pet-mouse-over-box:where([sf~="248"]) { width: 500px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 500px; height: 580px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 580px; animation-name: pano-vpct; }
.vanity-pet-actions-row:where([sf~="248"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.vanity-pet-clock-timer:where([sf~="248"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --tooltip-position: top; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 8px; }
.vanity-pet-clock-timer .vanity-pet-clock-timer__inner:where([sf~="248"]) { height: 14px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 14px; width: 14px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 14px; --bgc: rgba(126, 126, 126, 0.29006); --bg-grad: none; border-radius: 50%; --mgt: 9px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --clip-radial-center: 50% 50%; --clip-radial-start: 0deg; --clip-radial-sweep: 45deg; mask-image: conic-gradient(from var(--clip-radial-start) at var(--clip-radial-center), #000 var(--clip-radial-sweep), transparent 0); }
.vanity-pet-clock-timer :is(p-image, :where(img[pimg])):where([sf~="248"]) { --img-shadow: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.465489)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.465489)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.vanity-pet-info-actions:where([sf~="248"]) { --pdt: 6px; --pdr: 6px; --pdb: 6px; --pdl: 6px; --pdrn: 6; --pdln: 6; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; --vis-collapse: none; --bgc: rgba(126, 126, 126, 0.29006); --bg-grad: none; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; border-radius: 8px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.vanity-pet-info-actions :is(p-image, :where(img[pimg])):where([sf~="248"]) { transition-property: --img-shadow; transition-duration: .2s; transition-timing-function: ease-in-out; }
.vanity-pet-info-actions p-button:where([sf~="248"]) { --mgt: 0px; --mgr: 6px; --mgb: 0px; --mgl: 6px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --tooltip-position: bottom; }
.vanity-pet-info-actions p-button:hover:where([sf~="248"]) { --sound: "UIPanorama.mainmenu_rollover"; }
.vanity-pet-info-actions p-button:hover :is(p-image, :where(img[pimg])):where([sf~="248"]) { --img-shadow: drop-shadow(0px 0px 4px color-mix(in srgb, rgb(0 0 0 / 0.2) 45.45%, transparent)); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --wash-color: black; --wash-filter: url(#w-black); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.vanity-pet-info-actions p-button:active:where([sf~="248"]) { --sound: "UIPanorama.submenu_select"; }
.vanity-pet-info__name-input p-textentry:where([sf~="248"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; --bgc: rgba(0, 0, 0, 0.168477); --bg-grad: none; border: 0px solid white; --bdln: 0; --bdrn: 0; color: white; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; }
.vanity-pet-info__name-input p-textentry #PlaceholderText:where([sf~="248"]) { transition-property: opacity; transition-duration: 0.2s; color: rgba(255, 255, 255, 0.657132); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; opacity: 1; --op-pe: inherit; font-family: Stratum2, "Arial Unicode MS"; --c9: 0.9; transition-property: opacity; transition-duration: 0.2s; }
.vanity-pet-info__name-input p-textentry.HasInput #PlaceholderText:where([sf~="248"]) { opacity: 0; --op-pe: none; }
.vanity-pet-info__name-input p-textentry._focus:where([sf~="248"]) { border: 1px solid rgba(255, 255, 255, 0.775736); --bdln: 1; --bdrn: 1; }
.vanity-pet-info__name-input .vanity-pet-info__text-entry__actions:where([sf~="248"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: .5s, .5s, .5s, .5s, .5s; }
.vanity-pet-info__name-input .vanity-pet-info__text-entry__actions p-button:where([sf~="248"]) { --mgt: 0px; --mgr: 3px; --mgb: 0px; --mgl: 3px; }
.vanity-pet-info__name-input .vanity-pet-info__text-entry__actions p-button._disabled:where([sf~="248"]), .vanity-pet-info__name-input .vanity-pet-info__text-entry__actions p-button._disabled:hover:where([sf~="248"]) { opacity: 0.472624; --op-pe: inherit; }
.vanity-pet-info__name-input .vanity-pet-info__text-entry__actions #id-name-input-text-back:where([sf~="248"]) { border-left: 1px solid rgba(255, 255, 255, 0.743375); --bdln: 1; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --pdl: 3px; --pdln: 3; }
.vanity-pet-name:where([sf~="248"]) { max-height: 24px; max-width: 260px; --maxw: 260px; color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; mask-image: url("/panorama/images/masks/fade-right.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; --vis-collapse: none; }
.pet-progress-food-warning:where([sf~="248"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; --mgb: 16px; }
.pet-progress-food-warning .pet-progress-food-warning__hint:where([sf~="248"]) { color: rgb(255, 255, 255); --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.424935), 1px 1px 1px color-mix(in srgb, rgba(0, 0, 0, 0.424935) 50%, transparent); --vis-collapse: none; }
.pet-progress-food-warning :is(p-image, :where(img[pimg])):where([sf~="248"]) { --vis-collapse: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(1px 1px 1.5px color-mix(in srgb, #000000 64.276006%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.low-food .pet-progress-food-warning .pet-progress-food-warning__hint:where([sf~="248"]), .needs-food .pet-progress-food-warning .pet-progress-food-warning__hint:where([sf~="248"]) { --vis-collapse: initial; }
.low-food .pet-progress-food-warning :is(p-image, :where(img[pimg])):where([sf~="248"]), .needs-food .pet-progress-food-warning :is(p-image, :where(img[pimg])):where([sf~="248"]) { --vis-collapse: initial; }
.hover-show.needs-food .pet-progress:where([sf~="248"]) { --vis-collapse: none; }
.name-update:where([sf~="248"]) { animation-name: name-update-anim; animation-duration: .3s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes name-update-anim {
0% { transform: translateY(0px); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
50% { transform: translateY(-8px); --brightness: 3; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
100% { transform: translateY(0px); --brightness: 1; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
}
.text-entry-active p-textentry:where([sf~="248"]) { width: 260px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 260px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; }
.text-entry-active .vanity-pet-info__text-entry__actions:where([sf~="248"]) { width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0s, 0s, 0s, 0s, 0s; }
.text-entry-active #id-inspect-pet:where([sf~="248"]), .text-entry-active #id-name-pet:where([sf~="248"]), .text-entry-active #id-zoom-out-pet:where([sf~="248"]), .text-entry-active #id-zoom-in-pet:where([sf~="248"]), .text-entry-active #id-pet-book:where([sf~="248"]), .text-entry-active #id-photo-booth:where([sf~="248"]) { width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --vis-collapse: none; transition-property: width, --fw, --fw-basis, --fw-stretch, --wcap; transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; }
.hover-show .vanity-pet-info-actions:where([sf~="248"]), .hover-show .vanity-pet-clock-timer:where([sf~="248"]), .hover-show .pet-progress-food-warning:where([sf~="248"]), .hover-show .pet-progress:where([sf~="248"]) { --vis-collapse: initial; }
.hover-show .vanity-pet-name.has-name:where([sf~="248"]) { --vis-collapse: initial; }
#id-zoom-out-pet:where([sf~="248"]) { --vis-collapse: none; }
.is-zoomed #id-zoom-in-pet:where([sf~="248"]) { --vis-collapse: none; }
.is-zoomed #id-zoom-out-pet:where([sf~="248"]) { --vis-collapse: initial; }
.hide-during-zoom:where([sf~="248"]) { animation-name: hide-during-zoom; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.pet-progress:where([sf~="248"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --mgt: 8px; --vis-collapse: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.pet-progress .pet-progress-milestone:where([sf~="248"]) { --bgc: rgba(126, 126, 126, 0.29006); --bg-grad: none; border-radius: 50%; --mgt: 4px; --mgr: 4px; --mgb: 4px; --mgl: 4px; width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; opacity: 0.767696; --op-pe: inherit; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --vis-collapse: none; }
.pet-progress .pet-progress-milestone :is(p-image, :where(img[pimg])):where([sf~="248"]) { --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 9px; --pdr: 9px; --pdb: 9px; --pdl: 9px; --pdrn: 9; --pdln: 9; }
.pet-progress .pet-progress-milestone .pet-progress-timer:where([sf~="248"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; z-index: 2; --bg-img: url("/panorama/images/icons/xpshop_tracker_progress_bar.svg"); --bg-size: 100% 100%; --bg-w: 0px; --bg-pos: 50% 50%; --bg-rep: no-repeat; }
.pet-progress .pet-progress-milestone .kk-c-pet-progress-timer:has(> .pet-progress-timer:where([sf~="248"]):not([pvis="0"])), .pet-progress .pet-progress-milestone.kk-c-pet-progress-timer:has(> .pet-progress-timer:where([sf~="248"]):not([pvis="0"])) { isolation: isolate; }
.pet-progress .pet-progress-milestone .pet-progress-timer.dark:where([sf~="248"]) { --wash-color: grey; --wash-filter: url(#w-grey); z-index: 1; --vis-collapse: initial; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.pet-progress .pet-progress-milestone .kk-c-pet-progress-timer:has(> .pet-progress-timer.dark:where([sf~="248"]):not([pvis="0"])), .pet-progress .pet-progress-milestone.kk-c-pet-progress-timer:has(> .pet-progress-timer.dark:where([sf~="248"]):not([pvis="0"])) { isolation: isolate; }
.pet-progress .pet-progress-milestone .pet-progress-bar:where([sf~="248"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --mgb: 2px; }
.pet-progress .pet-progress-milestone .pet-progress-bar .pet-progress-bar-segment:where([sf~="248"]) { height: 4px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 4px; width: 6px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 6px; --bgc: grey; --bg-grad: none; --mgt: 1px; --mgr: 1px; --mgb: 1px; --mgl: 1px; }
.pet-progress .pet-progress-milestone .pet-progress-bar .pet-progress-bar-segment.filled:where([sf~="248"]) { --bgc: white; --bg-grad: none; }
.pet-progress .pet-progress-milestone.active:where([sf~="248"]) { width: 42px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 42px; height: 42px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 42px; opacity: 1; --op-pe: inherit; --vis-collapse: initial; }
.pet-progress .pet-progress-milestone.no-radius:where([sf~="248"]) { border-radius: 8px; }
@keyframes hide-during-zoom {
0% { opacity: 0; --op-pe: none; width: 0px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 0px; }
90% { opacity: 0; --op-pe: none; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
100% { opacity: 1; --op-pe: inherit; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
}
/* styles/vanity_player_info.css */
.vanity-info-container:where([sf~="249"]) { --pdt: 0px; --pdr: 4px; --pdb: 8px; --pdl: 4px; --pdrn: 4; --pdln: 4; --bgc: rgba(255, 255, 255, 0.05136); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; transition-property: --bgc, --px, --pxp, translate, --py, --pyp, translate; transition-duration: .2s, .2s, .2s, .2s, .2s, .2s, .2s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out; }
.vanity-info-seperator:where([sf~="249"]) { height: 1px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 1px; width: min(calc((100% + var(--ppx)) * 0.8), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; --bgc: rgba(255, 255, 255, 0.390772); --bg-grad: none; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.vanity-xp-prestige:where([sf~="249"]) { --bg-grad: linear-gradient(90deg, #3a863d 0%, #2d682f 100%); --bgc: transparent; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); width: 78px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 78px; box-shadow: 1px 1px 3px 2px rgb(0 0 0 / 0.313725); --bg-fill: rgb(0 0 0 / 0.313725); --bg-solid: linear-gradient(var(--bgc), var(--bgc)); transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.vanity-xp-prestige.hidden:where([sf~="249"]) { --vis-collapse: none; }
.vanity-xp-prestige:hover:where([sf~="249"]) { --bgc: #0F9D58; --bg-grad: none; transition-property: --bgc; transition-duration: .25s; transition-timing-function: ease-in-out; }
.vanity-xp-prestige .vanity-xp-prestige-icon:where([sf~="249"]) { transform: rotateZ(180deg); --mgt: 4px; --mgr: 0px; --mgb: 4px; --mgl: 4px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.vanity-xp-prestige .vanity-xp-prestige-label:where([sf~="249"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; text-overflow: clip; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.vanity-info-loc-0:where([sf~="249"]), .vanity-info-loc-1:where([sf~="249"]), .vanity-info-loc-2:where([sf~="249"]), .vanity-info-loc-3:where([sf~="249"]), .vanity-info-loc-4:where([sf~="249"]), .vanity-info-loc-5:where([sf~="249"]), .vanity-info-loc-6:where([sf~="249"]), .vanity-info-loc-7:where([sf~="249"]), .vanity-info-loc-8:where([sf~="249"]), .vanity-info-loc-9:where([sf~="249"]) { width: 512px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 512px; transform-origin: 50% 100%; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --px: -256px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: 150px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); transform: translate3d( -512px, -256px, 0px ); }
.vanity-info-loc-0.move-up:where([sf~="249"]) { --py: -50px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --px: -290px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.vanity-info-loc-1:where([sf~="249"]), .vanity-info-loc-2:where([sf~="249"]), .vanity-info-loc-3:where([sf~="249"]), .vanity-info-loc-4:where([sf~="249"]), .vanity-info-loc-5:where([sf~="249"]), .vanity-info-loc-6:where([sf~="249"]), .vanity-info-loc-7:where([sf~="249"]), .vanity-info-loc-8:where([sf~="249"]), .vanity-info-loc-9:where([sf~="249"]) { zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); --px: -200px; --pxp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --py: -220px; --pyp: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); }
.vanity-info-loc-0:where([sf~="249"]) { z-index: 9; }
.kk-c-vanity-info-loc-0:has(> .vanity-info-loc-0:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-loc-1:where([sf~="249"]) { z-index: 8; }
.kk-c-vanity-info-loc-1:has(> .vanity-info-loc-1:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-loc-2:where([sf~="249"]) { z-index: 7; }
.kk-c-vanity-info-loc-2:has(> .vanity-info-loc-2:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-loc-3:where([sf~="249"]) { z-index: 6; }
.kk-c-vanity-info-loc-3:has(> .vanity-info-loc-3:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-loc-4:where([sf~="249"]) { z-index: 5; }
.kk-c-vanity-info-loc-4:has(> .vanity-info-loc-4:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-loc-5:where([sf~="249"]) { z-index: 4; }
.kk-c-vanity-info-loc-5:has(> .vanity-info-loc-5:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-loc-6:where([sf~="249"]) { z-index: 3; }
.kk-c-vanity-info-loc-6:has(> .vanity-info-loc-6:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-loc-7:where([sf~="249"]) { z-index: 2; }
.kk-c-vanity-info-loc-7:has(> .vanity-info-loc-7:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-loc-8:where([sf~="249"]) { z-index: 1; }
.kk-c-vanity-info-loc-8:has(> .vanity-info-loc-8:where([sf~="249"]):not([pvis="0"])) { isolation: isolate; }
.vanity-info-crown-icon:where([sf~="249"]) { width: 28px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 28px; height: 28px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 28px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --wash-color: gold; --wash-filter: url(#w-gold); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.is-leader .vanity-info-crown-icon:where([sf~="249"]) { opacity: 0; --op-pe: none; }
.vanity-info-name:where([sf~="249"]) { max-height: 24px; max-width: 212px; --maxw: 212px; color: white; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); mask-image: url("/panorama/images/masks/fade-right.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; text-overflow: ellipsis; transition-property: color; transition-duration: .2s; transition-timing-function: ease-in-out; }
.vanity-info-avatar-container:where([sf~="249"]) { height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 0; --hsp: initial; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; transform: translateX(-5px); zoom: 0.8; --uizi: 0.8; --zl: calc(var(--mgl) / 0.8); --zr: calc(var(--mgr) / 0.8); --zt: calc(var(--mgtv, var(--mgt)) / 0.8); --zb: calc(var(--mgbv, var(--mgb)) / 0.8); --pdt: 5px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; }
.vanity-info-name-container:where([sf~="249"]), .vanity-info-name-xp-container:where([sf~="249"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 64px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 64px; --pdt: 0px; --pdr: 8px; --pdb: 0px; --pdl: 0px; --pdrn: 8; --pdln: 0; }
.no-valid-xp .vanity-info-name-xp-container:where([sf~="249"]) { --flow: none; --flr: initial; --fld: initial; --flow-display: grid; }
.vanity-info-xp-container:where([sf~="249"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.vanity-info-xp-icon:where([sf~="249"]) { height: 38px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 38px; width: 38px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 38px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --img-shadow: drop-shadow(1px 1px 2px color-mix(in srgb, #000000 45.45%, transparent)); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
#jsHonorIcon:where([sf~="249"]) { --img-shadow: drop-shadow(0px 0px 0px transparent); --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 100 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --mgr: 2px; transition-property: --wash-color; transition-duration: .2s; transition-timing-function: ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.vanity-info-xp-bar-container:where([sf~="249"]), .vanity-info-name-bar-container:where([sf~="249"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; --mgt: 4px; --mgb: 10px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); }
.no-valid-xp .vanity-info-xp-container:where([sf~="249"]), .no-valid-xp .vanity-info-xp-bar:where([sf~="249"]) { --vis-collapse: none; }
.no-valid-xp .vanity-info-seperator:where([sf~="249"]) { --vis-collapse: none; }
.vanity-info-xp-bar:where([sf~="249"]) { height: 3px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 3px; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; --bgc: rgba(0, 0, 0, 0.57102); --bg-grad: none; }
.vanity-info-xp-bar--inner:where([sf~="249"]) { height: 8px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 8px; width: 64px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 64px; --bg-grad: linear-gradient(90deg, #2084b9 0%, #5DC6FF 100%); --bgc: transparent; }
.vanity-info-skill-group-container:where([sf~="249"]) { --mgt: 10px; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); height: 26px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 26px; }
.no-valid-rank .vanity-info-skill-group-container:where([sf~="249"]), .is-not-leader .vanity-info-crown-icon:where([sf~="249"]) { opacity: 0; --op-pe: none; }
.vanity-info-skillgroup-icon:where([sf~="249"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --bgc: rgba(70, 70, 70, 0.849145); --bg-grad: none; }
.vanity-info-skill-group-label-container:where([sf~="249"]) { width: 172px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 172px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; }
.vanity-rank-name:where([sf~="249"]) { max-width: 172px; --maxw: 172px; width: auto; --fw: 1; --fw-basis: 0px; --fw-stretch: stretch; --w-set: 0; --wsp: initial; --wpc: initial; --wcap: 99999px; height: 18px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 18px; --mgr: 4px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --pdt: 2px; --pdr: 0px; --pdb: 0px; --pdl: 4px; --pdrn: 0; --pdln: 4; mask-image: url("/panorama/images/masks/fade-right.webp"); mask-size: var(--mask-w, 100%) 100%; mask-repeat: no-repeat; }
.kk-c-vanity-rank-name:has(> .vanity-rank-name:where([sf~="249"]):not([pvis="0"])) { --kid-fill: 1; }
@container (not style(--w-set)) { .kk-c-vanity-rank-name:has(> .vanity-rank-name:where([sf~="249"]):not([pvis="0"]))::after { content: "a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a"; display: block; grid-area: 1 / 1; flex: 0 1e24 auto; min-width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; font: 16px/1 monospace; letter-spacing: 40px; white-space: normal; } }
.vanity-info-container:hover:where([sf~="249"]) { --bgc: rgba(255, 255, 255, 0.361835); --bg-grad: none; transition-property: --bgc; transition-duration: .2s; transition-timing-function: ease-in-out; }
/* styles/vanityload_inspect.css */
.VanityLoadoutPopup:where([sf~="250"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: 960px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 960px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; transform: translateX( 1000px ); transition-property: transform; transition-duration: .4s; transition-timing-function: ease-out; }
.VanityLoadoutPopup.visible:where([sf~="250"]) { transform: translateX(0px); }
.VanityLoadoutPopup .VanityLoadout__bg:where([sf~="250"]) { --world-blur: gaussian(2,2,2); --bgc: rgba(0, 0, 0, 0.371014); --bg-grad: none; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --bg-img: url("/panorama/images/backgrounds/bluedots_large.webp"); --bg-size: 360px 360px; --bg-w: 360px; --bg-img-opacity: 0.02; --bg-img-own: none; }
.VanityLoadoutPopup .VanityLoadout__bg:where([sf~="250"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.VanityLoadoutPopup .VanityLoadout__bg .VanityLoadout__bg__rarity:where([sf~="250"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --bg-grad: linear-gradient(90deg, #ffffff 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); --bgc: transparent; opacity: 0.696476; --op-pe: inherit; }
.VanityLoadoutPopup .HudWeaponInspect__border:where([sf~="250"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; border-left: 5px solid white; --bdln: 5; }
.VanityLoadoutPopup #jsWeaponInspectImagePanel:where([sf~="250"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; }
.VanityLoadoutPopup #VanityLoadout__interior:where([sf~="250"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --pdt: 20px; --pdr: 20px; --pdb: 20px; --pdl: 20px; --pdrn: 20; --pdln: 20; }
.VanityLoadoutPopup #VanityLoadout__interior #VanityLoadout__item-primary:where([sf~="250"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.VanityLoadoutPopup #VanityLoadout__interior #VanityLoadout__item-primary #vanityloadout__item-info__playername:where([sf~="250"]) { font-family: Stratum2 Medium Condensed, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; text-align: left; --fsz: 30; font-size: calc(max(1, round(nearest, 30 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.VanityLoadoutPopup #VanityLoadout__interior #VanityLoadout__item-primary #vanityloadout__item-weaponname-container:where([sf~="250"]) { --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.VanityLoadoutPopup #VanityLoadout__interior #VanityLoadout__item-primary #vanityloadout__item-weaponname-container #vanityloadout__item-info__rarity:where([sf~="250"]) { border-left: 4px solid white; --bdln: 4; --ipf-pos: absolute; --ipf-inset: var(--pyp) calc(-1 * var(--pxp)) calc(-1 * var(--pyp)) var(--pxp); --ipf-js: var(--ha, start); --ipf-as: var(--va, start); --ipf-tr: var(--px, 0px) var(--py, 0px); }
.VanityLoadoutPopup #VanityLoadout__interior #VanityLoadout__item-primary #vanityloadout__item-weaponname-container #vanityloadout__item-info__weaponname:where([sf~="250"]) { font-family: Stratum2 Medium Condensed, 'Arial Unicode MS'; --c9: 0.9; font-weight: 500; text-align: left; --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; }
.VanityLoadoutPopup #VanityLoadout__interior #VanityLoadout__item-info:where([sf~="250"]) { --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; opacity: 1; --op-pe: inherit; --flow: down; --flr: initial; --fld: 1; --flow-display: flex; flex-direction: column; flex-wrap: nowrap; }
.VanityLoadoutPopup #VanityLoadout__interior #VanityLoadout__item-info .vanityloadout__item-info__label:where([sf~="250"]) { font-family: Stratum2 Medium Condensed, 'Arial Unicode MS'; --c9: 0.9; text-align: left; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); letter-spacing: 1px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.VanityLoadoutPopup #VanityLoadout__interior #VanityLoadout__item-info #vanityloadout__item-info__collection:where([sf~="250"]) { --fsz: 24; font-size: calc(max(1, round(nearest, 24 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); }
.VanityLoadoutPopup #VanityLoadout__interior .weapon-name-custom:where([sf~="250"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; font-family: Stratum2, 'Arial Unicode MS'; --c9: 0.9; font-weight: 300; font-style: italic; text-align: left; --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); color: white; max-width: 800px; --maxw: 800px; }
.VanityLoadoutPopup #VanityLoadout__interior .button-container:where([sf~="250"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; --va: end; --va-o: 100%; --va-mt: auto; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.VanityLoadoutPopup #VanityLoadout__interior .button-container #jsFindOnMarket:where([sf~="250"]) { height: 40px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 40px; }
.VanityLoadoutPopup #VanityLoadout__interior .button-container #jsFindOnMarket p-label:where([sf~="250"]) { --fsz: 18; font-size: calc(max(1, round(nearest, 18 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-family: Stratum2 Medium Condensed, 'Arial Unicode MS'; --c9: 0.9; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 2px; }
.VanityLoadoutPopup #VanityLoadout__interior #jsCloseInspect:where([sf~="250"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
.VanityLoadoutPopup #VanityLoadout__interior #jsCloseInspect :is(p-image, :where(img[pimg])):where([sf~="250"]) { transform: scaleX(-1); }
.VanityLoadoutPopup #id-highlight-clip-container:where([sf~="250"]) { --bgc: black; --bg-grad: none; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --vis-collapse: none; transform: scaleY( 0 ); transition-property: transform; transition-duration: .4s; transition-timing-function: ease-out; }
.VanityLoadoutPopup #id-highlight-clip-container #VanityHighlightClip:where([sf~="250"]) { height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; width: auto; --fw: initial; --fw-basis: initial; --fw-stretch: initial; aspect-ratio: 167 / 100; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.VanityLoadoutPopup #id-highlight-clip-container #jsCloseClip:where([sf~="250"]) { --va: start; --va-o: 0%; --va-mt: initial; --va-c: initial; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --mgt: 20px; --mgr: 20px; --mgb: 20px; --mgl: 20px; }
.IsPlaying #id-highlight-clip-container:where([sf~="250"]) { --vis-collapse: initial; transform: scaleY(1); }
.default #jsFindOnMarket:where([sf~="250"]) { --vis-collapse: none; }
.default .wash-rarity:where([sf~="250"]) { --wash-color: rgb(66, 60, 60); --wash-filter: url(#w-rgb_66_60_60); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.common .wash-rarity:where([sf~="250"]) { --wash-color: rgb(153, 153, 153); --wash-filter: url(#w-rgb_153_153_153); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.uncommon .wash-rarity:where([sf~="250"]) { --wash-color: #5e98d9; --wash-filter: url(#w-5e98d9); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.rare .wash-rarity:where([sf~="250"]) { --wash-color: #4b69ff; --wash-filter: url(#w-4b69ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.mythical .wash-rarity:where([sf~="250"]) { --wash-color: #8847ff; --wash-filter: url(#w-8847ff); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.ancient .wash-rarity:where([sf~="250"]) { --wash-color: #eb4b4b; --wash-filter: url(#w-eb4b4b); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.legendary .wash-rarity:where([sf~="250"]) { --wash-color: #d32ce6; --wash-filter: url(#w-d32ce6); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.immortal .wash-rarity:where([sf~="250"]) { --wash-color: #e4ae39; --wash-filter: url(#w-e4ae39); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
/* styles/watchmatchtile.css */
.hidden:where([sf~="251"]) { --vis-collapse: none; }
.wmt__status:where([sf~="251"]) { width: 5px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 5px; height: var(--hrow, min(calc((100% + var(--ppy)) * 1), calc(100% - var(--zt, var(--mgt)) - var(--zb, var(--mgb))))); --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: 1; --hp-as: stretch; --hp-to: 50% var(--va-o, 0%); --hcap: 99999px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; }
.wmt-container:where([sf~="251"]) { --pdt: 4px; --pdr: 4px; --pdb: 4px; --pdl: 4px; --pdrn: 4; --pdln: 4; --mgt: 2px; --mgr: 2px; --mgb: 2px; --mgl: 4px; --ha: start; --ha-ml: initial; --ha-c: initial; --ha-cs: initial; width: 295px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 295px; --bgc: rgba(0, 0, 0, 0.299283); --bg-grad: none; }
.wmt__inner-container:where([sf~="251"]) { --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; width: min(calc((100% + var(--ppx)) * 0.9), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.wmt-container:hover:where([sf~="251"]) { --brightness: 1.4; --bgc: rgba(0, 0, 0, 0.299283); --bg-grad: none; transition-property: --brightness, --bgc; transition-duration: .25s, .25s; transition-timing-function: ease-in-out, ease-in-out; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.wmt-btn:where([sf~="251"]) { width: min(calc((100% + var(--ppx)) * 1), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 99999px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.wmt__team:where([sf~="251"]) { --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; width: min(calc((100% + var(--ppx)) * 0.45), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; }
.wmt p-label:where([sf~="251"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; --mgt: 10px; --mgr: 6px; --mgb: 6px; --mgl: 6px; text-overflow: ellipsis; color: #ffffff; }
p-label.wmt__datum--teamname:where([sf~="251"]) { --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); text-overflow: ellipsis; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
p-button.wmt:where([sf~="251"]) { --mgt: 0px; --mgr: 0px; --mgb: 0px; --mgl: 0px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
@keyframes live-pulse {
0% { --bgc: #5fff6c; --bg-grad: none; box-shadow: 2px 0px 1.5px 1px #5fff6c; --bg-fill: #5fff6c; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
50% { --bgc: #3cca48; --bg-grad: none; box-shadow: 1px 0px 0.5px 0.333333px #3cca48; --bg-fill: #3cca48; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
100% { --bgc: #5fff6c; --bg-grad: none; box-shadow: 2px 0px 1.5px 1px #5fff6c; --bg-fill: #5fff6c; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); }
}
.wmt__status.streams_available:where([sf~="251"]) { --bgc: #5fff6c; --bg-grad: none; box-shadow: 2px 0px 1.5px 1px #5fff6c; --bg-fill: #5fff6c; --bg-solid: linear-gradient(var(--bgc), var(--bgc)); animation-name: live-pulse; animation-duration: 30s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.id-wmt__status:not(.streams_available):where([sf~="251"]) { --bgc: rgba(0, 0, 0, 0.063671); --bg-grad: none; }
.watchmatch__event__logo:where([sf~="251"]) { --mgl: 20px; --ha: center; --ha-ml: initial; --ha-c: auto; --ha-cs: calc((var(--zl, var(--mgl)) - var(--zr, var(--mgr))) / 2); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.wmt__datum:where([sf~="251"]) { --fsz: 16; font-size: calc(max(1, round(nearest, 16 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgr: 3px; }
.wmt__datum--vs:where([sf~="251"]) { font-weight: 500; text-transform: lowercase; --fsz: 12; font-size: calc(max(1, round(nearest, 12 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.watchmatch__event__watch:where([sf~="251"]) { max-width: 100px; --maxw: 100px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --mgl: 10px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; }
p-label.watchmatch__event__watch__label:where([sf~="251"]) { --fsz: 14; font-size: calc(max(1, round(nearest, 14 * var(--uizi) * var(--dev), 1) - 1) * 1px / (var(--uizi) * var(--dev))); font-weight: 500; text-transform: uppercase; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; --mgt: 10px; --mgr: 6px; --mgb: 6px; --mgl: 10px; }
:is(p-image, :where(img[pimg])).wmt__datum--teamlogo:where([sf~="251"]) { width: 25px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 25px; height: 25px; --fh: initial; --fh-basis: initial; --fh-stretch: initial; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 25px; --mgt: 0px; --mgr: 8px; --mgb: 0px; --mgl: 4px; }
.has_data:hover:where([sf~="251"]) { transition-property: transform, --brightness; transition-duration: 0.20s, 0.20s; transition-timing-function: ease-in-out, ease-in-out; --brightness: 2; filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
.wmt__datum--teamname:where([sf~="251"]) { color: #dadada; font-weight: 500; }
.wmt__streams-container:where([sf~="251"]) { --ha: end; --ha-ml: auto; --ha-c: initial; --ha-cs: initial; --flow: right; --flr: 1; --fld: initial; --flow-display: flex; flex-direction: row; flex-wrap: nowrap; }
.wmt__stream:where([sf~="251"]) { width: 22px; --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: initial; --wcap: 22px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 100; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --bg-pos: 0% 0%; --bg-size: auto 100%; --bg-w: 0px; --bg-img-opacity: 0.5; --bg-img-own: none; --mgt: 3px; --mgr: 3px; --mgb: 3px; --mgl: 3px; --va: center; --va-o: 50%; --va-mt: initial; --va-c: auto; }
.wmt__stream:where([sf~="251"]):not([tint])::before { content: ""; position: absolute; inset: 0; --bg-img: inherit; --bg-img-opacity: inherit; --bg-size: inherit; --bg-pos: inherit; --bg-rep: inherit; --bg-w: inherit; background-image: var(--bg-img); background-size: var(--bg-size); background-position: var(--bg-pos); background-repeat: var(--bg-rep); border-radius: inherit; opacity: var(--bg-img-opacity); pointer-events: none; }
.wmt__stream__flag:where([sf~="251"]) { width: min(calc((100% + var(--ppx)) * 0.82), calc(100% - var(--zl, var(--mgl)) - var(--zr, var(--mgr)))); --fw: initial; --fw-basis: initial; --fw-stretch: initial; --w-set: 1; --wsp: 1; --wpc: inline-size; --wcap: 99999px; height: auto; --fh: initial; --fh-basis: initial; --fh-stretch: initial; aspect-ratio: 100 / 60; --h-set: 1; --hsp: 1; --hpf: initial; --hp-as: initial; --hp-to: initial; --hcap: 99999px; --px: 0px; --pxp: 8%; --py: 0px; --pyp: 26%; --pz: 0px; translate: if(style(--pr): var(--ipf-tr, var(--ha-tr, none)); style(--pc): var(--ipf-tr, none); else: var(--px, 0px) var(--py, 0px) var(--pz, 0px)); --img-shadow: drop-shadow(0px 0px 0px #000000); filter: brightness(pow(var(--brightness), 0.4545)) contrast(var(--contrast)) saturate(var(--saturation)) hue-rotate(var(--hue-rotation)) blur(var(--blur)) var(--wash-filter,) var(--img-shadow,); }
p-button:hover:where([sf~="251"]), p-togglebutton:hover:where([sf~="251"]), p-radiobutton:hover:where([sf~="251"]) { --sound: 'UIPanorama.sidemenu_rollover'; }
/* styles/weaponstyles.css */
p-label.Dark:where([sf~="252"]) { color: #000000; }