@charset "UTF-8";

/* src/assets/scss/v4/style.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@keyframes ai-load-1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes ai-load-2 {
  0% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ai-load-3 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim-btn-link {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes animScaleIn {
  from {
    transform: scale(2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes animScaleOut {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes btnLoading {
  from {
    background-position: 0;
  }
  to {
    background-position: 2000px;
  }
}
@keyframes clip-ldpl {
  5.88% {
    clip-path: polygon(50% 0, 50% 50%, 50% 0%, 100% 0%, 100% 100%, 0 100%, 0 0);
  }
  11.76% {
    clip-path: polygon(50% 0, 50% 50%, 100% 0%, 100% 0%, 100% 100%, 0 100%, 0 0);
  }
  17.64% {
    clip-path: polygon(50% 0, 50% 50%, 100% 50%, 100% 0%, 100% 100%, 0 100%, 0 0);
  }
  23.52% {
    clip-path: polygon(50% 0, 50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0);
  }
  29.4% {
    clip-path: polygon(50% 0, 50% 50%, 50% 100%, 100% 100%, 0% 100%, 0 100%, 0 0);
  }
  35.28% {
    clip-path: polygon(50% 0, 50% 50%, 0% 100%, 0% 100%, 0% 100%, 0 100%, 0 0);
  }
  41.16% {
    clip-path: polygon(50% 0, 50% 50%, 0% 50%, 0% 0%, 0% 100%, 0 100%, 0 0);
  }
  47.04% {
    clip-path: polygon(50% 0, 50% 50%, 0% 0%, 0% 0%, 0% 100%, 0 100%, 0 0);
  }
  52.92% {
    clip-path: polygon(50% 0, 50% 50%, 50% 0%, 0% 0%, 0% 0%, 0 0%, 0 0);
  }
  52.96% {
    clip-path: polygon(50% 0, 50% 50%, 50% 0%, 0% 0%, 0% 0%, 0 0%, 0 0);
  }
  58.84% {
    clip-path: polygon(50% 0, 50% 50%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 0 0);
  }
  64.72% {
    clip-path: polygon(50% 0, 50% 50%, 100% 50%, 100% 0%, 100% 0%, 100% 0%, 0 0);
  }
  70.6% {
    clip-path: polygon(50% 0, 50% 50%, 100% 100%, 100% 100%, 100% 0%, 100% 0%, 0 0);
  }
  76.48% {
    clip-path: polygon(50% 0, 50% 50%, 50% 100%, 100% 100%, 100% 100%, 100% 0%, 100% 0);
  }
  82.36% {
    clip-path: polygon(50% 0, 50% 50%, 0% 100%, 0% 100%, 100% 100%, 100% 100%, 100% 0);
  }
  88.24% {
    clip-path: polygon(50% 0, 50% 50%, 0% 50%, 0% 100%, 0% 100%, 100% 100%, 100% 0);
  }
  94.12% {
    clip-path: polygon(50% 0, 50% 50%, 0% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0);
  }
  100% {
    clip-path: polygon(50% 0, 50% 50%, 50% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0);
  }
}
@keyframes coupon6-loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    inset-block-start: 0.3em;
  }
  20% {
    opacity: 0;
    inset-block-start: 0.3em;
  }
  40% {
    opacity: 0.3;
    inset-block-start: 0.2em;
  }
  60% {
    opacity: 0.5;
    inset-block-start: 0.1em;
  }
  80% {
    opacity: 0.9;
    inset-block-start: 0.05em;
  }
  100% {
    opacity: 1;
    inset-block-start: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    inset-block-start: 0;
  }
  20% {
    opacity: 0.9;
    inset-block-start: -0.05;
  }
  40% {
    opacity: 0.5;
    inset-block-start: -0.1;
  }
  60% {
    opacity: 0.3;
    inset-block-start: -0.15;
  }
  80% {
    opacity: 0.1;
    inset-block-start: -0.2;
  }
  100% {
    opacity: 0;
    inset-block-start: -1em;
  }
}
@keyframes grade-appear-left {
  0% {
    translate: -300% 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes grade-appear-right {
  0% {
    translate: 300% 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes grade-appear-shadow {
  0% {
    filter: drop-shadow(2px 2px 4px transparent);
  }
  80% {
    filter: drop-shadow(2px 2px 4px transparent);
  }
  85% {
    filter: drop-shadow(2px 2px 4px var(--color-white));
  }
  90% {
    filter: drop-shadow(2px 2px 4px transparent);
  }
  95% {
    filter: drop-shadow(2px 2px 4px var(--color-white));
  }
  100% {
    filter: drop-shadow(2px 2px 4px transparent);
  }
}
@keyframes grade-appear-size {
  0% {
    width: 390px;
    height: 390px;
    background-size: 390px 390px;
  }
  100% {
    width: 500px;
    height: 500px;
    background-size: 500px 500px;
  }
}
@keyframes grade-appear-size-xs {
  0% {
    width: 360px;
    height: 360px;
    background-size: 360px 360px;
  }
  100% {
    width: 450px;
    height: 450px;
    background-size: 450px 450px;
  }
}
@keyframes grade-appear-top {
  0% {
    translate: 0 -1000px;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes grade-scale-resize {
  0% {
    scale: 1.3;
  }
  100% {
    scale: 1.5;
  }
}
@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}
@keyframes l-burger {
  from {
    transform: translate(-100vw);
  }
  to {
    transform: translate(0);
  }
}
@keyframes login-change-ip {
  0% {
    translate: 100% 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes modalIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity-ldpl {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popup-noti-hide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(100% + 48px), 0, 0);
  }
}
@keyframes popup-noti-show {
  0% {
    transform: translate3d(calc(100% + 48px), 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes promo-appear-size {
  0% {
    scale: 1;
  }
  100% {
    scale: 0.75;
  }
}
@keyframes promo-string {
  0% {
    transform: translate(100%, 0);
  }
  20% {
    transform: translate(calc(100% - 80px), 0);
  }
  40% {
    transform: translate(calc(100% - 56px), 0);
  }
  60% {
    transform: translate(calc(100% - 74px), 0);
  }
  80% {
    transform: translate(calc(100% - 62px), 0);
  }
  100% {
    transform: translate(calc(100% - 68px), 0);
  }
}
@keyframes promo-string-esm {
  0% {
    transform: translate(100%, 0);
  }
  20% {
    transform: translate(calc(100% - 68px), 0);
  }
  40% {
    transform: translate(calc(100% - 44px), 0);
  }
  60% {
    transform: translate(calc(100% - 62px), 0);
  }
  80% {
    transform: translate(calc(100% - 60px), 0);
  }
  100% {
    transform: translate(calc(100% - 56px), 0);
  }
}
@keyframes rotate-turn {
  100% {
    rotate: 1turn;
  }
}
@keyframes spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -40;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -120;
  }
}
@keyframes spinner-rotate {
  100% {
    rotate: 360deg;
  }
}
@keyframes sub-menu {
  0% {
    inset-inline-start: -100%;
  }
  100% {
    inset-inline-start: 0px;
  }
}
@keyframes sub-menu-title {
  0% {
    inset-inline-start: -100%;
  }
  100% {
    inset-inline-start: 12px;
  }
}
@keyframes timeClock {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  31% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes user-menu {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes user-menu-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --color-addgrey-70: rgba(213, 213, 213, 0.7);
  --color-addgrey-60: rgba(213, 213, 213, 0.6);
  --color-addgrey-50: rgba(213, 213, 213, 0.5);
  --color-addgrey-40: rgba(213, 213, 213, 0.4);
  --color-addgrey: #D5D5D5;
  --color-bg-dark-90: rgba(41, 41, 41, 0.9);
  --color-bg-dark-50: rgba(41, 41, 41, 0.5);
  --color-bg-dark-40: rgba(41, 41, 41, 0.4);
  --color-bg-dark-20: rgba(41, 41, 41, 0.2);
  --color-bg-dark-15: rgba(41, 41, 41, 0.15);
  --color-bg-dark-10: rgba(41, 41, 41, 0.1);
  --color-bg-dark: #292929;
  --color-bg-dark-10-alt: rgba(41, 41, 41, 0.102);
  --color-bg-lightgrey: #f1f1f1;
  --color-black-50: rgba(0, 0, 0, 0.5);
  --color-black-35: rgba(0, 0, 0, 0.35);
  --color-black-25: rgba(0, 0, 0, 0.25);
  --color-black-20: rgba(0, 0, 0, 0.2);
  --color-black-15: rgba(0, 0, 0, 0.15);
  --color-black-05: rgba(0, 0, 0, 0.05);
  --color-black: #000;
  --color-black2-95: rgba(61, 61, 61, 0.95);
  --color-black2-60: rgba(61, 61, 61, 0.6);
  --color-black2-12: rgba(61, 61, 61, 0.12);
  --color-black2-06: rgba(61, 61, 61, 0.06);
  --color-black2: #3D3D3D;
  --color-blue-25: rgba(15, 128, 234, 0.25);
  --color-blue-01: rgba(15, 128, 234, 0.01);
  --color-blue: #0F80EA;
  --color-blue-a: #0B5BA7;
  --color-blue-alt-25: rgba(69, 136, 254, 0.25);
  --color-blue-alt-10: rgba(69, 136, 254, 0.1);
  --color-blue-alt-03: rgba(69, 136, 254, 0.03);
  --color-blue-alt: #4588fe;
  --color-blue-alt2-80: rgba(71, 118, 230, 0.8);
  --color-blue-alt2-10: rgba(71, 118, 230, 0.1);
  --color-blue-alt2-05: rgba(71, 118, 230, 0.05);
  --color-blue-alt2: #4776e6;
  --color-blue-alt3: #8ca6db;
  --color-blue-alt4-15: rgba(105, 102, 203, 0.15);
  --color-blue-alt5: #7295ee;
  --color-blue-border: rgba(15, 128, 234, 0.15);
  --color-blue-d: #AFD1F3;
  --color-blue-dark: #3949ab;
  --color-blue-dark-alt: #00288b;
  --color-blue-dark-alt2: #112a88;
  --color-blue-darkest-03: rgba(13, 35, 67, 0.03);
  --color-blue-darkest-alt: #141e30;
  --color-blue-deep: #1839b6;
  --color-blue-deep-alt: #184dbd;
  --color-blue-h: #0F70CB;
  --color-blue-light-20: rgba(188, 198, 254, 0.2);
  --color-blue-light: #bcc6fe;
  --color-blue-light-alt: #c6d4ff;
  --color-blue-mid: #4063bc;
  --color-blue-mid-alt: #3548b9;
  --color-blue-mid-alt2: #5c6bc0;
  --color-blue-pale: #eaeafc;
  --color-blue-pale-alt-40: rgba(242, 247, 255, 0.4);
  --color-blue-pale-alt: #f2f7ff;
  --color-blue-pale-alt2: #f0f3fa;
  --color-blue-pale-alt3: #fafaff;
  --color-blue-pale-alt4: #f4f5fa;
  --color-blue-pale-alt5: #f4f5fb;
  --color-blue-pale-alt6: #f7f8ff;
  --color-blue-soft: rgba(15, 128, 234, 0.05);
  --color-blue-soft-alt-30: rgba(134, 152, 255, 0.3);
  --color-blue-soft-alt2: #a3bded;
  --color-blue-soft-alt3: #84affa;
  --color-blue-soft-alt4: #a6bfff;
  --color-border: rgba(234, 234, 234, 0.70);
  --color-border-a: #29292929;
  --color-border-h: #29292914;
  --color-brown: #8D6E63;
  --color-charcoal: #333333;
  --color-coral: #FF7043;
  --color-cyan: #6991c7;
  --color-cyan-alt: #3f99ee;
  --color-cyan-alt2: #42a5f5;
  --color-cyan-alt3: #4ea1ff;
  --color-cyan-alt4: #52a4f0;
  --color-cyan-alt5-10: rgba(86, 204, 242, 0.1);
  --color-cyan-alt5: #56ccf2;
  --color-cyan-alt6: #56d6ff;
  --color-cyan-alt7: #66b0d6;
  --color-cyan-alt8: #7faebc;
  --color-cyan-dark: #243b55;
  --color-cyan-darkest: #16222a;
  --color-cyan-darkest-alt: #1f2937;
  --color-cyan-darkest-alt2: #29323c;
  --color-cyan-deep: #1f6cb6;
  --color-cyan-deep-alt: #0069cc;
  --color-cyan-deep-alt2: #0573ac;
  --color-cyan-deep-alt3: #3a6073;
  --color-cyan-deep-alt4: #485563;
  --color-cyan-light: #e3f2fd;
  --color-cyan-light-alt-40: rgba(227, 237, 247, 0.4);
  --color-cyan-light-alt: #e3edf7;
  --color-cyan-light-alt2: #c3dffa;
  --color-cyan-light-alt3: #d2ecff;
  --color-cyan-light-alt4: #d7eafc;
  --color-cyan-light-alt5: #e1f5fe;
  --color-cyan-light-alt6: #e4e9eb;
  --color-cyan-light-alt7: #e4f3fb;
  --color-cyan-light-alt8: #d2f0fe;
  --color-cyan-mid-80: rgba(5, 117, 230, 0.8);
  --color-cyan-mid-20: rgba(5, 117, 230, 0.2);
  --color-cyan-mid-15: rgba(5, 117, 230, 0.15);
  --color-cyan-mid: #0575e6;
  --color-cyan-mid-alt: #1e90ff;
  --color-cyan-mid-alt10: #27a6e5;
  --color-cyan-mid-alt2-25: rgba(47, 128, 237, 0.25);
  --color-cyan-mid-alt2-10: rgba(47, 128, 237, 0.1);
  --color-cyan-mid-alt2: #2f80ed;
  --color-cyan-mid-alt3: #229ed9;
  --color-cyan-mid-alt4: #2aabee;
  --color-cyan-mid-alt5: #6a8491;
  --color-cyan-mid-alt6: #0077ff;
  --color-cyan-mid-alt7: #1877f2;
  --color-cyan-mid-alt8: #24a1de;
  --color-cyan-mid-alt9: #26a9e0;
  --color-cyan-pale: #f1f8fe;
  --color-cyan-pale-alt: #f3f9fe;
  --color-cyan-pale-alt2: #eef7fe;
  --color-cyan-pale-alt3: #eff9fd;
  --color-cyan-pale-alt4: #f1f4f5;
  --color-cyan-pale-alt5: #f5fafe;
  --color-cyan-pale-alt6: #f8f9fa;
  --color-cyan-soft: #94bbe9;
  --color-cyan-soft-alt: #98e9fb;
  --color-cyan-soft-alt2: #b3e5fc;
  --color-cyan-soft-alt3: #b7d9f9;
  --color-darkgreen: #07C072;
  --color-darkgrey-50: rgba(140, 140, 140, 0.5);
  --color-darkgrey: #8C8C8C;
  --color-darkred-25: rgba(188, 17, 17, 0.25);
  --color-darkred: #BC1111;
  --color-darkred-dark: #A50F0F;
  --color-fb: #3c5a99;
  --color-gold: #FFC107;
  --color-gold-alt-15: rgba(255, 210, 49, 0.15);
  --color-gold-alt-10: rgba(255, 210, 49, 0.1);
  --color-gold-alt-07: rgba(255, 210, 49, 0.07);
  --color-gold-alt: #FFD231;
  --color-gold-alt2-25: rgba(230, 185, 76, 0.25);
  --color-gold-alt3: #ffdd66;
  --color-gold-mid: #c9a24d;
  --color-gold-mid-alt: #ebb805;
  --color-gold-pale: #fcf8ed;
  --color-gold-soft: #f3e1a4;
  --color-green: #4caf50;
  --color-green-alt: #45e743;
  --color-green-alt2: #50f06c;
  --color-green-dark-25: rgba(0, 161, 97, 0.25);
  --color-green-dark-15: rgba(0, 161, 97, 0.15);
  --color-green-deep: #1faf6b;
  --color-green-deep-alt: #0bc268;
  --color-green-deep-alt2: #03ad69;
  --color-green-light: #e7f3ee;
  --color-green-light-alt: #e6f9f1;
  --color-green-light-alt2: #d3ffee;
  --color-green-light-alt3: #e8f5e9;
  --color-green-mid-80: rgba(0, 242, 96, 0.8);
  --color-green-mid-20: rgba(0, 242, 96, 0.2);
  --color-green-mid-15: rgba(0, 242, 96, 0.149);
  --color-green-mid: #00f260;
  --color-green-mid-15-alt: rgba(0, 242, 96, 0.15);
  --color-green-pale: #f3fbf7;
  --color-grey: #acacac;
  --color-grey-act-25: rgba(120, 144, 156, 0.25);
  --color-grey-act: #78909C;
  --color-grey-act-25-alt: rgba(120, 144, 156, 0.251);
  --color-grey-alt: #999999;
  --color-grey-alt2: #a3a3a3;
  --color-grey-alt3-10: rgba(175, 175, 175, 0.1);
  --color-grey-alt4: #b0b0b0;
  --color-grey-alt5-80: rgba(178, 178, 178, 0.8);
  --color-grey-dark-90: rgba(58, 58, 58, 0.9);
  --color-grey-dark-alt: #464646;
  --color-grey-dark-alt2: #4b4b4b;
  --color-grey-dark-alt3: #373737;
  --color-grey-dark-alt4: #3c3c3c;
  --color-grey-dark-alt5: #3f3f3f;
  --color-grey-darkest-85: rgba(32, 32, 34, 0.85);
  --color-grey-darkest: #202022;
  --color-grey-darkest-alt: #272727;
  --color-grey-darkest-alt2: #2b2b2b;
  --color-grey-darkest-alt3-25: rgba(11, 11, 11, 0.25);
  --color-grey-darkest-alt4: #2a2a2a;
  --color-grey-deep: #727272;
  --color-grey-deep-alt: #646464;
  --color-grey-deep-alt2: #666666;
  --color-grey-light: #ebebeb;
  --color-grey-light-alt: #dcdcdc;
  --color-grey-light-alt10: #e1e1e1;
  --color-grey-light-alt11: #dddddd;
  --color-grey-light-alt12: #e0e0e0;
  --color-grey-light-alt2: #dedede;
  --color-grey-light-alt3: #efefef;
  --color-grey-light-alt4: #e2e2e2;
  --color-grey-light-alt5: #e6e6e6;
  --color-grey-light-alt6: #e7e7e7;
  --color-grey-light-alt7: #e8e8e8;
  --color-grey-light-alt8: #efeeee;
  --color-grey-light-alt9: #f2f2f2;
  --color-grey-mid: #787878;
  --color-grey-mid-alt: #7f7f7f;
  --color-grey-pale: #fafafa;
  --color-grey-pale-alt: #f9f9f9;
  --color-grey-pale-alt2: #f3f2f2;
  --color-grey-soft-50: rgba(188, 188, 188, 0.5);
  --color-grey-soft-30: rgba(188, 188, 188, 0.3);
  --color-grey-soft-alt: #cacaca;
  --color-grey2-60: rgba(234, 234, 234, 0.6);
  --color-grey2: #EAEAEA;
  --color-grey2-a: #D5D5D5;
  --color-grey2-d: #F8F8F8;
  --color-grey2-h: #DFDFDF;
  --color-grey3-80: rgba(211, 211, 211, 0.8);
  --color-grey3-70: rgba(211, 211, 211, 0.7);
  --color-grey3: #d3d3d3;
  --color-hover-40: rgba(234, 53, 70, 0.4);
  --color-hover-20: rgba(234, 53, 70, 0.2);
  --color-hover-15: rgba(234, 53, 70, 0.15);
  --color-hover-10: rgba(234, 53, 70, 0.1);
  --color-hover-05: rgba(234, 53, 70, 0.05);
  --color-hover: #EA3546;
  --color-indigo: #3F51B5;
  --color-indigo-alt: #6966E7;
  --color-indigo-alt2-80: rgba(142, 84, 233, 0.8);
  --color-indigo-alt2-15: rgba(142, 84, 233, 0.15);
  --color-indigo-alt2-10: rgba(142, 84, 233, 0.1);
  --color-indigo-alt2-05: rgba(142, 84, 233, 0.05);
  --color-indigo-alt2: #8e54e9;
  --color-indigo-alt3: #6c3eff;
  --color-indigo-alt4: #8456ff;
  --color-indigo-light: #e2d9ec;
  --color-indigo-light-alt: #e6d8ff;
  --color-indigo-mid: #762cc4;
  --color-indigo-pale: #efe7ff;
  --color-indigo-pale-alt: #f5f0ff;
  --color-indigo-pale-alt2: #fbfaff;
  --color-indigo-soft: #E8EAF6;
  --color-indigo-soft-alt: #d1c4e9;
  --color-lavender: #AC81FB;
  --color-lavender-bright: #BEA0FF;
  --color-lavender-indigo: #9B6DFF;
  --color-lightblue: #03A9F4;
  --color-lightgrey: #f5f5f5;
  --color-lightgrey-alt: #F7F7F7;
  --color-lightgrey-soft: #ECEFF1;
  --color-lightgrey2: #FCFCFC;
  --color-link: var(--color-blue);
  --color-magenta-pale: #fff3f7;
  --color-magenta-pale-alt: #fff4f7;
  --color-ok: #f7931e;
  --color-orange-15: rgba(255, 152, 0, 0.15);
  --color-orange-10: rgba(255, 152, 0, 0.1);
  --color-orange-05: rgba(255, 152, 0, 0.05);
  --color-orange: #FF9800;
  --color-orange-alt: #f2b441;
  --color-orange-alt2: #c7a767;
  --color-orange-bright-90: rgba(252, 116, 55, 0.9);
  --color-orange-bright-24: rgba(252, 116, 55, 0.24);
  --color-orange-bright-08: rgba(252, 116, 55, 0.08);
  --color-orange-bright-05: rgba(252, 116, 55, 0.05);
  --color-orange-bright-04: rgba(252, 116, 55, 0.04);
  --color-orange-bright: #fc7437;
  --color-orange-deep: #FF5722;
  --color-orange-deep-alt: #795548;
  --color-orange-deep-soft: #FBE9E7;
  --color-orange-light: #efebe9;
  --color-orange-light-alt: #ede9e7;
  --color-orange-mid: #f26925;
  --color-orange-mid-alt: #ff4500;
  --color-orange-mid-alt2: #d5622a;
  --color-orange-mid-alt3: #ed9200;
  --color-orange-mid-alt4: #f3a001;
  --color-orange-mid-alt5: #f89317;
  --color-orange-mid-alt6: #ff7700;
  --color-orange-mid-alt7: #ff9900;
  --color-orange-pale: #fbf5eb;
  --color-orange-soft: #FFF3E0;
  --color-orange-soft-alt: #f3bf9a;
  --color-pink-90: rgba(255, 4, 103, 0.9);
  --color-pink-25: rgba(255, 4, 103, 0.25);
  --color-pink-24: rgba(255, 4, 103, 0.24);
  --color-pink-08: rgba(255, 4, 103, 0.08);
  --color-pink-05: rgba(255, 4, 103, 0.05);
  --color-pink-04: rgba(255, 4, 103, 0.04);
  --color-pink: #FF0467;
  --color-pink-light: #ff5e8b;
  --color-purple: #9C27B0;
  --color-purple-alt: #d58cd1;
  --color-purple-alt2: #e24fff;
  --color-purple-dark: #660033;
  --color-purple-deep: #cc0099;
  --color-purple-light: #f3e5f5;
  --color-purple-mid: #fc00ff;
  --color-purple-pale: #fff3ff;
  --color-purple-soft: #f984e5;
  --color-red: #ff3d00;
  --color-red-alt-30: rgba(254, 58, 80, 0.3);
  --color-red-alt2: #ff3333;
  --color-red-light: #ffd2cc;
  --color-red-light-alt: #fcd9db;
  --color-red-light-alt2: #fce6e8;
  --color-red-light-alt3: #f7e4e4;
  --color-red-light-alt4: #fcdcdc;
  --color-red-light-alt5: #ffcdd2;
  --color-red-mid: #eb292f;
  --color-red-mid-alt: #fc3f1d;
  --color-red-mid-alt2: #ff0000;
  --color-red-pale: #fdebec;
  --color-red-pale-alt: #faeeee;
  --color-red-pale-alt2: #ffebee;
  --color-red-pale-alt3: #fff5f6;
  --color-red-pale-alt4: #fff6f6;
  --color-red-pale-alt5: #fff7f5;
  --color-teal: #009688;
  --color-teal-bright: #00D4A4;
  --color-teal-deep: #1fa3a8;
  --color-teal-deep-alt: #02ba8f;
  --color-teal-deep-alt2: #04d0a1;
  --color-teal-deep-alt3: #00a67e;
  --color-teal-deep-alt4: #00dbde;
  --color-teal-deep-alt5: #00bc8f;
  --color-teal-deep-alt6: #01b288;
  --color-teal-deep-alt7: #26a69a;
  --color-teal-light: #e0f7fa;
  --color-teal-pale: #f3fdfd;
  --color-teal-pale-alt: #f4fafa;
  --color-teal-soft: #E0F2F1;
  --color-tw: #1da1f2;
  --color-violet: #b993d6;
  --color-vk: #4C75A3;
  --color-wa: #25d366;
  --color-white-95: rgba(255, 255, 255, 0.95);
  --color-white-90: rgba(255, 255, 255, 0.9);
  --color-white-88: rgba(255, 255, 255, 0.88);
  --color-white-85: rgba(255, 255, 255, 0.85);
  --color-white-80: rgba(255, 255, 255, 0.8);
  --color-white-75: rgba(255, 255, 255, 0.75);
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-white-60: rgba(255, 255, 255, 0.6);
  --color-white-50: rgba(255, 255, 255, 0.5);
  --color-white-40: rgba(255, 255, 255, 0.4);
  --color-white-30: rgba(255, 255, 255, 0.3);
  --color-white-25: rgba(255, 255, 255, 0.25);
  --color-white-20: rgba(255, 255, 255, 0.2);
  --color-white-15: rgba(255, 255, 255, 0.15);
  --color-white-10: rgba(255, 255, 255, 0.1);
  --color-white-05: rgba(255, 255, 255, 0.05);
  --color-white: #fff;
  --color-yellow: #fb8c00;
  --color-yt: #e02f2f;
  --gradient-pink-orange:
    linear-gradient(
      134.72deg,
      var(--color-pink) 0%,
      var(--color-orange-bright) 101.5%);
  --gradient-white-left:
    linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      var(--color-white) 100%);
  --gradient-white-right:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      var(--color-white) 100%);
  --gradient-white-lavender:
    linear-gradient(
      0deg,
      var(--color-white-88) 0%,
      var(--color-white-88) 100%),
    var(--color-lavender);
  --gradient-ai:
    linear-gradient(
      90deg,
      var(--color-teal-bright) 0%,
      var(--color-lavender-indigo) 100%);
  --rd-100: 100px;
  --rd-30: 30px;
  --rd-24: 24px;
  --rd-20: 20px;
  --rd-16: 16px;
  --rd-12: 12px;
  --rd-10: 10px;
  --rd-8: 8px;
  --rd-7: 7px;
  --rd-6: 6px;
  --rd-5: 5px;
  --rd-4: 4px;
  --rd-3: 3px;
  --rd-2: 2px;
  --rd-round: 50%;
  --shadow-grey: 0px 2px 30px rgba(188, 188, 188, 0.5);
  --shadow-header: 0 4px 10px 0 rgba(175, 175, 175, 0.1);
  --fz: 16px;
  --lh: 1.362;
  --font-main: "OpenSans";
  --font-alt: "OpenSansItalic";
  --header-h: 64px;
  --notification-h: 43px;
  --page-max-width: 1440px;
  --page-sidebar: 261px;
  --page-padding: 24px;
  --page-padding-b: 48px;
  --page-main: calc(100% - 285px);
  --page-main2: calc(100% - 570px);
  --sk-w: 100%;
  --sk-row: 1;
  --sk-rd: var(--rd-8);
  --sk-bg: var(--color-grey-light-alt3);
}
@font-face {
  font-family: "OpenSans";
  font-weight: 300;
  src:
    url("./media/OpenSans-Light.woff2") format("eot"),
    url("./media/OpenSans-Light.woff2") format("woff2"),
    url("./media/OpenSans-Light.woff2") format("woff"),
    url("./media/OpenSans-Light.woff2") format("truetype"),
    url("./media/OpenSans-Light.woff2") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-weight: 400;
  src:
    url("./media/OpenSans-Regular.woff2") format("eot"),
    url("./media/OpenSans-Regular.woff2") format("woff2"),
    url("./media/OpenSans-Regular.woff2") format("woff"),
    url("./media/OpenSans-Regular.woff2") format("truetype"),
    url("./media/OpenSans-Regular.woff2") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "OpenSansItalic";
  font-weight: 400;
  src:
    url("./media/OpenSans-Italic.woff2") format("eot"),
    url("./media/OpenSans-Italic.woff2") format("woff2"),
    url("./media/OpenSans-Italic.woff2") format("woff"),
    url("./media/OpenSans-Italic.woff2") format("truetype"),
    url("./media/OpenSans-Italic.woff2") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-weight: 700;
  src:
    url("./media/OpenSans-Bold.woff2") format("eot"),
    url("./media/OpenSans-Bold.woff2") format("woff2"),
    url("./media/OpenSans-Bold.woff2") format("woff"),
    url("./media/OpenSans-Bold.woff2") format("truetype"),
    url("./media/OpenSans-Bold.woff2") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-weight: 600;
  src:
    url("./media/OpenSans-SemiBold.woff2") format("eot"),
    url("./media/OpenSans-SemiBold.woff2") format("woff2"),
    url("./media/OpenSans-SemiBold.woff2") format("woff"),
    url("./media/OpenSans-SemiBold.woff2") format("truetype"),
    url("./media/OpenSans-SemiBold.woff2") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-weight: 800;
  src:
    url("./media/OpenSans-Extrabold.woff2") format("eot"),
    url("./media/OpenSans-Extrabold.woff2") format("woff2"),
    url("./media/OpenSans-Extrabold.woff2") format("woff"),
    url("./media/OpenSans-Extrabold.woff2") format("truetype"),
    url("./media/OpenSans-Extrabold.woff2") format("svg");
  font-display: swap;
}
i[class^=icon-],
i[class*=" icon-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-w);
  height: var(--icon-h);
  flex: 0 0 var(--icon-w);
  transition: rotate 0.2s ease;
}
[class^=icon-],
[class*=" icon-"] {
  --icon-w: 16px;
  --icon-h: var(--icon-w);
  --icon-c: var(--color-darkgrey);
}
[class^=icon-] svg,
[class*=" icon-"] svg {
  display: inline-flex;
  color: var(--icon-c);
  width: var(--icon-w);
  height: var(--icon-h);
  flex: 0 0 var(--icon-w);
  transition: color 0.2s ease, rotate 0.2s ease;
}
[class^=icon-]._black,
[class*=" icon-"]._black {
  --icon-c: var(--color-black);
}
[class^=icon-]._black-alt,
[class*=" icon-"]._black-alt {
  --icon-c: var(--color-black2);
}
[class^=icon-]._grey,
[class*=" icon-"]._grey {
  --icon-c: var(--color-grey3);
}
[class^=icon-]._white,
[class*=" icon-"]._white {
  --icon-c: var(--color-white);
}
[class^=icon-]._red,
[class*=" icon-"]._red {
  --icon-c: var(--color-hover);
}
[class^=icon-]._green,
[class*=" icon-"]._green {
  --icon-c: var(--color-darkgreen);
}
[class^=icon-]._blue,
[class*=" icon-"]._blue {
  --icon-c: var(--color-blue);
}
[class^=icon-]._gold,
[class*=" icon-"]._gold {
  --icon-c: var(--color-gold-alt);
}
[class^=icon-]._orange,
[class*=" icon-"]._orange {
  --icon-c: var(--color-orange);
}
[class^=icon-]._lavender-indigo,
[class*=" icon-"]._lavender-indigo {
  --icon-c: var(--color-lavender-indigo);
}
[class^=icon-]._lavender-bright,
[class*=" icon-"]._lavender-bright {
  --icon-c: var(--color-lavender-bright);
}
[class^=icon-]._bg-blue,
[class*=" icon-"]._bg-blue {
  width: calc(var(--icon-w) * 1.714);
  height: calc(var(--icon-w) * 1.714);
  flex: 0 0 calc(var(--icon-w) * 1.714);
  border-radius: var(--rd-round);
  background-color: var(--color-blue);
}
[class^=icon-]._wh8-7,
[class*=" icon-"]._wh8-7 {
  --icon-w: 8px;
}
@media only screen and (max-width: 549.98px) {
  [class^=icon-]._wh8-7,
  [class*=" icon-"]._wh8-7 {
    --icon-w: 7px;
  }
}
.ui-autocomplete {
  width: 100%;
  height: 100%;
}
.ui-autocomplete .ui-autocomplete-input {
  --fz: 15px;
  border: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  display: block;
  box-sizing: border-box;
  padding: 0 10px;
  height: 36px;
  width: 100%;
  border-radius: var(--rd-3);
  background-color: var(--color-white);
  font-family: "RobotoLightItalic", san-serif;
  font-weight: 300;
  color: var(--color-black);
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  height: 100%;
}
a,
img {
  -webkit-user-drag: none;
}
*::after,
*::before {
  box-sizing: border-box;
}
button {
  outline: none;
  cursor: pointer;
  font-weight: 400;
  font-family: var(--font-main), sans-serif;
  background: none;
  padding: 0;
}
summary {
  outline: none;
  cursor: pointer;
}
body::-webkit-scrollbar,
body *::-webkit-scrollbar {
  background: transparent;
  width: 8px;
}
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {
  background-color: var(--color-addgrey);
  background-clip: content-box;
  border-radius: var(--rd-16);
}
body *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
body *::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
}
*::-webkit-input-placeholder {
  --fz: 16px;
  font-weight: 400;
  color: var(--color-grey);
  opacity: 1;
  font-size: var(--fz);
}
*:-moz-placeholder {
  --fz: 16px;
  font-weight: 400;
  color: var(--color-grey);
  opacity: 1;
  font-size: var(--fz);
}
*::-moz-placeholder {
  --fz: 16px;
  font-weight: 400;
  color: var(--color-grey);
  opacity: 1;
  font-size: var(--fz);
}
*:-ms-input-placeholder {
  --fz: 16px;
  font-weight: 400;
  color: var(--color-grey);
  opacity: 1;
  font-size: var(--fz);
}
.modal-open {
  position: static;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-open::-webkit-scrollbar {
  display: none;
}
.modal-open {
  height: 100%;
}
.modal-scrollbar-measure {
  position: absolute;
  inset-block-start: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.grecaptcha-badge {
  display: none !important;
}
[hidden] {
  display: none !important;
}
#xd-frame {
  display: none;
}
popover-container {
  position: absolute;
}
.modal popover-container {
  z-index: 99999 !important;
}
.tltp {
  --fz: 14px;
  display: block;
  max-width: 334px;
}
.tltp > span.br {
  display: block;
  margin-block-end: 8px;
}
.tltp:not(:last-child) {
  margin-block-end: 8px;
}
.stck_content {
  will-change: height, min-height;
}
.stck_inner {
  display: grid;
  row-gap: 24px;
  transform: translateZ(0);
  will-change: position, transform;
}
.d-none {
  display: none;
}
.pl-1 {
  padding-inline-start: 1px;
}
.page,
.page *,
.page *::before,
.page *::after,
.page *:-webkit-autofill,
.page *::placeholder {
  font-size: var(--fz);
  line-height: calc(var(--fz) * var(--lh));
  line-height: round(var(--fz) * var(--lh), 1px);
}
.page {
  --fz: 16px;
  --lh: 1.362;
  --sb-reserved: 12px;
  font-family: var(--font-main), sans-serif;
  font-weight: 400;
  min-width: 320px;
  width: 100%;
  max-width: 100dvw;
  position: relative;
  background-color: var(--color-lightgrey);
  color: var(--color-black);
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 549.98px) {
  .page {
    --header-h: 52px;
  }
}
.page:not(.fixed-hdr) {
  overflow-x: hidden;
  overflow-y: auto;
}
.page:not(.fixed-hdr) > app-root > ng-component {
  overflow: hidden;
}
.page:not(.fixed-hdr).hide-head .b-hdr__wrppr {
  translate: 0 calc((var(--header-h)) * -1);
}
@media only screen and (max-width: 480.98px) {
  .page::-webkit-scrollbar,
  .page *::-webkit-scrollbar {
    display: none;
  }
}
.page > app-root > ng-component {
  flex-direction: column;
  display: flex;
  min-height: 100vh;
  max-width: 100dvw;
}
.page > app-root > ng-component > .hide {
  position: absolute;
  inset-block-start: -200dvh;
  inset-inline-start: -200dvw;
  max-width: 100dvw;
  opacity: 0;
  pointer-events: none;
  z-index: -100;
}
@media only screen and (max-width: 767.98px) {
  .page.user-open:not(.fixed-hdr),
  .page.brgr-open:not(.fixed-hdr) {
    overflow: hidden;
  }
  .page.user-open .b-hdr,
  .page.brgr-open .b-hdr {
    pointer-events: none;
  }
  .page.user-open .b-hdr__wrppr::before,
  .page.brgr-open .b-hdr__wrppr::before {
    opacity: 1;
    visibility: visible;
  }
}
.page.user-open .l-user {
  background-color: var(--color-lightgrey-alt);
}
@media only screen and (max-width: 767.98px) {
  .page.user-open .l-user {
    pointer-events: auto;
  }
}
.page.user-open .l-user .l-drpdwn {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, 0);
}
@media only screen and (max-width: 767.98px) {
  .page.user-open .l-brgr {
    pointer-events: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .page.brgr-open .b-hdr__logo {
    overflow: initial;
  }
  .page.brgr-open .b-hdr__logo-img {
    pointer-events: auto;
    transform: translate(calc(27vw - 40px));
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 549.98px) {
  .page.brgr-open .b-hdr__logo-img {
    transform: translate(calc(29vw - 28px));
  }
}
@media only screen and (max-width: 767.98px) {
  .page.brgr-open .b-hdr__item--active {
    display: none;
  }
  .page.brgr-open .l-user {
    pointer-events: none;
  }
  .page.brgr-open .l-brgr {
    pointer-events: auto;
    z-index: 98;
    animation: l-burger 0.4s ease;
  }
  .page.brgr-open .b-hdr__nav {
    pointer-events: auto;
    transform: translate(0);
    visibility: visible;
    transition: transform 0.4s ease 0s, visibility 0s;
  }
}
.page.modal-open {
  overflow: hidden;
}
.page.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 767.98px) {
  .page.scroll:not(.fixed-hdr) .b-hdr__wrppr {
    box-shadow: var(--shadow-grey);
  }
}
.page.fixed-hdr .page__inner {
  width: 100%;
}
@media only screen and (max-width: 991.98px) {
  .page.fixed-hdr .gtbt {
    display: none;
  }
}
.page.fixed-hdr .b-hdr {
  position: fixed;
  inset-block-start: 0;
}
.page.fixed-hdr .page__container {
  padding-block-end: 0;
  padding-block-start: 0;
}
.page.fixed-hdr .page__container .page__main {
  margin: 0;
}
@media only screen and (max-width: 480.98px) {
  .page.fixed-hdr .l-brgr__bnmb {
    margin-block-start: 52px;
  }
  .page.fixed-hdr .l-brgr__bnmb ~ .b-ch {
    margin-block-start: 0;
  }
  .page.fixed-hdr .l-brgr__bnmb ~ .b-ch .b-ch__main > .b-ch__list {
    min-height: calc(100vh - 191px);
  }
  .page.fixed-hdr .l-brgr__bnmb ~ .b-ch .b-ch__main-i {
    min-height: calc(100vh - 122px);
  }
}
@media only screen and (max-width: 549.98px) {
  .page.chat-open {
    overflow: hidden;
  }
  .page.chat-open .b-cmnt__chat {
    inset-inline-start: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .page.panel-on .b-ftr,
  .page.panel-on--sm .b-ftr {
    padding-block-end: 98px;
  }
}
@media only screen and (max-width: 480.98px) {
  .page.panel-on .b-ftr,
  .page.panel-on--sm .b-ftr {
    padding-block-end: 84px;
  }
}
@media only screen and (max-width: 991.98px) {
  .page.panel-on .l-ppnt__wrpr,
  .page.panel-on--sm .l-ppnt__wrpr {
    inset-block-end: 76px;
  }
}
@media only screen and (max-width: 991.98px) {
  .page.panel-on .b-ftr {
    padding-block-end: 112px;
  }
}
.page.panel-open {
  overflow: hidden;
}
.page.panel-open .l-pnl__bkdr {
  opacity: 1;
  pointer-events: auto;
}
.page.panel-open.po1 .l-pnl__mdl.po1,
.page.panel-open.po2 .l-pnl__mdl.po2 {
  transform: translate(0, 0);
}
.page.overflow-hidden {
  overflow: hidden;
}
.page.multi-modal > modal-container.modal.show:not(:last-of-type) {
  opacity: 0;
  pointer-events: none;
}
.page.lolt {
  background-color: var(--color-bg-dark);
}
.page.lolt:not(.brgr-open) .l-brgr {
  --icon-c: var(--color-white);
}
.page.lolt .b-hdr__wrppr {
  background-color: var(--color-bg-dark);
  box-shadow: none;
}
@media only screen and (min-width: 767.98px) {
  .page.lolt .b-hdr__wrppr .b-hdr__list > li > .b-hdr__nav-link {
    color: var(--color-white);
  }
}
.page.lolt .b-hdr__wrppr .b-hdr__cntt {
  background-color: var(--color-bg-dark);
}
.page.lolt .b-hdr__wrppr .b-hdr__item--active {
  color: var(--color-white);
}
@media only screen and (max-width: 480.98px) {
  .page.lolt .b-hdr__wrppr .b-hdr__item--active {
    display: none;
  }
}
@media only screen and (min-width: 767.98px) {
  .page.lolt .b-hdr__wrppr .b-hdr__hot-bl:hover {
    background-color: var(--color-black2);
  }
}
.page.lolt .b-hdr__wrppr .b-hdr__hot-bl:active {
  background-color: var(--color-black2);
}
.page.lolt .b-hdr__wrppr .b-hdr__hot {
  position: relative;
  background-color: var(--color-bg-dark);
}
@media only screen and (min-width: 767.98px) {
  .page.lolt .b-hdr__wrppr .l-user:hover {
    background-color: var(--color-black2);
  }
}
.page.lolt .b-hdr__wrppr .l-user:active {
  background-color: var(--color-black2);
}
.page.lolt .b-hdr__wrppr .l-user::before {
  content: none;
}
.page.lolt .b-hdr__wrppr .l-user > .l-av:after {
  inset-block-start: -1px;
  inset-inline-start: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  box-shadow: inset 0 0 0 1.5px var(--color-bg-dark);
}
.page.lolt .b-hdr__wrppr .l-user > .l-av > span,
.page.lolt .b-hdr__wrppr .b-hdr__hot span {
  border-color: var(--color-bg-dark);
}
.page.lolt .b-hdr__rdr {
  background-color: var(--color-bg-dark);
  color: var(--color-white);
  border-color: var(--color-bg-dark);
}
.page.lolt .b-hdr__rdr._open {
  border-color: var(--color-darkgrey);
}
.page.lolt .b-hdr__rdr .l-btn.l-btn--br {
  color: var(--color-white);
  border-color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .page.lolt .b-hdr__rdr .l-btn.l-btn--br:hover {
    border-color: var(--color-darkgrey);
  }
}
.page.lolt .b-hdr__rdr .l-btn.l-btn--br:active {
  border-color: var(--color-darkgrey);
}
@media only screen and (max-width: 480.98px) {
  .page.lolt.scroll .b-hdr__wrppr {
    background-color: var(--color-bg-dark);
    box-shadow: none;
  }
}
.page.lolt .page__container {
  padding-block-end: 32px;
}
.page.lolt .b-ftr {
  border-block-start: 1px solid var(--color-darkgrey);
}
.page.lolt .popover {
  border-radius: var(--rd-20);
}
@media only screen and (min-width: 767.98px) {
  .page.lolt .b-hdr__list > .b-hdr__nav-item.hover:not(.closed),
  .page.lolt .b-hdr__list > .b-hdr__nav-item:hover {
    background-color: var(--color-black2);
  }
}
.page.lolt .b-hdr__list > .b-hdr__nav-item:active {
  background-color: var(--color-black2);
}
.page:has(.b-mdl__tips-info) .l-ppnt__wrpr,
.page:has(.b-mdl__odds) .l-ppnt__wrpr {
  z-index: 110000;
}
.page__inner {
  width: 100dvw;
  margin-block-end: auto;
}
.page__container,
.page__container--undefined,
.page .page__container--none {
  position: relative;
  flex: 1 1 auto;
  margin: 0 auto;
  max-width: var(--page-max-width);
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-column-gap: var(--page-padding);
  padding: var(--page-padding);
  grid-template-areas: "main";
}
@media only screen and (max-width: 767.98px) {
  .page__container,
  .page__container--undefined,
  .page .page__container--none {
    padding: 16px var(--page-padding);
  }
}
@media only screen and (max-width: 549.98px) {
  .page__container,
  .page__container--undefined,
  .page .page__container--none {
    padding: 0 0 16px;
  }
}
@media screen and (min-width: 1440px) {
  .page__container:not(.page__container--left) + .gtbt .gotop,
  .page__container--undefined:not(.page__container--left) + .gtbt .gotop,
  .page .page__container--none:not(.page__container--left) + .gtbt .gotop {
    inset-inline-end: calc((100vw - 774px) / 2 - 80px);
  }
}
.page__aside {
  display: none;
  row-gap: 24px;
  grid-auto-rows: min-content;
}
.page__aside--left {
  grid-area: aside-left;
}
.page__aside--right {
  grid-area: aside-right;
}
.page__aside--right .card {
  background-color: var(--color-lightgrey2);
}
.page__main {
  position: relative;
  grid-area: main;
}
.page__container--both,
.page__container--both-sm {
  grid-template-columns: var(--page-sidebar) var(--page-main2) var(--page-sidebar);
  grid-template-areas: "aside-left main aside-right";
}
.page__container--both .page__aside--right,
.page__container--both .page__aside--left,
.page__container--both-sm .page__aside--right,
.page__container--both-sm .page__aside--left {
  display: grid;
}
@media only screen and (max-width: 1279.98px) {
  .page__container--both,
  .page__container--both-sm {
    grid-template-columns: var(--page-sidebar) var(--page-main);
    grid-template-areas: "aside-left main";
  }
  .page__container--both .page__aside--right,
  .page__container--both-sm .page__aside--right {
    display: none;
  }
}
@media only screen and (min-width: 1279.98px) and (max-width: 1440px) {
  .page__container--both + .gtbt .gotop,
  .page__container--both-sm + .gtbt .gotop {
    inset-inline-end: auto;
    inset-inline-start: calc(100vw - 308px);
  }
}
@media only screen and (max-width: 991.98px) {
  .page__container--both {
    grid-template-columns: 100%;
    grid-auto-flow: dense;
    grid-template-areas: "main";
    position: relative;
  }
  .page__container--both .page__aside--left {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .page__container--both-sm {
    grid-template-columns: 100%;
    grid-auto-flow: dense;
    grid-template-areas: "main";
    position: relative;
  }
  .page__container--both-sm .page__aside--left {
    display: none;
  }
}
.page__container--left {
  grid-template-columns: var(--page-sidebar) var(--page-main);
  grid-template-areas: "aside-left main";
}
@media only screen and (max-width: 991.98px) {
  .page__container--left {
    grid-template-columns: 100%;
    grid-auto-flow: dense;
    grid-template-areas: "main";
    position: relative;
  }
}
.page__container--left .page__aside--left {
  display: grid;
}
@media only screen and (max-width: 991.98px) {
  .page__container--left .page__aside--left {
    display: none;
  }
}
@media screen and (min-width: 1536px) {
  .page__container--left + .gtbt .gotop {
    inset-inline-end: calc((100vw - 1440px) / 2 - 32px);
  }
}
.page__container--right {
  grid-template-columns: var(--page-main) var(--page-sidebar);
  grid-template-areas: "main aside-right";
}
@media only screen and (max-width: 991.98px) {
  .page__container--right {
    grid-template-columns: 100%;
    grid-auto-flow: dense;
    grid-template-areas: "main";
    position: relative;
  }
}
@media only screen and (max-width: 767.98px) {
  .page__container--right .page__main {
    width: calc(100vw - 48px);
  }
}
@media only screen and (max-width: 549.98px) {
  .page__container--right .page__main {
    width: 100vw;
  }
}
.page__container--right .page__aside--right {
  display: grid;
}
@media only screen and (max-width: 991.98px) {
  .page__container--right .page__aside--right {
    display: none;
  }
}
@media only screen and (min-width: 991.98px) and (max-width: 1440px) {
  .page__container--right + .gtbt .gotop {
    inset-inline-end: auto;
    inset-inline-start: calc(100vw - 308px);
  }
}
.page.iphone-detected {
  --sb-reserved: 0px;
}
.page.iphone-detected .overflow-hidden {
  touch-action: none;
}
.page *:has(+ .scrollbar__block):not(:last-child) {
  margin-block-end: 0;
}
.visible-block {
  display: block !important;
}
.hidden-block {
  display: none !important;
}
.hidden {
  display: none !important;
}
@media only screen and (max-width: 1279.98px) {
  .hidden-block-lg {
    display: none !important;
  }
}
@media only screen and (max-width: 991.98px) {
  .hidden-block-md {
    display: none !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .hidden-block-sm {
    display: none !important;
  }
}
@media only screen and (max-width: 549.98px) {
  .hidden-block-esm {
    display: none !important;
  }
}
@media only screen and (max-width: 480.98px) {
  .hidden-block-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 359.98px) {
  .hidden-block-xx {
    display: none !important;
  }
}
.visible-block-lg {
  display: none !important;
}
@media only screen and (max-width: 1279.98px) {
  .visible-block-lg {
    display: block !important;
  }
}
.visible-block-md {
  display: none !important;
}
@media only screen and (max-width: 991.98px) {
  .visible-block-md {
    display: block !important;
  }
}
.visible-block-sm {
  display: none !important;
}
@media only screen and (max-width: 767.98px) {
  .visible-block-sm {
    display: block !important;
  }
}
.visible-block-esm {
  display: none !important;
}
@media only screen and (max-width: 549.98px) {
  .visible-block-esm {
    display: block !important;
  }
}
.visible-block-xs {
  display: none !important;
}
@media only screen and (max-width: 480.98px) {
  .visible-block-xs {
    display: block !important;
  }
}
.visible-block-xx {
  display: none !important;
}
@media only screen and (max-width: 359.98px) {
  .visible-block-xx {
    display: block !important;
  }
}
.visible-flex-md {
  display: none !important;
}
@media only screen and (max-width: 991.98px) {
  .visible-flex-md {
    display: flex !important;
  }
}
.visible-flex-sm {
  display: none !important;
}
@media only screen and (max-width: 767.98px) {
  .visible-flex-sm {
    display: flex !important;
  }
}
.visible-flex-esm {
  display: none !important;
}
@media only screen and (max-width: 549.98px) {
  .visible-flex-esm {
    display: flex !important;
  }
}
.visible-flex-xs {
  display: none !important;
}
@media only screen and (max-width: 480.98px) {
  .visible-flex-xs:not(.hidden-block-xs) {
    display: flex !important;
  }
}
.visible-flex-xx {
  display: none !important;
}
@media only screen and (max-width: 359.98px) {
  .visible-flex-xx:not(.hidden-block-xx) {
    display: flex !important;
  }
}
.visible-inline-block-md {
  display: none !important;
}
@media only screen and (max-width: 991.98px) {
  .visible-inline-block-md {
    display: inline-block !important;
  }
}
.visible-inline-sm {
  display: none !important;
}
@media only screen and (max-width: 767.98px) {
  .visible-inline-sm {
    display: inline !important;
  }
}
.visible-inline-esm {
  display: none !important;
}
@media only screen and (max-width: 549.98px) {
  .visible-inline-esm {
    display: inline !important;
  }
}
.visible-grid-esm {
  display: none !important;
}
@media only screen and (max-width: 549.98px) {
  .visible-grid-esm {
    display: grid !important;
  }
}
.visible-grid-sm {
  display: none !important;
}
@media only screen and (max-width: 767.98px) {
  .visible-grid-sm {
    display: grid !important;
  }
}
.grey {
  color: var(--color-darkgrey) !important;
}
.green {
  color: var(--color-darkgreen) !important;
}
.lightgreen {
  color: var(--color-green-deep-alt2) !important;
}
.red {
  color: var(--color-hover) !important;
}
.blue {
  color: var(--color-blue-deep-alt) !important;
}
.black {
  color: var(--color-black) !important;
}
a,
.stream_link {
  cursor: pointer;
  text-decoration: none;
  color: var(--color-link);
  word-wrap: break-word;
  outline: none;
  transition: all 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  a:hover,
  .stream_link:hover {
    --color-link: var(--color-hover);
  }
}
a:active,
.stream_link:active {
  --color-link: var(--color-hover);
}
sup {
  --fz: 10px;
  --lh: 1;
  vertical-align: super;
}
sub {
  --fz: 10px;
  --lh: 1;
}
b,
strong {
  font-weight: 700;
}
.wrd-ell {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}
*.clr-1 {
  --clr-rb1: var(--color-grey-act);
}
*.clr-2 {
  --clr-rb1: var(--color-indigo);
}
*.clr-3 {
  --clr-rb1: var(--color-purple);
}
*.clr-4 {
  --clr-rb1: var(--color-brown);
}
*.clr-5 {
  --clr-rb1: var(--color-teal);
}
*.clr-6 {
  --clr-rb1: var(--color-lightblue);
}
*.clr-7 {
  --clr-rb1: var(--color-coral);
}
*.clr-8 {
  --clr-rb1: var(--color-black2);
}
*.clr-9 {
  --clr-rb1: var(--color-link);
}
*.clr-10 {
  --clr-rb1: var(--color-lavender);
}
*.clr-11 {
  --clr-rb1: var(--color-hover);
}
*.clr-12 {
  --clr-rb1: var(--color-indigo-alt);
}
*.clr-13 {
  --clr-rb1: var(--color-orange);
}
*[class^=clr-],
*[class*=" clr-"] {
  --clr-rb2: color-mix(in srgb, var(--color-white) 100%, var(--clr-rb1) 13%);
  --clr-rb-hv1: color-mix(in srgb, var(--color-white) 25%, var(--clr-rb1) 100%);
  --clr-rb-hv2: color-mix(in srgb, var(--color-white) 100%, var(--clr-rb1) 5.1%);
  --clr-rb-bdr: color-mix(in srgb, var(--color-white) 100%, var(--clr-rb1) 43%);
  --clr-err-bg: color-mix(in srgb, var(--color-white) 100%, var(--clr-rb1) 16.5%);
  --clr-err: color-mix(in srgb, var(--color-white) 66.5%, var(--clr-rb1) 100%);
  --clr-err-btn-bdr: color-mix(in srgb, var(--color-white) 100%, var(--clr-rb1) 44%);
}
*[class^=clr-].l-btn,
*[class*=" clr-"].l-btn {
  background-color: var(--clr-rb1);
  color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  *[class^=clr-].l-btn:hover,
  *[class*=" clr-"].l-btn:hover {
    background-color: var(--clr-rb-hv1);
    color: var(--color-white);
  }
}
*[class^=clr-].l-btn:active,
*[class*=" clr-"].l-btn:active {
  background-color: var(--clr-rb-hv1);
  color: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .wt-esm {
    position: relative;
  }
  .wt-esm::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 20px;
    background-color: var(--color-white);
    z-index: -10;
  }
}
.b-faq > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-faq > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-faq > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.l-post__rare {
  --fz: 14px;
  position: absolute;
  display: flex;
  align-items: center;
  color: var(--color-black);
  z-index: 3;
}
.l-post__rare span {
  height: 36px;
  border: 2px solid var(--color-white);
}
.l-post__rare span {
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  background-color: var(--color-grey-light);
  border-radius: var(--rd-100);
}
.cr-pr {
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .mbl-fhide {
    position: relative;
    max-height: 87px;
    overflow: hidden;
    word-break: break-word;
    mask:
      linear-gradient(
        180deg,
        black 70%,
        transparent 100%);
    -webkit-mask: -webkit-linear-gradient(270deg, black 70%, transparent 100%);
  }
}
@media only screen and (max-width: 480.98px) {
  .mbl-fhide {
    max-height: 76px;
  }
}
.all-fhide {
  position: relative;
  max-height: 87px;
  overflow: hidden;
  word-break: break-word;
  mask:
    linear-gradient(
      180deg,
      black 70%,
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(270deg, black 70%, transparent 100%);
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .all-fhide {
    max-height: 76px;
  }
}
.all-fhide::after {
  content: "";
  position: absolute;
  inset-block-start: 67px;
  inset-inline-start: 0;
  width: 100%;
  height: 20px;
}
@media only screen and (max-width: 549.98px) {
  .all-fhide::after {
    inset-block-start: 56px;
  }
}
.modal popover-container {
  z-index: 99999 !important;
}
.popover {
  --fz: 16px;
  background: var(--color-white);
  padding: 12px;
  box-shadow: var(--shadow-grey);
  border-radius: var(--rd-16);
  z-index: 999999;
  margin: 12px;
  inset-block-start: -300%;
  inset-inline-start: -300%;
  max-width: calc(100dvw - 24px);
}
.popover--black {
  background: var(--color-bg-dark-90);
  padding: 12px 16px;
  color: var(--color-white);
}
.popover--black2 {
  --color-black: var(--color-white);
  background: var(--color-black2);
  color: var(--color-white);
  border-radius: var(--rd-8);
  box-shadow: 0 2px 30px 0 var(--color-grey-darkest-alt3-25);
}
.popover--darkgrey {
  background: var(--color-grey-dark-alt3);
  padding: 8px 16px;
  color: var(--color-darkgrey);
  box-shadow: none;
}
.popover--lr {
  margin-inline-start: 0;
}
@media only screen and (max-width: 549.98px) {
  .popover--rems {
    margin-inline-end: 0;
  }
}
.popover--lrm {
  margin: 12px 0;
}
.popover--rr {
  margin-inline-end: 0;
}
.popover.popover--hot {
  margin-block-start: 0;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-block-start: 1px solid var(--color-grey2);
  z-index: 110;
}
@media only screen and (min-width: 767.98px) and (max-width: 1279.98px) {
  .popover.popover--rl-lg {
    margin-inline-end: 48px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .popover.popover--rl-md {
    margin-inline-end: 48px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 887px) {
  .popover.popover--rlm {
    margin-inline-end: 48px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 966px) {
  .popover.popover--rl-ch {
    margin-inline-end: 48px;
  }
}
.popover--ntf {
  border-radius: var(--rd-16);
}
.popover--ntf .popover-content {
  --fz: 14px;
  margin: -4px 0;
}
.popover--ws {
  --fz: 14px;
  max-width: 302px;
}
@media only screen and (max-width: 480.98px) {
  .popover--frlni {
    margin-inline-start: 12px;
  }
}
.popover--mtch-s {
  margin-inline-start: 0;
}
@media only screen and (max-width: 1279.98px) {
  .popover--mtch-s {
    margin-inline-start: 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .popover--mtch-s {
    margin-inline-start: 12px;
  }
}
.popover--mtct {
  z-index: 9000;
  margin: 0;
  border-radius: var(--rd-12);
}
.popover--grade {
  margin-inline-start: -16px;
}
@media only screen and (max-width: 549.98px) {
  .popover--grade {
    margin-inline-start: 12px;
  }
}
.popover:has(.l-tltp),
.popover._pd0 {
  padding: 0;
}
.popover:has(.l-slct__cnt),
.popover._pd0 {
  padding: 0;
}
.popover-content {
  border-radius: inherit;
  max-width: inherit;
}
.popover-small span {
  --fz: 14px;
  display: block;
  margin-block-start: -4px;
  margin-block-end: -4px;
}
.popover-small strong {
  font-weight: 700;
}
.popover-small small {
  max-width: 300px;
}
.popover-max-width-280 {
  max-width: 280px;
}
.popover-text {
  --fz: 14px;
  --lh: 1.362;
  font-weight: 400;
  color: var(--color-black);
  max-width: 451px;
  display: block;
}
.popover-text.ppv-mxw300 {
  max-width: 300px;
}
@media only screen and (max-width: 359.98px) {
  .popover-text.ppv-mxw300 {
    max-width: 296px;
  }
}
[class^=popover--rl],
[class*=" popover--rl"] {
  margin-inline-end: 0;
  max-width: calc(100vw - 24px);
}
@media only screen and (max-width: 767.98px) {
  [class^=popover--rl],
  [class*=" popover--rl"] {
    margin-inline-end: 42px;
  }
}
@media only screen and (max-width: 549.98px) {
  [class^=popover--rl],
  [class*=" popover--rl"] {
    margin-inline-end: 12px;
  }
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  visibility: hidden;
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  inset-block-end: -11px;
  inset-inline-start: 50%;
  margin-inline-start: -11px;
  border-block-start-color: var(--color-grey-alt);
  border-block-start-color: var(--color-black-25);
  border-block-end-width: 0;
}
.popover.top > .arrow:after {
  inset-block-end: 1px;
  margin-inline-start: -10px;
  content: " ";
  border-block-start-color: var(--color-white);
  border-block-end-width: 0;
}
.popover.right > .arrow {
  inset-block-start: 50%;
  inset-inline-start: -11px;
  margin-block-start: -11px;
  border-inline-end-color: var(--color-grey-alt);
  border-inline-end-color: var(--color-black-25);
  border-inline-start-width: 0;
}
.popover.right > .arrow:after {
  inset-block-end: -10px;
  inset-inline-start: 1px;
  content: " ";
  border-inline-end-color: var(--color-white);
  border-inline-start-width: 0;
}
.popover.bottom > .arrow {
  inset-block-start: -11px;
  inset-inline-start: 50%;
  margin-inline-start: -11px;
  border-block-start-width: 0;
  border-block-end-color: var(--color-grey-alt);
  border-block-end-color: var(--color-black-25);
}
.popover.bottom > .arrow:after {
  inset-block-start: 1px;
  margin-inline-start: -10px;
  content: " ";
  border-block-start-width: 0;
  border-block-end-color: var(--color-white);
}
.popover.left > .arrow {
  inset-block-start: 50%;
  inset-inline-end: -11px;
  margin-block-start: -11px;
  border-inline-end-width: 0;
  border-inline-start-color: var(--color-grey-alt);
  border-inline-start-color: var(--color-black-25);
}
.popover.left > .arrow:after {
  inset-inline-end: 1px;
  inset-block-end: -10px;
  content: " ";
  border-inline-end-width: 0;
  border-inline-start-color: var(--color-white);
}
.l-flr {
  display: none !important;
}
.l-flr.active {
  display: block !important;
}
.bookmakers-promo-other-actions {
  margin-block-end: 24px;
}
@media only screen and (max-width: 480.98px) {
  .bookmakers-promo-other-actions {
    margin-block-end: 16px;
  }
}
.promo {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
  border-radius: var(--rd-20);
  overflow: hidden;
}
.promo picture {
  display: flex;
}
.promo picture img {
  width: 100%;
  height: auto;
}
.promo > span {
  --fz: 10px;
  --lh: 1.362;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: block;
  width: fit-content;
  padding-block: 0 1px;
  padding-inline: 4px 10px;
  border-radius: 0 0 0 var(--rd-4);
  background: var(--color-white-40);
  color: var(--color-black);
}
.anim-time {
  animation: timeClock 1s linear infinite;
}
.ovb-timezone .l-btn.l-btn--br.l-btn--ltl {
  gap: 0;
}
@media only screen and (max-width: 1279.98px) {
  .h-b-lg {
    display: none;
  }
}
.v-b-lg {
  display: none;
}
@media only screen and (max-width: 1279.98px) {
  .v-b-lg {
    display: inline;
  }
}
over-pagination2 .l-pgn:not(:has(> *:first-child)) {
  display: none;
}
.ck__container {
  position: relative;
}
.ck__container i.f-icon.icon-ex-point {
  position: absolute;
  inset-block-end: 8px;
  inset-inline-start: 8px;
  cursor: help;
}
.ck__container:has(i.f-icon.icon-ex-point) .ck-word-count {
  background-color: var(--color-red-pale-alt);
}
.ck__tabs {
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-12) var(--rd-12) 0 0;
  padding: 0 12px;
}
.ck__tabs ~ div over-ckeditor .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
  border-radius: 0;
}
.ck__tabs .ck__tabs-i {
  --fz: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0px -1px 0px 0px var(--color-border) inset;
  height: 48px;
}
@media only screen and (max-width: 549.98px) {
  .ck__tabs .ck__tabs-i {
    height: 44px;
  }
}
.ck__tabs .ck__tabs-i > span.grey {
  margin-inline-end: 8px;
}
.ck__tabs .ck__tabs-i .ck__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border-radius: var(--rd-2);
  transition: background-color 0.2s ease;
  font-weight: 600;
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .ck__tabs .ck__tabs-i .ck__tab {
    height: 28px;
  }
}
@media only screen and (min-width: 767.98px) {
  .ck__tabs .ck__tabs-i .ck__tab:not(.active):hover {
    background-color: var(--ck-color-button-default-hover-background);
  }
}
.ck__tabs .ck__tabs-i .ck__tab:not(.active):active {
  background-color: var(--ck-color-button-default-hover-background);
}
.ck__tabs .ck__tabs-i .ck__tab.active {
  background-color: var(--ck-color-button-on-background);
}
[SocialWidget] .l-user__info {
  flex-direction: row;
  align-items: flex-start;
  margin: 0;
}
@media only screen and (min-width: 767.98px) {
  [SocialWidget] .l-user__info:hover .l-user__nickname {
    --icon-c: var(--color-hover);
    color: var(--color-hover);
  }
}
[SocialWidget] .l-user__info:active .l-user__nickname {
  --icon-c: var(--color-hover);
  color: var(--color-hover);
}
[SocialWidget] .l-user__info .l-user__nickname {
  --icon-c: var(--color-black);
  display: flex;
  gap: 2px;
  flex-direction: row-reverse;
  align-items: center;
  width: fit-content;
  transition: color 0.2s ease;
}
[SocialWidget] .l-user__info .l-user__nickname svg {
  rotate: -90deg;
}
[SocialWidget] .l-user__info .l-user__name {
  --fz: 14px;
  margin: 0;
}
.modal {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 100001;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
  animation: modalIn 0.2s ease;
}
.modal::-webkit-scrollbar {
  display: none;
}
.modal.show {
  opacity: 1;
}
.modal + .modal {
  background-color: var(--color-bg-dark-90);
}
.modal-backdrop {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 100000;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-dark-90);
  opacity: 0;
  animation: modalIn 0.2s ease;
}
.modal-backdrop.show {
  opacity: 1;
}
.modal-dialog {
  position: relative;
  pointer-events: none;
}
.modal-content {
  display: inline;
  outline: 0;
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div[bkratingsportpercentcomponent] .b-mdl__close {
    display: inline-flex !important;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]),
.modal-content > div[bkratingsportpercentcomponent] > div,
.modal-content > ng-component > div {
  position: relative;
  background-color: var(--color-white);
  border-radius: var(--rd-16);
  max-width: 432px;
  padding: 16px;
  pointer-events: auto;
  width: 100%;
  margin: 10vh auto 40px;
  text-align: center;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__bk-qrapp,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__bk-qrapp,
.modal-content > ng-component > div.b-mdl__bk-qrapp {
  max-width: 540px;
  width: fit-content;
  padding: 16px;
  display: flex;
  gap: 20px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trignr,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trignr,
.modal-content > ng-component > div.b-mdl__trignr {
  --fz: 16px;
  width: 440px;
  padding-block: 190px 24px;
  padding-inline: 24px 24px;
  background-color: var(--color-white);
  font-weight: 400;
  color: var(--color-black);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]),
  .modal-content > div[bkratingsportpercentcomponent] > div,
  .modal-content > ng-component > div {
    padding: 16px 12px;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]) > span,
.modal-content > div[bkratingsportpercentcomponent] > div > span,
.modal-content > ng-component > div > span {
  --fz: 16px;
  display: block;
  text-align: center;
}
.modal-content > div:not([bkratingsportpercentcomponent]) > span + .f,
.modal-content > div[bkratingsportpercentcomponent] > div > span + .f,
.modal-content > ng-component > div > span + .f {
  margin-block-start: 16px;
}
.modal-content > div:not([bkratingsportpercentcomponent]) > span + .l-btn,
.modal-content > div[bkratingsportpercentcomponent] > div > span + .l-btn,
.modal-content > ng-component > div > span + .l-btn {
  margin-block-start: 12px;
}
.modal-content > div:not([bkratingsportpercentcomponent]) .l-ttl,
.modal-content > div[bkratingsportpercentcomponent] > div .l-ttl,
.modal-content > ng-component > div .l-ttl {
  text-align: start;
}
.modal-content > div:not([bkratingsportpercentcomponent]) .l-ttl + span,
.modal-content > div[bkratingsportpercentcomponent] > div .l-ttl + span,
.modal-content > ng-component > div .l-ttl + span {
  text-align: start;
}
.modal-content > div:not([bkratingsportpercentcomponent]) .l-btn + .b-mdl__text,
.modal-content > div[bkratingsportpercentcomponent] > div .l-btn + .b-mdl__text,
.modal-content > ng-component > div .l-btn + .b-mdl__text {
  margin-block-start: 24px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trnm,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trnm,
.modal-content > ng-component > div.b-mdl__trnm {
  text-align: start;
  max-width: 560px;
  padding: 44px 16px 0;
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trnm,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trnm,
  .modal-content > ng-component > div.b-mdl__trnm {
    padding: 44px 12px 0;
  }
}
@media only screen and (max-width: 480.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trnm,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trnm,
  .modal-content > ng-component > div.b-mdl__trnm {
    margin: 5vh auto 5vh;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trnm--tn,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trnm--tn,
.modal-content > ng-component > div.b-mdl__trnm--tn {
  max-width: 680px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trnm.b-mdl__trnm--ln,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trnm.b-mdl__trnm--ln,
.modal-content > ng-component > div.b-mdl__trnm.b-mdl__trnm--ln {
  padding: 16px 16px 0;
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trnm.b-mdl__trnm--ln,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trnm.b-mdl__trnm--ln,
  .modal-content > ng-component > div.b-mdl__trnm.b-mdl__trnm--ln {
    padding: 12px 12px 0;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trnm.b-mdl__trnm--ln,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trnm.b-mdl__trnm--ln,
.modal-content > ng-component > div.b-mdl__trnm.b-mdl__trnm--ln {
  max-width: 774px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trnm.b-mdl__trnm--ln.bk-modal,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trnm.b-mdl__trnm--ln.bk-modal,
.modal-content > ng-component > div.b-mdl__trnm.b-mdl__trnm--ln.bk-modal {
  max-width: 540px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__adrb,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__adrb,
.modal-content > ng-component > div.b-mdl__adrb {
  padding: 12px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__login,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__login,
.modal-content > ng-component > div.b-mdl__login {
  padding-block: 16px 16px;
  padding-inline: 16px calc(16px - var(--sb-reserved));
  max-height: calc(90dvh - 40px);
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__login,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__login,
  .modal-content > ng-component > div.b-mdl__login {
    padding-block: 12px 12px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__video,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__video,
.modal-content > ng-component > div.b-mdl__video {
  max-width: 632px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__video .b-mdl__vid-i,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__video .b-mdl__vid-i,
.modal-content > ng-component > div.b-mdl__video .b-mdl__vid-i {
  max-height: calc(90dvh - 86px);
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__video .b-mdl__vid-i,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__video .b-mdl__vid-i,
  .modal-content > ng-component > div.b-mdl__video .b-mdl__vid-i {
    max-height: calc(90dvh - 100px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__html,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__html,
.modal-content > ng-component > div.b-mdl__html {
  max-width: 700px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__time,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__time,
.modal-content > ng-component > div.b-mdl__time {
  padding-block-end: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__cmplnt,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__cmplnt,
.modal-content > ng-component > div.b-mdl__cmplnt {
  text-align: start;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__cmplnt .b-mdl__ttl2 .l-ttl,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__cmplnt .b-mdl__ttl2 .l-ttl,
.modal-content > ng-component > div.b-mdl__cmplnt .b-mdl__ttl2 .l-ttl {
  position: relative;
  z-index: 1;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mdrtns,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mdrtns,
.modal-content > ng-component > div.b-mdl__mdrtns {
  text-align: start;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mdrtns .f-check:not(:last-child),
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mdrtns .f-check:not(:last-child),
.modal-content > ng-component > div.b-mdl__mdrtns .f-check:not(:last-child) {
  margin-block-end: 12px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mdrtns .l-ttl,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mdrtns .l-ttl,
.modal-content > ng-component > div.b-mdl__mdrtns .l-ttl {
  width: 90%;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mdrtns .b-mdl__btns,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mdrtns .b-mdl__btns,
.modal-content > ng-component > div.b-mdl__mdrtns .b-mdl__btns {
  display: flex;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mdrtns .b-mdl__btns .l-btn,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mdrtns .b-mdl__btns .l-btn,
.modal-content > ng-component > div.b-mdl__mdrtns .b-mdl__btns .l-btn {
  width: 50%;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__hints,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__hints,
.modal-content > ng-component > div.b-mdl__hints {
  text-align: start;
  max-width: 586px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__hints > .l-ttl,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__hints > .l-ttl,
.modal-content > ng-component > div.b-mdl__hints > .l-ttl {
  padding-inline-end: 32px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__hints .b-art__i ul,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__hints .b-art__i ul,
.modal-content > ng-component > div.b-mdl__hints .b-art__i ul {
  margin-inline-start: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__hints > .b-art__i,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__hints > .b-art__i,
.modal-content > ng-component > div.b-mdl__hints > .b-art__i {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(90vh - 110px);
  padding-inline-end: 12px;
  margin-inline-end: -12px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__avup,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__avup,
.modal-content > ng-component > div.b-mdl__avup {
  text-align: start;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__bkpg,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__bkpg,
.modal-content > ng-component > div.b-mdl__bkpg {
  position: relative;
  text-align: start;
  max-width: 610px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__bkpg .l-ttl2,
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__bkpg .b-bkpg__mdl-c,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__bkpg .l-ttl2,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__bkpg .b-bkpg__mdl-c,
.modal-content > ng-component > div.b-mdl__bkpg .l-ttl2,
.modal-content > ng-component > div.b-mdl__bkpg .b-bkpg__mdl-c {
  position: relative;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__bkpg .b-bkap__bg::before,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__bkpg .b-bkap__bg::before,
.modal-content > ng-component > div.b-mdl__bkpg .b-bkap__bg::before {
  opacity: 0.1;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__bkpg .b-bkap__bg::after,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__bkpg .b-bkap__bg::after,
.modal-content > ng-component > div.b-mdl__bkpg .b-bkap__bg::after {
  inset-block-start: -318px;
  inset-inline-start: -762px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds,
.modal-content > ng-component > div.b-mdl__odds {
  text-align: start;
  max-width: 540px;
  padding: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc,
.modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc {
  max-height: 560px;
  margin-inline-start: -24px;
  padding-inline-start: 24px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .hdr,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .hdr,
.modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .hdr {
  height: 196px;
  background: url(/images3/interface2/stop.svg) 50% 0/116px 116px no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-block: 0 24px;
  padding-inline: 24px 24px;
  border-block-end: 1px solid var(--color-grey2);
  width: calc(100% + 40px);
  margin: 0 -24px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .hdr > p,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .hdr > p,
.modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .hdr > p {
  --fz: 16px;
  --lh: 1.36187;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: center;
  padding: 0 75px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .l-ttl--md,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .l-ttl--md,
.modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt.rdrc > .l-ttl--md {
  --fz: 20px;
  --lh: 1.362;
  font-weight: 700;
  letter-spacing: 0px;
  margin-block: 24px 16px;
  margin-inline: 0 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt,
.modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt {
  height: calc(90dvh - 108px);
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt,
  .modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt {
    height: calc(90dvh - 96px);
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt,
  .modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt {
    height: calc(90dvh - 92px);
  }
}
@media only screen and (max-width: 480.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt,
  .modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt {
    height: calc(90dvh - 88px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt,
.modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt {
  height: calc(90dvh - 111px);
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt,
  .modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt {
    height: calc(90dvh - 107px);
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt,
  .modal-content > ng-component > div.b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt {
    height: calc(90dvh - 88px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__pr-cd,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__pr-cd,
.modal-content > ng-component > div.b-mdl__pr-cd {
  text-align: start;
  max-width: 336px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__pr-cd-info,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__pr-cd-info,
.modal-content > ng-component > div.b-mdl__pr-cd-info {
  --usr-pr-cl: var(--color-grey-act);
  --usr-pr-bg: var(--color-lightgrey-soft);
  background-color: var(--usr-pr-bg);
  text-align: start;
  max-width: 496px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__pr-cd-info .b-mdl__ttl2,
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__pr-cd-info .b-mdl__pr-c-b,
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__pr-cd-info .b-mdl__btns .b-mdl__btns--b,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__pr-cd-info .b-mdl__ttl2,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__pr-cd-info .b-mdl__pr-c-b,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__pr-cd-info .b-mdl__btns .b-mdl__btns--b,
.modal-content > ng-component > div.b-mdl__pr-cd-info .b-mdl__ttl2,
.modal-content > ng-component > div.b-mdl__pr-cd-info .b-mdl__pr-c-b,
.modal-content > ng-component > div.b-mdl__pr-cd-info .b-mdl__btns .b-mdl__btns--b {
  position: relative;
  z-index: 3;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__pr-cd-info .b-bkap__bg,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__pr-cd-info .b-bkap__bg,
.modal-content > ng-component > div.b-mdl__pr-cd-info .b-bkap__bg {
  opacity: 0.2;
  background-color: initial;
  border-radius: var(--rd-16);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__pr-cd-info .b-bkap__bg:after,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__pr-cd-info .b-bkap__bg:after,
.modal-content > ng-component > div.b-mdl__pr-cd-info .b-bkap__bg:after {
  inset-block-start: -416px;
  inset-inline-start: -775px;
  width: 1853px;
  height: 1825px;
  transform: scale(-1, 1);
  background: url(/images3/contest/cnt6-bg-esm.svg) 0 0/1853px 1825px no-repeat;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__pr-cd-info .b-mdl__btns,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__pr-cd-info .b-mdl__btns,
.modal-content > ng-component > div.b-mdl__pr-cd-info .b-mdl__btns {
  border-block-start: 1px solid var(--color-addgrey-50);
  padding-block-start: 16px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb,
.modal-content > ng-component > div.b-mdl__tg-sb {
  position: relative;
  background-color: initial;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .l-soal__item,
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .l-soal__item,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i,
.modal-content > ng-component > div.b-mdl__tg-sb .l-soal__item,
.modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i {
  position: relative;
  z-index: 1;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .l-soal__item,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .l-soal__item,
.modal-content > ng-component > div.b-mdl__tg-sb .l-soal__item {
  --social-w: 100px;
  --social-rd: 50%;
  position: relative;
  margin: -24px auto 28px;
  overflow: initial;
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .l-soal__item,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .l-soal__item,
  .modal-content > ng-component > div.b-mdl__tg-sb .l-soal__item {
    margin: -28px auto 24px;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .l-soal__item i.icon-alert-stroke,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .l-soal__item i.icon-alert-stroke,
.modal-content > ng-component > div.b-mdl__tg-sb .l-soal__item i.icon-alert-stroke {
  --icon-w: 24px;
  position: absolute;
  inset-block-end: -8px;
  inset-inline-end: -8px;
  border: 3px solid var(--color-cyan-pale-alt3);
  width: 45px;
  height: 45px;
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-round);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-bkap__bg,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-bkap__bg,
.modal-content > ng-component > div.b-mdl__tg-sb .b-bkap__bg {
  background-color: initial;
  background:
    linear-gradient(
      0deg,
      var(--color-white-80),
      var(--color-white-80)),
    var(--color-cyan-mid-alt10);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i,
.modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i {
  text-align: start;
  border: 1px solid var(--color-blue-25);
  border-radius: var(--rd-20);
  background-color: var(--color-white);
  padding: 24px;
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i,
  .modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i {
    border-radius: var(--rd-16);
    padding: 16px;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i .l-ttl--md,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i .l-ttl--md,
.modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i .l-ttl--md {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i .l-ttl--md,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i .l-ttl--md,
  .modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i .l-ttl--md {
    margin-block-end: 8px;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i > p,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i > p,
.modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i > p {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i > p,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i > p,
  .modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i > p {
    margin-block-end: 16px;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i .b-mdl__btns--b .l-btn,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i .b-mdl__btns--b .l-btn,
.modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i .b-mdl__btns--b .l-btn {
  --fz: 14px;
  height: 44px;
  padding: 11px 24px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tg-sb .b-mdl__tgsp-i .b-mdl__btns--b .l-link__mdl a,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tg-sb .b-mdl__tgsp-i .b-mdl__btns--b .l-link__mdl a,
.modal-content > ng-component > div.b-mdl__tg-sb .b-mdl__tgsp-i .b-mdl__btns--b .l-link__mdl a {
  --fz: 14px;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__cnts,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__cnts,
.modal-content > ng-component > div.b-mdl__cnts {
  max-width: 400px;
  padding: 0;
  text-align: start;
}
@media only screen and (max-width: 480.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__cnts,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__cnts,
  .modal-content > ng-component > div.b-mdl__cnts {
    margin: 5vh auto 20px;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__cnts .b-mdl__cnts-vrts,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__cnts .b-mdl__cnts-vrts,
.modal-content > ng-component > div.b-mdl__cnts .b-mdl__cnts-vrts {
  max-height: calc(90vh - 237px);
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__cnts .b-mdl__cnts-vrts,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__cnts .b-mdl__cnts-vrts,
  .modal-content > ng-component > div.b-mdl__cnts .b-mdl__cnts-vrts {
    max-height: calc(95vh - 211px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).l-tpmt__mdl,
.modal-content > div[bkratingsportpercentcomponent] > div.l-tpmt__mdl,
.modal-content > ng-component > div.l-tpmt__mdl {
  max-width: 440px;
  text-align: start;
}
@media only screen and (min-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).l-tpmt__mdl,
  .modal-content > div[bkratingsportpercentcomponent] > div.l-tpmt__mdl,
  .modal-content > ng-component > div.l-tpmt__mdl {
    padding: 24px;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).l-tpmt__mdl .b-mdl__ttl2,
.modal-content > div[bkratingsportpercentcomponent] > div.l-tpmt__mdl .b-mdl__ttl2,
.modal-content > ng-component > div.l-tpmt__mdl .b-mdl__ttl2 {
  position: initial;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mtch-view,
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mttp,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mtch-view,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mttp,
.modal-content > ng-component > div.b-mdl__mtch-view,
.modal-content > ng-component > div.b-mdl__mttp {
  max-width: 640px;
  margin: 24px auto;
  text-align: start;
  padding: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mtch-view .b-mdl__mtch-view-scr,
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mttp .b-mdl__mtch-view-scr,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mtch-view .b-mdl__mtch-view-scr,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mttp .b-mdl__mtch-view-scr,
.modal-content > ng-component > div.b-mdl__mtch-view .b-mdl__mtch-view-scr,
.modal-content > ng-component > div.b-mdl__mttp .b-mdl__mtch-view-scr {
  max-height: calc(100dvh - 48px);
  height: calc(100dvh - 48px);
  outline: none;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mtch-view,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mtch-view,
.modal-content > ng-component > div.b-mdl__mtch-view {
  background-color: transparent;
}
@media only screen and (min-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mtch-view,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mtch-view,
  .modal-content > ng-component > div.b-mdl__mtch-view {
    border-radius: var(--rd-20);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau,
.modal-content > ng-component > div.b-mdl__rtkp-bsau {
  max-width: 540px;
  text-align: start;
  padding: 24px 0 0;
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau,
  .modal-content > ng-component > div.b-mdl__rtkp-bsau {
    padding: 18px 0 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau,
  .modal-content > ng-component > div.b-mdl__rtkp-bsau {
    padding: 12px 0 0;
  }
}
@media only screen and (max-width: 660px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau .b-mdl__ttl2,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau .b-mdl__ttl2,
  .modal-content > ng-component > div.b-mdl__rtkp-bsau .b-mdl__ttl2 {
    display: none;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau .b-rtkp__bsau-cnt,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau .b-rtkp__bsau-cnt,
.modal-content > ng-component > div.b-mdl__rtkp-bsau .b-rtkp__bsau-cnt {
  border-radius: 0 0 var(--rd-20) var(--rd-20);
  max-height: calc(90dvh - 149px);
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau .b-rtkp__bsau-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau .b-rtkp__bsau-cnt,
  .modal-content > ng-component > div.b-mdl__rtkp-bsau .b-rtkp__bsau-cnt {
    max-height: calc(90dvh - 137px);
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau .b-rtkp__bsau-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau .b-rtkp__bsau-cnt,
  .modal-content > ng-component > div.b-mdl__rtkp-bsau .b-rtkp__bsau-cnt {
    border-radius: 0 0 var(--rd-16) var(--rd-16);
    max-height: calc(90dvh - 121px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt,
.modal-content > ng-component > div.b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt {
  max-height: calc(90dvh - 221px);
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt,
  .modal-content > ng-component > div.b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt {
    max-height: calc(90dvh - 203px);
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt,
  .modal-content > ng-component > div.b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt {
    max-height: calc(90dvh - 170px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__grade,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__grade,
.modal-content > ng-component > div.b-mdl__grade {
  max-width: 640px;
  text-align: start;
  padding: 0;
  background-color: initial;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__grade .b-mdl__grade-inr,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__grade .b-mdl__grade-inr,
.modal-content > ng-component > div.b-mdl__grade .b-mdl__grade-inr {
  max-height: calc(90dvh - 24px);
  border-radius: var(--rd-16);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__grade .b-mdl__grade-inr.l-crd,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__grade .b-mdl__grade-inr.l-crd,
.modal-content > ng-component > div.b-mdl__grade .b-mdl__grade-inr.l-crd {
  max-height: calc(90dvh - 40px);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mttn,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mttn,
.modal-content > ng-component > div.b-mdl__mttn {
  max-width: 552px;
  text-align: start;
  padding: 0;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mttn,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mttn,
  .modal-content > ng-component > div.b-mdl__mttn {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mttn .b-mtch__strm-hdr,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mttn .b-mtch__strm-hdr,
  .modal-content > ng-component > div.b-mdl__mttn .b-mtch__strm-hdr {
    border-radius: var(--rd-16) var(--rd-16) 0 0;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__mtch-trns,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__mtch-trns,
.modal-content > ng-component > div.b-mdl__mtch-trns {
  max-width: 440px;
  text-align: start;
  padding: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-blog__head.b-blog__head--full-rm.clr-5,
.modal-content > div[bkratingsportpercentcomponent] > div.b-blog__head.b-blog__head--full-rm.clr-5,
.modal-content > ng-component > div.b-blog__head.b-blog__head--full-rm.clr-5 {
  overflow: initial;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-blog__head.b-blog__head--full-rm.clr-5::before,
.modal-content > div[bkratingsportpercentcomponent] > div.b-blog__head.b-blog__head--full-rm.clr-5::before,
.modal-content > ng-component > div.b-blog__head.b-blog__head--full-rm.clr-5::before {
  border: none;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-blog__head.b-blog__head--full-rm.clr-5 .l-btn,
.modal-content > div[bkratingsportpercentcomponent] > div.b-blog__head.b-blog__head--full-rm.clr-5 .l-btn,
.modal-content > ng-component > div.b-blog__head.b-blog__head--full-rm.clr-5 .l-btn {
  width: 100%;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prc,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prc,
.modal-content > ng-component > div.b-mdl__prc {
  max-width: 540px;
  text-align: start;
  padding: 0;
  background-color: initial;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prc .b-mdl__prc-inr,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prc .b-mdl__prc-inr,
.modal-content > ng-component > div.b-mdl__prc .b-mdl__prc-inr {
  max-height: calc(90dvh - 24px);
  border-radius: var(--rd-16);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl,
.modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl,
.modal-content > ng-component > div.b-lolt__exch-mdl {
  max-width: 540px;
  text-align: start;
  padding: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl .b-lolt__exch-frm,
.modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl .b-lolt__exch-list,
.modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl .b-lolt__exch-frm,
.modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl .b-lolt__exch-list,
.modal-content > ng-component > div.b-lolt__exch-mdl .b-lolt__exch-frm,
.modal-content > ng-component > div.b-lolt__exch-mdl .b-lolt__exch-list {
  height: 100dvh;
  max-height: calc(90dvh - 165px - 40px);
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl .b-lolt__exch-list,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl .b-lolt__exch-list,
  .modal-content > ng-component > div.b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > ng-component > div.b-lolt__exch-mdl .b-lolt__exch-list {
    max-height: calc(90dvh - 149px - 40px);
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl .b-lolt__exch-list,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl .b-lolt__exch-list,
  .modal-content > ng-component > div.b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > ng-component > div.b-lolt__exch-mdl .b-lolt__exch-list {
    max-height: calc(90dvh - 133px - 40px);
  }
}
@media only screen and (max-width: 480.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > div:not([bkratingsportpercentcomponent]).b-lolt__exch-mdl .b-lolt__exch-list,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-lolt__exch-mdl .b-lolt__exch-list,
  .modal-content > ng-component > div.b-lolt__exch-mdl .b-lolt__exch-frm,
  .modal-content > ng-component > div.b-lolt__exch-mdl .b-lolt__exch-list {
    max-height: calc(90dvh - 130px - 40px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-art__cntt.py8t,
.modal-content > div[bkratingsportpercentcomponent] > div.b-art__cntt.py8t,
.modal-content > ng-component > div.b-art__cntt.py8t {
  max-width: 540px;
  text-align: start;
  padding: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-art__cntt.py8t .l-mtvw__block.sub.open,
.modal-content > div[bkratingsportpercentcomponent] > div.b-art__cntt.py8t .l-mtvw__block.sub.open,
.modal-content > ng-component > div.b-art__cntt.py8t .l-mtvw__block.sub.open {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  max-height: calc(90dvh - 40px);
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
  border-radius: inherit;
  gap: 16px;
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-art__cntt.py8t .l-mtvw__block.sub.open,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-art__cntt.py8t .l-mtvw__block.sub.open,
  .modal-content > ng-component > div.b-art__cntt.py8t .l-mtvw__block.sub.open {
    padding-block: 20px 20px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-art__cntt.py8t .l-mtvw__block.sub.open,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-art__cntt.py8t .l-mtvw__block.sub.open,
  .modal-content > ng-component > div.b-art__cntt.py8t .l-mtvw__block.sub.open {
    padding-block: 16px 16px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
    gap: 12px;
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-art__cntt.py8t .l-mtvw__block.sub.open::-webkit-scrollbar,
.modal-content > div[bkratingsportpercentcomponent] > div.b-art__cntt.py8t .l-mtvw__block.sub.open::-webkit-scrollbar,
.modal-content > ng-component > div.b-art__cntt.py8t .l-mtvw__block.sub.open::-webkit-scrollbar {
  display: block;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-art__cntt.py8t .l-mtvw__block.sub.open .l-tpmt__card,
.modal-content > div[bkratingsportpercentcomponent] > div.b-art__cntt.py8t .l-mtvw__block.sub.open .l-tpmt__card,
.modal-content > ng-component > div.b-art__cntt.py8t .l-mtvw__block.sub.open .l-tpmt__card {
  overflow: initial;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prvw,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prvw,
.modal-content > ng-component > div.b-mdl__prvw {
  max-width: 640px;
  text-align: start;
  padding: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prvw .b-mdl__prvw-list,
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prvw .b-mdl__prvw-itm-i,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prvw .b-mdl__prvw-list,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prvw .b-mdl__prvw-itm-i,
.modal-content > ng-component > div.b-mdl__prvw .b-mdl__prvw-list,
.modal-content > ng-component > div.b-mdl__prvw .b-mdl__prvw-itm-i {
  max-height: calc(90dvh - 40px);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tips-info,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tips-info,
.modal-content > ng-component > div.b-mdl__tips-info {
  padding: 0;
  max-width: 640px;
  text-align: start;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tips-info .b-mdl__tips-info-i,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tips-info .b-mdl__tips-info-i,
.modal-content > ng-component > div.b-mdl__tips-info .b-mdl__tips-info-i {
  max-height: calc(90dvh - 40px);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trtb,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trtb,
.modal-content > ng-component > div.b-mdl__trtb {
  padding: 20px 24px 0;
  max-width: 700px;
  text-align: start;
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trtb,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trtb,
  .modal-content > ng-component > div.b-mdl__trtb {
    padding: 16px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trtb,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trtb,
  .modal-content > ng-component > div.b-mdl__trtb {
    padding: 12px 12px 0;
  }
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trtb:has(.b-mtch__fltr.tbl--addt) .l-crd.l-mttb__table,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trtb:has(.b-mtch__fltr.tbl--addt) .l-crd.l-mttb__table,
  .modal-content > ng-component > div.b-mdl__trtb:has(.b-mtch__fltr.tbl--addt) .l-crd.l-mttb__table {
    max-height: calc(90dvh - 123px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trtb .l-mttb,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trtb .l-mttb,
.modal-content > ng-component > div.b-mdl__trtb .l-mttb {
  border-radius: 0 0 var(--rd-16) var(--rd-16);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trtb .l-crd.l-mttb__table,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trtb .l-crd.l-mttb__table,
.modal-content > ng-component > div.b-mdl__trtb .l-crd.l-mttb__table {
  max-height: calc(90dvh - 87px);
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trtb .l-crd.l-mttb__table,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trtb .l-crd.l-mttb__table,
  .modal-content > ng-component > div.b-mdl__trtb .l-crd.l-mttb__table {
    max-height: calc(90dvh - 83px);
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__trtb .l-crd.l-mttb__table,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__trtb .l-crd.l-mttb__table,
  .modal-content > ng-component > div.b-mdl__trtb .l-crd.l-mttb__table {
    max-height: calc(90dvh - 79px);
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prvw.o8u7,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prvw.o8u7,
.modal-content > ng-component > div.b-mdl__prvw.o8u7 {
  padding: 0;
  max-width: 640px;
  text-align: start;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt,
.modal-content > ng-component > div.b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt {
  max-height: calc(90dvh - 40px);
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tpcn,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tpcn,
.modal-content > ng-component > div.b-mdl__tpcn {
  max-width: 640px;
  text-align: start;
  padding: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tpcn .b-mdl__tpcn-i,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tpcn .b-mdl__tpcn-i,
.modal-content > ng-component > div.b-mdl__tpcn .b-mdl__tpcn-i {
  max-height: calc(90dvh - 40px);
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tpcn .b-mdl__tpcn-i,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tpcn .b-mdl__tpcn-i,
  .modal-content > ng-component > div.b-mdl__tpcn .b-mdl__tpcn-i {
    padding-block: 18px 18px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__tpcn .b-mdl__tpcn-i,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__tpcn .b-mdl__tpcn-i,
  .modal-content > ng-component > div.b-mdl__tpcn .b-mdl__tpcn-i {
    padding-block: 12px 12px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prrg,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prrg,
.modal-content > ng-component > div.b-mdl__prrg {
  max-width: 540px;
  text-align: start;
  padding: 0;
}
.modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prrg .b-mdl__prrg-i,
.modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prrg .b-mdl__prrg-i,
.modal-content > ng-component > div.b-mdl__prrg .b-mdl__prrg-i {
  max-height: calc(90dvh - 40px);
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prrg .b-mdl__prrg-i,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prrg .b-mdl__prrg-i,
  .modal-content > ng-component > div.b-mdl__prrg .b-mdl__prrg-i {
    padding-block: 18px 18px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 480.98px) {
  .modal-content > div:not([bkratingsportpercentcomponent]).b-mdl__prrg .b-mdl__prrg-i,
  .modal-content > div[bkratingsportpercentcomponent] > div.b-mdl__prrg .b-mdl__prrg-i,
  .modal-content > ng-component > div.b-mdl__prrg .b-mdl__prrg-i {
    padding-block: 12px 12px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-mdl__ttl2 {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
.b-mdl__ttl2:not(:last-child) {
  margin-block-end: 16px;
}
.b-mdl__ttl2 .l-ttl {
  margin-block-end: 0;
}
.b-mdl__close.icon-close {
  --icon-w: 12px;
  --icon-c: var(--color-black);
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: -48px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 1px solid var(--color-addgrey);
  background-color: var(--color-white);
  border-radius: var(--rd-round);
  cursor: pointer;
  z-index: 5;
}
@media only screen and (max-width: 600px) {
  .b-mdl__close.icon-close {
    inset-block-start: 16px;
    inset-inline-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__close.icon-close {
    display: none;
  }
}
@media only screen and (min-width: 601px) {
  .b-mdl__close.icon-close {
    border: none;
    background-color: var(--color-white-60);
    transition: background-color 0.2s ease;
  }
}
@media only screen and (min-width: 601px) and (min-width: 767.98px) {
  .b-mdl__close.icon-close:hover {
    background-color: var(--color-white-50);
  }
}
@media only screen and (min-width: 601px) {
  .b-mdl__close.icon-close:active {
    background-color: var(--color-white-50);
  }
}
.b-mdl__html .l-inpt__form textarea {
  max-height: 500px;
}
.b-mdl__html .b-mdl__btns-w {
  justify-content: center;
}
.b-mdl__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 16px;
  column-gap: 16px;
  row-gap: 8px;
  flex-wrap: wrap;
}
.b-mdl__text {
  text-align: center;
  color: var(--color-darkgrey);
}
.b-mdl__icon {
  display: block;
  margin: 0 auto;
}
.b-mdl__icon.icon-sent {
  --icon-w: 64px;
  --icon-c: var(--color-black);
}
.b-mdl__icon.icon-check {
  --icon-w: 36px;
  --icon-c: var(--color-white);
  display: flex;
  width: 48px;
  height: 48px;
  background-color: var(--color-darkgreen);
  border-radius: var(--rd-round);
  margin-block-end: 8px;
}
.b-mdl__social {
  margin-block: 12px 24px;
  margin-inline: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-mdl__social .l-soal__item {
  --social-w: 24px;
  --social-rd: 7px;
}
.b-mdl__social .l-soal__item.icon-yandex {
  --social-rd: 50%;
}
.b-mdl__social .l-btn--s:focus {
  border-color: var(--color-grey);
}
.b-mdl__social .l-btn--s:not(:last-child) {
  margin-inline-end: 16px;
}
.b-mdl__social.sk--mdl-soal .l-btn--s {
  pointer-events: none;
}
.b-mdl__social.sk--mdl-soal .l-soal__item.sk__line {
  --social-w: 24px;
  --social-h: 24px;
  width: var(--social-w);
  height: var(--social-h);
  flex: 0 0 var(--social-w);
  border-radius: var(--social-rd, var(--rd-7));
  display: block;
}
.b-mdl__chks {
  position: relative;
  height: var(--chks-height, 100%);
  overflow-x: hidden;
  overflow-y: auto;
  margin-block: 12px 16px;
  margin-inline: 0 0;
}
.b-mdl__chks:not(.b-mdl__chks--bk) {
  padding: 16px;
  margin: 0 -16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__chks:not(.b-mdl__chks--bk) {
    padding: 12px;
    margin: 0 -12px;
  }
}
.b-mdl__chks:not(.b-mdl__chks--bk) {
  max-height: calc(90vh - 246px);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__chks:not(.b-mdl__chks--bk) {
    max-height: calc(90vh - 244px);
  }
}
.b-mdl__chks.b-mdl__chks--bk {
  max-height: calc(90vh - 382px);
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__chks.b-mdl__chks--bk {
    max-height: calc(95vh - 362px);
  }
}
.b-mdl__chks::-webkit-scrollbar {
  display: block;
}
.b-mdl__chks::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-dark-15);
}
.b-mdl__chks span.null.grey {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  text-align: center;
}
.b-mdl__ch-all {
  height: 30px;
  padding-block-end: 12px;
  border-block-end: 1px solid var(--color-bg-dark-10);
}
.b-mdl__ch-all .f-check {
  display: inline-block;
  height: 18px;
}
.b-mdl__ch-all .f-check > span:first-of-type::before,
.b-mdl__ch-all .f-check > span:first-of-type::after {
  inset-block-start: 0px;
}
.b-mdl__list + .b-mdl__list {
  margin-block-start: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__list + .b-mdl__list {
    margin-block-start: 20px;
  }
}
.b-mdl__list > *:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__list > .l-brdc:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mdl__item {
  text-align: start;
}
.b-mdl__item .f-check {
  display: inline-block;
}
.b-mdl__item span + span {
  margin-inline-start: 4px;
}
.b-mdl__item > .l-ttl {
  margin-block-end: 0;
}
.b-mdl__item > .l-ttl:not(:first-child) {
  margin-block-start: 20px;
}
.b-mdl__item + .l-brdc {
  margin-block-start: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__item + .l-brdc {
    margin-block-start: 20px;
  }
}
.b-mdl__ftr {
  position: relative;
  margin: 0px -16px;
  padding: 16px 16px;
  text-align: start;
  box-shadow: 0 2px 30px var(--color-addgrey-40);
}
.b-mdl__ftr .grey {
  margin-block-end: 12px;
}
.b-mdl__btns {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__btns {
    gap: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__btns--b {
    gap: 20px;
  }
  .b-mdl__btns--b .l-link__mdl a {
    --fz: 16px;
  }
  .b-mdl__btns--b .l-btn {
    --fz: 16px;
    height: 56px;
    padding: 15px 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__btns--b {
    gap: 16px;
  }
}
.b-mdl__btns-w {
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__btns-w {
    gap: 16px;
  }
}
.b-mdl__btns-w .l-btn {
  height: 56px;
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__btns-w .l-btn {
    --fz: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__btns-w .l-btn {
    height: 44px;
  }
}
.b-mdl__vid-i {
  position: relative;
  max-height: calc(100dvh - 100px);
  aspect-ratio: 16/9;
}
.b-mdl__vid-i iframe {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-12);
  overflow: hidden;
}
.b-mdl__body {
  margin-inline-start: -16px;
  margin-inline-end: -16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__body {
    margin-inline-start: -12px;
    margin-inline-end: -12px;
  }
}
.b-mdl__body .l-tltp .l-tltp__items {
  height: 396px;
  max-height: calc(90dvh - 200px);
}
.b-mdl__sltn {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 54px;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__sltn {
    max-height: 46px;
  }
}
.b-mdl__sltn.selected::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 16px;
  width: calc(100% - 32px);
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__sltn.selected::before {
    inset-inline-start: 12px;
    width: calc(100% - 24px);
  }
}
.b-mdl__sltn-cl {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  z-index: 5;
  background-color: var(--color-white);
  height: 88px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__sltn-cl {
    height: 68px;
  }
}
.b-mdl__sltn-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__sltn-h {
    padding: 12px;
  }
}
.b-mdl__sltn-h span.grey {
  --fz: 16px;
  --lh: 1.375;
  margin-block-end: 0;
}
.b-mdl__sltn-h i.icon-arrow {
  rotate: 180deg;
}
.b-mdl__sltn-i {
  padding: 0 16px 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__sltn-i {
    padding: 0 12px 12px;
  }
}
.b-mdl__sltn-i::-webkit-scrollbar {
  display: block;
}
.b-mdl__sltn-cn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.b-mdl__sltn-cn > .l-btn i.icon-trash {
  margin-inline-start: 8px;
}
.b-mdl__sltn-it {
  --fz: 14px;
  --color-link: var(--color-black);
  position: relative;
  white-space: nowrap;
  height: 36px;
  border-radius: var(--rd-100);
  background-color: var(--color-grey2);
  padding-block: 0 0;
  padding-inline: 12px 4px;
  display: flex;
  align-items: center;
  z-index: 5;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__sltn-it > a.wrd-ell {
    word-break: break-all;
    white-space: normal;
  }
}
.b-mdl__sltn-it i.icon-trash {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  cursor: pointer;
}
.b-mdl__odds .l-pgn {
  margin: 0;
  padding: 0;
}
.b-mdl__odds-i {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border-radius: inherit;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__odds-i {
    padding: 20px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-i {
    padding: 16px 12px;
  }
}
.b-mdl__odds-i:not(.b-mdl__odds-tips) > .b-mdl__odds-cnt {
  margin-block: -16px 0;
  margin-inline: -12px -12px;
  padding-inline-start: 12px;
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__odds-i:not(.b-mdl__odds-tips) > .b-mdl__odds-cnt {
    margin-block: -24px 0;
    margin-inline: -24px -24px;
    padding-inline-start: 24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mdl__odds-i:not(.b-mdl__odds-tips) > .b-mdl__odds-cnt {
    margin-block: -20px 0;
    margin-inline: -18px -18px;
    padding-inline-start: 18px;
  }
}
.b-mdl__odds-cnt {
  --color-link: var(--color-black);
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__odds-cnt {
    padding-inline-end: 12px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mdl__odds-cnt {
    padding-inline-end: 6px;
  }
}
.b-mdl__odds-cnt::-webkit-scrollbar {
  display: block;
}
.b-mdl__odds-cnt::-webkit-scrollbar-button {
  display: block;
  height: 5px;
}
.b-mdl__odds-cnt .l-ttl--md:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-cnt .l-ttl--md:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mdl__odds-cnt .b-mtch__trnm-str {
  padding: 0;
  border: none;
  border-radius: 0;
  align-items: center;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-cnt .b-mtch__trnm-str .b-mtch__trnm-str-img {
    width: 36px;
    height: 36px;
  }
}
.b-mdl__odds-cnt .b-mtch__trnm-str b {
  font-weight: 400;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-cnt .b-mtch__trnm-str b {
    --fz: 14px;
  }
}
.b-mdl__odds-cnt .b-mtch__trnm-str::before {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  width: calc(100% - 56px);
  border-block-start: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-cnt .b-mtch__trnm-str::before {
    width: calc(100% - 48px);
  }
}
.b-mdl__odds-cnt .b-mtch__trnm-str:has(+ .b-mtch__trnm-str) {
  padding-block-end: 12px;
  margin-block-end: 12px;
}
.b-mdl__odds-cnt .b-mtch__trnm-str:has(+ .b-mtch__trnm-str)::before {
  content: "";
}
.b-mdl__odds-cnt::after,
.b-mdl__odds-cnt::before {
  content: "";
  position: sticky;
  display: block;
  height: 24px;
  width: 100%;
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__odds-cnt::after,
  .b-mdl__odds-cnt::before {
    height: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-cnt::after,
  .b-mdl__odds-cnt::before {
    height: 16px;
  }
}
.b-mdl__odds-cnt::before {
  inset-block-start: 0;
  background:
    linear-gradient(
      0deg,
      transparent 0%,
      var(--color-white) 66.67%);
}
.b-mdl__odds-cnt::after {
  inset-block-end: 0;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--color-white) 66.67%);
}
.b-mdl__odds-tips {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 100%;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: translate 0.4s ease;
  background-color: var(--color-white);
  z-index: 2;
}
.b-mdl__odds-tips.open {
  translate: -100% 0;
  pointer-events: auto;
}
.b-mdl__odds-tips .l-mtvw__itm-c-h {
  border-block-end: 1px solid var(--color-border);
  padding-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .l-mtvw__itm-c-h {
    padding-block-end: 12px;
  }
}
.b-mdl__odds-tips .l-mtvw__itm-c-h:not(:last-child) {
  margin-block-end: 0;
}
.b-mdl__odds-tips .l-mtvw__itm-c-h > a {
  inset-block-start: 0;
  transform: translate(0, 0);
}
.b-mdl__odds-tips .b-mdl__odds-cnt {
  margin-block: 0 -16px;
  margin-inline: 0 -12px;
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt {
    margin-block: 0 -24px;
    margin-inline: 0 -24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt {
    margin-block: 0 -20px;
    margin-inline: 0 -18px;
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt > .l-crd {
  --color-link: var(--color-blue);
  padding: 16px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt > .l-crd {
    padding: 12px;
    border-radius: var(--rd-12);
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt > .l-crd.b-cpn__auth-t:not(._red) {
  border: 1px solid var(--color-grey2);
}
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__quote,
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__advice,
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__alert,
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__ps,
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .ovb-quote {
  padding: 16px 20px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__quote,
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__advice,
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__alert,
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__ps,
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .ovb-quote {
    padding: 12px;
    border-radius: var(--rd-12);
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__cnt:not(.b-cpn__cnt--h) {
  flex-wrap: wrap;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__cnt:not(.b-cpn__cnt--h) {
    gap: 8px;
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__cnt:not(.b-cpn__cnt--h) .b-cpn__mcit {
  flex: 0 0 100%;
}
.b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__cnt:not(.b-cpn__cnt--h) .l-inpt__form {
  flex: 0 0 calc(50% - 6px);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__cnt:not(.b-cpn__cnt--h) .l-inpt__form {
    flex: 0 0 calc(50% - 4px);
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__cnt .b-cpn__it:first-child {
  padding: 0 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__cnt .b-cpn__it:first-child {
    padding: 0 12px;
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .l-crd {
  padding: 0;
}
.b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__item-f > .l-btn {
  width: 100%;
  height: 44px;
  border-radius: var(--rd-16);
  margin: 0;
  padding-block-start: 0;
  padding-block-end: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__item-f > .l-btn {
    padding: 0 17px;
    height: 36px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__item-f > .l-btn {
    --fz: 14px;
    padding: 0 11px;
    height: 32px;
    border-radius: var(--rd-12);
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item .b-cpn__it.b-cpn__it--h:not(.open) {
  background-color: var(--color-lightgrey);
  border-color: var(--color-lightgrey);
}
.b-mdl__odds-tips .b-mdl__odds-cnt .l-crd.b-cpn__frm:not(:last-child) {
  margin-block-end: 44px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .l-crd.b-cpn__frm:not(:last-child) {
    margin-block-end: 32px;
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt .l-crd.b-cpn__frm .l-inpt__form:not(:last-child),
.b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item > *:not(:last-child),
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__quote:not(:last-child),
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__advice:not(:last-child),
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__alert:not(:last-child),
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__ps:not(:last-child),
.b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .ovb-quote:not(:last-child),
.b-mdl__odds-tips .b-mdl__odds-cnt > .l-crd:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .l-crd.b-cpn__frm .l-inpt__form:not(:last-child),
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-cpn__item > *:not(:last-child),
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__quote:not(:last-child),
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__advice:not(:last-child),
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__alert:not(:last-child),
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .card__ps:not(:last-child),
  .b-mdl__odds-tips .b-mdl__odds-cnt .b-art__i .ovb-quote:not(:last-child),
  .b-mdl__odds-tips .b-mdl__odds-cnt > .l-crd:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-mdl__odds-tips .b-mdl__odds-cnt .l-crd.b-cpn__frm,
.b-mdl__odds-tips .b-mdl__odds-cnt .l-crd.b-cpn__frm > .b-art__i {
  margin-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-tips .b-mdl__odds-cnt .l-crd.b-cpn__frm,
  .b-mdl__odds-tips .b-mdl__odds-cnt .l-crd.b-cpn__frm > .b-art__i {
    margin-block-start: 8px;
  }
}
.b-mdl__odds-at {
  --fz: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 -24px 24px;
  padding: 0 24px 24px;
}
.b-mdl__odds-at:not(:last-child) {
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__odds-at {
    margin: 0 -18px 20px;
    padding: 0 18px 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-at {
    --fz: 14px;
    gap: 8px;
    margin: 0 -12px 16px;
    padding: 0 12px 16px;
  }
}
.b-mdl__odds-at picture {
  width: 116px;
  height: 116px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__odds-at picture {
    width: 88px;
    height: 88px;
  }
}
.b-mdl__odds-at picture img {
  width: 100%;
  height: 100%;
}
.b-mdl__odds-at span {
  max-width: 350px;
}
.b-mdl__pr-c-i {
  position: relative;
  border-radius: var(--rd-16);
  background-color: var(--usr-pr-cl);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
}
.b-mdl__pr-c-i > div:nth-child(2) {
  color: var(--color-white);
  padding: 7px 15px;
  width: fit-content;
  border-radius: var(--rd-12);
  border: 1px dashed var(--color-white);
}
.b-mdl__pr-c-i > span:nth-child(3) {
  --fz: 24px;
  position: relative;
  color: var(--color-white);
  font-weight: 700;
  z-index: 3;
}
.b-mdl__pr-c-i > span:nth-child(4) {
  --fz: 14px;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: flex-start;
  width: fit-content;
  max-width: 50%;
  gap: 8px;
  padding: 20px;
  color: var(--color-lightgrey);
  border-radius: 0 var(--rd-16);
  background: var(--color-bg-dark-20);
}
.b-mdl__pr-c-b {
  height: 372px;
  max-height: calc(90vh - 285px);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 12px -16px 0;
  padding: 0 16px 16px;
}
.b-mdl__pr-c-b::-webkit-scrollbar {
  display: block;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__pr-c-b {
    margin: 12px -12px 0;
    padding: 0 12px 12px;
  }
}
.b-mdl__pr-c-b .l-ttl--b {
  margin-block-end: 12px;
}
.b-mdl__time > .b-mdl__body {
  margin-block-end: 0;
}
.b-mdl__time > .b-mdl__ftr {
  box-shadow: var(--shadow-grey);
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__time > .b-mdl__ftr {
    border-radius: var(--rd-16);
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__time > .b-mdl__ftr .l-link__mdl a {
    --fz: 16px;
  }
}
.b-mdl__time > .b-mdl__ftr .b-art__i {
  margin-block-end: 16px;
}
.b-mdl__time > .b-mdl__ftr .b-art__i .ovb-quote {
  padding: 16px;
  text-align: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__time > .b-mdl__ftr .b-art__i .ovb-quote {
    padding: 12px;
  }
}
.b-mdl__time > .b-mdl__ftr .b-art__i .ovb-quote > *:not(:last-child) {
  margin-block-end: 0;
}
.b-mdl__login {
  display: flex;
  flex-direction: column;
  overflow: hidden scroll;
  scrollbar-gutter: stable;
}
.b-mdl__login::-webkit-scrollbar {
  display: block;
}
.b-mdl__login:has(.b-auth__blk),
.b-mdl__login:has(.b-mdl__social) {
  height: 526px;
}
.b-mdl__login > .f {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.b-mdl__login > .f > .l-btn {
  margin-block-end: auto;
}
.b-mdl__login > .f > .l-btn + .b-mdl__text {
  margin-block-start: 16px;
}
.b-mdl__login:has(.b-auth__blk) {
  text-align: start;
}
.b-mdl__login:has(.b-auth__blk) .b-mdl__btns {
  margin-block-start: auto;
  flex-wrap: wrap;
}
.b-mdl__login:has(.b-auth__blk) .f-error:not(:last-child) {
  margin-block-end: 16px;
}
.b-mdl__rtng .l-bk__clmn:nth-child(2) {
  margin-inline-start: auto;
}
.b-mdl__rtng .l-bk__total {
  margin-inline-start: auto;
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__rtng .l-bk__total {
    flex: 0 1 102px;
  }
}
.b-mdl__rtng .l-bk__tbl {
  border: none;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
@media only screen and (max-width: 359.98px) {
  .b-mdl__rtng .l-bk__tbl {
    --fz: 14px;
  }
}
.b-mdl__rtng .l-bk__tbl--this .l-bk__row:not(:first-child) .l-bk__clmn:nth-child(2) > span {
  min-width: initial;
}
.b-mdl__rtng .l-bk__frml {
  width: 100%;
}
.b-mdl__rtng .l-bk__clmn:first-child {
  padding-inline-start: 20px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__rtng .l-bk__clmn:first-child {
    padding-inline-start: 12px;
  }
}
.b-mdl__rtng .l-bk__row:first-child {
  --fz: 14px;
  height: auto;
  color: var(--color-darkgrey);
  border: none;
  min-height: auto;
}
.b-mdl__rtng .l-bk__row:first-child .l-bk__clmn {
  padding-block-start: 0;
  padding-block-end: 0;
}
.b-mdl__rtng .l-bk__row:first-child .l-bk__clmn:first-child {
  opacity: 0;
}
.b-mdl__rtng .l-bk__row:not(:first-child) {
  height: 56px;
}
.b-mdl__rtng .l-bk__row:nth-child(2n+3) {
  background: var(--color-lightgrey);
  border-radius: var(--rd-16);
}
.b-mdl__rtng .l-bk__row:last-child {
  height: auto;
  min-height: auto;
  background: var(--color-white);
}
.b-mdl__rtng .l-bk__row:last-child .l-bk__clmn {
  padding-block-start: 0;
  padding-block-end: 0;
}
.b-mdl__rtng .l-bk__tbl--this .l-bk__clmn:first-child {
  flex: 1 1 auto;
}
.b-mdl__rtng .l-bk__tbl--this .l-bk__clmn:nth-child(2) {
  flex: 0 0 124px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__rtng .l-bk__tbl--this .l-bk__clmn:nth-child(2) {
    flex: 0 0 100px;
    margin-inline-start: 10px;
  }
}
.b-mdl__rtng .l-bk__tbl--this .l-bk__clmn:nth-child(3) {
  flex: 0 0 92px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__rtng .l-bk__tbl--this .l-bk__clmn:nth-child(3) {
    flex: 0 0 80px;
  }
}
.b-mdl__cmplnt-snt > * {
  text-align: center !important;
}
.b-mdl__cmplnt-snt .l-ttl {
  margin-block-end: 4px;
}
.b-mdl__trnm .b-bk__tags {
  padding: 0;
}
.b-mdl__trnm .b-bk__tags:not(:last-child) {
  margin-block-end: 16px;
}
.b-mdl__trnm .b-bk__tags .l-fltr {
  margin-block-start: 0;
}
.b-mdl__trnm--tn .b-bk__tags {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.b-mdl__trnm--tn .b-bk__tags > span {
  margin-block: 0px 12px;
  margin-inline: 0px 12px;
}
.b-mdl__trnm.bk-modal.b-mdl__trnm--ln {
  overflow: initial;
}
.b-mdl__trnm.bk-modal.b-mdl__trnm--ln .b-mdl__ftr .b-mdl__sltn-cl,
.b-mdl__trnm.bk-modal.b-mdl__trnm--ln .b-mdl__ftr {
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trnm.bk-modal.b-mdl__trnm--ln .b-mdl__ftr .b-mdl__sltn-cl,
  .b-mdl__trnm.bk-modal.b-mdl__trnm--ln .b-mdl__ftr {
    border-radius: var(--rd-16);
  }
}
.b-mdl__trnm.bk-modal.b-mdl__trnm--ln .b-mdl__chks {
  padding-inline-start: 28px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trnm.bk-modal.b-mdl__trnm--ln .b-mdl__chks {
    padding-inline-start: 24px;
  }
}
.b-mdl__trnm.b-mdl__trnm--ln {
  height: calc(90vh - 66px);
  overflow: hidden;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln {
    height: 90vh;
  }
}
.b-mdl__trnm.b-mdl__trnm--ln .odds2-intervals.clr-8 .l-btn {
  border-color: var(--clr-rb1);
  color: var(--clr-rb1);
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln .odds2-intervals.clr-8 .l-btn:hover {
    background-color: var(--clr-rb-hv2);
  }
}
.b-mdl__trnm.b-mdl__trnm--ln .odds2-intervals.clr-8 .l-btn:active {
  background-color: var(--clr-rb-hv2);
}
.b-mdl__trnm.b-mdl__trnm--ln .odds2-intervals.clr-8 .l-btn.open:after {
  rotate: 180deg;
}
.b-mdl__trnm.b-mdl__trnm--ln .b-mdl__chks {
  padding-block: 0 0;
  padding-inline: 16px calc(16px - var(--sb-reserved));
  margin: 0 -16px;
  transition: all 0.2s ease;
  max-height: initial;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln .b-mdl__chks {
    padding-block: 0 0;
    padding-inline: 12px calc(12px - var(--sb-reserved));
    margin: 0 -12px;
  }
}
.b-mdl__trnm.b-mdl__trnm--ln .b-mdl__list {
  --color-link: var(--color-black);
  padding-block-end: 16px;
}
.b-mdl__trnm.b-mdl__trnm--ln .b-mdl__list .l-brdc {
  --color-link: var(--color-blue);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln .b-mdl__list {
    padding-block-end: 12px;
  }
}
.b-mdl__trnm.b-mdl__trnm--ln .b-mdl__list .b-mdl__item.grey:not(:last-child) {
  margin-block-end: 6px;
}
.b-mdl__trnm.b-mdl__trnm--ln a.b-mdl__item {
  display: grid;
  grid-template-columns: 16px auto;
  align-items: baseline;
  padding: 6px 0;
  gap: 8px;
  -webkit-user-select: none;
  user-select: none;
  width: fit-content;
}
.b-mdl__trnm.b-mdl__trnm--ln a.b-mdl__item:not(:last-child) {
  margin-block-end: 0;
}
.b-mdl__trnm.b-mdl__trnm--ln a.b-mdl__item:last-child {
  margin-block-end: -6px;
}
.b-mdl__trnm.b-mdl__trnm--ln a.b-mdl__item i {
  position: relative;
  inset-block-start: 2px;
}
.b-mdl__trnm.b-mdl__trnm--ln a.b-mdl__item.disabled {
  cursor: no-drop;
  color: var(--color-darkgrey);
}
.b-mdl__trnm.b-mdl__trnm--ln > .odds2-intervals,
.b-mdl__trnm.b-mdl__trnm--ln > .l-slct {
  padding-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln > .odds2-intervals,
  .b-mdl__trnm.b-mdl__trnm--ln > .l-slct {
    padding-block-end: 12px;
  }
}
.b-mdl__trnm.b-mdl__trnm--ln .b-mdl__ftr {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  margin: 0;
  padding-block: 0 88px;
  padding-inline: 0 0;
  min-height: 88px;
  width: 100%;
  box-shadow: var(--shadow-grey);
  border-radius: var(--rd-20) var(--rd-20) 0 0;
  background-color: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln .b-mdl__ftr {
    border-radius: var(--rd-16) var(--rd-16) 0 0;
    padding-block: 0 68px;
    padding-inline: 0 0;
    min-height: 68px;
  }
}
.b-mdl__trnm.b-mdl__trnm--ln .b-mdl__ftr .b-mdl__btns {
  position: absolute;
  inset-block-end: 16px;
  inset-inline-start: 16px;
  z-index: 6;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln .b-mdl__ftr .b-mdl__btns {
    inset-block-end: 12px;
    inset-inline-start: 12px;
    gap: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln .b-mdl__ftr .b-mdl__btns .l-btn {
    --fz: 16px;
    height: 56px;
    width: 154px;
    padding: 17px 32px;
  }
}
.b-mdl__trnm.b-mdl__trnm--ln .b-mdl__ftr .b-mdl__btns .l-link__mdl a {
  --lh: 1;
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__trnm.b-mdl__trnm--ln .b-mdl__ftr .b-mdl__btns .l-link__mdl a {
    --fz: 16px;
  }
}
.b-mdl__trnm.b-mdl__trnm--ln:not(.open) .b-mdl__sltn {
  overflow: hidden;
}
.b-mdl__trnm.b-mdl__trnm--ln.open .b-mdl__chks .b-mdl__list {
  pointer-events: none;
}
.b-mdl__trnm.b-mdl__trnm--ln.open .b-mdl__sltn .b-mdl__sltn-i {
  overflow-y: auto;
  overflow-x: hidden;
}
.b-mdl__trnm.b-mdl__trnm--ln.open .b-mdl__sltn .b-mdl__sltn-h i {
  rotate: 0deg;
}
.b-mdl__bkpg > *:not(:last-child) {
  margin-block-end: 12px;
}
.b-mdl__bkpg .b-bkpg__frml .b-bkpg__frml-i .l-frml {
  padding: 24px 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__bkpg .b-bkpg__frml .b-bkpg__frml-i .l-frml {
    padding: 20px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__bkpg .b-bkpg__frml .b-bkpg__frml-i .l-frml {
    padding: 16px 12px;
  }
}
.b-mdl__bkpg .b-bkap__bg {
  pointer-events: none;
}
.b-mdl__bkpg .b-bkap__bg::before {
  opacity: 0.05;
}
.b-mdl__video .l-ttl {
  margin-block-end: 12px;
}
.b-mdl__avup .l-ttl {
  margin-block-end: 9px;
}
.b-mdl__avup .f-upl__av > .l-av,
.b-mdl__avup .f-upl__av {
  --av-wh: 270px;
  --av-fz: 120px;
}
.b-mdl__avup .f-upl__av {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 344px;
}
.b-mdl__avup .f-upl__av .l-av {
  margin: 37px 0;
}
.b-mdl__avup .f-upl__av .f-upl__av-sl {
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: var(--av-wh);
  height: var(--av-wh);
  transform: translate(-50%, -50%);
}
.b-mdl__avup .f-upl__av .f-upl__av-rs {
  inset-block-start: calc(50% - var(--av-wh) / 2);
  inset-inline-end: calc(50% - var(--av-wh) / 2);
}
.b-mdl__avup .f-upl__av .f-upl__av-upl {
  --fz: 20px;
  max-width: 100px;
}
.b-mdl__avup .f-upl__av .f-upl__av-upl i.icon-photo-alt {
  --icon-w: 66px;
}
.b-mdl__avup .b-art__i .card__alert {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4px;
  padding: 8px 12px;
}
.b-mdl__avup .b-art__i .card__alert span {
  white-space: nowrap;
  margin-block-end: 0;
}
.b-mdl__avup .b-art__i .card__alert span.bold {
  font-weight: 700;
}
.b-mdl__avup .b-mdl__btns {
  margin-block-start: 16px;
}
.b-mdl__time > *:not(:last-child) {
  margin-block-end: 16px;
}
.b-mdl__time .l-ttl {
  margin-block-end: 12px;
}
.b-mdl__time > div.grey {
  text-align: start;
}
.b-mdl__adrb p {
  padding: 12px;
  background-color: var(--color-orange-pale);
  border-radius: var(--rd-12);
  text-align: start;
  margin-block-end: 16px;
}
.b-mdl__adrb textarea {
  min-height: 112px;
  max-height: 112px;
}
.b-mdl__bk-qrapp .b-mdl__ttl2 {
  position: relative;
  z-index: 1;
}
.b-mdl__bk-qrapp .b-mdl__ttl2 .l-ttl2 {
  margin-block-end: 0;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 240px;
  margin: 0;
  gap: 16px;
  z-index: 1;
  background-color: var(--color-white-60);
  border-radius: var(--rd-20);
  padding: 20px;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-weight: 400;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl::before {
  content: "";
  position: absolute;
  background: url(/images3/bookmakers/app-modal_dwnl.png) 0px 0px/80px 80px no-repeat;
  width: 80px;
  height: 80px;
  inset-block-start: 32px;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl > p {
  --fz: 16px;
  margin-block-end: 8px;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl > .l-btn--br {
  --fz: 14px;
  --lh: 1.57143;
  background-color: var(--color-black2);
  color: var(--color-white);
  border: none;
  border-radius: var(--rd-12);
  height: 32px;
  padding: 12px;
  width: 100%;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl > .l-btn--br > span::before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(/images3/bookmakers/app-modal_dwn-arrow.png) 0 0/16px 16px no-repeat;
  width: 16px;
  height: 16px;
  margin-inline-end: 6px;
  inset-block-start: 3px;
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl :hover.l-btn--br {
    cursor: pointer;
    background-color: var(--color-grey-dark-alt2);
  }
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl :active.l-btn--br {
  cursor: pointer;
  background-color: var(--color-grey-dark-alt2);
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i > .logo {
  width: 66px;
  height: 66px;
  position: absolute;
  border-radius: var(--rd-round);
  background-color: var(--color-white);
  padding: 3px;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i > .logo > img {
  width: 60px;
  height: 60px;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-weight: 400;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl::before {
  content: "";
  position: absolute;
  background: url("./media/app-modal_dwnl.png") 0px 0px/80px 80px no-repeat;
  width: 80px;
  height: 80px;
  inset-block-start: 32px;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl > p {
  --fz: 16px;
  margin-block-end: 8px;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl > .l-btn--br {
  --fz: 14px;
  --lh: 1.57143;
  background-color: var(--color-black2);
  color: var(--color-white);
  border: none;
  border-radius: var(--rd-12);
  height: 32px;
  padding: 12px;
  width: 100%;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl > .l-btn--br > span::before {
  content: "";
  position: relative;
  display: inline-block;
  background: url("./media/app-modal_dwn-arrow.png") 0 0/16px 16px no-repeat;
  width: 16px;
  height: 16px;
  margin-inline-end: 6px;
  inset-block-start: 3px;
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl :hover.l-btn--br {
    cursor: pointer;
    background-color: var(--color-grey-dark-alt2);
  }
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i.dwnl :active.l-btn--br {
  cursor: pointer;
  background-color: var(--color-grey-dark-alt2);
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i > .logo {
  width: 66px;
  height: 66px;
  position: absolute;
  border-radius: var(--rd-round);
  background-color: var(--color-white);
  padding: 3px;
}
.b-mdl__bk-qrapp .b-mdl__bk-qrapp-i > .logo > img {
  width: 60px;
  height: 60px;
}
.b-mdl__bk-qrapp .b-mdl__qrc {
  width: 240px;
  height: 240px;
  border-radius: var(--rd-20);
  border: 1px solid var(--color-addgrey-70);
  background-color: var(--color-white);
  overflow: hidden;
  padding: 8px;
}
.b-mdl__bk-qrapp .b-mdl__qrc img {
  width: 100%;
  height: 100%;
}
.b-mdl__mtch-view .b-prw {
  z-index: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-view .b-prw {
    border-radius: var(--rd-16);
  }
}
.b-mdl__mtch-view .b-prw .b-prw__cnt {
  padding-block-end: 24px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__mtch-view .b-prw .b-prw__cnt {
    padding-block-end: 12px;
  }
}
.b-mdl__mtch-view .b-prw .l-evnt__cnt {
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 16px;
}
.b-mdl__mtch-view .b-prw .l-evnt__cnt-i {
  flex: 0 0 100%;
}
.b-mdl__mtch-view .b-prw .l-evnt__t {
  flex: 0 0 calc(50% - 8px);
  text-align: center;
}
.b-mdl__mtch-view .b-prw .l-evnt__t:first-child {
  order: 2;
}
.b-mdl__mtch-view .b-prw .l-evnt__t:last-child {
  order: 3;
}
.b-mdl__mtch-view .b-prw .b-prw__cat + .b-prw__cat {
  margin-block-start: 4px;
}
.b-mdl__mtch-view .b-prw .b-prw__cat + .l-evnt__cnt {
  margin-block-start: 20px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__mtch-view .b-prw .b-prw__cat + .l-evnt__cnt {
    margin-block-start: 12px;
  }
}
.b-mdl__mtch-view .b-prw .l-evnt + .b-prw__bk {
  margin-block-start: 20px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__mtch-view .b-prw .l-evnt + .b-prw__bk {
    margin-block-start: 12px;
  }
}
.b-mdl__mtch-view .b-prw {
  flex: 0 0 auto;
}
.b-mdl__mtch-view .l-crd.l-mtvw {
  position: relative;
  flex: 1 1 auto;
}
.b-mdl__mtch-view .b-mdl__mtch-view-i {
  overflow: hidden;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-view .b-mdl__mtch-view-i {
    border-radius: var(--rd-16);
  }
}
.b-mdl__mtch-view .b-mdl__mtch-view-ii {
  position: relative;
  background-color: var(--color-white);
  border-radius: var(--rd-24) var(--rd-24) var(--rd-20) var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-view .b-mdl__mtch-view-ii {
    border-radius: var(--rd-24) var(--rd-24) var(--rd-16) var(--rd-16);
  }
}
.b-mdl__mtch-view .b-mdl__mtch-view-ii::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 24px;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--color-white) 66.67%);
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mtch-view .b-mdl__mtch-view-ii::after {
    height: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-view .b-mdl__mtch-view-ii::after {
    height: 12px;
  }
}
.b-mdl__mtch-view .b-mdl__mtch-view-ii:has(.l-mtvw__block:not(.close) .l-mtvw__link)::after {
  height: 88px;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--color-white) 20px);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mtch-view .b-mdl__mtch-view-ii:has(.l-mtvw__block:not(.close) .l-mtvw__link)::after {
    height: 74px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-view .b-mdl__mtch-view-ii:has(.l-mtvw__block:not(.close) .l-mtvw__link)::after {
    height: 68px;
  }
}
.b-mdl__mtch-view .b-mdl__mtch-view-ii .l-flr--prld {
  flex: 0 0 var(--flr-prld-h, 72px);
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__mtch-view .b-mdl__mtch-view-ii .l-flr--prld {
    display: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-view .b-mdl__mtch-view-ii .l-flr--prld {
    flex: 0 0 var(--flr-prld-h, 53px);
  }
}
.b-mdl__mtch-view .b-mdl__mtch-view-scr {
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.b-mdl__mtch-view .b-mdl__mtch-view-scr::-webkit-scrollbar {
  display: none;
}
.b-mdl__shrs .b-bk__shdd {
  border: none;
  box-shadow: none;
  background-color: initial;
}
.b-mdl__shrs .b-bk__shdd .b-bk__shdd-c {
  padding: 0;
  text-align: start;
}
.b-mdl__rtkp-bsau > .l-cat__row {
  padding: 0 24px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__rtkp-bsau > .l-cat__row {
    padding: 0 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__rtkp-bsau > .l-cat__row {
    padding: 0 12px 12px;
  }
}
.b-mdl__rtkp-bsau > .l-cat__row:has(+ :not(.b-rtkp__bsau-inf)) {
  border-block-end: 1px solid var(--color-border);
}
.b-mdl__rtkp-bsau > .l-cat__row:not(:last-child) {
  margin-block-end: 0;
}
.b-mdl__rtkp-bsau > .l-cat__row .l-inf__i .l-av {
  --av-wh: 56px;
  --av-fz: 22px;
  margin-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__rtkp-bsau > .l-cat__row .l-inf__i .l-av {
    --av-wh: 44px;
    --av-fz: 18px;
    margin-inline-end: 8px;
  }
}
.b-mdl__rtkp-bsau > .l-cat__row .l-inf__i .l-usr > div:first-child {
  font-weight: 700;
}
.b-mdl__rtkp-bsau > .l-cat__row .l-inf__i .l-usr > div:last-child {
  --fz: 14px;
}
.b-mdl__rtkp-bsau > .l-cat__row .b-rtkp__bsau-rtis {
  width: fit-content;
}
.b-mdl__rtkp-bsau > .l-cat__row .b-rtkp__bsau-rt {
  cursor: default;
  text-align: center;
}
.b-mdl__rtkp-bsau > .l-cat__row .b-rtkp__bsau-rt > div {
  justify-content: center;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade {
    --fz: 14px;
  }
}
.b-mdl__grade .b-mdl__grade-inr {
  overflow-x: hidden;
  overflow-y: auto;
}
.b-mdl__grade .b-mdl__grade-inr::-webkit-scrollbar {
  display: none;
}
.b-mdl__grade .b-mdl__grade-inr.l-crd {
  --fz: 16px;
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd {
    padding: 20px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd {
    padding: 16px 12px;
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-tips {
  margin-block-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-tips {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-tips {
    margin-block-end: 8px;
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-tips:has(+ .l-ttl--bld) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-tips:has(+ .l-ttl--bld) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-tips:has(+ .l-ttl--bld) {
    margin-block-end: 16px;
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-avrd {
  margin-block-end: 0;
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-avrd:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-avrd:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-avrd:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd > a {
  margin-block-end: 24px;
  display: block;
  width: fit-content;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd > a {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd > a {
    margin-block-end: 16px;
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-ttl--md:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-ttl--md:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-ttl--bld:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-ttl--bld:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-ttl--b,
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-inpt__form,
.b-mdl__grade .b-mdl__grade-inr.l-crd .f-check:has(~ .l-inpt__form),
.b-mdl__grade .b-mdl__grade-inr.l-crd .f-error:has(~ .l-inpt__form) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-ttl--b,
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-inpt__form,
  .b-mdl__grade .b-mdl__grade-inr.l-crd .f-check:has(~ .l-inpt__form),
  .b-mdl__grade .b-mdl__grade-inr.l-crd .f-error:has(~ .l-inpt__form) {
    margin-block-end: 12px;
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .f-check {
  margin-block-start: 12px;
}
.b-mdl__grade .b-mdl__grade-inr.l-crd .l-btn.l-btn--b {
  --fz: 16px;
  margin-block-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd .l-btn.l-btn--b {
    border-radius: var(--rd-12);
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd._list {
  position: relative;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-inline-end: calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd._list {
    padding-inline-end: calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd._list {
    padding-inline-end: calc(12px - var(--sb-reserved));
  }
}
.b-mdl__grade .b-mdl__grade-inr.l-crd._list::-webkit-scrollbar {
  display: block;
}
.b-mdl__grade .b-mdl__grade-inr.l-crd._list::-webkit-scrollbar-button {
  display: block;
  height: 4px;
}
.b-mdl__grade .b-mdl__grade-inr.l-crd._list > div:not([class]) {
  position: sticky;
  inset-block-end: 0;
  z-index: 1;
}
.b-mdl__grade .b-mdl__grade-inr.l-crd._list > div:not([class])::after {
  --bg-gra: 24px;
  content: "";
  position: absolute;
  inset-block-end: calc(0px - var(--bg-gra));
  inset-inline-start: -24px;
  width: calc(100% + 48px);
  height: 104px;
  background:
    linear-gradient(
      180deg,
      var(--color-white-25) 0%,
      var(--color-white) var(--bg-gra));
  border-radius: inherit;
  overflow: hidden;
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd._list > div:not([class])::after {
    --bg-gra: 20px;
    inset-inline-start: -18px;
    height: 92px;
    width: calc(100% + 36px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-inr.l-crd._list > div:not([class])::after {
    --bg-gra: 16px;
    height: 80px;
    inset-inline-start: -12px;
    width: calc(100% + 24px);
  }
}
.b-mdl__grade .b-mdl__grade-l {
  position: sticky;
  inset-block-start: 0;
  background:
    linear-gradient(
      90deg,
      var(--color-violet) 0%,
      var(--color-blue-alt3) 100%);
  height: 280px;
  width: 100%;
  border-radius: var(--rd-16) var(--rd-16) 0 0;
  overflow: hidden;
  margin-block-end: -24px;
  pointer-events: none;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l {
    height: 200px;
  }
}
.b-mdl__grade .b-mdl__grade-l::before,
.b-mdl__grade .b-mdl__grade-l::after {
  content: "";
  position: absolute;
}
.b-mdl__grade .b-mdl__grade-l::before {
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 390px;
  height: 390px;
  border-radius: var(--rd-round);
  background:
    url(/images3/common/grade/star-cnt.svg) 50% 50%/390px 390px no-repeat,
    linear-gradient(
      90deg,
      var(--color-violet) 0%,
      var(--color-blue-alt3) 100%);
  filter: blur(60px);
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: grade-appear-size 2s infinite alternate ease 4s;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l::before {
    width: 360px;
    height: 360px;
    background-size: 360px 360px;
    animation: grade-appear-size-xs 2s infinite alternate ease 4s;
  }
}
.b-mdl__grade .b-mdl__grade-l::after {
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: url(/images3/common/grade/stars-bg.svg) -22px 0/582px 352px no-repeat;
  animation: grade-appear-shadow 5s infinite ease;
  z-index: 2;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l::after {
    background: url(/images3/common/grade/stars-bg-xs.svg) 50% 50%/480px auto no-repeat;
  }
}
.b-mdl__grade .b-mdl__grade-l .b-frcs__avrd-b {
  position: absolute;
  inset-block-start: 8%;
  inset-inline-start: 12%;
  width: fit-content;
  overflow: hidden;
  rotate: -4deg;
  scale: 1.4;
  background-color: var(--color-white);
  box-shadow: 0 5px 14px 0 var(--color-blue-soft-alt-30);
  animation: grade-appear-left 3s ease;
  z-index: 3;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l .b-frcs__avrd-b {
    inset-block-start: 5%;
    inset-inline-start: -7%;
    scale: 0.85;
  }
}
.b-mdl__grade .b-mdl__grade-l .b-frcs__avrd-b .b-frcs__avrd-c {
  gap: 12px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l .b-frcs__avrd-b .b-frcs__avrd-c {
    padding: 16px;
  }
}
.b-mdl__grade .b-mdl__grade-l .b-frcs__avrd-b .b-frcs__avrd-bt {
  border-color: var(--color-grey2);
  cursor: default;
}
.b-mdl__grade .b-mdl__grade-l .b-frcs__avrd-b .b-frcs__avrd-bt.active {
  position: relative;
  border: none;
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt2-80) 0%,
      var(--color-blue-alt2-80) 100%);
  box-shadow: 2px 2px 2px 0 var(--color-blue-light-20) inset, 2px 3px 9px 0 var(--color-blue-light);
  scale: 1.3;
  animation: grade-scale-resize 1s infinite alternate ease;
}
.b-mdl__grade .b-mdl__grade-l .b-frcs__avrd-b .b-frcs__avrd-bt.active::before {
  content: "";
  position: absolute;
  inset-block-start: -4px;
  inset-inline-start: -1px;
  rotate: -20deg;
  width: 100%;
  height: calc(100% + 4px);
  border-radius: var(--rd-round);
  border-block-start: 6px solid var(--color-white);
  border-block-end: 3px solid var(--color-blue-mid-alt);
  filter: blur(2px);
  z-index: 1;
}
.b-mdl__grade .b-mdl__grade-l-scr {
  --fz: 20px;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  inset-block-end: -39%;
  inset-inline-end: 5%;
  rotate: 4deg;
  border-radius: var(--rd-24);
  background-color: var(--color-lightgrey2);
  box-shadow: 0 5px 14px 0 var(--color-blue-soft-alt-30);
  padding: 22px;
  height: 250px;
  width: 300px;
  animation: grade-appear-right 1s ease;
  z-index: 3;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l-scr {
    --fz: 14px;
    inset-block-end: -43%;
    inset-inline-end: -8%;
    height: 200px;
    width: 252px;
    border-radius: var(--rd-20);
    gap: 4px;
  }
}
.b-mdl__grade .b-mdl__grade-l-scr > span {
  --fz: 50px;
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt2-80) 0%,
      var(--color-blue-alt2-80) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l-scr > span {
    --fz: 36px;
  }
}
.b-mdl__grade .b-mdl__grade-l-bns > span {
  --fz: 20px;
  --lh: 1;
  position: absolute;
  display: flex;
  align-items: center;
  width: fit-content;
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-100);
  font-weight: 700;
  color: var(--color-white);
  padding: 0 12px;
  height: 34px;
  white-space: nowrap;
  box-shadow: 0 8.58px 21.45px 0 var(--color-red-alt-30);
  z-index: 4;
}
.b-mdl__grade .b-mdl__grade-l-bns > span:nth-child(1) {
  inset-block-start: 60%;
  inset-inline-start: 13%;
  scale: 1.2;
  animation: grade-appear-top 2s ease;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l-bns > span:nth-child(1) {
    scale: 0.75;
    inset-inline-start: 8%;
    inset-block-start: 55%;
  }
}
.b-mdl__grade .b-mdl__grade-l-bns > span:nth-child(2) {
  inset-block-start: 36%;
  inset-inline-start: 45%;
  scale: 1.5;
  animation: grade-appear-top 1.5s ease;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l-bns > span:nth-child(2) {
    scale: 0.95;
    inset-inline-start: 33%;
    inset-block-start: 34%;
  }
}
.b-mdl__grade .b-mdl__grade-l-bns > span:nth-child(3) {
  inset-block-start: 16%;
  inset-inline-end: 12%;
  animation: grade-appear-top 1s ease;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-l-bns > span:nth-child(3) {
    inset-inline-end: 10%;
    inset-block-start: 11%;
    scale: 0.65;
  }
}
.b-mdl__grade .b-mdl__grade-body {
  position: relative;
  box-shadow: 0 0 40px 0 var(--color-blue-soft-alt-30);
  z-index: 5;
}
.b-mdl__grade .b-mdl__grade-t {
  background-color: var(--color-white);
  border-radius: var(--rd-16) var(--rd-16) 0 0;
  padding-block: 24px 20px;
  padding-inline: 24px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-t {
    padding-block: 20px 16px;
    padding-inline: 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-t {
    padding-block: 16px 12px;
    padding-inline: 12px 12px;
  }
}
.b-mdl__grade .b-mdl__grade-t .l-ttl--md {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-t .l-ttl--md {
    margin-block-end: 6px;
  }
}
.b-mdl__grade .b-mdl__grade-c {
  background-color: var(--color-lightgrey-alt);
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-c {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-c {
    padding: 12px;
  }
}
.b-mdl__grade .b-mdl__grade-c > p {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-c > p {
    margin-block-end: 12px;
  }
}
.b-mdl__grade .b-mdl__grade-c ol {
  list-style-type: none;
  counter-reset: item;
}
.b-mdl__grade .b-mdl__grade-c ol > li {
  position: relative;
  display: flex;
  align-items: center;
  counter-increment: item;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-c ol > li {
    gap: 12px;
  }
}
.b-mdl__grade .b-mdl__grade-c ol > li i.icon-check,
.b-mdl__grade .b-mdl__grade-c ol > li:before {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: var(--rd-round);
  background: var(--color-lightgrey-alt);
  border: 1px solid var(--color-addgrey);
  z-index: 2;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-c ol > li i.icon-check,
  .b-mdl__grade .b-mdl__grade-c ol > li:before {
    flex: 0 0 32px;
    height: 32px;
    width: 32px;
  }
}
.b-mdl__grade .b-mdl__grade-c ol > li i.icon-check {
  --icon-c: var(--color-darkgreen);
  border-color: var(--color-darkgreen);
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-c ol > li i.icon-check {
    --icon-w: 20px;
  }
}
.b-mdl__grade .b-mdl__grade-c ol > li:before {
  --fz: 20px;
  --lh: 1;
  content: counters(item, "") "";
  text-align: center;
  color: var(--color-black);
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-c ol > li:before {
    --fz: 16px;
  }
}
.b-mdl__grade .b-mdl__grade-c ol > li:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-c ol > li:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-c ol > li:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-mdl__grade .b-mdl__grade-c ol > li:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-block-start: calc(50% + 16px);
  inset-inline-start: 19px;
  width: 2px;
  height: 40px;
  background: url(/images3/common/stroke-vert-g.svg) 50% 0/3px 26px;
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-c ol > li:not(:last-child)::after {
    inset-block-start: calc(50% + 20px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-c ol > li:not(:last-child)::after {
    inset-inline-start: 15px;
    height: 32px;
  }
}
.b-mdl__grade .b-mdl__grade-c ol > li:has(i.icon-check)::before {
  content: none;
}
.b-mdl__grade .b-mdl__grade-c ol > li:has(i.icon-check):not(:last-child):after {
  background: url(/images3/common/stroke-vert-green.svg) 50% 0/3px 26px;
}
.b-mdl__grade .b-mdl__grade-ng {
  position: relative;
  padding: 220px 24px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-ng {
    padding: 220px 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-ng {
    padding: 195px 12px 12px;
  }
}
.b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  border-radius: var(--rd-20);
  overflow: hidden;
  background:
    url(/images3/contest/tips-ng/tips-ng-bg.svg) -800px -256px/1636px auto no-repeat,
    linear-gradient(
      0deg,
      var(--color-white-90) 0%,
      var(--color-white-90) 100%),
    linear-gradient(
      90deg,
      var(--color-indigo-alt2) 0%,
      var(--color-blue-alt2) 100%);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg {
    background:
      url(/images3/contest/tips-ng/tips-ng-bg.svg) -1100px -300px/1852px auto no-repeat,
      linear-gradient(
        0deg,
        var(--color-white-90) 0%,
        var(--color-white-90) 100%),
      linear-gradient(
        90deg,
        var(--color-indigo-alt2) 0%,
        var(--color-blue-alt2) 100%);
  }
}
.b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg::before,
.b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 220px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg::before,
  .b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg::after {
    height: 195px;
  }
}
.b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg::before {
  background: url(/images3/contest/tips-ng/tips-ng-star-bg.svg) 30px -54px/582px auto no-repeat;
  mask:
    linear-gradient(
      180deg,
      black 0%,
      transparent 95%);
  -webkit-mask: -webkit-linear-gradient(-90deg, black 0%, transparent 95%);
  mix-blend-mode: overlay;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg::before {
    background-position: 50% -10px;
    background-size: 436px auto;
  }
}
.b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg::after {
  background: url(/images3/contest/tips-ng/tips-ng-stars.svg) calc(50% - 12px) -16px/582px auto no-repeat;
  z-index: 1;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__grade .b-mdl__grade-ng .b-mdl__grade-ng-bg::after {
    background-position: calc(50% - 10px) 6px;
    background-size: 436px auto;
  }
}
.b-mdl__grade .b-mdl__grade-ng > div {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 1;
}
.b-mdl__grade .b-mdl__grade-ng > div .l-ttl--md {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-ng > div .l-ttl--md {
    margin-block-end: 6px;
  }
}
.b-mdl__grade .b-mdl__grade-ng > div .l-btn {
  --fz: 16px;
  margin-block-start: 24px;
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt2) 0%,
      var(--color-blue-alt2) 100%);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade .b-mdl__grade-ng > div .l-btn {
    margin-block-start: 44px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__grade .b-mdl__grade-ng > div .l-btn:hover {
    opacity: 0.9;
  }
}
.b-mdl__grade .b-mdl__grade-ng > div .l-btn:active {
  opacity: 0.9;
}
.b-mdl__mttn .b-mtch__strm-hdr .b-mtch__strm-top {
  padding: 24px 24px 44px;
  border: none;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mttn .b-mtch__strm-hdr .b-mtch__strm-top {
    padding: 18px 18px 38px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn .b-mtch__strm-hdr .b-mtch__strm-top {
    padding: 12px 12px 28px;
  }
}
.b-mdl__mttn .b-mtch__strm-hdr + * {
  position: relative;
  background-color: var(--color-white);
  margin-block-start: -20px;
  border-start-start-radius: var(--rd-20);
  border-start-end-radius: var(--rd-20);
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn .b-mtch__strm-hdr + * {
    margin-block-start: -16px;
    border-start-start-radius: var(--rd-16);
    border-start-end-radius: var(--rd-16);
  }
}
.b-mdl__mttn .b-mtch__strm-hdr ~ .b-mdl__mttn-cnt {
  max-height: calc(90dvh - 199px);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mttn .b-mtch__strm-hdr ~ .b-mdl__mttn-cnt {
    max-height: calc(90dvh - 181px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn .b-mtch__strm-hdr ~ .b-mdl__mttn-cnt {
    max-height: calc(90dvh - 143px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__mttn .b-mtch__strm-hdr ~ .b-mdl__mttn-cnt {
    max-height: calc(90dvh - 140px);
  }
}
.b-mdl__mttn .l-tab.l-tab--bdac {
  border-block-end: 1px solid var(--color-border);
}
.b-mdl__mttn .l-tab.l-tab--bdac .l-tab__inner {
  gap: 24px;
  padding: 20px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mttn .l-tab.l-tab--bdac .l-tab__inner {
    padding: 16px 18px;
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn .l-tab.l-tab--bdac .l-tab__inner {
    gap: 16px;
    padding: 12px;
  }
}
.b-mdl__mttn-cnt {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-block: 20px 20px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
  max-height: calc(90dvh - 107px);
  height: 100dvh;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mttn-cnt {
    max-height: calc(90dvh - 101px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn-cnt {
    max-height: calc(90dvh - 87px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__mttn-cnt {
    --fz: 14px;
    max-height: calc(90dvh - 84px);
  }
}
.b-mdl__mttn-cnt > *:not(:last-child) {
  margin-block-end: 8px;
}
.b-mdl__mttn-cnt::-webkit-scrollbar {
  display: block;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mttn-cnt {
    padding-block: 16px 16px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn-cnt {
    padding-block: 12px 12px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-mdl__mttn-itm {
  padding: 4px;
  border-radius: var(--rd-16);
  background-color: var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn-itm {
    border-radius: var(--rd-12);
  }
}
.b-mdl__mttn-itm:nth-child(odd) .b-mdl__mttn-itm-h b.sk__line {
  width: randomNum(60, 160)px;
}
.b-mdl__mttn-itm:nth-child(even) .b-mdl__mttn-itm-h b.sk__line {
  width: randomNum(60, 160)px;
}
.b-mdl__mttn-itm-h {
  display: flex;
  align-items: center;
  width: calc(100% + 8px);
  gap: 8px;
  margin: -4px;
  padding: 12px 16px;
  cursor: pointer;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mttn-itm-h {
    gap: 6px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn-itm-h {
    gap: 4px;
    padding: 10px 12px;
  }
}
.b-mdl__mttn-itm-h b {
  margin-inline-end: auto;
  transition: color 0.2s ease;
}
.b-mdl__mttn-itm-h i.icon-arrow svg {
  transition: rotate 0.2s ease;
}
.b-mdl__mttn-itm-h.open {
  margin-block-end: 0;
}
.b-mdl__mttn-itm-h.open i.icon-arrow svg {
  rotate: 180deg;
}
.b-mdl__mttn-itm-h .sk__line {
  background-color: var(--color-white);
}
.b-mdl__mttn-itm-h span.sk__line {
  width: 20px;
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__mttn-itm-h:hover b {
    color: var(--color-hover);
  }
}
.b-mdl__mttn-itm-h:active b {
  color: var(--color-hover);
}
.b-mdl__mttn-itm-c {
  overflow-x: hidden;
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn-itm-c {
    border-radius: var(--rd-8);
  }
}
.b-mdl__mttn-trn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  width: 100%;
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn-trn {
    gap: 6px;
    padding: 10px 8px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__mttn-trn:hover span {
    color: var(--color-hover);
  }
}
.b-mdl__mttn-trn:active span {
  color: var(--color-hover);
}
.b-mdl__mttn-trn:nth-child(odd) {
  background-color: var(--color-white);
}
.b-mdl__mttn-trn:nth-child(even) {
  background-color: var(--color-lightgrey-alt);
}
.b-mdl__mttn-trn picture {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mttn-trn picture {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
}
.b-mdl__mttn-trn picture img {
  width: 100%;
  height: auto;
}
.b-mdl__mttn-trn span {
  flex: 1 1 auto;
  word-break: break-all;
  transition: color 0.2s ease;
}
.b-mdl__mttn-trn i {
  flex: 0 0 16px;
}
.b-mdl__login-chip {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: var(--rd-16);
  z-index: 1;
}
.b-mdl__login-chip-i {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 12px 12px 32px;
  background-color: var(--color-white);
  border-radius: inherit;
  transition: translate 0.4s ease;
  pointer-events: auto;
  translate: 100% 0;
  height: 100%;
  animation: login-change-ip 0.4s ease 1;
}
.b-mdl__login-chip-i .l-mtvw__itm-c-h {
  margin-block-end: 12px;
}
.b-mdl__login-chip-i .b-bk__ab {
  margin-block-end: 16px;
  margin-block-start: 0;
  padding: 16px;
  gap: 8px;
}
.b-mdl__login-chip-i .f-error {
  margin-block-end: 12px;
}
.b-mdl__login-chip-i .l-link.l-link--sm.l-link--g {
  --fz: 16px;
  width: fit-content;
  margin-block-end: 16px;
}
.b-mdl__login-chip-i .l-btn {
  margin-block-start: auto;
}
.b-mdl__login-chip-i.open {
  translate: 0 0;
}
.b-mdl__mtch-trns {
  position: relative;
}
.b-mdl__mtch-trns::before,
.b-mdl__mtch-trns::after {
  --trmn-ba: 24px;
  content: "";
  position: absolute;
  inset-inline-start: var(--trmn-ba);
  width: calc(100% - var(--trmn-ba) * 2);
  height: var(--trmn-ba);
  background:
    linear-gradient(
      0deg,
      transparent 0%,
      var(--color-white) 66.67%);
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mtch-trns::before,
  .b-mdl__mtch-trns::after {
    --trmn-ba: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-trns::before,
  .b-mdl__mtch-trns::after {
    --trmn-ba: 12px;
  }
}
.b-mdl__mtch-trns::before {
  inset-block-start: 0;
  background:
    linear-gradient(
      0deg,
      transparent 0%,
      var(--color-white) 66.67%);
}
.b-mdl__mtch-trns::after {
  inset-block-end: 0;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--color-white) 66.67%);
}
.b-mdl__mtch-trns-i {
  --color-link: var(--color-black);
  height: 100%;
  max-height: calc(90dvh - 40px);
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mtch-trns-i {
    padding-block: 18px 18px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-trns-i {
    padding-block: 12px 12px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-mdl__mtch-trns-i::-webkit-scrollbar {
  display: block;
}
.b-mdl__mtch-trns-i::-webkit-scrollbar-button {
  display: block;
  height: 10px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mtch-trns-i::-webkit-scrollbar-button {
    height: 7.5px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-trns-i::-webkit-scrollbar-button {
    height: 5px;
  }
}
.b-mdl__mtch-trns-i .l-ttl--b {
  --fz: 20px;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__mtch-trns-i .l-ttl--b {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__mtch-trns-i .l-ttl--b {
    margin-block-end: 12px;
  }
}
.b-mdl__prc {
  --usr-pr-cl: var(--color-grey-act);
  --usr-pr-bg: var(--color-lightgrey-soft);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prc {
    --fz: 14px;
  }
}
.b-mdl__prc .b-mdl__prc-inr {
  overflow-x: hidden;
  overflow-y: auto;
}
.b-mdl__prc .b-mdl__prc-inr::-webkit-scrollbar {
  display: none;
}
.b-mdl__prc .b-mdl__prc-hdr {
  position: sticky;
  inset-block-start: 0;
  background: url(/images3/bg2/user-bonuses/user-modal-bg.png) 50%/610px auto no-repeat, var(--usr-pr-bg);
  background-blend-mode: overlay;
  height: 280px;
  width: 100%;
  border-radius: var(--rd-16) var(--rd-16) 0 0;
  overflow: hidden;
  margin-block-end: -20px;
  pointer-events: none;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr {
    height: 200px;
    background: url(/images3/bg2/user-bonuses/user-modal-bg.png) 50%/480px auto no-repeat, var(--usr-pr-bg);
  }
}
.b-mdl__prc .b-mdl__prc-hdr::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/images3/bg2/user-bonuses/user-modal-confetti.png) calc(0% - 180px) 50%/494px auto no-repeat, url(/images3/bg2/user-bonuses/user-modal-confetti.png) calc(100% + 180px) 50%/494px auto no-repeat;
  mix-blend-mode: color-burn;
  animation: grade-appear-shadow 5s infinite ease;
  opacity: 0.5;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr::before {
    background: url(/images3/bg2/user-bonuses/user-modal-confetti.png) calc(0% - 140px) 50%/352px auto no-repeat, url(/images3/bg2/user-bonuses/user-modal-confetti.png) calc(100% + 140px) 50%/352px auto no-repeat;
  }
}
.b-mdl__prc .b-mdl__prc-hdr > div {
  position: absolute;
  inset-block-start: calc(50% - 10px);
  inset-inline-start: 50%;
  translate: -50% -50%;
  pointer-events: none;
}
.b-mdl__prc .b-mdl__prc-hdr > div:not([class])::before,
.b-mdl__prc .b-mdl__prc-hdr > div:not([class])::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  translate: -50% -50%;
  border-radius: var(--rd-round);
  background-color: var(--color-white);
}
.b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1) {
  z-index: 1;
}
.b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1)::before,
.b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1)::after {
  filter: blur(50px);
  animation: promo-appear-size 2s infinite alternate ease 4s;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1)::before,
  .b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1)::after {
    filter: blur(35px);
  }
}
.b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1)::before {
  width: 400px;
  height: 400px;
  background-color: var(--usr-pr-bg);
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1)::before {
    width: 286px;
    height: 286px;
  }
}
.b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1)::after {
  width: 300px;
  height: 300px;
  opacity: 0.5;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(1)::after {
    width: 214px;
    height: 214px;
  }
}
.b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(2) {
  z-index: 2;
}
.b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(2)::before {
  width: 280px;
  height: 280px;
  opacity: 0.3;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(2)::before {
    width: 200px;
    height: 200px;
  }
}
.b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(2)::after {
  width: 232px;
  height: 232px;
  opacity: 0.5;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr > div:not([class]):nth-child(2)::after {
    width: 164px;
    height: 164px;
  }
}
.b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:not(:has(span)) {
  width: 162px;
  height: 184px;
  background: url(/images3/bg2/user-bonuses/user-modal-gift.png) 50%/100% auto no-repeat;
  z-index: 3;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:not(:has(span)) {
    width: 162px;
    height: 184px;
  }
}
.b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span) {
  pointer-events: auto;
  border-radius: var(--rd-16);
  background: var(--usr-pr-cl);
  rotate: -6deg;
  z-index: 3;
}
.b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span) span {
  --fz: 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: inherit;
  height: 64px;
  padding: 0 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-white);
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span) span {
    --fz: 24px;
    height: 50px;
    padding: 0 20px;
  }
}
.b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span) span::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0.5;
  background: var(--usr-pr-cl);
  filter: blur(20px);
  z-index: -1;
}
.b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span)::before,
.b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span)::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  height: 100%;
  width: 64px;
  background: url(/images3/bg2/user-bonuses/user-modal-code.png) 50%/64px auto no-repeat;
  mix-blend-mode: soft-light;
  overflow: hidden;
  border-radius: 0 var(--rd-16) var(--rd-16) 0;
  z-index: -1;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span)::before,
  .b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span)::after {
    width: 50px;
  }
}
.b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span)::before {
  inset-inline-start: 0;
  rotate: 180deg;
}
.b-mdl__prc .b-mdl__prc-hdr .b-mdl__prc-l:has(span)::after {
  inset-inline-end: 0;
}
.b-mdl__prc .b-mdl__prc-body {
  position: relative;
  background-color: var(--color-white);
  border-radius: var(--rd-16) var(--rd-16) 0 0;
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__prc .b-mdl__prc-body {
    padding: 20px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prc .b-mdl__prc-body {
    padding: 16px 12px;
  }
}
.b-mdl__prc .b-mdl__prc-body .l-ttl--md {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prc .b-mdl__prc-body .l-ttl--md {
    margin-block-end: 10px;
  }
}
.b-mdl__prc .b-mdl__prc-body .l-btn {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prc .b-mdl__prc-body .l-btn {
    --fz: 14px;
  }
}
.b-mdl__grade-list {
  padding-block-end: 30px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade-list {
    padding-block-end: 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list {
    padding-block-end: 18px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item {
  --crl-wh: 44px;
  position: relative;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item {
    --crl-wh: 32px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item:not(:last-child) {
  padding-block-end: 16px;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item:not(:last-child) {
    margin-block-end: 12px;
    padding-block-end: 12px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item:not(:last-child)::before {
  content: "";
}
.b-mdl__grade-list .b-mdl__grade-item::before {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: calc(var(--crl-wh) + 16px);
  width: calc(100% - var(--crl-wh) - 16px);
  border-block-end: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item::before {
    inset-inline-start: calc(var(--crl-wh) + 8px);
    width: calc(100% - var(--crl-wh) - 8px);
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-av {
  --av-wh: var(--crl-wh);
  --av-fz: 20px;
  align-self: flex-start;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-av {
    --av-fz: 15px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-av,
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr {
  margin-inline-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-av,
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr {
    margin-inline-end: 8px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr {
  display: flex;
  flex-direction: column;
  transition: initial;
  word-break: initial;
  align-self: flex-start;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > a,
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > span {
    --fz: 14px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row {
  --fz: 14px;
  column-gap: 8px;
  margin-block-start: 2px;
  row-gap: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row {
    --fz: 12px;
    column-gap: 6px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span:has(a) {
  --color-link: var(--color-darkgrey);
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span:not(:last-child) {
  padding-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span:not(:last-child) {
    padding-inline-end: 10px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span.sk__line {
  height: 19px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span.sk__line {
    height: 17px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span.sk__line:not(:last-child) {
  margin-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span.sk__line:not(:last-child) {
    margin-inline-end: 10px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span.sk__line:not(:last-child)::before {
  inset-inline-end: -12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .l-cat__row > span.sk__line:not(:last-child)::before {
    inset-inline-end: -10px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .sk__line {
  width: 100px;
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr > .sk__line {
    height: 19px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .l-usr + * {
  margin-inline-start: auto;
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .b-frcs__avrd-bt {
  --fz: 16px;
  position: relative;
  background: var(--clr-rb2);
  border: none;
  width: var(--crl-wh);
  height: var(--crl-wh);
  flex: 0 0 var(--crl-wh);
  color: var(--clr-rb1);
  font-weight: 600;
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .b-frcs__avrd-bt {
    --fz: 14px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i .b-frcs__avrd-bt > span.grd-scr {
  --fz: 12px;
  --lh: 1;
  position: absolute;
  display: flex;
  align-items: center;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  translate: -50% -12px;
  margin: 0;
  border: 2px solid var(--color-white);
  border-radius: var(--rd-5);
  height: 20px;
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt2) 0%,
      var(--color-blue-alt2) 100%);
  color: var(--color-white);
  padding: 0 4px;
}
.b-mdl__grade-list .b-mdl__grade-item > .l-inf__i + .b-frcs__avrd-dt {
  margin-block-start: 12px;
}
.b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .b-frcs__avrd-dt,
.b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .b-mdl__grade-cms,
.b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .l-cat__row,
.b-mdl__grade-list .b-mdl__grade-item:not(._tips) > p {
  padding-inline-start: 60px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .b-frcs__avrd-dt,
  .b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .b-mdl__grade-cms,
  .b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .l-cat__row,
  .b-mdl__grade-list .b-mdl__grade-item:not(._tips) > p {
    padding-inline-start: 40px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .b-mdl__grade-wrn,
.b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .b-mdl__grade-tplk {
  margin-inline-start: 60px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .b-mdl__grade-wrn,
  .b-mdl__grade-list .b-mdl__grade-item:not(._tips) > .b-mdl__grade-tplk {
    margin-inline-start: 40px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item._tips::before {
  inset-inline-start: 0;
  width: 100%;
}
.b-mdl__grade-list .b-mdl__grade-item > .l-cat__row {
  margin-block-start: 12px;
}
.b-mdl__grade-list .b-mdl__grade-item > p {
  margin-block-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item > p {
    --fz: 14px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item > .b-mdl__grade-wrn {
  margin-block-start: 12px;
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk {
  position: relative;
  margin-block-start: 12px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--rd-12);
  background-color: var(--color-lightgrey);
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk i.icon-forward {
  height: 19px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk i.icon-forward {
    height: 17px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk.sk__line {
  width: initial;
  height: 35px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk.sk__line {
    height: 32px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i {
  --fz: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i {
    --fz: 12px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i a {
  color: var(--color-darkgrey);
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--rd-12);
  z-index: 1;
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i a:hover {
    color: var(--color-black);
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i a:active {
  color: var(--color-black);
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i div {
  --fz: 12px;
  position: relative;
  display: flex;
  align-items: center;
  align-self: flex-start;
  gap: 2px;
  height: 20px;
  padding: 0 6px;
  background-color: var(--color-white);
  cursor: pointer;
  color: var(--color-darkgrey);
  border-radius: var(--rd-6);
  transition: color 0.2s ease;
  z-index: 2;
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i div span {
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i div:hover {
    color: var(--color-black);
  }
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i div:hover span {
    opacity: 1;
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i div:active {
  color: var(--color-black);
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-tplk-i div:active span {
  opacity: 1;
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-cms {
  --fz: 14px;
  margin-block-start: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-cms {
    --fz: 12px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-cms span {
  color: var(--color-darkgrey);
  margin-inline-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-cms span {
    margin-inline-end: 2px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-cms div {
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  height: 24px;
  background-color: var(--clr-rb2);
  color: var(--clr-rb1);
  border-radius: var(--rd-8);
  font-weight: 700;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-cms div {
    flex: 0 0 20px;
    height: 20px;
    border-radius: var(--rd-6);
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-cms + .b-frcs__avrd-dt {
  margin-block-start: 12px;
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-ifs {
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-ifs {
    gap: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-ifs {
    flex-direction: column;
    gap: 4px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-ifs .b-frcs__avrd-bt {
  gap: 6px;
  flex: 0 0 60px;
  height: 44px;
  width: 60px;
  border-radius: var(--rd-12);
  font-weight: 700;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-ifs .b-frcs__avrd-bt {
    height: 28px;
    width: 56px;
    flex: 0 0 28px;
    border-radius: var(--rd-8);
    gap: 4px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-ifs .b-frcs__avrd-bt i.icon-alert {
    --icon-w: 12px;
  }
}
.b-mdl__grade-list .b-mdl__grade-item .b-mdl__grade-ifs .b-frcs__avrd-bt._grey {
  background-color: var(--color-lightgrey);
  color: var(--color-darkgrey);
}
.b-mdl__trignr {
  background: url(/images3/common/modal-mc-ignor-bg.svg) 50% 42px/116px 116px no-repeat;
}
.b-mdl__trignr > p {
  text-align: center;
  padding: 0 50px;
  margin-block-end: 24px;
}
.b-mdl__trignr > .l-btn {
  background-color: var(--color-lightgrey);
  padding: 12px;
  height: 44px;
  width: 100%;
  color: var(--color-black);
  font-family: "OpenSans", san-serif;
}
@media only screen and (min-width: 767.98px) {
  .b-mdl__trignr > .l-btn:hover {
    background-color: var(--color-addgrey);
  }
}
.b-mdl__trignr > .l-btn:active {
  background-color: var(--color-addgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trignr {
    background: url(/images3/common/modal-mc-ignor-bg-mb.svg) 50% 5px/88px 88px no-repeat;
    width: 100%;
    height: 228px;
    padding-block-start: 102px;
    margin-block-end: -20px;
  }
  .b-mdl__trignr > .l-btn {
    height: 32px;
    padding: 5px;
  }
}
.b-mdl__grade-info {
  --fz: 16px;
  display: flex;
  align-items: flex-start;
  padding: 16px;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-16);
  color: var(--color-darkgrey);
  gap: 12px;
}
.b-mdl__grade-info:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade-info:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-info:not(:last-child) {
    margin-block-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-info {
    --fz: 14px;
    padding: 12px;
    border-radius: var(--rd-12);
    gap: 8px;
  }
}
.b-mdl__grade-info .icon-faq {
  --icon-w: 20px;
  opacity: 0.6;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-info .icon-faq {
    --icon-w: 16px;
  }
}
.b-mdl__grade-info .icon-close {
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-info .icon-close {
    display: none;
  }
}
.b-mdl__grade-uf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 0;
  margin: 0 -24px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade-uf {
    padding: 18px 18px 0;
    margin: 0 -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-uf {
    padding: 12px 12px 0;
    margin: 0 -12px;
  }
}
.b-mdl__grade-uf .l-tab__inner {
  flex-wrap: nowrap;
}
.b-mdl__grade-uf .l-tab__link.l-tab__link--btn {
  position: relative;
}
.b-mdl__grade-uf .l-tab__link.l-tab__link--btn.active {
  background-color: var(--color-red-pale);
  color: var(--color-hover);
}
.b-mdl__grade-uf .l-tab__link.l-tab__link--btn i.icon-alert {
  --icon-w: 12px;
  position: absolute;
  inset-block-start: -1px;
  inset-inline-end: -1px;
}
.b-mdl__grade-uf._art {
  margin: 0;
  padding-block: 12px 12px;
  padding-inline: 16px 12px;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-uf._art {
    flex-direction: column;
    padding: 12px;
    gap: 12px;
  }
}
.b-mdl__grade-uf._art:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__grade-uf._art:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-uf._art:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mdl__grade-uf._list {
  padding: 0;
  margin: 0;
  border: none;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-uf._list {
    flex-direction: column;
    gap: 12px;
  }
  .b-mdl__grade-uf._list span.grey {
    --fz: 14px;
  }
}
.b-mdl__grade-wrn {
  --fz: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-12);
  padding: 8px 12px;
  color: var(--color-darkgrey);
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__grade-wrn {
    --fz: 14px;
  }
}
.b-mdl__prvw .b-mdl__prvw-inr {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
  max-width: inherit;
}
.b-mdl__prvw .b-mdl__prvw-list,
.b-mdl__prvw .b-mdl__prvw-itm-i {
  overflow-x: hidden;
  height: 100dvh;
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__img,
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__img {
  border-radius: var(--rd-16) var(--rd-16) 0 0;
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-bk,
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-bk {
  padding-block: 0 20px;
  padding-inline: 4px 12px;
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-bk > picture,
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-bk > picture {
  width: 91px;
  flex: 0 0 91px;
  padding: 0 10px;
  margin-block-start: -6px;
  height: 44px;
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-rare:not(._status),
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-rare:not(._status) {
  inset-inline-start: 8px;
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-ttl,
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-ttl {
  padding: 0 12px 12px;
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-i,
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-i {
  box-shadow: inset 0 0 0 1px var(--color-lightgrey);
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-i .b-bns__i-cnt,
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-i .b-bns__i-cnt {
  padding: 0 12px 12px;
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-i .b-bns__i-cnt::after,
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-i .b-bns__i-cnt::after {
  border-radius: 0 0 var(--rd-16) var(--rd-16);
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b,
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b {
  --fz: 14px;
  border-radius: var(--rd-12);
}
@media only screen and (min-width: 516px) {
  .b-mdl__prvw .b-mdl__prvw-list .b-bns__item .b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b i.icon-arrow,
  .b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__item .b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b i.icon-arrow {
    position: static;
    translate: initial;
  }
}
.b-mdl__prvw .b-mdl__prvw-list {
  position: relative;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-block: 0 0;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__prvw .b-mdl__prvw-list {
    padding-block: 0 0;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prvw .b-mdl__prvw-list {
    padding-block: 0 0;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-mdl__prvw .b-mdl__prvw-list::-webkit-scrollbar {
  display: block;
}
.b-mdl__prvw .b-mdl__prvw-list::-webkit-scrollbar-button {
  display: block;
  height: 5px;
}
.b-mdl__prvw .b-mdl__prvw-list::before,
.b-mdl__prvw .b-mdl__prvw-list::after {
  content: "";
  position: sticky;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  height: 24px;
  pointer-events: none;
  z-index: 10;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__prvw .b-mdl__prvw-list::before,
  .b-mdl__prvw .b-mdl__prvw-list::after {
    height: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prvw .b-mdl__prvw-list::before,
  .b-mdl__prvw .b-mdl__prvw-list::after {
    height: 12px;
  }
}
.b-mdl__prvw .b-mdl__prvw-list::before {
  inset-block-start: 0;
  background:
    linear-gradient(
      0deg,
      transparent 0%,
      var(--color-white) 66.67%);
}
.b-mdl__prvw .b-mdl__prvw-list::after {
  inset-block-end: 0;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--color-white) 66.67%);
}
.b-mdl__prvw .b-mdl__prvw-list .l-ttl--b {
  --fz: 20px;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prvw .b-mdl__prvw-list .l-ttl--b {
    margin-block-end: 12px;
  }
}
.b-mdl__prvw .b-mdl__prvw-list .b-bns__grid {
  grid-template-columns: repeat(auto-fill, minmax(242px, 1fr));
  column-gap: 8px;
  row-gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prvw .b-mdl__prvw-list .b-bns__grid {
    row-gap: 12px;
  }
}
.b-mdl__prvw .b-mdl__prvw-list .l-pgn {
  margin-block-start: 16px;
}
.b-mdl__prvw .b-mdl__prvw-itm {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 100%;
  transition: translate 0.4s ease, opacity 0.4s ease;
  opacity: 0;
  background-color: var(--color-white);
  max-width: inherit;
  width: 100dvw;
  pointer-events: none;
  z-index: 10;
}
.b-mdl__prvw .b-mdl__prvw-itm.open {
  translate: -100% 0;
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (min-width: 549.98px) {
  .b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .l-pgn,
  .b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__ttl {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .l-pgn,
  .b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__ttl {
    padding: 0 18px;
  }
}
.b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other._view,
.b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other {
  grid-template-columns: 1fr;
  overflow-x: auto;
  overflow-y: hidden;
  padding-block-end: 0;
  margin-block-end: 0;
  overscroll-behavior-x: none;
}
.b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other._view .b-bns__item:not(:first-child:last-child),
.b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other .b-bns__item:not(:first-child:last-child) {
  flex: 0 0 353px;
}
@media only screen and (max-width: 415px) {
  .b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other._view .b-bns__item:not(:first-child:last-child),
  .b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other .b-bns__item:not(:first-child:last-child) {
    flex: 0 0 85dvw;
  }
}
.b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other._view > .b-bns__grid,
.b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other > .b-bns__grid {
  position: relative;
  display: flex;
  width: calc(369px * var(--count-items, 0) + 353px);
}
@media only screen and (max-width: 415px) {
  .b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other._view > .b-bns__grid,
  .b-mdl__prvw .b-mdl__prvw-itm .bookmakers-promo-view .b-bns__grid._other > .b-bns__grid {
    width: calc((85dvw + 16px) * var(--count-items, 0) + 85dvw);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt._pd-btns,
  .b-mdl__prvw ._pd-btns {
    --bpv1: 0px;
    --bpv2: 0px;
    --bpv3: 0px;
    --bpv4: 0px;
    padding-block-end: calc(var(--bpv1) + var(--bpv2) + var(--bpv3) + var(--bpv4));
  }
  .b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt._pd-btns {
    --bpv4: 12px;
  }
  .b-mdl__prvw .b-art__cntt._pd-btns:has(.b-art__rem .b-art__rem-i > span),
  .b-mdl__prvw ._pd-btns:has(.b-art__cntt .b-art__rem .b-art__rem-i > span) {
    --bpv1: 45px;
  }
  .b-mdl__prvw .b-art__cntt._pd-btns:has(.b-art__rem .b-art__rem-btns > *:nth-child(1)),
  .b-mdl__prvw ._pd-btns:has(.b-art__cntt .b-art__rem .b-art__rem-btns > *:nth-child(1)) {
    --bpv2: 76px;
  }
  .b-mdl__prvw .b-art__cntt._pd-btns:has(.b-art__rem .b-art__rem-btns > *:nth-child(2)),
  .b-mdl__prvw ._pd-btns:has(.b-art__cntt .b-art__rem .b-art__rem-btns > *:nth-child(2)) {
    --bpv3: 56px;
  }
}
.b-mdl__prvw .b-mdl__prvw-itm-i {
  overflow-y: auto;
}
.b-mdl__prvw .b-mdl__prvw-itm-i::-webkit-scrollbar {
  display: none;
}
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__hdvw-bg picture {
  min-width: initial;
}
.b-mdl__prvw .b-mdl__prvw-itm-i .b-bns__hdvw {
  border-radius: 0;
}
.b-mdl__prvw .b-mdl__prvw-itm-i .b-cmnt__in {
  padding: 0;
}
.b-mdl__prvw .b-mdl__prvw-itm-i .l-mtvw__itm-c-h:not(:last-child) {
  margin-block-end: 8px;
}
.b-mdl__prvw .b-mdl__prvw-itm-i .l-mtvw__itm-c-h > a {
  position: static;
  transform: initial;
}
.b-mdl__tips-info .b-mdl__tips-info-i {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  height: 100%;
  border-radius: inherit;
  padding-block: 0 0;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i {
    padding-block: 0 0;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i {
    padding-block: 0 0;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i::-webkit-scrollbar {
  display: block;
}
.b-mdl__tips-info .b-mdl__tips-info-i > * {
  border-radius: 0;
}
.b-mdl__tips-info .b-mdl__tips-info-i .l-post__user {
  position: sticky;
  inset-block-start: 0;
  background-color: var(--color-white);
  z-index: 10;
  padding-block-start: 24px;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .l-post__user {
    padding-block-start: 18px;
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .l-post__user {
    padding-block-start: 12px;
    margin-block-end: 12px;
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .l-post__user::after {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  height: 24px;
  background:
    linear-gradient(
      180deg,
      var(--color-white) 0%,
      transparent 100%);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .l-post__user::after {
    height: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .l-post__user::after {
    height: 12px;
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-frcs__cards:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-frcs__cards:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-frcs__cards:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ *:not(:has(.b-cmnt)),
.b-mdl__tips-info .b-mdl__tips-info-i .b-art {
  margin-block: 0 0;
  margin-inline: -24px calc((24px - var(--sb-reserved)) * -1);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ *:not(:has(.b-cmnt)),
  .b-mdl__tips-info .b-mdl__tips-info-i .b-art {
    margin-block: 0 0;
    margin-inline: -18px calc((18px - var(--sb-reserved)) * -1);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ *:not(:has(.b-cmnt)),
  .b-mdl__tips-info .b-mdl__tips-info-i .b-art {
    margin-block: 0 0;
    margin-inline: -12px calc((12px - var(--sb-reserved)) * -1);
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-art {
  padding-block: 20px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
  border-block-start: 1px solid var(--color-lightgrey);
  border-block-end: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-art {
    padding-block: 20px 20px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-art {
    padding-block: 16px 16px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links:not(:last-child) {
  margin-block-end: 0;
}
.b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ * > .l-crd:not(:has(.b-cmnt)),
.b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ .l-crd:not(:has(.b-cmnt)) {
  padding-inline-end: calc(12px - var(--sb-reserved));
}
.b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ *:has(> .l-crd):not(:has(.b-cmnt)) + *:has(.b-cmnt) .b-cmnt,
.b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ .l-crd:not(:has(.b-cmnt)) + *:has(.b-cmnt) .b-cmnt {
  margin-block-start: 0;
}
.b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ *:has(> .l-crd):not(:has(.b-cmnt)) + *:has(.b-cmnt) .b-cmnt:has(.b-ch__item),
.b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ .l-crd:not(:has(.b-cmnt)) + *:has(.b-cmnt) .b-cmnt:has(.b-ch__item) {
  padding-block-start: 24px;
  border-block-start: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ *:has(> .l-crd):not(:has(.b-cmnt)) + *:has(.b-cmnt) .b-cmnt:has(.b-ch__item),
  .b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ .l-crd:not(:has(.b-cmnt)) + *:has(.b-cmnt) .b-cmnt:has(.b-ch__item) {
    padding-block-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ *:has(> .l-crd):not(:has(.b-cmnt)) + *:has(.b-cmnt) .b-cmnt:has(.b-ch__item),
  .b-mdl__tips-info .b-mdl__tips-info-i .l-cat__row._links ~ .l-crd:not(:has(.b-cmnt)) + *:has(.b-cmnt) .b-cmnt:has(.b-ch__item) {
    padding-block-start: 12px;
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt {
  margin-block: 24px 0;
  margin-inline: -24px calc((24px - var(--sb-reserved)) * -1);
  text-align: start;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt {
    margin-block: 18px 0;
    margin-inline: -18px calc((18px - var(--sb-reserved)) * -1);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt {
    margin-block: 12px 0;
    margin-inline: -12px calc((12px - var(--sb-reserved)) * -1);
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .l-ttl {
  padding: 0 24px;
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .l-ttl {
    padding: 0 18px;
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .l-ttl {
    padding: 0 12px;
    margin-block-end: 12px;
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in {
  padding: 0;
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in > over-pagination2:not(:has(.l-btn)) {
  display: none;
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in .b-ch__form {
  padding-block-end: 24px;
  padding-block-start: 8px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in .b-ch__form {
    padding-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in .b-ch__form {
    padding-block-end: 12px;
    padding-block-start: 4px;
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in .b-ch__form::before {
  content: "";
  position: absolute;
  inset-block-end: 100%;
  inset-inline-start: 0;
  width: 100%;
  height: 20px;
  background:
    linear-gradient(
      0deg,
      var(--color-white) 0%,
      transparent 66.67%);
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in .b-ch__form::before {
    height: 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in .b-ch__form::before {
    height: 8px;
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in > * {
  padding-inline-end: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in > * {
    padding-inline-end: 6px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in > * {
    padding-inline-end: 0;
  }
}
.b-mdl__tips-info .b-mdl__tips-info-i .b-cmnt .b-cmnt__in:not(:has(.b-ch__item)) .b-ch__form {
  padding-block-start: 0;
}
.b-mdl__trtb .b-mtch__fltr.tbl--addt {
  padding: 0;
  margin: 12px 0 0;
}
.b-mdl__trtb .l-mttb {
  position: relative;
  overflow: hidden;
  margin-inline: -24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__trtb .l-mttb {
    margin-inline: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trtb .l-mttb {
    margin-inline: -12px;
  }
}
.b-mdl__trtb .l-mttb::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 20px;
  background:
    linear-gradient(
      0deg,
      transparent 0%,
      var(--color-white) 66.67%);
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__trtb .l-mttb::before {
    height: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trtb .l-mttb::before {
    height: 12px;
  }
}
.b-mdl__trtb .l-crd.l-mttb__table {
  overflow: scroll;
  padding-block-start: 20px;
  border-radius: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__trtb .l-crd.l-mttb__table {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__trtb .l-crd.l-mttb__table {
    padding-block-start: 12px;
  }
}
.b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
.b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt::-webkit-scrollbar {
  display: block;
}
@media only screen and (max-width: 767.98px) {
  .b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt {
    padding-block: 18px 18px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt {
    padding-block: 12px 12px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-mdl__tpcn .b-mdl__tpcn-i {
  overflow-x: hidden;
  overflow-y: scroll;
}
.b-mdl__tpcn .b-mdl__tpcn-i::-webkit-scrollbar {
  display: block;
}
.b-mdl__tpcn .b-mdl__ttl2 {
  --fz: 20px;
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tpcn .b-mdl__ttl2 {
    margin-block-end: 16px;
  }
}
.b-mdl__tpcn .l-btn {
  margin-block-start: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-mdl__tpcn .l-btn {
    margin-block-start: 16px;
  }
}
.b-mdl__prrg .b-mdl__prrg-i {
  overflow-x: hidden;
  overflow-y: scroll;
}
.b-mdl__prrg .b-mdl__prrg-i::-webkit-scrollbar {
  display: block;
}
.b-mdl__prrg .b-mdl__prrg-i._center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.b-mdl__prrg .b-mdl__prrg-i._center i.icon-alert {
  --icon-w: 100px;
  opacity: 0.38;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prrg .b-mdl__prrg-i._center i.icon-alert {
    --icon-w: 72px;
  }
}
.b-mdl__prrg .b-mdl__prrg-i._center .b-art__i {
  margin: 24px 0 24px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prrg .b-mdl__prrg-i._center .b-art__i {
    margin: 16px 0 20px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prrg .b-art__i {
    --fz: 14px;
  }
}
.b-mdl__prrg .b-art__i > * {
  margin-block-end: 12px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prrg .b-art__i > * {
    margin-block-end: 8px;
  }
}
.b-mdl__prrg .b-art__i .card__alert {
  border: 1px solid var(--color-hover-15);
  background: var(--color-red-pale);
  padding: 16px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prrg .b-art__i .card__alert {
    padding: 12px;
  }
}
.b-mdl__prrg .b-art__i i.icon-check-circle {
  margin-inline-end: 8px;
}
.b-mdl__prrg .b-art__i p:has(i.icon-check-circle) {
  display: flex;
  align-items: center;
}
.b-mdl__prrg .b-art__i ul li:not(:last-child),
.b-mdl__prrg .b-art__i ol li:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prrg .b-art__i ul li:not(:last-child),
  .b-mdl__prrg .b-art__i ol li:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-mdl__prrg .b-mdl__btns {
  width: 100%;
}
@media only screen and (max-width: 480.98px) {
  .b-mdl__prrg .b-mdl__btns {
    flex-direction: column;
  }
}
@media only screen and (min-width: 480.98px) {
  .b-mdl__prrg .b-mdl__btns .l-btn {
    --fz: 16px;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    inset-block-start: 0.3em;
  }
  20% {
    opacity: 0;
    inset-block-start: 0.3em;
  }
  40% {
    opacity: 0.3;
    inset-block-start: 0.2em;
  }
  60% {
    opacity: 0.5;
    inset-block-start: 0.1em;
  }
  80% {
    opacity: 0.9;
    inset-block-start: 0.05em;
  }
  100% {
    opacity: 1;
    inset-block-start: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    inset-block-start: 0;
  }
  20% {
    opacity: 0.9;
    inset-block-start: -0.05;
  }
  40% {
    opacity: 0.5;
    inset-block-start: -0.1;
  }
  60% {
    opacity: 0.3;
    inset-block-start: -0.15;
  }
  80% {
    opacity: 0.1;
    inset-block-start: -0.2;
  }
  100% {
    opacity: 0;
    inset-block-start: -1em;
  }
}
.anim-in {
  animation: animScaleIn ease 0.5s;
  opacity: 1;
}
.anim-out {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0;
  animation: animScaleOut ease 0.5s;
  opacity: 0;
}
.sk__line {
  width: var(--sk-w);
  height: calc(var(--fz) * var(--lh) * var(--sk-row));
  height: round(var(--fz) * var(--lh) * var(--sk-row), 1px);
  border-radius: var(--sk-rd);
  background-color: var(--sk-bg);
}
.sk__line.l-ttl2 {
  --sk-w: 150px;
}
.l-fltr > .sk__line {
  --sk-bg: var(--color-white);
  --sk-rd: var(--rd-100);
  height: 44px;
}
@media only screen and (max-width: 480.98px) {
  .l-fltr > .sk__line {
    height: 36px;
  }
}
.l-fltr > .sk__line:nth-child(1) {
  --sk-w: 105px;
}
@media only screen and (max-width: 480.98px) {
  .l-fltr > .sk__line:nth-child(1) {
    --sk-w: 75px;
  }
}
.l-fltr > .sk__line:nth-child(2) {
  --sk-w: 93px;
}
@media only screen and (max-width: 480.98px) {
  .l-fltr > .sk__line:nth-child(2) {
    --sk-w: 62px;
  }
}
.l-fltr > .sk__line:nth-child(3) {
  --sk-w: 102px;
}
@media only screen and (max-width: 480.98px) {
  .l-fltr > .sk__line:nth-child(3) {
    --sk-w: 71px;
  }
}
.l-fltr > .sk__line:nth-child(4) {
  --sk-w: 120px;
}
@media only screen and (max-width: 480.98px) {
  .l-fltr > .sk__line:nth-child(4) {
    --sk-w: 63px;
  }
}
.l-fltr > .sk__line:nth-child(5) {
  --sk-w: 107px;
}
@media only screen and (max-width: 480.98px) {
  .l-fltr > .sk__line:nth-child(5) {
    --sk-w: 66px;
  }
}
.l-flr.active .l-flr__i .l-flr__img > .sk__line {
  width: 100%;
  height: 100%;
}
.l-flr.active .l-flr__i .l-flr__txt > .sk__line {
  width: 70%;
  height: 40%;
}
.l-slct.sk__line {
  background-color: var(--color-white);
  width: 150px;
  border-radius: var(--rd-100);
  height: 44px;
}
@media only screen and (max-width: 549.98px) {
  .l-slct.sk__line {
    height: 36px;
  }
}
.l-cat__row > span.sk__line {
  width: 80px;
}
.l-cat__row > span.sk__line:not(:last-child) {
  margin-inline-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row > span.sk__line:not(:last-child) {
    margin-inline-end: 12px;
  }
}
.l-cat__row > span.sk__line:not(:last-child)::before {
  inset-inline-end: -16px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row > span.sk__line:not(:last-child)::before {
    inset-inline-end: -12px;
  }
}
.l-cat__row.b-home__inf > span.sk__line:before {
  inset-inline-end: -12px;
}
.l-tab__inner > .sk__line:nth-child(1) {
  width: 100px;
  flex: 0 0 94px;
}
.l-tab__inner > .sk__line:nth-child(2) {
  width: 75px;
  flex: 0 0 77px;
}
.l-tab__inner > .sk__line:nth-child(3) {
  width: 79px;
  flex: 0 0 90px;
}
.l-tab__inner > .sk__line:nth-child(4) {
  width: 73px;
  flex: 0 0 66px;
}
.l-tab__inner > .sk__line:nth-child(5) {
  width: 89px;
  flex: 0 0 94px;
}
.l-tab__inner > .sk__line:nth-child(6) {
  width: 71px;
  flex: 0 0 65px;
}
.l-tab__inner > .sk__line:nth-child(7) {
  width: 77px;
  flex: 0 0 89px;
}
.l-tab__inner > .sk__line:nth-child(8) {
  width: 87px;
  flex: 0 0 86px;
}
.l-tab__inner > .sk__line:nth-child(9) {
  width: 80px;
  flex: 0 0 60px;
}
.l-tab__inner > .sk__line:nth-child(10) {
  width: 86px;
  flex: 0 0 68px;
}
.l-tab__inner > .sk__line:nth-child(11) {
  width: 88px;
  flex: 0 0 91px;
}
.l-tab__inner > .sk__line:nth-child(12) {
  width: 62px;
  flex: 0 0 73px;
}
.l-tab__inner > .sk__line:nth-child(13) {
  width: 81px;
  flex: 0 0 100px;
}
.l-tab__inner > .sk__line:nth-child(14) {
  width: 80px;
  flex: 0 0 66px;
}
.l-tab__inner > .sk__line:nth-child(15) {
  width: 60px;
  flex: 0 0 99px;
}
.l-tab__inner > .sk__line:nth-child(16) {
  width: 67px;
  flex: 0 0 61px;
}
.l-tab__inner > .sk__line:nth-child(17) {
  width: 91px;
  flex: 0 0 64px;
}
.l-tab__inner > .sk__line:nth-child(18) {
  width: 96px;
  flex: 0 0 67px;
}
.l-tab__inner > .sk__line:nth-child(19) {
  width: 84px;
  flex: 0 0 74px;
}
.l-tab__inner > .sk__line:nth-child(20) {
  width: 99px;
  flex: 0 0 81px;
}
.l-tab__inner > .sk__line:nth-child(21) {
  width: 93px;
  flex: 0 0 91px;
}
.l-tab__inner > .sk__line:nth-child(22) {
  width: 60px;
  flex: 0 0 65px;
}
.l-tab__inner > .sk__line:nth-child(23) {
  width: 95px;
  flex: 0 0 81px;
}
.l-tab__inner > .sk__line:nth-child(24) {
  width: 96px;
  flex: 0 0 83px;
}
.l-tab__inner > .sk__line:nth-child(25) {
  width: 86px;
  flex: 0 0 87px;
}
.l-tab__inner > .sk__line:nth-child(26) {
  width: 89px;
  flex: 0 0 67px;
}
.l-tab__inner > .sk__line:nth-child(27) {
  width: 66px;
  flex: 0 0 79px;
}
.l-tab__inner > .sk__line:nth-child(28) {
  width: 65px;
  flex: 0 0 75px;
}
.l-tab__inner > .sk__line:nth-child(29) {
  width: 66px;
  flex: 0 0 74px;
}
.l-tab__inner > .sk__line:nth-child(30) {
  width: 85px;
  flex: 0 0 75px;
}
.sk__line--l {
  height: 44px;
  width: 80px;
}
@media only screen and (max-width: 767.98px) {
  .sk__line--l {
    height: 32px;
    width: 54px;
  }
}
.sk--ch .l-av {
  background-color: var(--color-grey-light-alt3);
}
.sk--ch .l-av::after {
  content: none;
}
.sk--ch .b-ch__name {
  height: 16px;
  width: 80px;
}
.sk--ch .l-more {
  height: 16px;
  width: 120px;
}
.sk--ch .b-ch__body > .sk__line {
  height: 44px;
}
.sk--ch.b-ch__item--view {
  min-height: 56px;
}
@media only screen and (max-width: 549.98px) {
  .sk--ch.b-ch__item--view {
    min-height: 36px;
  }
}
.sk--ch.b-ch__item--view:first-child {
  min-height: 76px;
}
@media only screen and (max-width: 767.98px) {
  .sk--ch.b-ch__item--view:first-child {
    min-height: 72px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--ch.b-ch__item--view:first-child {
    min-height: 48px;
  }
}
.sk--ch.b-ch__item--view:last-child {
  min-height: 64px;
}
@media only screen and (max-width: 767.98px) {
  .sk--ch.b-ch__item--view:last-child {
    min-height: 60px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--ch.b-ch__item--view:last-child {
    min-height: 40px;
  }
}
.sk--ch.b-ch__item--view:nth-child(3n+1) .b-ch__body .sk__line {
  --sk-w: 200px;
  height: 44px;
}
.sk--ch.b-ch__item--view:nth-child(3n+2) .b-ch__body .sk__line {
  --sk-w: 100px;
}
.sk--ch.b-ch__item--view .b-ch__body .sk__line {
  --sk-w: 150px;
  height: 22px;
  background-color: transparent;
}
.sk--chpl .l-av {
  background-color: var(--color-grey-light-alt3);
}
.sk--chpl .l-av::after {
  content: none;
}
.sk--chpl .b-ch__name {
  height: 22px;
}
.sk--chpl.b-ch__item:nth-child(2n) .b-ch__name,
.sk--chpl .b-ch__item:nth-child(2n) .b-ch__name {
  width: 130px;
}
.sk--chpl.b-ch__item:nth-child(2n+1) .b-ch__name,
.sk--chpl .b-ch__item:nth-child(2n+1) .b-ch__name {
  width: 100px;
}
.sk--ntfc .b-ntfc__lbl > .sk__line:first-child {
  --sk-w: 100px;
}
.sk--ntfc .b-ntfc__lbl > .sk__line:last-child {
  --sk-w: 80px;
}
.sk--ntfc .b-ntfc__text.sk__line {
  height: 44px;
}
.sk--asde .b-nav__list-i:nth-child(1) .sk__line {
  --sk-w: 30%;
}
.sk--asde .b-nav__list-i:nth-child(2) .sk__line {
  --sk-w: 60%;
}
.sk--asde .b-nav__list-i:nth-child(3) .sk__line {
  --sk-w: 45%;
}
.sk--asde .b-nav__list-i:nth-child(4) .sk__line {
  --sk-w: 70%;
}
.sk--asde .b-nav__list-i:nth-child(5) .sk__line {
  --sk-w: 50%;
}
.sk--asde .b-wbst:not(:last-child) {
  margin-block-end: 24px;
}
.sk--asde .b-wbst:first-child > .sk__line:nth-child(2) {
  height: 244px;
}
.sk--asde .b-wbst .b-kpr__ttl {
  width: 150px;
}
.sk--asde .b-wbst > .sk__line:nth-child(2) {
  height: 284px;
}
.sk--asde .b-wbst > .sk__line:nth-child(3) {
  height: 44px;
  background-color: var(--color-bg-lightgrey);
}
.sk--hmpg .b-home__sct::before {
  background-color: var(--color-grey-light-alt3);
}
.sk--hmpg .b-home__head .sk__line:first-child {
  --sk-w: 150px;
}
.sk--hmpg .b-home__head .sk__line:nth-child(2) {
  --sk-w: 120px;
  height: 32px;
  border-radius: var(--rd-100);
}
.sk--hmpg .b-home__blc > .sk__line:not(:last-child) {
  margin-block-start: 12px;
  height: 400px;
}
@media only screen and (max-width: 549.98px) {
  .sk--hmpg .b-home__blc > .sk__line:not(:last-child) {
    height: 1600px;
  }
}
.sk--hmpg .b-home__blc > .sk__line:last-child {
  margin-block-start: 16px;
  height: 56px;
  border-radius: var(--rd-100);
}
.sk--frhm > span.grey:first-child {
  width: 90px;
}
@media only screen and (max-width: 549.98px) {
  .sk--frhm > span.grey:first-child {
    width: 80px;
    height: 22px;
  }
}
.sk--frhm > i {
  width: 16px;
  height: 16px;
}
.sk--frhm:nth-child(1) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(2) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(3) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(4) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(5) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(6) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(7) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(8) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(9) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(10) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(11) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(12) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(13) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(14) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(15) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(16) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(17) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(18) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(19) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm:nth-child(20) > a.wrd-ell > .sk__line {
  --sk-w: randomNum(150, 250)px;
}
.sk--frhm > span.grey:not(:first-child) {
  width: 20px;
}
@media only screen and (max-width: 1439.98px) {
  .sk--frhm > span.grey:not(:first-child) {
    height: 22px;
  }
}
.sk--frhm > .b-mtch__odd1 {
  width: 180px;
  height: 32px;
  border-radius: var(--rd-100);
}
@media only screen and (max-width: 1439.98px) {
  .sk--frhm > .b-mtch__odd1 {
    height: 22px;
    width: 170px;
  }
}
.sk--frhm > .b-mtch__odd2 {
  width: 120px;
  height: 32px;
  border-radius: var(--rd-100);
}
@media only screen and (max-width: 1439.98px) {
  .sk--frhm > .b-mtch__odd2 {
    height: 14px;
    width: 100px;
  }
}
.sk--frhm > small.grey {
  width: 60px;
  height: 22px;
}
.sk--faq .l-crd__q > .sk__line {
  margin: 16px 24px;
}
@media only screen and (max-width: 480.98px) {
  .sk--faq .l-crd__q > .sk__line {
    margin: 12px;
  }
}
.sk--faq .l-crd__q:nth-child(1) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(2) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(3) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(4) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(5) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(6) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(7) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(8) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(9) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(10) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(11) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(12) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(13) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(14) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(15) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(16) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(17) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(18) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(19) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--faq .l-crd__q:nth-child(20) > .sk__line {
  --sk-w: randomNum(200, 500)px;
}
.sk--art .b-art__t > .sk__line:nth-child(1) {
  --sk-w: 200px;
}
.sk--art .b-art__t > .sk__line:nth-child(2) {
  --sk-w: 24px;
}
.sk--art .b-art__t > .l-brdc > .l-brdc__i.sk__line::before {
  content: none;
}
.sk--art .b-art__t > .l-brdc > .l-brdc__i.sk__line:nth-child(1) {
  --sk-w: 150px;
}
@media only screen and (max-width: 549.98px) {
  .sk--art .b-art__t > .l-brdc > .l-brdc__i.sk__line:nth-child(1) {
    --sk-w: 120px;
  }
}
.sk--art .b-art__t > .l-brdc > .l-brdc__i.sk__line:nth-child(2) {
  --sk-w: 200px;
}
@media only screen and (max-width: 549.98px) {
  .sk--art .b-art__t > .l-brdc > .l-brdc__i.sk__line:nth-child(2) {
    display: none;
  }
}
.sk--art .b-art__ttl {
  height: 32px;
  max-width: 500px;
}
.sk--art .b-art__cntt > .sk__line:not(.b-art__ttl),
.sk--art .b-art__cntt > .b-art__i > .sk__line:not(.b-art__ttl) {
  height: 300px;
}
.sk--art .b-art__cntt > .sk__line:not(.b-art__ttl):not(:last-child),
.sk--art .b-art__cntt > .b-art__i > .sk__line:not(.b-art__ttl):not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .sk--art .b-art__cntt > .sk__line:not(.b-art__ttl):not(:last-child),
  .sk--art .b-art__cntt > .b-art__i > .sk__line:not(.b-art__ttl):not(:last-child) {
    margin-block-end: 8px;
  }
}
.sk--art .b-art__cntt > .sk__line:not(.b-art__ttl).sk--art-m,
.sk--art .b-art__cntt > .b-art__i > .sk__line:not(.b-art__ttl).sk--art-m {
  margin: 0 auto;
  max-width: 600px;
  height: 340px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .sk--art .b-art__cntt > .sk__line:not(.b-art__ttl).sk--art-m,
  .sk--art .b-art__cntt > .b-art__i > .sk__line:not(.b-art__ttl).sk--art-m {
    height: 280px;
  }
}
.sk--art.b-art--s .b-art__cntt {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.sk--art.b-art--s .b-art__cntt .l-ttl2.sk__line {
  --sk-w: 250px;
}
.sk--art-m .b-art.sk--art {
  position: relative;
  z-index: 1;
}
.sk--art-m > .l-crd.rev > .sk__line:not(:first-child):nth-child(4n+2) {
  height: 40px;
}
.sk--art-m > .l-crd.rev > .sk__line:not(:first-child):nth-child(4n+3) {
  height: 200px;
}
.sk--art-m > .l-crd.rev > .sk__line:not(:first-child):nth-child(4n+4) {
  height: 100px;
}
.sk--art-m > .l-crd.rev > .sk__line:not(:first-child):nth-child(4n+5) {
  height: 250px;
}
.sk--art-m .b-prw {
  height: 380px;
}
@media only screen and (max-width: 767.98px) {
  .sk--art-m .b-prw {
    height: 370px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--art-m .b-prw {
    height: 334px;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--art-m .b-prw {
    height: 310px;
  }
}
.sk--art-m > .l-crd > .l-ttl.sk__line {
  --sk-w: 150px;
}
.sk--art-m > .l-crd > .sk__line:not(.l-ttl) {
  height: 80px;
}
@media only screen and (max-width: 767.98px) {
  .sk--art-m > .l-crd > .sk__line:not(.l-ttl) {
    height: 148px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--art-m > .l-crd > .sk__line:not(.l-ttl) {
    height: 120px;
  }
}
.sk--art-m > .l-crd > .sk__line:not(.l-ttl):not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .sk--art-m > .l-crd > .sk__line:not(.l-ttl):not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--art-m > .l-crd > .sk__line:not(.l-ttl):not(:last-child) {
    margin-block-end: 16px;
  }
}
.sk--art-m .l-bkic__lnk > .sk__line {
  width: 120px;
}
@media only screen and (max-width: 480.98px) {
  .sk--art-m .l-post.sk--post6 .l-post__text.sk__line {
    display: none;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--art-m .l-post.sk--post6 .l-post__title.sk__line {
    margin-block-end: 12px;
  }
}
.sk--art-m .l-mtvw__name > .sk__line {
  --sk-w: 90px;
}
.sk--art-m .l-mtvw__label > .sk__line {
  --sk-w: 120px;
}
.sk--art-m .l-mtvw__block > .l-btn.sk__line {
  min-width: 190px;
  display: flex;
}
.sk--art-m.mtvw {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sk--art-m.mtvw .b-prw {
  height: 310px;
}
@media only screen and (max-width: 767.98px) {
  .sk--art-m.mtvw .b-prw {
    height: 298px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--art-m.mtvw .b-prw {
    height: 266px;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--art-m.mtvw .b-prw {
    height: 233px;
  }
}
.sk--actions .sk__line {
  margin-block-end: 24px;
  background-color: var(--color-white);
}
.sk--actions .sk__line:first-child {
  height: 166px;
}
.sk--actions .sk__line:nth-child(2) {
  height: 96px;
}
.sk--actions .sk__line:nth-child(3) {
  height: 45px;
}
.sk--actions .sk__line:nth-child(4) {
  height: 500px;
}
.sk--bns {
  --bk-bns-clr: var(--color-addgrey);
  width: 100%;
}
.sk--bns .b-bns__head > .sk__line {
  --sk-w: 150px;
}
@media only screen and (max-width: 480.98px) {
  .sk--bns .b-bns__head > .sk__line {
    --sk-w: 120px;
  }
}
.sk--bns .b-bns__bk > .sk__line:nth-child(1) {
  --sk-w: 44px;
  height: 44px;
  border-radius: var(--rd-round);
}
.sk--bns .b-bns__bk > .sk__line:nth-child(2) {
  --sk-w: 55px;
}
.sk--bns .b-bns__item,
.sk--bns.b-bns__item {
  pointer-events: none;
}
.sk--bns .b-bns__item .b-bns__item-bk-t,
.sk--bns.b-bns__item .b-bns__item-bk-t {
  height: 43px;
  width: 100px;
}
.sk--bns .b-bns__item .b-bns__item-ttl .sk__line:first-child,
.sk--bns.b-bns__item .b-bns__item-ttl .sk__line:first-child {
  height: 44px;
}
.sk--bns .b-bns__item .b-bns__item-ttl .sk__line:nth-child(2),
.sk--bns.b-bns__item .b-bns__item-ttl .sk__line:nth-child(2) {
  --sk-w: 100px;
}
.sk--bk .l-ttl.l-ttl--bk.sk__line {
  --sk-w: 120px;
}
.sk--bk .b-blog__head .l-ttl2 {
  width: 350px;
}
@media only screen and (max-width: 480.98px) {
  .sk--bk .b-blog__head .l-ttl2 {
    width: 280px;
  }
}
.sk--bk .b-blog__head .b-blog__head-i .l-cat__row {
  height: 64px;
}
.sk--bk .l-tab__inner > .sk__line {
  position: relative;
  z-index: 1;
}
.sk--bk .b-bk__shrs > .sk__line {
  border-radius: var(--rd-20);
}
@media only screen and (min-width: 549.98px) {
  .sk--bk .b-bk__shrs > .sk__line {
    width: 320px;
    margin-inline-start: 184px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .sk--bk .b-bk__shrs > .sk__line {
    margin-inline-start: 174px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--bk .b-bk__shrs > .sk__line {
    border-radius: var(--rd-16);
  }
}
.sk--bk .b-bk__tbl .l-bk.l-bk--all .l-bk__item {
  background-color: var(--color-grey-light-alt3);
  border: none;
  box-shadow: none;
}
.sk--bk .l-bk__icb .sk__line {
  --sk-w: 105px;
}
.sk--bk-log.l-plev .l-plev__name .sk__line {
  max-width: 200px;
}
@media only screen and (max-width: 549.98px) {
  .sk--bk-log.l-plev .l-plev__name .sk__line {
    margin: 0 auto;
  }
}
.sk--bk-log.l-plev .l-plev__info .sk__line {
  max-width: 150px;
}
@media only screen and (max-width: 549.98px) {
  .sk--bk-log.l-plev .l-plev__info .sk__line {
    margin: 0 auto;
  }
}
._sk-bkmt.l-bkmt .l-bkmt__head .sk__line {
  background-color: var(--color-white);
}
._sk-bkmt.l-bkmt .l-bkmt__head div.sk__line {
  --sk-w: 150px;
}
@media only screen and (max-width: 549.98px) {
  ._sk-bkmt.l-bkmt .l-bkmt__head div.sk__line {
    --sk-w: 120px;
  }
}
._sk-bkmt.l-bkmt .l-bkmt__type > div.sk__line {
  --sk-w: 100px;
}
@media only screen and (max-width: 549.98px) {
  ._sk-bkmt.l-bkmt .l-bkmt__type > div.sk__line {
    --sk-w: 80px;
  }
}
._sk-bkmt.l-bkmt .l-bkmt__type .l-bkmt__odd {
  width: 150px;
}
@media only screen and (max-width: 549.98px) {
  ._sk-bkmt.l-bkmt .l-bkmt__type .l-bkmt__odd {
    width: 120px;
  }
}
._sk-bkmt.l-bkmt + .b-bk__btns .l-btn {
  width: 230px;
}
@media only screen and (max-width: 767.98px) {
  ._sk-bkmt.l-bkmt + .b-bk__btns .l-btn {
    width: 214px;
  }
}
@media only screen and (max-width: 549.98px) {
  ._sk-bkmt.l-bkmt + .b-bk__btns .l-btn {
    width: 100%;
  }
}
._sk-bkmt.l-bkmt + .b-bk__btns .l-link {
  width: 120px;
  height: 19px;
}
.b-bkcm .b-bkcm__crd > .sk__line:first-child {
  --sk-w: 200px;
}
.b-bkcm .b-bkcm__crd > .sk__line:last-child {
  --sk-w: 70%;
}
@media only screen and (max-width: 480.98px) {
  .b-bkcm .b-bkcm__crd > .sk__line:last-child {
    --sk-w: 100%;
    height: 44px;
  }
}
.b-bkcm > .sk__line {
  --sk-w: 200px;
  background-color: var(--color-white);
  height: 44px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm > .sk__line {
    margin-inline-start: 12px;
  }
}
.b-bkcm > .b-bkcm__info.b-bkcm__info--cmn > .sk__line:first-child {
  --sk-w: 220px;
}
.b-bkcm > .b-bkcm__info.b-bkcm__info--cmn > .sk__line:nth-child(2) {
  height: 44px;
}
.b-bkcm > .b-bkcm__info.b-bkcm__info--cmn > .b-bkcm__body > .sk__line:first-child {
  --sk-w: 160px;
  height: 44px;
  margin-inline-end: 16px;
}
.b-bkcm > .b-bkcm__info.b-bkcm__info--cmn > .b-bkcm__body > .sk__line:nth-child(2) {
  --sk-w: 150px;
  height: 18px;
}
.b-bkcm > .b-bkcm__info:not(.b-bkcm__info--cmn) > .b-bkcm__clmn:first-child .b-bkcm__top > .sk__line:first-child {
  --sk-w: 120px;
  height: 44px;
}
.b-bkcm > .b-bkcm__info:not(.b-bkcm__info--cmn) > .b-bkcm__clmn:first-child .b-bkcm__top > .sk__line:nth-child(2) {
  --sk-w: 80px;
}
.b-bkcm > .b-bkcm__info:not(.b-bkcm__info--cmn) > .b-bkcm__clmn:nth-child(2) .b-bkcm__top > .sk__line:first-child {
  --sk-w: 44px;
  height: 44px;
  border-radius: var(--rd-round);
  margin-inline-end: 8px;
}
.b-bkcm > .b-bkcm__info:not(.b-bkcm__info--cmn) > .b-bkcm__clmn:nth-child(2) .b-bkcm__top > .sk__line:nth-child(2) {
  --sk-w: 200px;
}
.b-bkcm > .b-bkcm__info:not(.b-bkcm__info--cmn) > .b-bkcm__clmn:nth-child(2) .b-bkcm__body:nth-child(2) > .sk__line {
  height: 66px;
}
.b-bkcm > .b-bkcm__info:not(.b-bkcm__info--cmn) > .b-bkcm__clmn:nth-child(2) .b-bkcm__body:nth-child(3) > .sk__line {
  margin-block-start: auto;
  height: 44px;
}
.sk--bkcm .l-bkic--rev .sk__line {
  --sk-w: 36px;
  height: 36px;
  border-radius: var(--rd-round);
}
.sk--bkcm > .sk__line {
  --sk-w: 150px;
}
.sk--cmnt .b-cmnt__head > .sk__line {
  --sk-w: 22px;
  height: 22px;
  align-self: flex-start;
}
.sk--cmnt .b-cmnt__left > .sk__line:first-child {
  grid-area: cmnt-img;
  height: 44px;
  border-radius: var(--rd-round);
}
.sk--cmnt .b-cmnt__left > .sk__line:nth-child(2) {
  --sk-w: 120px;
  grid-area: cmnt-name;
  height: 27px;
}
.sk--cmnt .b-cmnt__left > .sk__line:nth-child(3) {
  --sk-w: 90px;
  grid-area: cmnt-rtng;
}
.sk--cmnt .b-cmnt__item > .sk__line {
  --sk-w: 120px;
}
.sk--cmnt .l-more__dt.l-cat__row > .sk__line {
  --sk-w: 85px;
}
.sk--cmnt > .l-cat__row > .l-post__lbl > .sk__line {
  --sk-w: 100px;
}
@media only screen and (max-width: 549.98px) {
  .sk--cmnt > .l-cat__row > .l-post__lbl > .sk__line {
    --sk-w: 80px;
  }
}
.sk--cmnt .b-cmnt__cnt > .sk__line {
  height: 66px;
}
.sk--cmnt .b-cmnt__rtng .b-cmnt__rtng-i .sk__line {
  --sk-w: 100px;
}
.sk--cmnt .l-post__bottom > .sk__line {
  border-radius: var(--rd-100);
  height: 28px;
}
.sk--cmnt .l-post__bottom > .sk__line:first-child {
  --sk-w: 76px;
}
.sk--cmnt .l-post__bottom > .sk__line:nth-child(2) {
  --sk-w: 48px;
}
.sk--cmnt .l-post__bottom .l-inf__i > .sk__line:first-child {
  --sk-w: 28px;
  height: 28px;
  border-radius: var(--rd-round);
}
.sk--cmnt .l-post__bottom .l-inf__i > .sk__line:nth-child(2) {
  --sk-w: 80px;
  height: 18px;
  margin-inline-start: 4px;
}
.sk--cmnt-crd > .sk__line {
  --sk-w: 170px;
  background-color: var(--color-white);
  height: 56px;
  border-radius: var(--rd-100);
}
.sk--cmnt-crd .l-crd span {
  display: block;
}
.sk--cmnt-crd .l-crd .l-ttl.sk__line {
  --sk-w: 150px;
}
.sk--cmnt-crd .l-crd:nth-child(1) > .sk__line:last-child {
  background-color: var(--color-grey-light-alt3);
  height: 44px;
  margin-block-start: 16px;
}
.sk--cmnt-crd .l-crd:nth-child(2) .l-grid > .sk__line {
  height: 56px;
}
.sk--cmnt-crd .l-crd:nth-child(2) .b-cmnt__dtcr > div.sk__line {
  --sk-w: 145px;
  height: 44px;
}
.sk--cmnt-crd .l-crd:nth-child(2) .b-cmnt__dtcr > p.sk__line {
  --sk-w: 170px;
}
.sk--cmnt-crd .l-crd:nth-child(2) .b-cmnt__dtcr > p.sk__line + span.sk__line {
  --sk-w: 140px;
}
.sk--cmnt-crd .l-crd:nth-child(2) .b-cmnt__dtcr > p.sk__line + span.sk__line + span.sk__line {
  --sk-w: 180px;
}
.sk--cmnt-crd .l-crd:nth-child(2) .b-cmnt__dtcr > p.sk__line + span.sk__line + span.sk__line + span.sk__line {
  --sk-w: 120px;
}
.sk--cmnt-crd .l-crd:nth-child(3) .l-grid > .sk__line:nth-child(1),
.sk--cmnt-crd .l-crd:nth-child(3) .l-grid > .sk__line:nth-child(2),
.sk--cmnt-crd .l-crd:nth-child(3) .l-grid > .sk__line:nth-child(3) {
  height: 112px;
}
.sk--cmnt-crd .l-crd:nth-child(3) .l-grid > .sk__line:nth-child(4) {
  height: 56px;
}
.sk--cmnt-crd .l-crd:nth-child(4) > .sk__line {
  --sk-w: 150px;
}
.sk--cmnt-crd .l-crd:nth-child(4) .l-grade > .sk__line:first-child {
  --sk-w: 120px;
}
.sk--cmnt-crd .l-crd:nth-child(4) .l-grade > .sk__line:last-child {
  --sk-w: 400px;
  height: 32px;
}
@media only screen and (max-width: 767.98px) {
  .sk--cmnt-crd .l-crd:nth-child(4) .l-grade > .sk__line:last-child {
    --sk-w: 100%;
  }
}
@media only screen and (min-width: 767.98px) {
  .sk--cmnt-crd .l-crd:nth-child(4) .l-grade > .sk__line:last-child {
    margin-inline-start: auto;
  }
}
.sk--rmrk .l-crd .sk__line:first-child {
  --sk-w: 120px;
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .sk--rmrk .l-crd .sk__line:first-child {
    margin-block-end: 8px;
  }
}
.sk--rmrk .l-crd .sk__line:last-child {
  max-width: 500px;
}
@media only screen and (max-width: 549.98px) {
  .sk--rmrk .l-crd .sk__line:last-child {
    height: 44px;
  }
}
.sk--rmrk .l-crd--bg::before {
  content: none;
}
.sk--rmrk .l-crd--bg .sk__line:first-child {
  --sk-w: 270px;
}
.sk--rmrk .l-crd--bg .sk__line:nth-child(2) {
  margin-block-end: 16px;
  max-width: 456px;
}
@media only screen and (max-width: 549.98px) {
  .sk--rmrk .l-crd--bg .sk__line:nth-child(2) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--rmrk .l-crd--bg .sk__line:nth-child(2) {
    height: 44px;
  }
}
.sk--rmrk .l-crd--bg .sk__line:last-child {
  height: 44px;
}
@media only screen and (min-width: 549.98px) {
  .sk--rmrk .l-crd--bg .sk__line:last-child {
    --sk-w: 200px;
  }
}
.sk--rmrk .b-rmrk__slct .sk__line {
  max-width: 200px;
  height: 44px;
  background-color: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .sk--rmrk .b-rmrk__slct .sk__line {
    max-width: 180px;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--rmrk .b-rmrk__slct .sk__line {
    max-width: 100%;
  }
}
@media only screen and (max-width: 480.98px) and (min-width: 359.98px) {
  .sk--rmrk .b-rmrk__slct .sk__line:first-child {
    flex: 1 1 55%;
  }
  .sk--rmrk .b-rmrk__slct .sk__line:last-child {
    flex: 1 1 45%;
  }
}
@media only screen and (max-width: 359.98px) {
  .sk--rmrk .b-rmrk__slct .sk__line {
    max-width: 100%;
  }
}
.sk--rmrk .b-rmrk__blk .b-rmrk__head .sk__line:first-child {
  --sk-w: 25px;
}
.sk--rmrk .b-rmrk__blk .b-rmrk__head .sk__line:last-child {
  --sk-w: 100px;
}
.sk--rmrk .b-rmrk__blk .b-rmrk__body .sk__line:first-child {
  height: 88px;
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .sk--rmrk .b-rmrk__blk .b-rmrk__body .sk__line:first-child {
    margin-block-end: 16px;
  }
}
.sk--rmrk .b-rmrk__blk .b-rmrk__body .sk__line:last-child {
  --sk-w: 110px;
}
.sk--rmrk .b-rmrk__blk .b-rmrk__btm .b-rmrk__bk .sk__line:first-child,
.sk--rmrk .b-rmrk__blk .b-rmrk__btm .b-rmrk__bk .sk__line:nth-child(2) {
  height: 28px;
  flex: 0 0 28px;
  border-radius: var(--rd-round);
}
.sk--rmrk .b-rmrk__blk .b-rmrk__btm .b-rmrk__bk .sk__line:last-child {
  flex: 0 0 40px;
}
.sk--rmrk .b-rmrk__blk .b-rmrk__btm > .sk__line {
  flex: 0 0 150px;
  height: 28px;
}
.sk--rmrk .b-rmrk__add > .sk__line:first-child {
  --sk-w: 200px;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .sk--rmrk .b-rmrk__add > .sk__line:first-child {
    --sk-w: 150px;
    margin-block-end: 10px;
  }
}
.sk--rmrk .b-rmrk__add > .sk__line:nth-child(2) {
  height: 64px;
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .sk--rmrk .b-rmrk__add > .sk__line:nth-child(2) {
    margin-block-end: 16px;
  }
}
.sk--rmrk .b-rmrk__add > .sk__line:nth-child(3) {
  height: 130px;
  margin-block-end: 16px;
}
.sk--rmrk .b-rmrk__add > .sk__line:nth-child(4) {
  height: 56px;
}
.sk--rmrk > .sk__line {
  --sk-w: 132px;
  height: 56px;
}
.sk--bkap .b-bkap__img > .sk__line {
  background-color: var(--color-addgrey);
  height: 40px;
}
@media only screen and (max-width: 653px) {
  .sk--bkap .b-bkap__img > .sk__line {
    --sk-w: 200px;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--bkap .b-bkap__img > .sk__line {
    --sk-w: 140px;
  }
}
@media only screen and (max-width: 359.98px) {
  .sk--bkap .b-bkap__img > .sk__line {
    --sk-w: 120px;
  }
}
.sk--bkap .b-bkap__btm > .sk__line {
  --sk-w: 88px;
  border-radius: var(--rd-100);
  height: 50px;
}
.sk--bkap .b-bkap__btm-i > span.sk__line {
  --sk-w: 100px;
}
.sk--bkap .b-bkap__btm-i > div.sk__line {
  --sk-w: 120px;
  height: 27px;
}
.sk--bkpg .b-bkpg__logo.sk__line {
  background-color: var(--color-addgrey);
  max-width: 200px;
}
@media only screen and (max-width: 480.98px) {
  .sk--bkpg .b-bkpg__logo.sk__line {
    max-width: 155px;
  }
}
@media only screen and (max-width: 359.98px) {
  .sk--bkpg .b-bkpg__logo.sk__line {
    max-width: 140px;
  }
}
.sk--bkpg .b-bkpg__clmn > span.grey:first-child {
  height: 19px;
}
.sk--bkpg .b-bkpg__clmn:nth-child(1) > span.grey:first-child {
  width: 88px;
}
@media only screen and (max-width: 650px) {
  .sk--bkpg .b-bkpg__clmn:nth-child(1) > span.grey:first-child {
    width: 84px;
  }
}
.sk--bkpg .b-bkpg__clmn:nth-child(2) > span.grey:first-child {
  width: 158px;
}
@media only screen and (max-width: 650px) {
  .sk--bkpg .b-bkpg__clmn:nth-child(2) > span.grey:first-child {
    width: 99px;
  }
}
.sk--bkpg .b-bkpg__clmn:nth-child(3) > span.grey:first-child {
  width: 50px;
}
.sk--bkpg .b-bkpg__clmn:nth-child(1) > span:nth-child(2),
.sk--bkpg .b-bkpg__clmn:nth-child(2) > span:nth-child(2) {
  height: 36px;
  width: 88px;
}
@media only screen and (max-width: 549.98px) {
  .sk--bkpg .b-bkpg__clmn:nth-child(1) > span:nth-child(2),
  .sk--bkpg .b-bkpg__clmn:nth-child(2) > span:nth-child(2) {
    width: 80px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--bkpg .b-bkpg__clmn > span:nth-child(3),
  .sk--bkpg .b-bkpg__clmn > div.sk__line,
  .sk--bkpg .l-swch.sk__line {
    height: 19px;
  }
}
.sk--bkpg .b-bkpg__clmn > span:nth-child(3) {
  width: 70px;
}
.sk--bkpg .l-swch.sk__line {
  --sk-w: 70px;
}
.sk--bkpg .b-bkpg__itm:first-child > .b-bkpg__itm-i .sk__line {
  --sk-w: 50px;
  margin: 0 auto;
}
@media only screen and (max-width: 480.98px) {
  .sk--bkpg .b-bkpg__itm:first-child > .b-bkpg__itm-i .sk__line {
    --sk-w: 30px;
  }
}
.sk--bkpg .b-bkpg__itm:not(:first-child) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(1) span.sk__line {
  --sk-w: 70px;
}
@media only screen and (max-width: 480.98px) {
  .sk--bkpg .b-bkpg__itm:not(:first-child) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(1) span.sk__line {
    --sk-w: 50px;
  }
}
.sk--bkpg .b-bkpg__itm:not(:first-child):nth-child(2n+3) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(1) span.sk__line {
  --sk-w: 100px;
}
@media only screen and (max-width: 480.98px) {
  .sk--bkpg .b-bkpg__itm:not(:first-child):nth-child(2n+3) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(1) span.sk__line {
    --sk-w: 60px;
  }
}
.sk--bkpg .b-bkpg__itm:not(:first-child) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(3) > .sk__line {
  --sk-w: 115px;
  margin: 0 auto;
}
@media only screen and (max-width: 767.98px) {
  .sk--bkpg .b-bkpg__itm:not(:first-child) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(3) > .sk__line {
    --sk-w: 105px;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--bkpg .b-bkpg__itm:not(:first-child) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(3) > .sk__line {
    --sk-w: 95px;
  }
}
@media only screen and (max-width: 359.98px) {
  .sk--bkpg .b-bkpg__itm:not(:first-child) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(3) > .sk__line {
    --sk-w: 85px;
  }
}
.sk--bkpg .b-bkpg__itm:not(:first-child) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(2) > .sk__line {
  --sk-w: 50px;
  display: block;
  margin: 0 auto;
}
.sk--bkpg .b-bkpg__itm:not(:first-child) > .b-bkpg__itm-i .b-bkpg__cl:nth-child(4) > .sk__line {
  --sk-w: 80px;
  display: block;
  margin: 0 auto;
}
.b-bkpg__itm.sk--bkpg-spl:nth-child(1) .b-bkpg__cl:nth-child(1) > .sk__line {
  --sk-w: 70px;
  margin: 0 auto;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__itm.sk--bkpg-spl:nth-child(1) .b-bkpg__cl:nth-child(1) > .sk__line {
    --sk-w: 50px;
  }
}
.b-bkpg__itm.sk--bkpg-spl:nth-child(1) .b-bkpg__cl:nth-child(2) > .sk__line {
  --sk-w: 50px;
  margin: 0 auto;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__itm.sk--bkpg-spl:nth-child(1) .b-bkpg__cl:nth-child(2) > .sk__line {
    --sk-w: 30px;
  }
}
.b-bkpg__itm.sk--bkpg-spl:nth-child(n+2) .b-bkpg__cl:first-child > .sk__line:nth-child(1) {
  --sk-w: 60px;
  margin-block-end: 4px;
}
.b-bkpg__itm.sk--bkpg-spl:nth-child(n+2) .b-bkpg__cl:first-child > .sk__line:nth-child(2) {
  --sk-w: 80px;
}
.b-bkpg__itm.sk--bkpg-spl:nth-child(n+2) .b-bkpg__cl:nth-child(2) > .sk__line {
  --sk-w: 80px;
  margin: 0 auto;
}
.b-bkpg__itm.sk--bkpg-spl:nth-child(n+2) .b-bkpg__cl:nth-child(3) > .sk__line {
  --sk-w: 40px;
  margin: 0 auto;
}
.b-frcs .b-blog__head > .l-ttl2.sk__line {
  background-color: var(--color-grey-light-alt3);
  width: 150px;
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .b-frcs__header.sk--frcs .l-brdc .sk__line {
  --sk-w: 180px;
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .b-frcs__header.sk--frcs > .sk__line:last-child {
  --sk-w: 24px;
  height: 24px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__blck:has(.b-frcs__header.sk--frcs) .b-frcs__header.sk--frcs > .sk__line:last-child {
    --sk-w: 20px;
    height: 20px;
  }
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .b-frcs__header.sk--frcs ~ .l-more__dt.l-cat__row ._frcs-roi {
  height: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__blck:has(.b-frcs__header.sk--frcs) .b-frcs__header.sk--frcs ~ .l-more__dt.l-cat__row ._frcs-roi {
    height: 20px;
  }
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .b-frcs__header.sk--frcs ~ .l-tips._main .l-tips__cnt * {
  height: 24px;
  display: inline-block;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__blck:has(.b-frcs__header.sk--frcs) .b-frcs__header.sk--frcs ~ .l-tips._main .l-tips__cnt * {
    height: 20px;
  }
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) > .sk__line:first-of-type {
  height: 66px;
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) > .sk__line:not(:first-of-type) {
  height: 83px;
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .l-brdc .sk__line {
  --sk-w: 200px;
  height: 19px;
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .l-post__bottom > .sk__line {
  --sk-w: 20px;
  height: 20px;
  border-radius: var(--rd-100);
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .l-post__bottom .l-inf__i .l-av.sk__line {
  background-color: var(--color-grey-light-alt3);
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .l-post__bottom .l-inf__i .l-av.sk__line::after {
  content: none;
}
.b-frcs__blck:has(.b-frcs__header.sk--frcs) .l-post__bottom .l-inf__i .sk__line:nth-child(2) {
  --sk-w: 150px;
}
.sk--frvt .b-frvt__head > .sk__line:first-child {
  --sk-w: 120px;
}
.sk--frvt .b-frvt__head > .sk__line:nth-child(2) {
  height: 66px;
}
.sk--frvt .b-frvt__head > .sk__line:nth-child(3) {
  height: 110px;
  border-radius: var(--rd-round);
}
.sk--frvt .sk__line {
  background: var(--color-grey-light-alt5);
}
.sk--frvt .l-tips__time {
  display: flex;
}
@media only screen and (min-width: 549.98px) {
  .sk--frvt .l-tips__time {
    flex-direction: column;
    justify-content: center;
  }
}
.sk--frvt .l-tips__time > .sk__line {
  --sk-w: 41px;
  height: 14px;
}
.sk--frvt .l-tips__time > .sk__line:not(:last-child) {
  margin-block-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .sk--frvt .l-tips__time > .sk__line {
    width: 100%;
  }
  .sk--frvt .l-tips__time > .sk__line:first-child {
    display: none;
  }
}
.sk--frvt .l-tips__vs .l-tips__av.sk__line {
  border: none;
}
.sk--frvt .l-tips__info-f,
.sk--frvt .l-tips__info-s {
  cursor: default;
}
.sk--frvt .l-tips__info-f > .sk__line {
  height: 12px;
}
.sk--frvt .l-tips__info-f > .sk__line:first-child {
  --sk-w: 80%;
  margin-block-start: auto;
  margin-block-end: auto;
}
.sk--frvt .l-tips__info-f > .sk__line:nth-child(2) {
  --sk-w: 50%;
  margin-block-end: auto;
  margin-block-start: auto;
}
.sk--frvt .l-tips__info-s > .sk__line {
  --sk-w: 41px;
  height: 14px;
}
.sk--frvt .l-tips__like {
  cursor: default;
}
.sk--frvt .l-tips__like > .sk__line {
  --sk-w: 24px;
  height: 14px;
}
.sk--frvt .l-tips__like.active {
  position: relative;
}
.sk--frvt .l-tips__like.active i::after {
  content: "";
  position: absolute;
  inset-block-start: 7px;
  inset-inline-start: 2px;
  width: 34px;
  height: 34px;
  background: url(/images3/common/click.png) no-repeat;
  z-index: 1;
}
.sk--frvt .l-tips__info-v span.sk__line {
  display: block;
  height: 12px;
}
.sk--frvt .l-tips__info-v > span.sk__line {
  --sk-w: 70%;
}
@media only screen and (max-width: 549.98px) {
  .sk--frvt .l-tips__info-v > span.sk__line {
    --sk-w: 100px;
  }
}
.sk--frvt .l-tips__info-v .l-tips__vote > span.sk__line {
  --sk-w: 60px;
}
.sk--tpri.b-frcs .b-blog__head {
  margin-block-start: 0;
}
.sk--tpri .b-roi__p {
  height: 75px;
}
@media only screen and (max-width: 549.98px) {
  .sk--tpri .b-roi__p {
    height: 89px;
  }
}
.sk--tpri .b-roi__calc .b-roi__itm span.sk__line {
  --sk-w: 90px;
}
@media only screen and (max-width: 549.98px) {
  .sk--tpri .b-roi__calc .b-roi__itm span.sk__line {
    --sk-w: 44px;
  }
}
.sk--tpri .b-roi__calc .b-roi__pv .sk__line {
  --sk-w: 60px;
}
.sk--tpri .b-roi__calc > .sk__line {
  --sk-w: 109px;
  height: 32px;
  border-radius: var(--rd-100);
}
.sk--tpri .b-roi__blck > .b-roi__row .b-roi__clmn > span {
  height: 19px;
}
.sk--tpri .b-roi__tot > .sk__line,
.sk--tpri .b-roi__tot-c .sk__line,
.sk--tpri.b-roi__row .b-roi__clmn:nth-child(1) > span:nth-child(1),
.sk--tpri .b-roi__blck-i .b-roi__clmn:nth-child(4) > span {
  height: 27px;
}
@media only screen and (max-width: 549.98px) {
  .sk--tpri .b-roi__tot > .sk__line,
  .sk--tpri .b-roi__tot-c .sk__line,
  .sk--tpri.b-roi__row .b-roi__clmn:nth-child(1) > span:nth-child(1),
  .sk--tpri .b-roi__blck-i .b-roi__clmn:nth-child(4) > span {
    height: 22px;
  }
}
@media only screen and (min-width: 767.98px) {
  .sk--tpri.b-roi__row .b-roi__clmn:nth-child(1) > span:nth-child(1) {
    margin: 0 14px;
  }
}
.sk--tpri.b-roi__row .b-roi__clmn:nth-child(1) > span:nth-child(1) {
  width: 20px;
}
@media only screen and (max-width: 767.98px) {
  .sk--tpri.b-roi__row .b-roi__clmn:nth-child(1) > span:nth-child(1) {
    height: 19px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sk--tpri.b-roi__row .b-roi__clmn:nth-child(1) > span:nth-child(2) {
    width: 70px;
    height: 19px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sk--tpri .b-roi__clmn:nth-child(1) > span:nth-child(2) {
    width: 60px;
  }
}
.sk--tpri.b-roi__row .l-tips__info-f > .sk__line {
  background-color: var(--color-white);
  height: 19px;
}
.sk--tpri.b-roi__row .l-tips__info-f > .sk__line:nth-child(1) {
  --sk-w: 200px;
}
@media only screen and (max-width: 549.98px) {
  .sk--tpri.b-roi__row .l-tips__info-f > .sk__line:nth-child(1) {
    --sk-w: 120px;
  }
}
.sk--tpri.b-roi__row .l-tips__info-f > .sk__line:nth-child(2) {
  --sk-w: 100px;
}
@media only screen and (max-width: 549.98px) {
  .sk--tpri.b-roi__row .l-tips__info-f > .sk__line:nth-child(2) {
    --sk-w: 80px;
  }
}
.sk--tpri.b-roi__row .l-tips__info-s .sk__line {
  background-color: var(--color-white);
  height: 19px;
}
.sk--tpri .b-roi__tot > .sk__line {
  --sk-w: 250px;
}
@media only screen and (max-width: 549.98px) {
  .sk--tpri .b-roi__tot > .sk__line {
    --sk-w: 150px;
  }
}
.sk--tpri .l-frml__i > .sk__line {
  --sk-w: 300px;
  height: 65px;
  opacity: 0.5;
}
@media only screen and (max-width: 767.98px) {
  .sk--tpri .l-frml__i > .sk__line {
    height: 55px;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--tpri .l-frml__i > .sk__line {
    --sk-w: 250px;
    height: 44px;
  }
}
.sk--tpri .b-roi__blck-i .l-pgn .sk__line {
  --sk-w: 152px;
  height: 32px;
  border-radius: var(--rd-100);
  margin: 0 auto;
}
.sk--frln .b-blog__head .l-cat__row > .b-blog__btns {
  min-width: 286px;
}
@media only screen and (max-width: 549.98px) {
  .sk--frln .b-blog__head .l-cat__row > .b-blog__btns {
    width: 100%;
  }
}
.sk--frln .b-frln__blk .b-frln__head::before {
  content: none;
}
.sk--frln .b-frln__blk .b-frln__head > .sk__line:first-child {
  --sk-w: 200px;
  height: 18px;
}
.sk--frln .b-frln__blk .b-frln__head > .sk__line:last-child {
  --sk-w: 24px;
  height: 24px;
  margin-inline-start: auto;
}
.sk--frln .b-frln__blk .b-frln__row .sk__line {
  height: 18px;
}
.sk--frln .b-frln__blk .b-frln__row:nth-child(2) .b-frln__item:not(:nth-child(2)) > .sk__line {
  --sk-w: 40px;
  margin: 0 auto;
}
.sk--frln .b-frln__blk .b-frln__row:nth-child(2) .b-frln__item:nth-child(2) > .sk__line {
  --sk-w: 70px;
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(1) > .sk__line {
  --sk-w: 40px;
}
@media only screen and (max-width: 549.98px) {
  .sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(1) > .sk__line {
    --sk-w: 60px;
    height: 12px;
  }
  .sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(1) > .sk__line:nth-child(2) {
    display: none;
  }
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item .b-frln__link > .sk__line:first-child {
  --sk-w: 120px;
  margin-block-end: 4px;
}
@media only screen and (max-width: 480.98px) {
  .sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item .b-frln__link > .sk__line:first-child {
    --sk-w: 100px;
  }
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item .b-frln__link > .sk__line:last-child {
  --sk-w: 80px;
}
@media only screen and (max-width: 480.98px) {
  .sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item .b-frln__link > .sk__line:last-child {
    --sk-w: 60px;
  }
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(3) > .sk__line,
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(4) > .sk__line,
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(5) > .sk__line,
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(6) > .sk__line,
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(7) > .sk__line,
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(8) > .sk__line {
  --sk-w: 48px;
  height: 32px;
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(3) > .sk__line:not(:last-child),
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(4) > .sk__line:not(:last-child),
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(5) > .sk__line:not(:last-child),
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(6) > .sk__line:not(:last-child),
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(7) > .sk__line:not(:last-child),
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(8) > .sk__line:not(:last-child) {
  margin-block-end: 4px;
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(9) > .sk__line {
  --sk-w: 46px;
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(9) > .sk__line:first-child {
  margin-block-end: 5px;
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(9) > .sk__line:last-child {
  margin-block-start: 5px;
}
.sk--frln .b-frln__blk .b-frln__row:not(:nth-child(2)) .b-frln__item:nth-child(10) > .sk__line {
  --sk-w: 48px;
  height: 32px;
}
.sk--frln-m > .sk__line {
  height: 270px;
}
.sk--frln-m .l-crd {
  height: 54px;
}
.sk--cpn > .b-cpn__item + .b-cpn__item {
  border-block-start: none;
  padding-block-start: 0;
  margin-block-start: 0;
}
.sk--cpn .l-crd > .l-ttl2 {
  width: 150px;
}
.sk--cpn .b-cpn__body .l-ttl--md {
  width: 200px;
}
@media only screen and (min-width: 549.98px) {
  .sk--cpn .b-cpn__body .l-ttl--md {
    height: 27px;
  }
}
.sk--cpn .b-cpn__body .l-cat__row > .sk__line {
  --sk-w: 100px;
}
.sk--cpn .l-crd.b-cpn__btm > .sk__line {
  --sk-w: 140px;
  height: 44px;
  border-radius: var(--rd-100);
}
@media only screen and (max-width: 480.98px) {
  .sk--cpn .l-crd.b-cpn__btm > .sk__line {
    --sk-w: 100%;
  }
}
.sk--rtkp.b-rtkp__row._first > .sk__line,
.sk--rtkp .b-rtkp__row._first > .sk__line {
  margin: 11px 16px;
  padding: 0;
}
@media only screen and (max-width: 549.98px) {
  .sk--rtkp.b-rtkp__row._first > .sk__line,
  .sk--rtkp .b-rtkp__row._first > .sk__line {
    margin: 11px 12px;
  }
}
.sk--rtkp.b-rtkp__row._first > .sk__line:first-child,
.sk--rtkp .b-rtkp__row._first > .sk__line:first-child {
  --sk-w: 24px;
  height: 24px;
}
.sk--rtkp.b-rtkp__row._first > .sk__line:not(:first-child),
.sk--rtkp .b-rtkp__row._first > .sk__line:not(:first-child) {
  --sk-w: 60px;
}
.sk--rtkp.b-rtkp__row._first:has(+ .b-rtkp__row:nth-child(odd)) ~ .b-rtkp__row:nth-child(even) .sk__line,
.sk--rtkp .b-rtkp__row._first:has(+ .b-rtkp__row:nth-child(odd)) ~ .b-rtkp__row:nth-child(even) .sk__line {
  background-color: var(--color-white);
}
.sk--rtkp.b-rtkp__row._first:has(+ .b-rtkp__row:nth-child(even)) ~ .b-rtkp__row:nth-child(odd) .sk__line,
.sk--rtkp .b-rtkp__row._first:has(+ .b-rtkp__row:nth-child(even)) ~ .b-rtkp__row:nth-child(odd) .sk__line {
  background-color: var(--color-white);
}
.sk--rtkp.b-rtkp__row:not(._first) > .sk__line,
.sk--rtkp .b-rtkp__row:not(._first) > .sk__line {
  --sk-w: 50px;
}
.sk--rtkp.b-rtkp__row:not(._first) > .sk__line:first-child,
.sk--rtkp .b-rtkp__row:not(._first) > .sk__line:first-child {
  --sk-w: 20px;
  height: 20px;
  border-radius: var(--rd-round);
}
@media only screen and (max-width: 549.98px) {
  .sk--rtkp.b-rtkp__row:not(._first) > .sk__line:first-child,
  .sk--rtkp .b-rtkp__row:not(._first) > .sk__line:first-child {
    --sk-w: 16px;
    height: 16px;
  }
}
.sk--rtkp.b-rtkp__row:not(._first) > .sk__line:last-child,
.sk--rtkp .b-rtkp__row:not(._first) > .sk__line:last-child {
  --sk-w: 140px;
  height: 24px;
}
.sk--rtkp.b-rtkp__row:not(._first) > .sk__line,
.sk--rtkp .b-rtkp__row:not(._first) > .sk__line {
  margin: 0 16px;
  padding: 0;
}
@media only screen and (max-width: 549.98px) {
  .sk--rtkp.b-rtkp__row:not(._first) > .sk__line,
  .sk--rtkp .b-rtkp__row:not(._first) > .sk__line {
    margin: 0 12px;
  }
}
.sk--rtkp.b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .sk__line:first-child,
.sk--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .sk__line:first-child {
  --sk-w: 36px;
  height: 36px;
  border-radius: var(--rd-round);
  margin-inline-end: 8px;
}
@media only screen and (max-width: 767.98px) {
  .sk--rtkp.b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .sk__line:first-child,
  .sk--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .sk__line:first-child {
    display: none;
  }
}
.sk--rtkp.b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .sk__line:nth-child(2),
.sk--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .sk__line:nth-child(2) {
  --sk-w: 60px;
}
.sk--rtkp.b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(3) > .sk__line:first-child,
.sk--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(3) > .sk__line:first-child {
  --sk-w: 60px;
  margin-block-end: 4px;
}
.sk--rtkp.b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(3) > .sk__line:nth-child(2),
.sk--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(3) > .sk__line:nth-child(2) {
  --sk-w: 45px;
}
.sk--bsau > .l-cat__row .b-rtkp__bsau-rt {
  width: 96px;
}
.sk--bsau > .l-cat__row .l-inf__i .l-usr .sk__line:first-child {
  --sk-w: 100px;
  height: 16px;
}
.sk--bsau > .l-cat__row .l-inf__i .l-usr .sk__line:last-child {
  --sk-w: 50px;
  height: 12px;
  margin-block-start: 4px;
}
.sk--bsau > .sk__line {
  height: 66px;
}
.sk--bsau .b-rtkp__bsau-gr .l-ttl.sk__line {
  --sk-w: 100px;
}
.sk--bsau .b-rtkp__bsau-gr .l-inf__i.b-rtkp__bsau-gri {
  width: 120px;
  height: 44px;
}
.sk--cnts {
  filter: grayscale(1);
}
@media only screen and (max-width: 549.98px) {
  .sk--cnts .l-fltr .sk__line {
    height: 36px;
  }
}
.sk--cnts .b-cnts__itm > span.grey .sk__line {
  --sk-w: 70px;
  height: 17px;
}
.sk--cnts .b-cnts__itm > span:not(.grey) .sk__line {
  --sk-w: 50px;
  height: 27px;
}
@media only screen and (max-width: 549.98px) {
  .sk--cnts .b-cnts__itm > span:not(.grey) .sk__line {
    height: 22px;
  }
}
@media only screen and (max-width: 1350px) and (min-width: 1279.5px), only screen and (max-width: 1050px) and (min-width: 991.5px), only screen and (max-width: 750px) {
  .sk--cnts .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)):not(:has(.b-cnts__info-inr > *:nth-child(4))) .b-cnts__info:not(._wrap) .b-cnts__itm {
    flex: 1 1 fit-content;
  }
}
.sk--cnts .b-cnts__tl .sk__line {
  background-color: var(--color-white);
}
.sk--cnts .b-cnts__tl .sk__line:nth-child(1) {
  --sk-w: 150px;
  height: 27px;
}
@media only screen and (max-width: 549.98px) {
  .sk--cnts .b-cnts__tl .sk__line:nth-child(1) {
    height: 22px;
  }
}
.sk--cnts .b-cnts__tl .sk__line:nth-child(2) {
  --sk-w: 100px;
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .sk--cnts .b-cnts__tl .sk__line:nth-child(2) {
    height: 19px;
  }
}
.sk--cnts .b-cnts__p .sk__line {
  background-color: var(--color-white);
  max-width: 350px;
}
.sk--cnts .b-cnit__blck-i .b-art__i .sk__line,
.sk--cnts .b-cnit__top .b-art__i .sk__line {
  height: 44px;
}
.sk--cnts .b-cnit__blck-i .b-art__i .sk__line:nth-child(1),
.sk--cnts .b-cnit__top .b-art__i .sk__line:nth-child(1) {
  --sk-w: 100%;
}
.sk--cnts .b-cnit__blck-i .b-art__i .sk__line:nth-child(2),
.sk--cnts .b-cnit__top .b-art__i .sk__line:nth-child(2) {
  --sk-w: 80%;
}
.sk--cnts .b-cnit__blck-i .b-art__i .sk__line:nth-child(3),
.sk--cnts .b-cnit__top .b-art__i .sk__line:nth-child(3) {
  --sk-w: 60%;
}
.sk--cnts .b-cnit__top h1.sk__line,
.sk--cnts .b-cnit__top h2.sk__line {
  --sk-w: 160px;
  height: 32px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
.sk--cnts .b-cnit__blck-i .l-ttl.l-ttl--b.sk__line,
.sk--cnts .b-cnit__blck-i .l-ttl.l-ttl--b .sk__line {
  --sk-w: 160px;
}
.sk--cnts .b-cnit__blck-i .l-ttl.l-ttl--b .sk__line {
  background-color: var(--color-white);
}
.sk--cnts .b-cnit__blck.b-cnit__blck--full.b-cnit__blck--cnts .b-cnit__blck-i .l-ttl.l-ttl--b.sk__line {
  background-color: var(--color-white);
}
@media only screen and (min-width: 549.98px) {
  .sk--cnmy .b-cnmy__head > .sk__line {
    background-color: var(--color-white);
  }
}
.sk--cnmy .b-cnmy__head > .sk__line.b-cnts__img {
  border-radius: var(--rd-round);
}
.sk--cnmy .b-cnmy__head > .sk__line:last-child {
  --sk-w: 120px;
  height: 24px;
}
.sk--cnmy .b-cnts__itm:first-child span:last-child {
  background-color: var(--color-grey-light-alt3);
}
.sk--cnmy .b-cnts__itm > .sk__line:first-child {
  --sk-w: 70px;
}
@media only screen and (max-width: 549.98px) {
  .sk--cnmy .b-cnts__itm > .sk__line:first-child {
    --sk-w: 50px;
  }
}
.sk--cnmy .b-cnts__itm > .sk__line:last-child {
  --sk-w: 60px;
}
@media only screen and (max-width: 549.98px) {
  .sk--cnmy .b-cnts__itm > .sk__line:last-child {
    --sk-w: 40px;
  }
}
.sk--cnmy .l-crd.b-cnmy__crd .b-cnmy__item > .sk__line:first-child,
.sk--cnmy.l-crd.b-cnmy__crd .b-cnmy__item > .sk__line:first-child {
  border-radius: var(--rd-round);
}
.sk--cnmy .l-crd.b-cnmy__crd .b-cnmy__item > .sk__line:nth-child(2),
.sk--cnmy.l-crd.b-cnmy__crd .b-cnmy__item > .sk__line:nth-child(2) {
  --sk-w: 120px;
  height: 18px;
}
.sk--cnmy .l-crd.b-cnmy__crd .b-cnmy__item > .sk__line:last-child,
.sk--cnmy.l-crd.b-cnmy__crd .b-cnmy__item > .sk__line:last-child {
  --sk-w: 80px;
  height: 18px;
}
.sk--cnmy .l-crd.b-cnmy__crd .b-art__i .card__quote.sk__line,
.sk--cnmy.l-crd.b-cnmy__crd .b-art__i .card__quote.sk__line {
  border: none;
  height: 76px;
}
.sk--cnus .l-av.sk__line {
  background: var(--color-grey-light-alt3);
}
.sk--cnus:nth-child(2n+1) .b-ch__name.sk__line {
  --sk-w: 100px;
}
.sk--cnus:nth-child(2n+2) .b-ch__name.sk__line {
  --sk-w: 70px;
}
.b-mtch__head .l-ttl--bld > .sk__line {
  --sk-w: 150px;
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__dt.sk--mtch {
    width: 240px;
  }
}
.b-mtch__day.sk--mtch > .sk__line {
  --sk-w: 100px;
}
.b-mtch__day.sk--mtch .b-mtch__crd .b-mtch__cnt {
  display: flex;
  flex-direction: column;
}
.b-mtch__day.sk--mtch .b-mtch__head {
  height: 48px;
}
.b-mtch__item .sk--mtch:nth-child(1) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(1) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(1) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(1) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(1) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(1) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(1) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(1) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(1) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(1) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(2) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(2) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(2) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(2) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(2) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(2) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(2) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(2) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(2) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(2) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(3) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(3) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(3) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(3) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(3) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(3) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(3) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(3) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(3) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(3) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(4) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(4) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(4) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(4) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(4) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(4) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(4) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(4) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(4) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(4) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(5) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(5) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(5) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(5) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(5) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(5) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(5) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(5) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(5) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(5) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(6) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(6) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(6) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(6) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(6) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(6) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(6) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(6) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(6) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(6) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(7) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(7) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(7) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(7) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(7) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(7) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(7) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(7) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(7) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(7) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(8) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(8) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(8) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(8) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(8) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(8) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(8) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(8) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(8) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(8) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(9) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(9) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(9) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(9) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(9) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(9) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(9) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(9) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(9) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(9) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(10) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(10) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(10) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(10) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(10) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(10) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(10) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(10) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(10) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(10) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(11) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(11) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(11) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(11) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(11) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(11) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(11) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(11) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(11) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(11) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(12) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(12) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(12) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(12) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(12) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(12) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(12) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(12) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(12) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(12) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(13) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(13) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(13) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(13) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(13) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(13) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(13) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(13) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(13) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(13) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(14) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(14) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(14) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(14) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(14) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(14) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(14) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(14) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(14) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(14) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(15) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(15) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(15) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(15) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(15) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(15) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(15) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(15) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(15) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(15) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(16) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(16) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(16) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(16) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(16) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(16) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(16) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(16) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(16) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(16) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(17) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(17) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(17) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(17) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(17) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(17) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(17) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(17) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(17) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(17) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(18) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(18) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(18) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(18) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(18) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(18) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(18) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(18) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(18) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(18) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(19) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(19) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(19) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(19) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(19) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(19) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(19) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(19) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(19) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(19) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(20) .b-mtch__pl,
.b-mtch__item.sk--mtch:nth-child(20) .b-mtch__pl {
  width: 100%;
}
.b-mtch__item .sk--mtch:nth-child(20) .b-mtch__pl:first-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(20) .b-mtch__pl:first-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(20) .b-mtch__pl:first-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(20) .b-mtch__pl:first-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch:nth-child(20) .b-mtch__pl:last-child .sk__line:last-child,
.b-mtch__item.sk--mtch:nth-child(20) .b-mtch__pl:last-child .sk__line:last-child {
  max-width: randomNum(100, 150)px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item .sk--mtch:nth-child(20) .b-mtch__pl:last-child .sk__line:last-child,
  .b-mtch__item.sk--mtch:nth-child(20) .b-mtch__pl:last-child .sk__line:last-child {
    max-width: randomNum(70, 110)px;
  }
}
.b-mtch__item .sk--mtch .b-mtch__time .sk__line,
.b-mtch__item.sk--mtch .b-mtch__time .sk__line {
  --sk-w: 41px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__item .sk--mtch .b-mtch__time .sk__line,
  .b-mtch__item.sk--mtch .b-mtch__time .sk__line {
    --sk-w: 32px;
  }
}
.b-mtch__item .sk--mtch .b-mtch__plrs .b-mtch__pl-img,
.b-mtch__item.sk--mtch .b-mtch__plrs .b-mtch__pl-img {
  border-radius: var(--rd-round);
}
.b-mtch__item .sk--mtch .b-mtch__plrs .sk__line,
.b-mtch__item.sk--mtch .b-mtch__plrs .sk__line {
  display: inline-block;
}
.b-mtch__item .sk--mtch .b-mtch__frcs-row .b-mtch__frcs,
.b-mtch__item.sk--mtch .b-mtch__frcs-row .b-mtch__frcs {
  width: 100%;
}
.b-mtch > .l-crd.b-mtch__head.sk--mtch .l-ttl--bld > .sk__line {
  --sk-w: 200px;
  height: 32.39px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch > .l-crd.b-mtch__head.sk--mtch .l-ttl--bld > .sk__line {
    height: 27px;
  }
}
.l-fltr.sk--mtch > .l-fltr__item.l-fltr__item--wbft {
  min-width: 90px;
}
.sk--mtnw > .sk__line {
  height: 100%;
}
.sk--mtnw .b-home__img.sk__line {
  background-color: var(--color-grey-light-alt3);
}
.sk--mtnw .b-home__inf.l-cat__row > span.sk__line:not(:last-child) {
  margin-inline-end: 12px;
}
.sk--mtnw .b-home__inf.em-cm .sk__line:nth-child(1) {
  --sk-w: 28px;
  height: 28px;
  border-radius: var(--rd-round);
}
.sk--mtnw .b-home__inf.em-cm .sk__line:nth-child(2) {
  --sk-w: 42px;
  height: 28px;
  border-radius: var(--rd-20);
}
.b-blog__head > .l-cat__row > .l-ttl2.sk__line,
.b-blog__head > .l-ttl2.sk__line {
  --sk-w: 150px;
  background-color: var(--color-white);
}
.b-blog__head .b-blog__btns > .sk__line {
  height: 32px;
  background-color: var(--color-white);
  border-radius: var(--rd-100);
}
.b-blog__head .b-blog__btns > .sk__line:nth-child(1) {
  --sk-w: 120px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head .b-blog__btns > .sk__line:nth-child(1) {
    --sk-w: calc(50% - 4px);
  }
}
.b-blog__head .b-blog__btns > .sk__line:nth-child(2) {
  --sk-w: 140px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head .b-blog__btns > .sk__line:nth-child(2) {
    --sk-w: calc(50% - 4px);
  }
}
.b-blog__head-i > .sk__line {
  height: 44px;
}
.sk--post6 .l-post__hdr > .sk__line {
  --sk-w: 120px;
}
.sk--post6 .l-post__hdr .l-more > .sk__line {
  --sk-w: 24px;
  height: 24px;
}
.sk--post6 .l-post__link .l-post__title {
  height: 44px;
}
.sk--post6 .l-post__link .l-post__text {
  height: 38px;
}
.sk--post6 .l-post__bottom > .sk__line {
  --sk-w: 40px;
  height: 28px;
  border-radius: var(--rd-20);
}
.sk--post6 .l-post__bottom .l-inf__i > .sk__line:nth-child(1) {
  background-color: var(--color-grey-light-alt3);
}
.sk--post6 .l-post__bottom .l-inf__i > .sk__line:nth-child(1)::after {
  content: none;
}
.sk--post6 .l-post__bottom .l-inf__i > .sk__line:nth-child(2) {
  --sk-w: 70px;
}
.sk--prmy .b-prmy__inf .sk__line {
  background-color: var(--color-white);
}
.sk--prmy .b-prmy__inf .l-ttl--big {
  width: 150px;
  height: 32.39px;
}
@media only screen and (max-width: 549.98px) {
  .sk--prmy .b-prmy__inf .l-ttl--big {
    height: 27px;
  }
}
.sk--prmy .b-prmy__inf > span {
  display: block;
}
.sk--prmy .b-prmy__inf > span > .sk__line {
  display: inline-block;
}
.sk--prmy .b-prmy__inf > span > .sk__line:nth-child(1) {
  --sk-w: 80px;
}
.sk--prmy .b-prmy__inf > span > .sk__line:nth-child(2) {
  --sk-w: 70px;
}
.sk--prmy .b-prmy__inf .l-soal__cnt > .sk__line {
  --sk-w: 32px;
  height: 32px;
  border-radius: var(--rd-round);
}
.sk--prmy .b-prmy__inf .l-soal__cnt .b-blog__btns > .sk__line {
  --sk-w: 100px;
}
.sk--prmy .b-prmy__stat-i > .sk__line:nth-child(1) {
  --sk-w: 50px;
  margin-block-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .sk--prmy .b-prmy__stat-i > .sk__line:nth-child(1) {
    --sk-w: 40px;
  }
}
.sk--prmy .b-prmy__stat-i > .sk__line:nth-child(2) {
  --sk-w: 75px;
}
.sk--prmy .l-bkic__lnk {
  transition: initial;
}
.sk--prmy .l-crd > .l-ttl {
  width: 150px;
}
.sk--prmy .b-prmy__quote > .sk__line {
  background-color: var(--color-white);
  max-width: 500px;
}
.sk--prmy .b-prmy__itm > .sk__line {
  --sk-w: 70px;
}
.sk--prmy .b-mtch__odd > .sk__line {
  --sk-w: 35px;
}
.sk--prmy .b-prmy__blk p:nth-child(1) span.sk__line:first-child {
  --sk-w: 137px;
}
.sk--prmy .b-prmy__blk p:nth-child(1) span.sk__line:last-child {
  --sk-w: 35px;
}
.sk--prmy .b-prmy__blk p:nth-child(2) span.sk__line:first-child {
  --sk-w: 30px;
}
.sk--prmy .b-prmy__blk p:nth-child(2) span.sk__line:last-child {
  --sk-w: 60px;
}
.sk--prmy .b-prmy__blk p:nth-child(3) span.sk__line {
  --sk-w: 110px;
}
.sk--prmy .b-prmy__blk p:nth-child(4) span.sk__line:first-child {
  --sk-w: 180px;
}
.sk--prmy .b-prmy__blk p:nth-child(4) span.sk__line:last-child {
  --sk-w: 32px;
}
.sk--prmy .l-crd.profile-bk .b-prmy__prop > .sk__line {
  display: block;
}
.sk--prmy .l-crd.profile-bk .b-prmy__prop > .sk__line:first-child {
  --sk-w: 70px;
}
.sk--prmy .l-crd.profile-bk .b-prmy__prop > .sk__line:last-child {
  --sk-w: 80px;
}
.sk--prmy .l-crd > .l-fltr > .sk__line {
  background-color: var(--color-grey-light-alt3);
}
.sk--prmy .b-rtkp__row._first .b-rtkp__clmn:nth-child(1) .sk__line {
  --sk-w: $px;
}
.sk--prmy .b-rtkp__row._first .b-rtkp__clmn:nth-child(2) .sk__line {
  --sk-w: $px;
}
.sk--prmy .b-rtkp__row._first .b-rtkp__clmn:nth-child(3) .sk__line {
  --sk-w: $px;
}
.sk--prmy .b-rtkp__row._first .b-rtkp__clmn:nth-child(4) .sk__line {
  --sk-w: $px;
}
.sk--prmy .b-rtkp__row._first .b-rtkp__clmn:nth-child(5) .sk__line {
  --sk-w: $px;
}
.sk--prmy.b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child > .sk__line:nth-child(1) {
  --sk-w: 44px;
  height: 44px;
  border-radius: var(--rd-round);
}
.sk--prmy.b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child > .sk__line:nth-child(2) {
  --sk-w: 100px;
}
.sk--prmy.b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child > .sk__line:nth-child(3) {
  --sk-w: 70px;
  height: 16px;
}
.sk--prmy.b-rtkp__tbl-i.cmmn .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child > .sk__line {
  --sk-w: 100px;
}
.sk--prmy .b-rtkp__row:not(._first) .b-rtkp__clmn span {
  display: block;
}
.sk--prmy .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .sk__line:nth-child(1) {
  --sk-w: 30px;
}
.sk--prmy .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .sk__line:nth-child(2) {
  --sk-w: 40px;
  height: 16px;
}
.sk--prmy .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(3) > .sk__line:nth-child(1) {
  --sk-w: 70px;
}
.sk--prmy .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(3) > .sk__line:nth-child(2) {
  --sk-w: 45px;
  height: 16px;
}
.sk--prmy .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(4) > .sk__line {
  --sk-w: 40px;
}
.sk--prmy .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(5) > .sk__line {
  --sk-w: 50px;
}
.sk--prpl .l-ttl.sk__line {
  --sk-w: 150px;
}
.sk--prpl .l-av.sk__line {
  background-color: var(--color-grey-light-alt3);
}
@media only screen and (max-width: 767.98px) {
  .sk--prpl .l-av.sk__line {
    margin: 0 auto;
  }
}
.sk--prpl > .sk__line {
  height: 56px;
  border-radius: var(--rd-100);
  background-color: var(--color-white);
}
@media only screen and (min-width: 549.98px) {
  .sk--prpl > .sk__line {
    --sk-w: 143px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--prpl > .sk__line {
    margin-inline-start: 12px;
    margin-inline-end: 12px;
  }
}
.sk--prpe > .l-crd .l-ttl.sk__line {
  --sk-w: 150px;
}
.sk--prpe > .l-crd .b-bk__ab {
  height: 75px;
}
.sk--prpe > .l-crd > .sk__line:last-child {
  height: 56px;
  border-radius: var(--rd-100);
}
@media only screen and (min-width: 549.98px) {
  .sk--prpe > .l-crd > .sk__line:last-child {
    --sk-w: 143px;
  }
}
.sk--prnt > .l-crd:nth-child(1) .l-ttl.sk__line,
.sk--prnt > .l-crd:nth-child(2) .l-ttl.sk__line {
  --sk-w: 74px;
}
.sk--prnt > .l-crd:nth-child(3) .l-ttl.sk__line {
  --sk-w: 88px;
}
.sk--prnt > .l-crd > .l-ttl.sk__line,
.sk--prnt > .l-crd .l-cat__row {
  margin-block-end: 0;
}
.sk--prnt > .l-crd > .l-ttl.sk__line:not(:last-child),
.sk--prnt > .l-crd .l-cat__row:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .sk--prnt > .l-crd > .l-ttl.sk__line:not(:last-child),
  .sk--prnt > .l-crd .l-cat__row:not(:last-child) {
    margin-block-end: 12px;
  }
}
.sk--prnt > .l-crd .f-check,
.sk--prnt > .l-crd .l-ttl.sk__line {
  height: 22px;
}
.sk--prnt > .l-crd .f-check {
  cursor: initial;
}
.sk--prnt > .l-crd .f-check:nth-child(2n) {
  width: 200px;
}
.sk--prnt > .l-crd .f-check:nth-child(2n+1) {
  width: 120px;
}
.sk--prnt > .l-crd .l-cat__row .sk__line:last-child {
  border-radius: var(--rd-100);
  height: 32px;
  width: 110px;
}
.sk--prnt > .sk__line {
  height: 56px;
  border-radius: var(--rd-100);
  background-color: var(--color-white);
}
@media only screen and (min-width: 549.98px) {
  .sk--prnt > .sk__line {
    --sk-w: 143px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--prnt > .sk__line {
    margin-inline-start: 12px;
    margin-inline-end: 12px;
  }
}
.sk--prps .l-ttl.sk__line {
  --sk-w: 150px;
}
.sk--prps .l-crd:first-child > .sk__line:last-child {
  height: 56px;
  border-radius: var(--rd-100);
}
@media only screen and (min-width: 549.98px) {
  .sk--prps .l-crd:first-child > .sk__line:last-child {
    --sk-w: 143px;
  }
}
.sk--prps .b-prmn__soal-srv p {
  width: 160px;
}
.sk--prps .b-prmn__soal-srv .b-prmn__soal-i:nth-child(2n) > .sk__line:not(.l-soal__item) {
  --sk-w: 200px;
}
.sk--prps .b-prmn__soal-srv .b-prmn__soal-i:nth-child(2n+1) > .sk__line:not(.l-soal__item) {
  --sk-w: 120px;
}
.sk--prbk .l-ttl.sk__line {
  --sk-w: 150px;
}
.sk--prbk .b-bk__ab {
  height: 75px;
}
.sk--prbk .b-prmn__crd picture .sk__line {
  height: 54px;
  max-width: 150px;
}
.sk--prbk .b-prmn__adrm {
  width: 120px;
}
.sk--prcm.b-prcm__item > .sk__line {
  height: 44px;
}
.sk--prcm.b-prcm__item .l-cat__row .sk__line:not(:last-child) {
  margin-inline-end: 12px;
}
.sk--prcm.b-prcm__item .l-cat__row .sk__line:not(:last-child)::before {
  inset-inline-end: -12px;
}
.sk--cntc .b-cntc__head {
  padding: 0.1px 0 0;
}
.sk--cntc .b-cntc__head > .l-ttl2.sk__line {
  --sk-w: 100px;
  margin: 24px;
  padding: 0;
}
@media only screen and (max-width: 767.98px) {
  .sk--cntc .b-cntc__head > .l-ttl2.sk__line {
    margin: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--cntc .b-cntc__head > .l-ttl2.sk__line {
    margin: 12px;
  }
}
.sk--cntc .b-cntc__item .b-cntc__head {
  display: flex;
  flex-direction: column;
}
.sk--cntc .b-cntc__item .l-av {
  background-color: var(--color-grey-light-alt3);
}
.sk--cntc .b-cntc__item .l-av::after {
  content: none;
}
.sk--cntc .b-cntc__item .l-user__nickname {
  width: 60px;
}
.sk--cntc .b-cntc__item .l-user__name {
  width: 120px;
  height: 22px;
}
.sk--cntc .b-cntc__item .l-user__actvt {
  height: 38px;
}
.sk--cntc .b-cntc__item .l-user__link:first-child {
  width: 180px;
}
.sk--cntc .b-cntc__item .l-user__link:nth-child(2) {
  width: 150px;
}
.sk--cntc .b-cntc__item .l-user__link:nth-child(3) {
  width: 110px;
}
.sk--cntc .l-crd .l-ttl.sk__line {
  --sk-w: 120px;
}
.sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(2),
.sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(3),
.sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(4) {
  height: 56px;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(2),
  .sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(3),
  .sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(4) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(2),
  .sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(3),
  .sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(4) {
    margin-block-end: 12px;
  }
}
.sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(4) {
  height: 112px;
}
.sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(5) {
  --sk-w: 150px;
  height: 56px;
  border-radius: var(--rd-100);
}
@media only screen and (max-width: 549.98px) {
  .sk--cntc .l-crd:nth-child(2) > .sk__line:nth-child(5) {
    --sk-w: 100%;
  }
}
.sk--cntc .l-crd:nth-child(3) > .sk__line:nth-child(2),
.sk--cntc .l-crd:nth-child(3) > .sk__line:nth-child(3) {
  height: 44px;
}
.sk--cntc .l-crd:nth-child(3) > .sk__line:nth-child(2):not(:last-child),
.sk--cntc .l-crd:nth-child(3) > .sk__line:nth-child(3):not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__head .b-lolt__crd.sk--lolt > * {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
.b-lolt__head .b-lolt__crd.sk--lolt > .sk__line:nth-child(1) {
  --sk-w: 154px;
  height: 27px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__head .b-lolt__crd.sk--lolt > .sk__line:nth-child(1) {
    --sk-w: 93px;
    height: 16px;
    margin-block-end: 4px;
  }
}
.b-lolt__head .b-lolt__crd.sk--lolt > .sk__line:nth-child(2) {
  --sk-w: 100px;
  height: 49px;
}
.b-lolt__head .b-lolt__crd.sk--lolt > .sk__line:nth-child(3) {
  --sk-w: 100px;
  height: 43px;
  border: none;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__head .b-lolt__crd.sk--lolt > .sk__line:nth-child(3) {
    height: 35px;
  }
}
.b-lolt__head .b-lolt__crd.sk--lolt > .sk__line:nth-child(4) {
  height: 58px;
  border-radius: var(--rd-100);
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__head .b-lolt__crd.sk--lolt > .sk__line:nth-child(4) {
    height: 55px;
    min-width: 114px;
  }
}
.b-lolt__head .b-lolt__crd.sk--lolt > div > .sk__line {
  --sk-w: 200px;
  height: 27px;
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:first-child > .sk__line {
  --sk-w: 207px;
  height: 27px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:first-child > .sk__line {
    --sk-w: 166px;
    height: 22px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:first-child .l-cat__row > div:first-child {
  width: 150px;
  height: 27px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:first-child .l-cat__row > div:first-child {
    width: 125px;
    height: 16px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:first-child .l-cat__row > div:nth-child(2) {
  width: 120px;
  height: 49px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:first-child .l-cat__row > div:nth-child(2) {
    height: 28px;
    width: 100px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__exch-itm .sk__line {
  background-color: var(--color-white);
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__exch-itm picture.sk__line {
  border-radius: var(--rd-round);
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__exch-itm div.sk__line {
  --sk-w: 70%;
  height: 27px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__exch-itm div.sk__line {
    height: 22px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__exch-itm span.sk__line {
  --sk-w: 50%;
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__exch-itm span.sk__line {
    height: 16px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst > .b-lolt__lst-rw .sk__line {
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst > .b-lolt__lst-rw .sk__line {
    height: 32px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst > .b-lolt__lst-rw > div:first-child .sk__line {
  --sk-w: 80px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst > .b-lolt__lst-rw > div:first-child .sk__line {
    --sk-w: 40px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst > .b-lolt__lst-rw > div:not(:first-child) .sk__line {
  --sk-w: 50px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst > .b-lolt__lst-rw > div:not(:first-child) .sk__line {
    --sk-w: 40px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst-inr > .b-lolt__lst-rw .sk__line {
  height: 27px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst-inr > .b-lolt__lst-rw .sk__line {
    height: 22px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst-inr > .b-lolt__lst-rw > div:first-child .sk__line {
  --sk-w: 90px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst-inr > .b-lolt__lst-rw > div:first-child .sk__line {
    --sk-w: 60px;
  }
}
.b-lolt__swap .b-lolt__crds.sk--lolt .b-lolt__crd.b-lolt__crd--swp:nth-child(2) .b-lolt__lst-inr > .b-lolt__lst-rw > div:not(:first-child) .sk__line {
  --sk-w: 20px;
  margin-inline-start: auto;
}
.b-lolt__hstr .b-lolt__crd.b-lolt__crd--swp > b.sk__line {
  --sk-w: 85px;
  display: block;
  height: 32px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr .b-lolt__crd.b-lolt__crd--swp > b.sk__line {
    --sk-w: 70px;
    height: 27px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr .b-lolt__rowt.sk--lolt:first-child > .sk__line {
    height: 16px;
  }
}
.b-lolt__hstr .b-lolt__rowt.sk--lolt:first-child > .sk__line:first-child {
  --sk-w: 50px;
}
.b-lolt__hstr .b-lolt__rowt.sk--lolt:first-child > .sk__line:nth-child(2) {
  --sk-w: 110px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr .b-lolt__rowt.sk--lolt:first-child > .sk__line:nth-child(2) {
    --sk-w: 80px;
  }
}
.b-lolt__hstr .b-lolt__rowt.sk--lolt:first-child > .sk__line:nth-child(3) {
  --sk-w: 90px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr .b-lolt__rowt.sk--lolt:first-child > .sk__line:nth-child(3) {
    --sk-w: 65px;
  }
}
.b-lolt__hstr .b-lolt__rowt.sk--lolt:first-child > .sk__line:nth-child(4) {
  --sk-w: 45px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr .b-lolt__rowt.sk--lolt:first-child > .sk__line:nth-child(4) {
    --sk-w: 35px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__hstr .b-lolt__rowt.sk--lolt:not(:first-child) > .sk__line {
    height: 27px;
  }
}
.b-lolt__hstr .b-lolt__rowt.sk--lolt:not(:first-child) > .sk__line:first-child {
  --sk-w: 110px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr .b-lolt__rowt.sk--lolt:not(:first-child) > .sk__line:first-child {
    --sk-w: 90px;
  }
}
.b-lolt__hstr .b-lolt__rowt.sk--lolt:not(:first-child) > .sk__line:nth-child(2) {
  --sk-w: 250px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr .b-lolt__rowt.sk--lolt:not(:first-child) > .sk__line:nth-child(2) {
    --sk-w: 200px;
  }
}
.b-lolt__hstr .b-lolt__rowt.sk--lolt:not(:first-child) > .sk__line:nth-child(3),
.b-lolt__hstr .b-lolt__rowt.sk--lolt:not(:first-child) > .sk__line:nth-child(4) {
  --sk-w: 40px;
  margin-inline-start: auto;
}
@media only screen and (min-width: 1279.98px) {
  .sk--ftr-int.b-ftr {
    height: 800px;
  }
}
@media only screen and (max-width: 1279.98px) {
  .sk--ftr-int.b-ftr {
    height: 1200px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sk--ftr-int.b-ftr {
    height: 1450px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk--ftr-int.b-ftr {
    height: 1750px;
  }
}
@media only screen and (max-width: 480.98px) {
  .sk--ftr-int.b-ftr {
    height: 1600px;
  }
}
@media only screen and (max-width: 359.98px) {
  .sk--ftr-int.b-ftr {
    height: 1750px;
  }
}
@media only screen and (max-width: 643px) and (min-width: 549.98px) {
  .l-post.sk__prsp-int {
    width: 100%;
  }
}
.l-post.sk__prsp-int .l-post__i {
  padding-block-start: 200px;
}
@media only screen and (max-width: 549.98px) {
  .l-post.sk__prsp-int .l-post__i {
    padding-block-start: 196px;
  }
}
.l-post.sk__prsp-int .l-post__i > div {
  aspect-ratio: 16/9;
}
.sk__mtch-int:not(._stream) {
  height: 84px;
}
@container match-item (max-width: 898.5px) {
  .sk__mtch-int:not(._stream) {
    height: 124px;
  }
}
@container match-item (max-width: 597.5px) {
  .sk__mtch-int:not(._stream) {
    height: 120px;
  }
  @media only screen and (max-width: 480.98px) {
    .sk__mtch-int:not(._stream) {
      height: 92px;
    }
  }
  @media only screen and (max-width: 549.98px) {
    .sk__mtch-int:not(._stream).home {
      height: 122px;
    }
  }
  @media only screen and (max-width: 549.98px) and (max-width: 480.98px) {
    .sk__mtch-int:not(._stream).home {
      height: 94px;
    }
  }
  @media only screen and (max-width: 549.98px) {
    .sk__mtch-int:not(._stream).home.nt-strt {
      height: 166px;
    }
  }
  @media only screen and (max-width: 549.98px) and (max-width: 480.98px) {
    .sk__mtch-int:not(._stream).home.nt-strt {
      height: 130px;
    }
  }
  .sk__mtch-int:not(._stream).nt-strt {
    height: 164px;
  }
  @media only screen and (max-width: 480.98px) {
    .sk__mtch-int:not(._stream).nt-strt {
      height: 128px;
    }
  }
}
.sk__mtch-int._stream {
  height: 84px;
}
@media only screen and (max-width: 480.98px) {
  .sk__mtch-int._stream {
    height: 68px;
  }
}
.sk__bns-int {
  height: 100%;
}
.sk__bns-int .b-bns__item-i > div:nth-child(1) {
  aspect-ratio: 16/9;
}
.sk__bns-int .b-bns__item-i > div:nth-child(2) {
  height: 355px;
}
@media only screen and (max-width: 767.98px) {
  .sk__bns-int .b-bns__item-i > div:nth-child(2) {
    height: 347px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk__bns-int .b-bns__item-i > div:nth-child(2) {
    height: 339px;
  }
}
.sk__bk-int .l-bk__c-h {
  height: 84px;
}
@media only screen and (max-width: 549.98px) {
  .sk__bk-int .l-bk__c-h {
    height: 68px;
  }
}
.sk__bk-int .l-bk__c-c {
  height: 180px;
}
@media only screen and (max-width: 1439.98px) and (min-width: 1279.98px), only screen and (max-width: 1106px) and (min-width: 991.98px), only screen and (max-width: 821px) and (min-width: 767.98px) {
  .sk__bk-int .l-bk__c-c {
    height: 272px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sk__bk-int .l-bk__c-c {
    height: 168px;
  }
}
@media only screen and (max-width: 549.98px) {
  .sk__bk-int .l-bk__c-c {
    height: 212px;
  }
}
.sk__blog-int .l-post__i {
  min-height: 216px;
}
.gotop {
  position: fixed;
  display: flex;
  opacity: 0;
  height: 56px;
  width: 56px;
  inset-inline-end: 16px;
  inset-block-end: 81px;
  background: var(--color-white-95);
  box-shadow: var(--shadow-grey);
  border-radius: var(--rd-round);
  z-index: 12;
}
@media only screen and (min-width: 767.98px) {
  .gotop:hover {
    box-shadow: 0px 2px 20px var(--color-grey-alt5-80);
  }
}
.gotop:active {
  box-shadow: 0px 2px 20px var(--color-grey-alt5-80);
}
@media only screen and (max-width: 767.98px) {
  .gotop {
    inset-block-end: 74px;
    inset-inline-end: 10px;
    width: 44px;
    height: 44px;
  }
}
.gotop::before {
  content: "";
  margin: auto;
}
@media only screen and (max-width: 767.98px) {
  .gotop::before {
    transform: scale(78.15%);
  }
}
.clip-l-r,
.clip-r-l {
  --border-clip: 20px;
  position: relative;
  z-index: 2;
}
.clip-l-r::before,
.clip-l-r::after,
.clip-r-l::before,
.clip-r-l::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  height: 24px;
  background-color: inherit;
  z-index: -1;
}
.clip-l-r::before,
.clip-r-l::before {
  inset-block-start: -23.5px;
}
.clip-l-r::after,
.clip-r-l::after {
  inset-block-end: -23.5px;
}
@media only screen and (min-width: 549.98px) {
  .clip-l-r > .clip-l-r,
  .clip-l-r > .clip-r-l,
  .clip-r-l > .clip-l-r,
  .clip-r-l > .clip-r-l {
    margin: 60px 0 -124px;
  }
}
.clip-l-r:not(:last-child),
.clip-r-l:not(:last-child) {
  margin-block-end: 48px;
}
@media only screen and (max-width: 767.98px) {
  .clip-l-r:not(:last-child),
  .clip-r-l:not(:last-child) {
    margin-block-end: 44px;
  }
}
@media only screen and (max-width: 549.98px) {
  .clip-l-r:not(:last-child),
  .clip-r-l:not(:last-child) {
    margin-block-end: 24px;
  }
}
* + .clip-l-r,
* + .clip-r-l {
  margin-block-start: 48px;
}
@media only screen and (max-width: 767.98px) {
  * + .clip-l-r,
  * + .clip-r-l {
    margin-block-start: 44px;
  }
}
@media only screen and (max-width: 549.98px) {
  * + .clip-l-r,
  * + .clip-r-l {
    margin-block-start: 40px;
  }
}
@media only screen and (min-width: 549.98px) {
  .clip-l-r {
    border-radius: 0 var(--border-clip);
  }
}
@media only screen and (min-width: 549.98px) {
  .clip-l-r::before,
  .clip-l-r::after {
    border-radius: var(--border-clip) 0;
  }
}
.clip-l-r::before {
  clip-path: polygon(0 100%, 0 0, var(--border-clip) 0, calc(100% - var(--border-clip)) 100%);
}
@media only screen and (max-width: 549.98px) {
  .clip-l-r::before {
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
  }
}
.clip-l-r::after {
  clip-path: polygon(var(--border-clip) 0, 100% 0, 100% 100%, calc(100% - var(--border-clip)) 100%);
}
@media only screen and (max-width: 549.98px) {
  .clip-l-r::after {
    clip-path: polygon(100% 0, 0 100%, 0 0);
  }
}
@media only screen and (min-width: 549.98px) {
  .clip-r-l {
    border-radius: var(--border-clip) 0;
  }
}
@media only screen and (min-width: 549.98px) {
  .clip-r-l::before,
  .clip-r-l::after {
    border-radius: 0 var(--border-clip);
  }
}
.clip-r-l::before {
  clip-path: polygon(var(--border-clip) 100%, calc(100% - var(--border-clip)) 0, 100% 0, 100% 100%);
}
@media only screen and (max-width: 549.98px) {
  .clip-r-l::before {
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
  }
}
.clip-r-l::after {
  clip-path: polygon(0 0, calc(100% - var(--border-clip)) 0, var(--border-clip) 100%, 0 100%);
}
@media only screen and (max-width: 549.98px) {
  .clip-r-l::after {
    clip-path: polygon(100% 0, 0 100%, 0 0);
  }
}
.scrollbar__parent {
  --sb-reserved: 0px;
  position: relative;
}
.scrollbar__content {
  scrollbar-width: none;
}
.scrollbar__content::-webkit-scrollbar {
  display: none;
}
.scrollbar__block {
  --scrollbar-wh: 12px;
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: var(--scrollbar-wh);
  pointer-events: none;
  z-index: 9999;
}
.scrollbar__track {
  position: absolute;
  pointer-events: auto;
}
.scrollbar__track._y {
  inset-inline-end: 0;
  width: var(--scrollbar-wh);
}
.scrollbar__track._x {
  inset-block-end: 0;
  height: var(--scrollbar-wh);
}
.scrollbar__thumb {
  position: absolute;
  background: var(--color-addgrey);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: var(--rd-16);
  width: 100%;
  height: 100%;
  transition: transform 0.1s ease-out, background 0.2s;
  will-change: transform;
}
.scrollbar__thumb._dragging {
  transition: none !important;
}
.b-ch {
  max-width: 774px;
  margin: 52px auto 0;
  width: 100%;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 549.98px) {
  .b-ch {
    margin-block-start: 88px;
    margin-block-end: 24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-ch {
    margin-block-start: 80px;
    margin-block-end: 16px;
  }
}
.b-ch__main {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 991.98px) {
  .b-ch__main {
    flex: 1 1 auto;
  }
}
.b-ch__main > .b-ch__list {
  min-height: calc(100vh - 197px);
}
@media only screen and (max-width: 767.98px) {
  .b-ch__main > .b-ch__list {
    min-height: calc(100vh - 173px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__main > .b-ch__list {
    min-height: calc(100vh - 121px);
  }
  .b-ch__main > .b-ch__list .b-ch__header .l-more__d {
    --fz: 12px;
    --lh: 1;
  }
  .b-ch__main > .b-ch__list .b-ch__header .l-av {
    --av-wh: 36px;
    --av-fz: 16px;
  }
  .b-ch__main > .b-ch__list .b-ch__header .b-ch__name {
    --fz: 14px;
    margin-block-start: -2px;
  }
  .b-ch__main > .b-ch__list .b-ch__body .b-ch__text {
    --fz: 14px;
  }
}
.b-ch__main > .l-inpt {
  padding: 20px 24px;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-ch__main > .l-inpt {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__main > .l-inpt {
    padding: 12px;
  }
}
.b-ch__main .b-ch__header > .icon-note,
.b-ch__main .b-ch__header .l-more > .icon-pinned {
  opacity: 0.5;
}
.b-ch__main > .b-ch__bdr-gr.ftr,
.b-ch__main > .b-ch__bdr-gr.hdr {
  max-width: 774px;
  position: fixed;
  inset-inline-start: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}
@media only screen and (max-width: 821px) {
  .b-ch__main > .b-ch__bdr-gr.ftr,
  .b-ch__main > .b-ch__bdr-gr.hdr {
    transform: translate(0, 0);
    inset-inline-start: 24px;
    max-width: calc(100vw - 48px);
  }
}
.b-ch__main > .b-ch__bdr-gr.ftr {
  inset-block-end: 0;
}
.b-ch__main > .b-ch__bdr-gr.hdr {
  inset-block-start: 64px;
}
.b-ch__search {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 36px;
  width: 16px;
  height: 16px;
  transform: translate(0px, -50%);
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__search {
    inset-inline-end: 30px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__search {
    inset-inline-end: 24px;
  }
}
.b-ch__search.icon-close {
  --icon-c: var(--color-black);
}
.b-ch__main-i {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: calc(100vh - 112px);
}
@media only screen and (max-width: 767.98px) {
  .b-ch__main-i {
    min-height: calc(100vh - 96px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__main-i {
    min-height: calc(100vh - 52px);
  }
}
.b-ch__main-i > .b-ch__header {
  position: sticky;
  inset-block-start: 88px;
  align-items: center;
  padding: 20px 24px;
  height: 85px;
  border-block-end: 1px solid var(--color-addgrey-40);
  background-color: var(--color-white);
  z-index: 4;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__main-i > .b-ch__header {
    inset-block-start: 80px;
    padding: 16px 18px;
    height: 77px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__main-i > .b-ch__header {
    inset-block-start: 52px;
    height: 52px;
    padding: 0 12px;
    min-height: 52px;
  }
}
.b-ch__main-i > .b-ch__header .b-ch__name h2 {
  --fz: 16px;
  padding: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__main-i > .b-ch__header .b-ch__name h2 {
    --fz: 14px;
  }
}
.b-ch__main-i > .b-ch__header .b-ch__name h2 a {
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-ch__main-i > .b-ch__header .b-ch__name h2 a:hover {
    color: var(--color-hover);
  }
}
.b-ch__main-i > .b-ch__header .b-ch__name h2 a:active {
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-ch__main-i > .b-ch__header .b-ch__name:hover {
    color: var(--color-black);
  }
}
.b-ch__main-i > .b-ch__header .b-ch__name:active {
  color: var(--color-black);
}
.b-ch__main-i > .b-ch__header .icon-arrow-thin {
  --icon-c: var(--color-black);
  margin-inline-end: 24px;
  cursor: pointer;
  display: flex;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__main-i > .b-ch__header .icon-arrow-thin {
    margin-inline-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__main-i > .b-ch__header .icon-arrow-thin {
    margin-inline-end: 16px;
  }
}
.b-ch__online {
  --fz: 14px;
  font-weight: 400;
  color: var(--color-darkgreen);
}
@media only screen and (max-width: 549.98px) {
  .b-ch__online {
    --fz: 12px;
  }
}
.b-ch__cnt {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.b-ch__cnt .b-ch__item {
  border-block-start: 1px solid var(--color-addgrey-40);
}
.b-ch__cnt .b-ch__item:first-child {
  transform: translate(0px, -1px);
}
.b-ch__cnt .b-ch__item.joined:not(.b-ch__item--view) {
  border-block-start: none;
  padding-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__cnt .b-ch__item.joined:not(.b-ch__item--view) {
    padding-block-start: 0;
  }
}
.b-ch__cnt .b-ch__item.joined .b-ch__header,
.b-ch__cnt .b-ch__item.joined > .l-av {
  display: none;
}
.b-ch__cnt.scroll .b-ch__item.b-ch__item--view .b-ch__body {
  border-color: var(--msg-bg-color);
  background-color: var(--msg-bg-color);
}
.b-ch__cnt.scroll .b-ch__item.b-ch__item--view .b-ch__body .b-ch__edit-btns {
  pointer-events: none;
}
.b-ch__cnt.scroll .b-ch__item.b-ch__item--view .b-ch__body .b-ch__edit-btns > div {
  scale: 0;
}
.b-ch__list {
  position: relative;
  display: flex;
  flex-direction: column;
}
.b-ch__list:last-child .b-ch__item:last-child .b-ch__text {
  border-block-end: none;
}
.b-ch__list--link .b-ch__item {
  padding: 0;
}
.b-ch__list--link .b-ch__item .b-ch__link {
  position: relative;
  padding: 20px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__list--link .b-ch__item .b-ch__link {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__list--link .b-ch__item .b-ch__link {
    padding: 12px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-ch__list--link .b-ch__item .b-ch__link:hover {
    background-color: var(--color-grey-pale);
  }
}
.b-ch__list--link .b-ch__item .b-ch__link:active {
  background-color: var(--color-grey-pale);
}
.b-ch__list--link .b-ch__item .b-ch__link::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 76px;
  border-block-end: 1px solid var(--color-addgrey);
  opacity: 0.6;
  width: calc(100% - 76px);
  color: var(--color-addgrey);
}
@media only screen and (max-width: 767.98px) {
  .b-ch__list--link .b-ch__item .b-ch__link::before {
    inset-inline-start: 70px;
    width: calc(100% - 70px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__list--link .b-ch__item .b-ch__link::before {
    inset-inline-start: 56px;
    width: calc(100% - 56px);
  }
}
.b-ch__list--link .b-ch__item .b-ch__scms ~ .b-ch__tf {
  padding-inline-end: 38px;
}
.b-ch__list--link .b-ch__item .b-ch__text p:first-of-type {
  word-break: break-all;
}
.b-ch__list--link .b-ch__item .b-ch__text .b-ch__img {
  margin-inline-end: 8px;
}
.b-ch__list--link .b-ch__item .b-ch__text .b-ch__img img {
  border-radius: var(--rd-5);
  width: auto;
  height: 24px;
}
.b-ch__list--srch {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 252px;
  min-width: 250px;
  margin: -12px;
  padding-block: 12px 12px;
  padding-inline: 12px 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__list--srch {
    max-height: 206px;
  }
}
.b-ch__list--srch::-webkit-scrollbar {
  display: block;
  width: 12px;
}
.b-ch__list--srch::-webkit-scrollbar-thumb {
  background-clip: content-box;
  border: 4px solid transparent;
  width: 4px;
  border-radius: var(--rd-100);
  background-color: var(--color-bg-dark-15);
}
.b-ch__list--srch::-webkit-scrollbar-button {
  display: block;
  height: 3px;
}
.b-ch__list--srch.bkpg {
  padding: 12px;
}
.b-ch__list--srch.bkpg .b-ch__item {
  padding: 8px;
}
.b-ch__list--srch.bkpg .b-ch__item:not(:last-child) {
  margin-block-end: 0;
}
.b-ch__list--srch.bkpg .b-ch__item.b-bkpg__plr .l-av:after {
  inset-block-start: -2px;
  inset-inline-start: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 1px solid var(--color-hover);
  box-shadow: inset 0 0 0 2px var(--color-white);
}
.b-ch__list--srch._grade {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-block: 16px 16px;
  padding-inline: 16px calc(16px - var(--sb-reserved));
  min-width: 240px;
}
.b-ch__list--srch .b-ch__item {
  padding: 0;
}
.b-ch__list--srch .b-ch__item:not(:last-child) {
  margin-block-end: 8px;
}
.b-ch__list--srch .b-ch__item:not(:last-child):has(.b-ch__score) {
  margin-block-end: 16px;
}
.b-ch__list--srch .b-ch__item.bdtp {
  border-block-start: 1px solid var(--color-border);
  padding-block-start: 8px;
}
.b-ch__list--srch .b-ch__item .b-ch__link {
  padding: 0;
  display: flex;
  align-items: center;
}
.b-ch__list--srch .b-ch__item .b-ch__link > i.icon-rating {
  --icon-w: 12px;
  --icon-c: var(--color-white);
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: var(--rd-round);
  background-color: var(--color-blue);
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__list--srch .b-ch__item .b-ch__link > i.icon-rating {
    margin-inline-end: 6px;
  }
}
.b-ch__list--srch .b-ch__item .b-ch__link .b-ch__name {
  transition: all 0.2s ease 0s;
  font-weight: 400;
}
@media only screen and (min-width: 767.98px) {
  .b-ch__list--srch .b-ch__item .b-ch__link:hover .b-ch__name {
    color: var(--color-hover);
  }
}
.b-ch__list--srch .b-ch__item .b-ch__link:active .b-ch__name {
  color: var(--color-hover);
}
.b-ch__list--srch .b-ch__item .b-ch__link .l-av {
  margin-inline-end: 8px;
}
.b-ch__nomsg {
  flex: 1 1 auto;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: var(--color-darkgrey);
}
.b-ch__noread {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  margin: 0 24px;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__noread {
    padding: 16px 0;
    margin: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__noread {
    padding: 12px 0;
    margin: 0 12px;
  }
}
.b-ch__noread > span {
  --fz: 14px;
  --lh: 1;
  position: relative;
  display: block;
  padding: 0 16px;
  background-color: var(--color-white);
  z-index: 2;
}
.b-ch__noread::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  width: 100%;
  border-block-start: 1px solid var(--color-addgrey-70);
  transform: translate(0, -50%);
  z-index: 1;
}
.b-ch__msgdate {
  position: sticky;
  inset-block-start: 164px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 32px;
  z-index: 3;
  pointer-events: none;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__msgdate {
    inset-block-start: 148px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__msgdate {
    padding: 12px 0 20px;
    inset-block-start: 104px;
  }
}
.b-ch__msgdate > div {
  --fz: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  pointer-events: auto;
  padding: 0 15px;
  border: 1px solid var(--color-addgrey-70);
  background-color: var(--color-white);
  height: 32px;
  border-radius: var(--rd-100);
}
.b-ch__msgdate.top {
  transition: opacity 0.2s ease;
  opacity: 0;
}
.b-ch__msgdate.top.view {
  opacity: 1;
}
.b-ch__msgdate + .b-ch__noread {
  margin-block-start: -32px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__msgdate + .b-ch__noread {
    margin-block-start: -20px;
  }
}
.b-ch__ftr {
  position: sticky;
  inset-block-end: 24px;
  z-index: 4;
  background-color: var(--color-white);
  border-block-start: 1px solid var(--color-addgrey-40);
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__ftr {
    padding: 18px;
    inset-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__ftr {
    padding: 12px;
    inset-block-end: 0;
  }
}
.b-ch__scrl {
  position: absolute;
  inset-block-start: -60px;
  inset-inline-end: 0;
  height: 40px;
  width: 40px;
  border-radius: var(--rd-round);
  background: var(--color-white-95);
  box-shadow: 0 2px 30px 0 var(--color-grey-soft-50);
  cursor: pointer;
  z-index: 4;
}
@media only screen and (min-width: 549.98px) {
  .b-ch__scrl {
    transform: translate(50%, 0px);
  }
}
.b-ch__scrl-i {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2px 5px 6px;
  height: 100%;
  width: 100%;
}
.b-ch__scrl-i span:first-child {
  --fz: 10px;
  position: absolute;
  inset-block-start: -10px;
  inset-inline-start: 50%;
  padding: 2px 6px;
  height: 18px;
  min-width: 18px;
  text-align: center;
  color: var(--color-white);
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-100);
  transform: translate(-50%, 0);
  z-index: 1;
}
.b-ch__scrl-i span:last-child {
  position: relative;
  inset-block-start: -1px;
  width: 12px;
  height: 12px;
  border-inline-end: 1px solid var(--color-black);
  border-block-end: 1px solid var(--color-black);
  rotate: 45deg;
}
.b-ch__form .f-upl__i {
  height: 100%;
}
.b-ch__form .f-upl__l {
  width: 32px;
  height: 32px;
  inset-block-start: initial;
  inset-block-end: 50%;
  transform: translateY(50%);
  inset-inline-start: 9px;
  z-index: 1;
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-ch__form .f-upl__l span {
  display: none;
}
.b-ch__form .f-upl.active {
  height: 18px;
}
.b-ch__form + .b-ch__item {
  border-block-start: 1px solid var(--color-addgrey-40);
}
.b-ch__ban {
  --color-link: var(--color-black);
  text-align: center;
  padding: 11px 0;
  color: var(--color-darkgrey);
}
.b-ch__ban a {
  border-block-end: 1px dotted var(--color-link);
}
.b-ch__status {
  --fz: 12px;
}
.b-ch__status:not(.b-ch__status--span) {
  position: absolute;
  inset-block-end: 9px;
  inset-inline-end: 15px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__status:not(.b-ch__status--span) {
    inset-block-end: 7px;
    inset-inline-end: 11px;
  }
}
.b-ch__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  color: var(--color-darkgrey);
}
.b-ch__status--span {
  opacity: 0;
  margin-inline-start: 8px;
}
.b-ch__status i.icon-check-double {
  --icon-c: var(--color-blue);
}
.b-ch__edit-btns {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  pointer-events: none;
  z-index: 1;
}
.b-ch__edit-btns > div {
  scale: 0;
  cursor: pointer;
  transition: scale 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-ch__edit-btns {
    inset-block-start: 12px;
    inset-inline-end: 0;
    transform: translate(calc(100% + 16px), 0);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-ch__edit-btns {
    inset-block-start: 4px;
    inset-inline-end: 4px;
    gap: 8px;
  }
  .b-ch__edit-btns > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: var(--rd-round);
    background-color: var(--color-white);
  }
  .b-ch__edit-btns > div > i {
    filter: brightness(0);
  }
}
.b-ch__bdr-gr {
  position: absolute;
  inset-inline-start: 0;
  height: 24px;
  width: 100%;
  background-color: var(--color-lightgrey);
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__bdr-gr {
    height: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__bdr-gr {
    display: none;
  }
}
.b-ch__bdr-gr::before,
.b-ch__bdr-gr::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  width: 20px;
  height: 44px;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  background-color: var(--color-lightgrey);
}
@media only screen and (max-width: 767.98px) {
  .b-ch__bdr-gr::before,
  .b-ch__bdr-gr::after {
    height: 36px;
  }
}
.b-ch__bdr-gr:before {
  inset-inline-start: 0;
}
.b-ch__bdr-gr:after {
  inset-inline-end: 0;
}
.b-ch__bdr-gr.hdr {
  inset-block-start: 0;
  transform: translate(0, -100%);
}
.b-ch__bdr-gr.hdr:before {
  --mask:
    radial-gradient(
      20px at 75% 100%,
      transparent 98%,
      black) 40px 100%/80px 100% repeat-x;
}
.b-ch__bdr-gr.hdr:after {
  --mask:
    radial-gradient(
      20px at 75% 100%,
      transparent 98%,
      black) 20px 100%/80px 100% repeat-x;
}
.b-ch__bdr-gr.ftr {
  inset-block-end: 0;
  transform: translate(0, 100%);
}
.b-ch__bdr-gr.ftr:after,
.b-ch__bdr-gr.ftr:before {
  inset-block-start: -24px;
}
.b-ch__bdr-gr.ftr:before {
  --mask:
    radial-gradient(
      20px at 25% 0,
      transparent 98%,
      black) 0 5px/80px 100% repeat-x;
}
.b-ch__bdr-gr.ftr:after {
  --mask:
    radial-gradient(
      20px at 25% 0,
      transparent 98%,
      black) -20px 5px/80px 100% repeat-x;
}
.b-ch__edit-block {
  display: flex;
  align-items: center;
  padding-inline-start: 12px;
  padding-inline-end: 8px;
  margin-block-end: 16px;
}
.b-ch__edit-block > i {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.b-ch__edit-block > i.icon-pencil-stroke {
  --icon-w: 24px;
  --icon-c: var(--color-blue);
  margin-inline-end: 12px;
}
.b-ch__edit-block > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  row-gap: 3px;
  padding-inline-start: 8px;
  border-inline-start: 2px solid var(--color-blue);
  height: 44px;
}
.b-ch__edit-block > div > span:first-child {
  --fz: 16px;
  font-weight: 700;
}
.b-ch__edit-block > div > span.wrd-ell {
  --fz: 14px;
  word-break: break-all;
}
.b-ch__edit-block > i.icon-close {
  margin-inline-start: 4px;
  cursor: pointer;
}
.b-ch__item {
  padding: 20px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__item {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item {
    padding: 12px 12px;
  }
}
.b-ch__item:focus-visible {
  outline-width: 0;
  outline-style: none;
  outline-color: transparent;
}
.b-ch__item.unread,
.b-ch__item.new {
  background-color: var(--color-grey-pale);
}
.b-ch__item.b-ch__item--view {
  --msg-bg-color: var(--color-lightgrey);
  position: relative;
  display: block;
  padding-block-end: 12px;
  padding-block-start: 0;
  border: none;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view {
    padding-block-end: 8px;
  }
}
@media only screen and (min-width: 767.98px) and (hover: hover) and (pointer: fine) {
  .b-ch__item.b-ch__item--view:hover .b-ch__edit-btns {
    pointer-events: auto;
  }
  .b-ch__item.b-ch__item--view:hover .b-ch__edit-btns > div {
    scale: 1;
    transition: scale 0.2s ease 0.5s;
  }
  .b-ch__item.b-ch__item--view:active .b-ch__edit-btns {
    pointer-events: auto;
  }
  .b-ch__item.b-ch__item--view:active .b-ch__edit-btns > div {
    scale: 1;
    transition: scale 0.2s ease 0.5s;
  }
}
@media (hover: none) {
  .b-ch__item.b-ch__item--view .b-ch__body.clicked {
    border-color: var(--color-blue-25);
    background-color: var(--color-cyan-light-alt3);
  }
  .b-ch__item.b-ch__item--view .b-ch__body.clicked .b-ch__edit-btns {
    pointer-events: auto;
  }
  .b-ch__item.b-ch__item--view .b-ch__body.clicked .b-ch__edit-btns > div {
    scale: 1;
  }
}
.b-ch__item.b-ch__item--view:first-child {
  padding-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__item.b-ch__item--view:first-child {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view:first-child {
    padding-block-start: 12px;
  }
}
.b-ch__item.b-ch__item--view:first-child .l-av {
  inset-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__item.b-ch__item--view:first-child .l-av {
    inset-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view:first-child .l-av {
    inset-block-start: 12px;
  }
}
.b-ch__item.b-ch__item--view:last-child {
  padding-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__item.b-ch__item--view:last-child {
    padding-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view:last-child {
    padding-block-end: 12px;
  }
}
.b-ch__item.b-ch__item--view .l-av {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 24px;
  cursor: pointer;
}
@media only screen and (max-width: 767.98px) {
  .b-ch__item.b-ch__item--view .l-av {
    inset-inline-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view .l-av {
    inset-inline-start: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-ch__item.b-ch__item--view .l-av {
    --av-wh: 44px;
    --av-fz: 20px;
  }
}
.b-ch__item.b-ch__item--view .b-ch__body {
  max-width: 432px;
  width: fit-content;
  margin-block-start: 0;
  background-color: var(--msg-bg-color);
  border-radius: var(--rd-20);
  padding: 8px 15px;
  border: 1px solid var(--msg-bg-color);
  margin-inline-start: 52px;
  transition: border-color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view .b-ch__body {
    margin-inline-start: 36px;
    padding: 7px 11px;
    border-radius: var(--rd-16);
  }
}
.b-ch__item.b-ch__item--view .b-ch__body .b-ch__text {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view .b-ch__body .b-ch__text > span > span:first-child {
    --fz: 14px;
  }
}
.b-ch__item.b-ch__item--view .b-ch__body .b-ch__name {
  --color-link: var(--color-black);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-block-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view .b-ch__body .b-ch__name {
    --fz: 14px;
    margin-block-end: 2px;
  }
}
.b-ch__item.b-ch__item--view .b-ch__body .b-ch__name > .wrd-ell {
  word-break: break-all;
}
.b-ch__item.b-ch__item--view .b-ch__body .b-ch__name > i {
  cursor: pointer;
}
.b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs {
  margin-block-end: 0;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs {
    max-width: 420px;
    margin: 0 -11px;
    padding: 0 11px;
  }
}
@media only screen and (max-width: 482px) {
  .b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs {
    max-width: calc(100vw - 62px);
  }
}
.b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs img {
  object-fit: cover;
  border-radius: var(--rd-12);
  width: 130px;
  height: 80px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs img {
    width: 120px;
    height: 72px;
  }
}
.b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs > .b-ch__status.b-ch__status--span {
  margin: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs > .b-ch__status.b-ch__status--span {
    display: none;
  }
}
.b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs + .b-ch__status.b-ch__status--span {
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view .b-ch__body .b-ch__imgs + .b-ch__status.b-ch__status--span {
    display: inline-flex;
  }
}
.b-ch__item.b-ch__item--view.my-msg {
  --msg-bg-color: var(--color-cyan-light);
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view.my-msg {
    margin-inline-start: auto;
  }
  .b-ch__item.b-ch__item--view.my-msg .l-av {
    display: none;
  }
}
.b-ch__item.b-ch__item--view.joined {
  margin-block-start: -8px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view.joined {
    margin-block-start: -4px;
  }
}
@media only screen and (max-width: 482px) {
  .b-ch__item.b-ch__item--view.hide-av .b-ch__body .b-ch__imgs {
    max-width: 390px;
  }
}
@media only screen and (max-width: 413px) {
  .b-ch__item.b-ch__item--view.hide-av .b-ch__body .b-ch__imgs {
    max-width: calc(100vw - 24px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ch__item.b-ch__item--view.hide-av .l-av {
    display: none;
  }
  .b-ch__item.b-ch__item--view.hide-av .b-ch__body {
    margin-inline-start: 0;
  }
}
.b-ch__link {
  display: block;
}
.b-ch__header {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.b-ch__header a.b-ch__name {
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-ch__header a.b-ch__name:hover {
    color: var(--color-hover);
  }
}
.b-ch__header a.b-ch__name:active {
  color: var(--color-hover);
}
.b-ch__header > i:not(.icon-arrow-thin) svg {
  --icon-w: 12px;
  margin-inline-start: 5px;
}
.b-ch__header > i:not(.icon-arrow-thin).icon-answer {
  cursor: pointer;
  position: relative;
  inset-block-start: 2px;
}
.b-ch__header .l-av {
  margin-inline-end: 8px;
}
@media only screen and (min-width: 549.98px) {
  .b-ch__header .l-av {
    --av-wh: 44px;
    --av-fz: 20px;
  }
}
.b-ch__header .l-more {
  margin-inline-start: auto;
}
.b-ch__header .l-more > i {
  --icon-w: 12px;
}
.b-ch__name {
  color: var(--color-black);
  font-weight: 700;
}
.b-ch__name:has(+ .b-ch__score) {
  margin-inline-end: 6px;
}
.b-ch__score {
  --lh: 1;
  --fz: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
  background-color: var(--clr-rb2);
  color: var(--clr-rb1);
  border-radius: var(--rd-8);
  font-weight: 700;
  margin-inline-start: auto;
}
.b-ch__whom {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--color-darkgrey);
  transition: color 0.2s ease 0s;
}
@media only screen and (min-width: 549.98px) {
  .b-ch__whom {
    margin-inline-start: 4px;
  }
}
.b-ch__whom i.icon-arrow {
  margin-inline-start: 2px;
}
@media only screen and (min-width: 767.98px) {
  .b-ch__whom:hover {
    color: var(--color-hover);
  }
}
.b-ch__whom:active {
  color: var(--color-hover);
}
.b-ch__whom.open i.icon-arrow {
  rotate: 180deg;
}
.b-ch__body {
  position: relative;
  padding-inline-start: 52px;
  margin-block-start: -18px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__body {
    padding-inline-start: 44px;
    margin-block-start: -14px;
  }
}
.b-ch__text {
  --fz: 16px;
  word-break: break-word;
  position: relative;
  color: var(--color-black);
  width: 100%;
}
.b-ch__text a {
  color: var(--color-blue);
  word-break: break-all;
}
@media only screen and (min-width: 767.98px) {
  .b-ch__text a:hover {
    color: var(--color-hover);
  }
}
.b-ch__text a:active {
  color: var(--color-hover);
}
.b-ch__text a:last-child picture {
  margin-inline-end: 0;
}
.b-ch__text p:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__text p:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-ch__text p b {
  font-weight: 700;
  font-family: inherit;
}
.b-ch__text:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__text:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-ch__imgs {
  display: flex;
  align-items: center;
  gap: 16px;
}
.b-ch__imgs:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (min-width: 549.98px) {
  .b-ch__imgs {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-ch__imgs {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: none;
  }
}
.b-ch__img {
  display: inline-flex;
}
.b-ch__img picture {
  display: inline-flex;
}
.b-ch__img img {
  border-radius: var(--rd-12);
  width: 158px;
  height: 88px;
}
.b-ch__tf {
  display: flex;
  align-items: center;
}
.b-ch__tf:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__tf:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-ch__tf > b {
  white-space: nowrap;
}
.b-ch__scms {
  --fz: 12px;
  --lh: 1.33333;
  position: absolute;
  inset-block-start: 2px;
  inset-inline-end: 0;
  background: var(--gradient-pink-orange);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: var(--rd-100);
  color: var(--color-white);
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
}
.b-ch__answer {
  --fz: 14px;
  position: relative;
  padding-inline-start: 16px;
}
.b-ch__answer .b-ch__text .b-ch__img {
  margin-inline-end: 12px;
}
.b-ch__answer .b-ch__text .b-ch__img img {
  width: 78px;
  height: 44px;
}
.b-ch__answer > span.grey + .b-ch__text {
  margin-block-start: 4px;
}
.b-ch__answer::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 4px;
  background: var(--color-bg-lightgrey);
  border-radius: var(--rd-8);
}
.b-ch__answer:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-ch__answer:not(:last-child) {
    margin-block-end: 8px;
  }
}
div.b-cntc > *:not(:last-child),
div.bk-faq-component > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  div.b-cntc > *:not(:last-child),
  div.bk-faq-component > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  div.b-cntc > *:not(:last-child),
  div.bk-faq-component > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
div.b-cntc .l-cat__row > .l-ttl2,
div.bk-faq-component .l-cat__row > .l-ttl2 {
  min-height: 22px;
}
@media only screen and (max-width: 480.98px) {
  div.b-cntc .l-cat__row > .l-ttl2,
  div.bk-faq-component .l-cat__row > .l-ttl2 {
    min-height: 19px;
  }
}
div.nmq9 .b-art,
div.blog-view-item .b-art {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 549.98px) {
  div.nmq9 .b-art .b-art__cntt,
  div.blog-view-item .b-art .b-art__cntt {
    border-radius: 0 0 var(--rd-16) var(--rd-16);
  }
}
div.nmq9 .l-more__dt.l-cat__row {
  min-height: 24px;
}
@media only screen and (max-width: 549.98px) {
  div.nmq9 .l-more__dt.l-cat__row {
    min-height: 20px;
  }
}
.b-prmy .profile-head.u7me .b-blog__head.clr-5::before,
.b-blog .b-blog__head:not(.b-blog__head--full)::before,
.b-blog__head.b-blog__head--full-rm::before {
  overflow: hidden;
  border: 1px solid var(--clr-rb2);
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/common/blog-hdr.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .profile-head.u7me .b-blog__head.clr-5::before,
  .b-blog .b-blog__head:not(.b-blog__head--full)::before,
  .b-blog__head.b-blog__head--full-rm::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/common/blog-hdr.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-blog > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog .b-blog__head:not(.b-blog__head--full) {
    margin-block-start: 0;
  }
}
.b-blog .b-blog__head:not(.b-blog__head--full) .b-blog__head-i > *:not(:last-child) {
  margin-block-end: 20px;
  padding-block-end: 20px;
  border-block-end: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 767.98px) {
  .b-blog .b-blog__head:not(.b-blog__head--full) .b-blog__head-i > *:not(:last-child) {
    margin-block-end: 16px;
    padding-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog .b-blog__head:not(.b-blog__head--full) .b-blog__head-i > *:not(:last-child) {
    margin-block-end: 12px;
    padding-block-end: 12px;
  }
  .b-blog .b-blog__head:not(.b-blog__head--full) .b-blog__head-i > *:not(:last-child).l-tab.l-tab--btns.scroll-esm {
    padding-block-end: 0;
  }
}
.b-blog .b-blog__head .b-blog__btns > .l-btn.l-btn--br {
  color: var(--color-black);
}
.b-blog .b-blog__head .b-blog__btns > .l-btn.l-btn--br svg {
  --icon-c: var(--color-black);
}
.b-blog__head {
  display: block;
  padding: 24px 24px 0;
  position: relative;
  border-radius: var(--rd-20);
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head {
    border-radius: var(--rd-16);
  }
}
.b-blog__head::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: calc(100% - 24px);
  border-radius: var(--rd-20);
  background-color: var(--clr-rb2, var(--color-white));
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head::before {
    height: 100%;
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head {
    padding: 20px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head {
    padding: 16px 0 0;
  }
  .b-blog__head.hidden-block-sm + .l-post {
    margin-block-start: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-blog__head:first-child .b-cnit__blck-i {
    background-color: transparent;
    padding: 0;
  }
}
.b-blog__head > .l-cat__row > .l-ttl2 {
  min-height: 22px;
}
@media only screen and (max-width: 480.98px) {
  .b-blog__head > .l-cat__row > .l-ttl2 {
    min-height: 19px;
  }
}
.b-blog__head > .l-cat__row > .l-ttl2 i.icon-arrow {
  transform: translate(-2px, 0) rotate(-90deg);
}
@media only screen and (max-width: 480.98px) {
  .b-blog__head > .l-cat__row > .l-ttl2 i.icon-arrow {
    transform: translate(-3px, 0) rotate(-90deg);
  }
}
.b-blog__head--full::before {
  height: 100%;
  opacity: 1;
  background-color: var(--color-white);
}
.b-blog__head--full {
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head--full {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full {
    padding: 12px;
  }
}
.b-blog__head--full > .l-ttl2:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head--full > .l-ttl2:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full > .l-ttl2:not(:last-child) {
    margin-block-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full > .l-cat__row {
    padding: 0;
  }
}
.b-blog__head--full > .l-tab.l-tab--bdac:first-child:last-child {
  margin-block-end: -24px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head--full > .l-tab.l-tab--bdac:first-child:last-child {
    margin-block-end: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full > .l-tab.l-tab--bdac:first-child:last-child {
    margin-block-end: -12px;
  }
}
.b-blog__head--full-mn {
  overflow: hidden;
  min-height: 150px;
}
.b-blog__head--full-mn::before {
  height: 100%;
  opacity: 1;
}
.b-blog__head--full-mn {
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head--full-mn {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn {
    padding: 12px;
  }
}
.b-blog__head--full-mn .l-ttl--md:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head--full-mn .l-ttl--md:not(:last-child) {
    margin-block-end: 6px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .l-ttl--md:not(:last-child) {
    margin-block-end: 4px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn p {
    --fz: 14px;
  }
}
.b-blog__head--full-mn .l-btn {
  margin-block-start: 20px;
  background-color: var(--clr-rb1);
  color: var(--color-white);
}
@media only screen and (min-width: 549.98px) {
  .b-blog__head--full-mn .l-btn {
    --fz: 16px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-blog__head--full-mn .l-btn:hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-blog__head--full-mn .l-btn:active {
  background-color: var(--clr-rb-hv1);
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head--full-mn .l-btn {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .l-btn {
    margin-block-start: 12px;
  }
}
.b-blog__head--full-mn .b-blog__null {
  position: relative;
  z-index: 1;
  max-width: 80%;
}
.b-blog__head--full-mn .b-blog__null > p {
  --color-link: var(--clr-rb1);
}
.b-blog__head--full-mn .b-blog__null-img {
  position: absolute;
  height: auto;
}
.b-blog__head--full-mn .b-blog__null-img img {
  width: 100%;
  height: auto;
}
.b-blog__head--full-mn .b-blog__null-img.fav {
  width: 28%;
  inset-block-start: 10px;
  inset-inline-end: 10px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.fav {
    inset-block-start: 24px;
    inset-inline-end: 4px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.my {
  inset-block-start: -24px;
  inset-inline-end: 0;
  width: 26%;
  min-width: 86px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.my {
    inset-block-start: 16px;
    inset-inline-end: -8px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.mtch {
  inset-block-start: 24px;
  inset-inline-end: 24px;
  width: 16%;
  min-width: 80px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head--full-mn .b-blog__null-img.mtch {
    inset-block-start: 18px;
    inset-inline-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.mtch {
    inset-block-start: 30px;
    inset-inline-end: 12px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.tps,
.b-blog__head--full-mn .b-blog__null-img.tps-fltr {
  inset-inline-end: -12px;
  width: 18%;
  min-width: 86px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.tps,
  .b-blog__head--full-mn .b-blog__null-img.tps-fltr {
    inset-inline-end: -8px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.tps {
  inset-block-start: -24px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.tps {
    inset-block-start: 8px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.tps-fltr {
  inset-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.tps-fltr {
    inset-block-start: 16px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.bk {
  inset-block-start: -34px;
  inset-inline-end: -8px;
  width: 263px;
  height: 260px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.bk {
    inset-block-start: -5px;
    inset-inline-end: -16px;
    width: 162px;
    height: 191px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.bk-cmn {
  inset-block-start: -8px;
  inset-inline-end: -126px;
  width: 416px;
  height: 244px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.bk-cmn {
    inset-block-start: -5px;
    inset-inline-end: -16px;
    width: 196px;
    height: 212px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.cnts {
  inset-block-start: 8px;
  inset-inline-end: -10px;
  width: 180px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.cnts {
    width: 116px;
    inset-block-start: 34px;
    inset-inline-end: -8px;
  }
}
.b-blog__head--full-mn .b-blog__null-img.cnts-rvrds {
  inset-block-start: 24px;
  inset-inline-end: -10px;
  width: 188px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head--full-mn .b-blog__null-img.cnts-rvrds {
    width: 116px;
    inset-block-start: 44px;
    inset-inline-end: -32px;
  }
}
.b-blog__head.b-blog__head--full-bk {
  overflow: hidden;
  min-height: initial;
  color: var(--color-black);
}
.b-blog__head.b-blog__head--full-bk .l-ttl--md {
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-blog__head.b-blog__head--full-bk:hover .l-ttl--md {
    color: var(--color-hover);
  }
}
.b-blog__head.b-blog__head--full-bk:active .l-ttl--md {
  color: var(--color-hover);
}
.b-blog__head.b-blog__head--full-bk::before {
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/bookmakers/banner/bk-rt-bnr-bg.png) 100% 0/80% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  border: 1px solid var(--clr-rb2);
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-bk {
    padding: 12px 12px 16px;
  }
}
.b-blog__head.b-blog__head--full-bk .b-blog__null {
  max-width: 505px;
}
@media only screen and (max-width: 991.98px) {
  .b-blog__head.b-blog__head--full-bk .b-blog__null {
    max-width: calc(100% - 230px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-bk .b-blog__null {
    max-width: calc(100% - 180px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-blog__head.b-blog__head--full-bk .b-blog__null {
    max-width: 70%;
  }
}
.b-blog__head.b-blog__head--full-cmn {
  overflow: hidden;
  min-height: initial;
}
.b-blog__head.b-blog__head--full-cmn::before {
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/bookmakers/banner/bk-rt-bnr-cmn-bg.png) 100% 20%/800px auto no-repeat,
    var(--clr-rb2, var(--color-white));
  border: 1px solid var(--clr-rb2);
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-cmn::before {
    background-size:
      1595px 1430px,
      600px auto,
      100%;
    background-position:
      -539px -100px,
      100% 37%,
      0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-cmn {
    padding: 12px 12px 16px;
  }
}
.b-blog__head.b-blog__head--full-cmn .b-blog__null {
  max-width: 505px;
}
@media only screen and (max-width: 991.98px) {
  .b-blog__head.b-blog__head--full-cmn .b-blog__null {
    max-width: calc(100% - 230px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-cmn .b-blog__null {
    max-width: calc(100% - 180px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-blog__head.b-blog__head--full-cmn .b-blog__null {
    max-width: 70%;
  }
}
.b-blog__head.b-blog__head--full-rm {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head.b-blog__head--full-rm {
    padding: 20px 18px 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-rm {
    padding: 16px 12px 24px;
  }
}
.b-blog__head.b-blog__head--full-rm::before {
  height: 100%;
  background-size: 1595px 1430px, 1000px auto;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-rm::before {
    background-size: 1595px 1430px, 750px auto;
  }
}
.b-blog__head.b-blog__head--full-rm .b-blog__null-img {
  display: flex;
  width: 166px;
  margin-block-end: 28px;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head.b-blog__head--full-rm .b-blog__null-img {
    margin-block-end: 22px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-rm .b-blog__null-img {
    margin-block-end: 16px;
    width: 104px;
  }
}
.b-blog__head.b-blog__head--full-rm .b-blog__null-img img {
  width: inherit;
  height: inherit;
  margin-block-start: -36px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-rm .b-blog__null-img img {
    margin-block-start: -22px;
  }
}
.b-blog__head.b-blog__head--full-rm .l-btn {
  --fz: 16px;
  background-color: var(--clr-rb1);
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head.b-blog__head--full-rm .l-btn {
    margin-block-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-rm .l-btn {
    --fz: 14px;
    margin-block-start: 12px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-blog__head.b-blog__head--full-rm .l-btn:hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-blog__head.b-blog__head--full-rm .l-btn:active {
  background-color: var(--clr-rb-hv1);
}
.b-blog__head.b-blog__head--full-rm .l-btn.loading {
  background:
    repeating-linear-gradient(
      60deg,
      var(--clr-rb-hv1) 5px,
      var(--clr-rb1) 0,
      var(--clr-rb-hv1) 25px) 0 0/23px;
}
.b-blog__head.b-blog__head--full-rm p {
  max-width: 460px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.b-blog__head--full-rm p {
    --fz: 14px;
  }
}
.b-blog__head > .l-cat__row {
  padding-inline-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head > .l-cat__row {
    padding-inline-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head > .l-cat__row {
    padding: 0 12px;
  }
}
.b-blog__head > .l-cat__row:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head > .l-cat__row:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head > .l-cat__row:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-blog__head .l-ttl2 {
  --color-link: var(--color-black);
  word-break: break-word;
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head > .l-flr:not(.l-flr--top) .l-flr__i {
    width: 100%;
    margin: 0;
  }
}
.b-blog__head.kw0i {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head.kw0i {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.kw0i {
    margin-block-start: 16px;
  }
}
.b-blog__head._mini-bnr {
  display: block;
  width: 100%;
  padding: 16px;
  white-space: normal;
  min-height: initial;
  margin-block-start: 8px;
  border-radius: var(--rd-16);
}
@media only screen and (min-width: 767.98px) {
  .b-blog__head._mini-bnr:hover .l-ttl--bld {
    color: var(--color-hover);
  }
}
.b-blog__head._mini-bnr:active .l-ttl--bld {
  color: var(--color-hover);
}
.b-blog__head._mini-bnr .b-blog__null {
  max-width: 70%;
}
.b-blog__head._mini-bnr .l-ttl--bld {
  margin-block-end: 4px;
  transition: color 0.2s ease;
}
.b-blog__head._mini-bnr p {
  --fz: 14px;
  color: var(--color-black);
}
.b-blog__head._mini-bnr::before {
  overflow: hidden;
  border-radius: var(--rd-16);
  border: 1px solid var(--clr-rb2, var(--color-grey-light));
  background:
    url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
    url(/images3/common/matches-hdr.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-grey-light));
  background-blend-mode: overlay;
}
.b-blog__head._mini-bnr .b-blog__null-img {
  inset-block-start: 12px;
  inset-inline-end: -8px;
  width: 100px;
  height: 100px;
}
.b-blog__head.addt > .l-cat__row {
  flex-direction: column;
  align-items: initial;
}
.b-blog__head.addt > .l-cat__row:has(span.grey) {
  row-gap: 4px;
}
.b-blog__head.addt > .l-cat__row:has(span.grey) span {
  --fz: 14px;
}
.b-blog__head.addt > .l-cat__row:has(span:not([class])) {
  row-gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head.addt > .l-cat__row:has(span:not([class])) {
    row-gap: 4px;
  }
}
.b-blog__head.addt > .l-cat__row:has(span:not([class])) span {
  --fz: 16px;
  white-space: normal;
}
.b-blog__head.addt .l-pgn:last-child {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head._dsc,
  .b-blog__head.kw0i {
    padding-block-start: 0;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-blog__head._dsc .b-blog__head-i,
  .b-blog__head.kw0i .b-blog__head-i {
    --fz: 16px;
  }
}
.b-blog__head-i > p {
  word-break: break-word;
}
.b-blog__head-i > p:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head-i > p:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-blog__head-i > p.grd {
  border-block-end: 1px solid var(--color-addgrey-60);
  padding-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head-i > p.grd {
    padding-block-end: 16px;
  }
}
.b-blog__head-i > .l-slct._dbl:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head-i > .l-slct._dbl:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-blog__head-i {
  background-color: var(--color-white);
  padding: 24px;
  border-radius: var(--rd-20);
}
.b-blog__head-i.err {
  padding-block: 16px 6px;
  padding-inline: 0 0;
  border-radius: 0;
  border-block-end: 1px solid var(--color-addgrey-40);
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head-i.err {
    border: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-blog__head-i {
    padding: 18px;
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__head-i {
    padding: 12px;
    border-radius: var(--rd-12);
    overflow: hidden;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-blog__head-i {
    --fz: 14px;
  }
}
.b-blog__head-i .l-cat__row span {
  --color-link: var(--clr-rb1);
}
.b-blog__head-i.b-blog__head-i--cntr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
}
.b-blog__head-i.b-blog__head-i--cntr::before {
  content: "";
  width: 100%;
  display: block;
  border-block-start: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 480.98px) {
  .b-blog__head-i.b-bns__info {
    --fz: 16px;
  }
}
.b-blog__head-i.not_pdd {
  padding-block-end: 0;
}
.b-blog__gr-info {
  display: flex;
  position: relative;
  gap: 24px;
  background:
    url(/images3/common/grade/info/stars-info.svg) 130% -23px/390px 228px no-repeat,
    linear-gradient(
      90deg,
      var(--color-white-80) 25%,
      var(--color-white-20) 100%),
    var(--color-blue-pale);
  background-blend-mode: overlay;
  border-radius: var(--rd-20);
  border: 1px solid var(--color-blue-alt4-15);
}
.b-blog__gr-info::after {
  content: "";
  background: url(/images3/common/grade/info/star-info.svg) calc(100% + 36px) -22px/160px 153px no-repeat;
  width: 100%;
  overflow: hidden;
  border-radius: inherit;
}
@media only screen and (max-width: 640px) {
  .b-blog__gr-info::after {
    background: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-blog__gr-info {
    gap: 12px;
    background:
      url(/images3/common/grade/info/stars-info-esm.svg) 100% 5px/64px 64px no-repeat,
      linear-gradient(
        90deg,
        var(--color-white-80) 25%,
        var(--color-white-20) 100%),
      var(--color-blue-pale);
  }
}
.b-blog__gr-info > picture {
  position: absolute;
  inset-inline-end: -9px;
  inset-block-start: -13px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__gr-info > picture {
    inset-inline-end: 0;
    inset-block-start: -11px;
  }
}
.b-blog__gr-info > table {
  margin-block: 24px 24px;
  margin-inline: 24px 0;
}
.b-blog__gr-info > table th {
  --fz: 20px;
  --lh: 1.35;
  height: 27px;
  font-weight: 600;
  color: var(--color-black2);
  text-align: start;
}
.b-blog__gr-info > table th.sk__line {
  width: 80px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__gr-info > table th {
    --fz: 16px;
    --lh: 1.375;
    margin-block: 12px 12px;
    margin-inline: 12px 0;
    font-weight: 700;
  }
}
.b-blog__gr-info > table td {
  --fz: 14px;
  --lh: 1.35714;
  font-weight: 400;
  text-align: center;
  list-style: none;
  white-space: nowrap;
}
.b-blog__gr-info > table td.sk__line {
  width: 80px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__gr-info > table td {
    --fz: 12px;
    --lh: 1.33333;
    font-weight: 400;
  }
}
.b-blog__gr-info tr td:not(:first-child) {
  border-inline-start: 1px solid var(--color-addgrey-60);
  padding-inline-start: 24px;
}
.b-blog__gr-info tr th:not(:first-child) {
  border-inline-start: 1px solid var(--color-addgrey-60);
  padding-inline-start: 24px;
}
.b-blog__gr-info tr td:not(:last-child) {
  padding-inline-end: 24px;
}
.b-blog__gr-info tr th:not(:last-child) {
  padding-inline-end: 24px;
}
.b-blog__gr-info .sk__line {
  display: block;
  width: 100px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__gr-info .sk__line {
    width: 65px;
  }
}
.b-blog__gr-warn {
  --fz: 16px;
  --lh: 1.3125;
  display: flex;
  padding: 24px;
  font-weight: 400;
  background-color: var(--color-white);
  border-radius: var(--rd-20);
}
.b-blog__gr-warn > .cnt {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-inline-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__gr-warn {
    --fz: 14px;
    --lh: 1.35714;
    padding: 12px;
  }
  .b-blog__gr-warn > .cnt {
    margin-inline-start: 12px;
    gap: 4px;
  }
}
.b-blog__gr-not {
  height: 230px;
  border-radius: var(--rd-20);
  padding-block-end: 36px;
  background: url(/images3/common/grade/info/star-not.svg) 50% 24px/140px 140px no-repeat, var(--color-white);
  display: flex;
  justify-content: flex-end;
  flex-direction: column-reverse;
}
.b-blog__gr-not > p {
  --fz: 16px;
  --lh: 21;
  font-weight: 400;
  color: var(--color-darkgrey);
  text-align: center;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__gr-not {
    height: 200px;
    background: url(/images3/common/grade/info/star-not-esm.svg) 50% 26px/100px 100px no-repeat, var(--color-white);
    padding-block-end: 46px;
  }
  .b-blog__gr-not > p {
    --fz: 14px;
    --lh: 19;
  }
}
.b-blog__btns {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__btns {
    width: 100%;
    flex-wrap: wrap;
  }
}
.b-blog__btns .b-blog__btns-dbl {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  background-color: var(--color-white);
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .b-blog__btns .b-blog__btns-dbl {
    flex: 0 0 100%;
  }
  .b-blog__btns .b-blog__btns-dbl + .l-btn:last-child {
    flex: 0 0 100%;
  }
}
.b-blog__btns .b-blog__btns-dbl::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--clr-rb-bdr, var(--color-grey-light-alt));
  border-radius: var(--rd-12);
  pointer-events: none;
  z-index: 2;
}
.b-blog__btns .b-blog__btns-dbl .l-btn {
  --fz: 14px;
  --icon-c: var(--clr-rb1, var(--color-darkgrey));
  --icon-w: 14px;
  position: static;
  width: 100%;
  background-color: var(--color-white);
  border-radius: var(--rd-12);
  color: var(--clr-rb1, var(--color-darkgrey));
}
.b-blog__btns .b-blog__btns-dbl .l-btn > span.count {
  flex: 0 0 16px;
  color: var(--clr-rb1, var(--color-darkgrey));
}
@media only screen and (min-width: 767.98px) {
  .b-blog__btns .b-blog__btns-dbl .l-btn:hover {
    background-color: var(--clr-rb-hv2, var(--color-grey-light-alt2));
  }
}
.b-blog__btns .b-blog__btns-dbl .l-btn:active {
  background-color: var(--clr-rb-hv2, var(--color-grey-light-alt2));
}
.b-blog__btns .b-blog__btns-dbl .l-btn.active {
  --icon-c: var(--color-white);
  background-color: var(--clr-rb1, var(--color-darkgrey));
  color: var(--color-white);
  z-index: 3;
}
@media only screen and (min-width: 767.98px) {
  .b-blog__btns .b-blog__btns-dbl .l-btn.active:hover {
    background-color: var(--clr-rb-hv1, var(--color-grey-mid-alt));
  }
}
.b-blog__btns .b-blog__btns-dbl .l-btn.active:active {
  background-color: var(--clr-rb-hv1, var(--color-grey-mid-alt));
}
.b-blog__btns .b-blog__btns-dbl .l-btn.active > span.count {
  color: var(--color-white);
}
.b-blog__btns .b-blog__btns-dbl .l-btn--ltl__lgt {
  position: relative;
  height: 28px;
  border-radius: var(--rd-10);
  padding: 1px 14px;
  background-color: unset;
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-blog__btns .b-blog__btns-dbl .l-btn--ltl__lgt:hover {
    background-color: var(--color-grey-light);
  }
}
.b-blog__btns .b-blog__btns-dbl .l-btn--ltl__lgt:active {
  background-color: var(--color-grey-light);
}
.b-blog__btns .b-blog__btns-dbl .l-btn--ltl__lgt.active {
  background-color: var(--color-white);
  color: var(--color-hover);
}
@media only screen and (min-width: 767.98px) {
  .b-blog__btns .b-blog__btns-dbl .l-btn--ltl__lgt.active:hover {
    background-color: var(--color-lightgrey2);
  }
}
.b-blog__btns .b-blog__btns-dbl .l-btn--ltl__lgt.active:active {
  background-color: var(--color-lightgrey2);
}
.b-blog__btns .b-blog__btns-dbl .l-btn--ltl__lgt:not(.active):not(:last-child):has(+ .l-btn:not(.active))::before {
  content: "";
  position: absolute;
  inset-block-start: 6px;
  inset-inline-start: calc(100% + 2px);
  height: 15px;
  inset-inline-end: 0;
  inset-block-end: 0;
  border-inline-end: 1px solid var(--color-grey-light-alt4);
}
@media only screen and (max-width: 549.98px) {
  .b-blog__btns .b-blog__btns-dbl .l-btn--ltl__lgt:not(.active):not(:last-child):has(+ .l-btn:not(.active))::before {
    inset-inline-start: calc(100% + 5px);
  }
}
.b-blog__btns .b-blog__btns-dbl .l-btn--ltl.sk__line {
  height: 32px;
  width: 150px;
  border-radius: var(--rd-100);
}
@media only screen and (max-width: 480.98px) {
  .b-blog__btns .b-blog__btns-dbl .l-btn--ltl.sk__line {
    height: 32px;
    width: 100%;
  }
}
.b-blog__btns .b-blog__btns-dbl.gr {
  display: flex;
  gap: 4px;
}
.b-blog__btns .l-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 6px;
  padding: 6px 16px;
}
.b-blog__btns .l-btn svg,
.b-blog__btns .l-btn span {
  position: relative;
  z-index: 2;
}
.b-blog__btns .l-btn svg.sml-ic {
  transform: scale(0.75);
}
.b-blog__btns > .l-btn.l-btn--br {
  border-color: var(--clr-rb-bdr, var(--color-grey-light-alt));
  color: var(--clr-rb1, var(--color-darkgrey));
  background-color: var(--color-white);
}
.b-blog__btns > .l-btn.l-btn--br svg {
  --icon-c: var(--clr-rb1, var(--color-darkgrey));
  --icon-w: 14px;
}
@media only screen and (min-width: 767.98px) {
  .b-blog__btns > .l-btn.l-btn--br:hover {
    background-color: var(--clr-rb-hv2, var(--color-grey-pale-alt));
  }
}
.b-blog__btns > .l-btn.l-btn--br:active {
  background-color: var(--clr-rb-hv2, var(--color-grey-pale-alt));
}
.b-blog__btns > .l-btn:not(.l-btn--br, ._tg) {
  background-color: var(--clr-rb1, var(--color-darkgrey));
  color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .b-blog__btns > .l-btn:not(.l-btn--br, ._tg):hover {
    background-color: var(--clr-rb-hv1, var(--color-grey-alt2));
  }
}
.b-blog__btns > .l-btn:not(.l-btn--br, ._tg):active {
  background-color: var(--clr-rb-hv1, var(--color-grey-alt2));
}
.b-blog__btns > .l-btn.active.s {
  background: initial;
}
.b-blog__btns > .l-btn.active .b-blog__icon {
  display: flex;
}
@media only screen and (max-width: 549.98px) {
  .b-blog__btns > .l-btn {
    flex: 0 0 calc(50% - 6px);
  }
  .b-blog__btns > .l-btn:first-child:last-child {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-blog__btns > .l-btn {
    padding: 6px 10px;
  }
}
.b-hdr {
  position: relative;
  width: 100%;
  height: var(--header-h);
  z-index: 120;
}
.b-hdr__wrppr {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--color-white);
  width: 100%;
  height: var(--header-h);
  z-index: 120;
  transition: translate 0.4s ease;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__wrppr::before {
    content: "";
    position: fixed;
    inset-block-start: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 200vh;
    opacity: 0;
    visibility: hidden;
    background-color: var(--color-bg-dark-90);
    z-index: 10;
    transition: all 0.4s ease 0s;
  }
}
.b-hdr__cntt {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 1440px;
  width: 100%;
  height: var(--header-h);
  min-width: fit-content;
  margin: 0 auto;
  padding: 0 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__cntt {
    padding: 0 12px;
    height: 52px;
  }
}
.b-hdr__logo {
  position: relative;
  display: flex;
  height: var(--header-h);
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__logo {
    margin-inline-end: 32px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 1439.98px) {
  .b-hdr__logo {
    margin-inline-end: 20px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .b-hdr__logo {
    margin-inline-end: 12px;
  }
}
@media only screen and (max-width: 991.98px) {
  .b-hdr__logo {
    border-radius: var(--rd-12);
    overflow: hidden;
  }
  .b-hdr__logo::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-pink-orange);
    border-radius: var(--rd-12);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__logo {
    flex: 0 0 44px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__logo {
    flex: 0 0 40px;
  }
}
.b-hdr__logo-img {
  margin: auto;
}
@media only screen and (max-width: 991.98px) {
  .b-hdr__logo-img {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__logo-img {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    display: block;
    height: var(--header-h);
    pointer-events: none;
    object-fit: contain;
    transform: translate(-50vw);
    transition: transform 0.4s ease 0s;
    z-index: 100;
  }
}
.b-hdr__logo-img--mobile {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .b-hdr__logo-img--mobile {
    position: relative;
    display: flex;
    height: var(--header-h);
    width: 44px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__logo-img--mobile {
    width: 40px;
  }
}
.b-hdr__item--active {
  display: none;
  color: var(--color-black);
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__item--active {
    display: block;
    flex: 1 1 auto;
    margin-inline-start: 8px;
    overflow: hidden;
    word-break: break-all;
    height: 22px;
    mask:
      linear-gradient(
        90deg,
        black calc(100% - 20px),
        transparent 100%);
    -webkit-mask: -webkit-linear-gradient(0deg, black calc(100% - 20px), transparent 100%);
  }
}
.b-hdr__hot-bl {
  position: relative;
  cursor: pointer;
  padding: 0 12px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__hot-bl {
    padding: 0 8px;
    height: 52px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__hot-bl:hover {
    background-color: var(--color-lightgrey-alt);
  }
  .b-hdr__hot-bl:hover .b-hdr__hot {
    background-color: var(--color-lightgrey-alt);
  }
}
.b-hdr__hot-bl:active {
  background-color: var(--color-lightgrey-alt);
}
.b-hdr__hot-bl:active .b-hdr__hot {
  background-color: var(--color-lightgrey-alt);
}
.b-hdr__hot {
  position: relative;
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: var(--rd-round);
  border: 1px solid transparent;
  background-clip: padding-box;
  background-color: var(--color-white);
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__hot {
    width: 36px;
    height: 36px;
  }
}
.b-hdr__hot.icon-like-gradient {
  --icon-w: 30px;
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__hot.icon-like-gradient {
    --icon-w: 22px;
  }
}
.b-hdr__hot.icon-like-gradient svg {
  margin: auto;
}
.b-hdr__hot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-round);
  margin: -1px;
  z-index: -1;
}
.b-hdr__hot span {
  --fz: 12px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-block-start: -6px;
  inset-inline-end: -6px;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  border: 2px solid var(--color-white);
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-100);
  color: var(--color-white);
  z-index: 2;
}
.b-hdr__rdr {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  height: 150px;
  pointer-events: none;
  overflow: hidden;
  z-index: -1;
}
.b-hdr__rdr._open .b-hdr__rdr-wrp {
  transition:
    translate 0.4s ease,
    box-shadow 0.1s ease 0.4s,
    border-color 0.1s ease 0.4s;
  translate: 0 0;
  pointer-events: auto;
  border-block-start: 1px solid var(--color-lightgrey);
  box-shadow: 0 4px 10px 0 var(--color-grey-alt3-10);
}
.b-hdr__rdr-wrp {
  background-color: var(--color-white);
  border-block-start: 1px solid var(--color-white);
  translate: 0 -100%;
  transition: translate 0.4s ease;
}
.b-hdr__rdr-i {
  display: flex;
  gap: 12px;
  max-width: 1440px;
  margin: 0 auto;
  padding-block: 16px 16px;
  padding-inline: 24px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__rdr-i {
    padding: 12px 12px 16px;
  }
}
.b-hdr__rdr-i .l-ppnt__ic-i {
  align-self: flex-start;
  margin-block-start: 4px;
  flex: 0 0 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__rdr-i .l-ppnt__ic-i {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }
  .b-hdr__rdr-i .l-ppnt__ic-i i {
    --icon-w: 12px;
  }
}
.b-hdr__rdr-i i.icon-close {
  cursor: pointer;
  margin-inline-start: auto;
}
@media only screen and (min-width: 549.98px) {
  .b-hdr__rdr-i i.icon-close {
    flex: 0 0 68px;
    width: 68px;
    height: auto;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__rdr-i i.icon-close {
    align-self: flex-start;
  }
}
.b-hdr__rdr-cnt {
  display: flex;
  gap: 16px;
}
@media only screen and (min-width: 549.98px) {
  .b-hdr__rdr-cnt {
    align-items: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__rdr-cnt {
    flex-direction: column;
    gap: 12px;
  }
}
.b-hdr__nav {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__nav._hide {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 194px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 1279.98px) {
  .b-hdr__nav._hide {
    inset-inline-start: 186px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .b-hdr__nav._hide {
    inset-inline-start: 92px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 887px) {
  .b-hdr__nav._hide {
    max-width: 66%;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav {
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - var(--header-h));
    position: fixed;
    inset-block-start: var(--header-h);
    inset-inline-start: 0;
    width: 60%;
    transform: translate(-100%, 0);
    transition-property: transform;
    background-color: var(--color-white);
    visibility: hidden;
    transition: transform 0.4s ease 0s, visibility 0s linear 0.4s;
    z-index: 95;
  }
  .b-hdr__nav::-webkit-scrollbar {
    display: none !important;
  }
  .b-hdr__nav::before {
    content: "";
    position: absolute;
    inset-block-start: calc(var(--header-h) * -1);
    inset-inline-start: 0;
    width: 100%;
    height: 200vh;
    background-color: var(--color-white);
    z-index: -1;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 549.98px) {
  .b-hdr__nav::before {
    max-height: calc(100dvh - var(--header-h));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-hdr__nav {
    width: 75%;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav .l-drpdwn {
    position: fixed;
    overflow: auto;
    inset-block-start: 53px;
    width: 100%;
    transform: translate(-100%, 0);
    transition: transform 0.4s ease;
  }
  .b-hdr__nav .l-drpdwn .l-list--drpdwn .l-list__item:not(.loading) {
    padding: 0;
  }
}
.b-hdr__nav .l-drpdwn .l-list__link {
  display: flex;
  align-items: center;
}
.b-hdr__nav .l-drpdwn .l-list__link._fbr0 img {
  filter: brightness(0);
}
.b-hdr__nav .l-drpdwn .l-list__link._grd {
  display: grid;
  grid-template-columns: 56px 1fr;
  grid-template-areas: "a b" ". c";
  align-items: start;
}
.b-hdr__nav .l-drpdwn .l-list__link._grd > i {
  grid-area: a;
}
.b-hdr__nav .l-drpdwn .l-list__link._grd > span {
  grid-area: b;
}
.b-hdr__nav .l-drpdwn .l-list__link._grd > .l-list__item-sub {
  grid-area: c;
}
.b-hdr__nav .l-drpdwn .l-list__link._cnts {
  display: grid;
  grid-template-columns: 64px 1fr;
  column-gap: 12px;
  row-gap: 6px;
  grid-template-areas: "a b" "a c";
}
.b-hdr__nav .l-drpdwn .l-list__link._cnts > picture {
  --hd-ic-wh: 64px;
  margin-inline-end: 0;
  background-color: initial;
  border-radius: 0;
  grid-area: a;
}
.b-hdr__nav .l-drpdwn .l-list__link._cnts > picture img {
  height: var(--hd-ic-wh);
  width: var(--hd-ic-wh);
  flex: 0 0 var(--hd-ic-wh);
}
.b-hdr__nav .l-drpdwn .l-list__link._cnts > span {
  grid-area: b;
  margin-block-start: auto;
}
.b-hdr__nav .l-drpdwn .l-list__link._cnts > div.grey {
  --fz: 14px;
  grid-area: c;
  margin-block-end: auto;
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__nav .l-drpdwn .l-drpdwn__content .l-drpdwn__item {
    flex: 0 0 calc(33.333% - 8px);
  }
  .b-hdr__nav .l-drpdwn .l-drpdwn__content._2clmn .l-drpdwn__item:nth-child(1) {
    flex: 0 0 calc(33.333% - 6px);
  }
  .b-hdr__nav .l-drpdwn .l-drpdwn__content._2clmn .l-drpdwn__item:nth-child(2) {
    flex: 0 0 calc(66.666% - 6px);
  }
}
.b-hdr__nav + .eiwd {
  margin-inline-end: 24px;
}
@media only screen and (max-width: 1439.98px) {
  .b-hdr__nav + .eiwd {
    margin-inline-end: 8px;
  }
}
.b-hdr__nav + * {
  margin-inline-start: auto;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav > .b-hdr__nav-item._tourney {
    display: none;
  }
}
.b-hdr__nav .b-hdr__nav-item._tourney {
  padding: 0;
}
.b-hdr__nav .b-hdr__nav-item._tourney .b-hdr__nav-link {
  display: flex;
  align-items: center;
  color: var(--color-blue-dark-alt);
  font-weight: 600;
  text-transform: uppercase;
  background-color: color-mix(in srgb, var(--color-white) 100%, var(--color-blue-dark-alt) 6%);
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__nav .b-hdr__nav-item._tourney .b-hdr__nav-link {
    padding: 0 20px;
  }
  .b-hdr__nav .b-hdr__nav-item._tourney .b-hdr__nav-link:hover {
    background-color: color-mix(in srgb, var(--color-white) 100%, var(--color-blue-dark-alt) 10%);
  }
}
.b-hdr__nav .b-hdr__nav-item._tourney .b-hdr__nav-link:active {
  background-color: color-mix(in srgb, var(--color-white) 100%, var(--color-blue-dark-alt) 10%);
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav .b-hdr__nav-item._tourney .b-hdr__nav-link {
    height: initial;
    padding: 8px 12px;
  }
}
.b-hdr__nav .b-hdr__nav-item._tourney .b-hdr__nav-link picture {
  display: flex;
  height: 36px;
  width: 36px;
  flex: 0 0 36px;
  margin-inline-end: 12px;
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__nav .b-hdr__nav-item._tourney .b-hdr__nav-link picture {
    display: none;
  }
}
.b-hdr__nav .b-hdr__nav-item._tourney .b-hdr__nav-link picture img {
  width: 100%;
  height: 100%;
}
.b-hdr__list {
  display: flex;
  align-items: center;
  height: 64px;
}
.b-hdr__list::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__list.open {
    overflow: hidden;
  }
  .b-hdr__list.open .b-hdr__nav-item {
    border-color: transparent;
  }
}
.b-hdr__list > .b-hdr__nav-item,
.b-hdr__list .b-hdr__nav-item._menu {
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__list > .b-hdr__nav-item._tourney {
    display: none;
  }
  .b-hdr__list > .b-hdr__nav-item.hover:not(.closed) {
    background-color: var(--color-lightgrey-alt);
    cursor: pointer;
  }
  .b-hdr__list > .b-hdr__nav-item.hover:not(.closed) > .b-hdr__nav-link:after {
    content: none;
  }
  .b-hdr__list > .b-hdr__nav-item.hover:not(.closed) > .l-drpdwn {
    opacity: 1;
    pointer-events: auto;
  }
  .b-hdr__list > .b-hdr__nav-item.hover:not(.closed).drdw ~ .b-hdr__pcbg {
    opacity: 1;
  }
  .b-hdr__list > .b-hdr__nav-item:hover {
    background-color: var(--color-lightgrey-alt);
    cursor: pointer;
  }
}
.b-hdr__list > .b-hdr__nav-item:active {
  background-color: var(--color-lightgrey-alt);
  cursor: pointer;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__list {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    background-color: var(--color-white);
    height: initial;
    flex-wrap: nowrap;
    overflow: auto;
    border-block-start: 1px solid var(--color-grey2);
    padding-block-end: 12px;
  }
  .b-hdr__list:has(~ .l-brgr__bnrs) .l-brgr__ftr.l-cat__row {
    margin-block-end: 28px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__list:hover > .b-hdr__nav-item.active:not(.closed) .b-hdr__nav-link:after {
    content: none;
  }
}
.b-hdr__list:active > .b-hdr__nav-item.active:not(.closed) .b-hdr__nav-link:after {
  content: none;
}
.b-hdr__nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-item.open {
    order: -1;
    background: var(--color-white);
    width: 100%;
    padding-block: 0 0;
    padding-inline: 12px 0;
    height: 52px;
    min-height: 52px;
  }
  .b-hdr__nav-item.open .b-hdr__nav-link > i {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) and (min-width: 767.98px) {
  .b-hdr__nav-item.open:hover .b-hdr__nav-link {
    color: var(--color-darkgrey);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-item.open:active .b-hdr__nav-link {
    color: var(--color-darkgrey);
  }
  .b-hdr__nav-item.open .b-hdr__nav-link {
    color: var(--color-darkgrey);
  }
  .b-hdr__nav-item.open .b-hdr__arrow {
    rotate: 90deg;
  }
}
.b-hdr__nav-item.active .b-hdr__nav-link:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  inset-inline-start: 0;
  background: var(--gradient-pink-orange);
  inset-block-end: 0;
  border-radius: var(--rd-100) var(--rd-100) 0 0;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-item.active .b-hdr__nav-link:after {
    display: none;
  }
}
.b-hdr__nav-item._menu {
  display: flex;
  align-items: center;
  height: var(--header-h);
  transition: background-color 0.4s ease 0s;
  cursor: pointer;
  padding: 0;
  margin-inline-end: 12px;
}
.b-hdr__nav-item._menu .b-hdr__nav-item:not(:last-child) {
  margin-inline-end: 0;
}
.b-hdr__nav-item._menu .b-hdr__nav-item.active .b-hdr__nav-link:after {
  width: 2px;
  inset-inline-start: -12px;
  inset-block-end: 7px;
  height: 22px;
  border-radius: 0 var(--rd-100) var(--rd-100) 0;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-item._menu {
    display: none;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__nav-item._menu.hover:not(.closed) > .l-drpdwn {
    opacity: 1;
    pointer-events: auto;
  }
  .b-hdr__nav-item._menu.hover:not(.closed).drdw ~ .b-hdr__pcbg {
    opacity: 1;
  }
}
.b-hdr__nav-item._menu .b-hdr__nav-link {
  padding: 0 8px;
}
.b-hdr__nav-item .b-hdr__arrow {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-item .b-hdr__arrow {
    display: flex;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__nav-item {
    height: var(--header-h);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-item {
    padding-block: 0 0;
    padding-inline: 0 12px;
    cursor: pointer;
    width: 100%;
  }
  .b-hdr__nav-item .b-hdr__nav-link {
    height: initial;
    padding: 8px 12px;
  }
  .b-hdr__nav-item .b-hdr__nav-link > i {
    --hd-ic-wh: 36px;
    --icon-w: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--hd-ic-wh);
    width: var(--hd-ic-wh);
    flex: 0 0 var(--hd-ic-wh);
    margin-inline-end: 12px;
    background-color: var(--color-lightgrey-alt);
    border-radius: var(--rd-12);
    z-index: 2;
  }
}
@media only screen and (max-width: 767.98px) and (min-width: 767.98px) {
  .b-hdr__nav-item:hover .b-hdr__nav-link {
    color: var(--color-black);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-item:active .b-hdr__nav-link {
    color: var(--color-black);
  }
  .b-hdr__nav-item.open {
    flex-direction: row-reverse;
  }
  .b-hdr__nav-item.open .l-drpdwn {
    transform: translate(0, 0);
    opacity: 1;
    overflow: visible;
  }
  .b-hdr__nav-item.open .l-drpdwn__item:not(:last-child) {
    margin-inline-end: 0;
  }
}
.b-hdr__arrow {
  rotate: -90deg;
}
.b-hdr__nav-link {
  --fz: 16px;
  position: relative;
  flex: 1 1 auto;
  color: var(--color-black);
  white-space: nowrap;
}
@media only screen and (min-width: 767.98px) {
  .b-hdr__nav-link {
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .b-hdr__nav-link > i {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-link {
    display: flex;
    align-items: center;
    position: relative;
    transition: color 0.2s ease;
  }
  .b-hdr__nav-link:not(.open)::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: calc(100% + 12px);
    height: 100%;
    background:
      linear-gradient(
        134.72deg,
        var(--color-pink-05) 0%,
        var(--color-orange-bright-05) 101.5%);
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }
  .b-hdr__nav-link:not(.open).no-dd {
    transition: color 0.2s ease;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__nav-link:not(.no-dd) {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
  }
}
.b-hdr__menu {
  display: none;
}
@media (max-width: 1200px) {
  .b-hdr__menu {
    display: flex;
    align-items: center;
  }
}
.b-hdr__pcbg {
  position: fixed;
  inset-block-start: var(--header-h);
  inset-inline-start: 0;
  width: 100dvw;
  height: 100dvh;
  background-color: var(--color-bg-dark-40);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: -2;
}
@media only screen and (max-width: 767.98px) {
  .b-hdr__pcbg {
    display: none;
  }
}
.b-hdr__nav-sw {
  display: flex;
  flex-direction: column;
  margin-block-start: 40px;
}
.b-hdr__nav-sw .l-user__info {
  padding: 8px 12px;
}
.b-hdr__nav-sw .l-user__info .l-soal__item {
  --social-w: 36px;
  margin-block-start: 5px;
}
.b-hdr__nav-sw .l-user__info .l-user__nickname {
  margin-block-end: 0;
}
.b-ftr {
  background-color: var(--color-bg-dark);
  padding: 32px 48px 48px;
  z-index: 8;
}
@media only screen and (max-width: 767.98px) {
  .b-ftr {
    padding: 28px 34px 34px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-ftr {
    padding: 24px 20px;
  }
}
.b-ftr__content {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-column-gap: 24px;
  margin: 0 auto 32px;
  max-width: 1680px;
}
@media only screen and (max-width: 1279.98px) {
  .b-ftr__content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-row-gap: 44px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ftr__content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block-end: 24px;
  }
}
.b-ftr__bottom {
  --fz: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 48px;
  color: var(--color-grey-mid);
}
@media only screen and (max-width: 767.98px) {
  .b-ftr__bottom {
    grid-template-columns: 1fr;
  }
}
.b-ftr__title {
  --fz: 12px;
  text-transform: uppercase;
  color: var(--color-grey-mid);
  margin-block-end: 24px;
}
@media only screen and (max-width: 480.98px) {
  .b-ftr__title {
    margin-block-end: 8px;
  }
}
.b-ftr__logo {
  display: block;
  flex: 0 0 163px;
  height: 14px;
  background: url(/images3/logo/ovb-logo-grey.svg) 50%/100% auto no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-ftr__logo {
    flex: 0 0 140px;
    height: 12px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-ftr__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 118px;
    flex: 0 0 118px;
  }
}
.b-ftr__bottom {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
  max-width: 1680px;
  margin: 0 auto;
  padding-block-start: 32px;
  border-block-start: 1px solid var(--color-charcoal);
}
@media only screen and (max-width: 1279.98px) {
  .b-ftr__bottom {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1279.98px) and (min-width: 767.98px) {
  .b-ftr__bottom {
    grid-template-areas: "a a c" "a a b";
    grid-template-rows: 32px auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-ftr__bottom {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ftr__bottom {
    padding-block-start: 24px;
  }
}
.b-ftr__bottom > div:not([class]) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  grid-column-start: 1;
  grid-column-end: 5;
}
@media only screen and (max-width: 1279.98px) and (min-width: 767.98px) {
  .b-ftr__bottom > div:not([class]) {
    grid-area: a;
    grid-column-end: 3;
  }
}
.b-ftr__bottom > div:not([class]) div:has(.b-ftr__logo) {
  display: flex;
  align-items: center;
  gap: 26px;
}
@media only screen and (max-width: 767.98px) {
  .b-ftr__bottom > div:not([class]) div:has(.b-ftr__logo) {
    margin-block-end: 45px;
  }
}
.b-ftr__bottom > div:not([class]) div:has(.b-ftr__logo) .b-ftr__logo {
  position: relative;
  inset-block-start: 1px;
}
.b-ftr__bottom > div:not([class]) div:has(.b-ftr__logo) .b-ftr__logo + span {
  --fz: 20px;
  color: var(--color-grey-mid);
  font-weight: 700;
}
@media only screen and (max-width: 767.98px) {
  .b-ftr__bottom > div:not([class]) div:has(.b-ftr__logo) .b-ftr__logo + span {
    --fz: 18px;
  }
}
.b-ftr__bottom > div:not([class]) div:has(.b-ftr__logo) .b-ftr__logo:has(+ span)::after {
  content: "";
  position: absolute;
  inset-block-start: -1px;
  inset-inline-end: -14px;
  height: 100%;
  border-inline-end: 1px solid var(--color-black2);
}
.b-ftr__bottom > .l-slct {
  width: 204px;
}
@media only screen and (max-width: 1279.98px) and (min-width: 767.98px) {
  .b-ftr__bottom > .l-slct {
    grid-area: c;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-ftr__bottom > .l-slct {
    position: absolute;
    inset-block-start: 69px;
    inset-inline-start: 0;
    width: 163px;
  }
  .b-ftr__bottom > .l-slct::after {
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: -14px;
    height: calc(100% - 6px);
    border-inline-end: 1px solid var(--color-black2);
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 549.98px) {
  .b-ftr__bottom > .l-slct {
    width: 140px;
    inset-block-start: 61px;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 359.98px) {
  .b-ftr__bottom > .l-slct {
    width: 118px;
  }
}
.b-ftr__bottom .l-soal__cnt {
  gap: 8px;
}
@media only screen and (max-width: 1279.98px) and (min-width: 767.98px) {
  .b-ftr__bottom .l-soal__cnt {
    grid-area: b;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-ftr__bottom .l-soal__cnt {
    position: absolute;
    inset-block-start: 69px;
    inset-inline-start: 187px;
    margin-inline-start: 2px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ftr__bottom .l-soal__cnt {
    inset-inline-start: 164px;
    inset-block-start: 61px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-ftr__bottom .l-soal__cnt {
    gap: 4px;
    inset-inline-start: 142px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-ftr__bottom .l-soal__item {
    --social-w: 24px;
    --social-rd: 7px;
  }
}
.b-cntc__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, auto));
  overflow: hidden;
  row-gap: 48px;
  column-gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cntc__row {
    row-gap: 40px;
    column-gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cntc__row {
    row-gap: 32px;
    column-gap: 16px;
  }
}
.b-cntc__item {
  position: relative;
  display: flex;
  flex-direction: column;
}
.b-cntc__item > *:not(:last-child) {
  margin-block-end: 12px;
}
.b-cntc__item .l-user__info {
  padding: 0;
  flex-direction: row;
  align-items: center;
}
.b-cntc__item .l-user__info .l-av {
  --av-wh: 44px;
  --av-fz: 20px;
}
.b-cntc__item::before {
  content: "";
  position: absolute;
  inset-block-end: -24px;
  inset-inline-start: 0;
  width: 100%;
  border-block-end: 1px solid var(--color-addgrey-40);
}
@media only screen and (max-width: 767.98px) {
  .b-cntc__item::before {
    inset-block-end: -20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cntc__item::before {
    inset-block-end: -16px;
  }
}
.b-cntc .f > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cntc .f > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cntc .f > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cntc .f-input {
  display: flex;
}
.b-cntc .f-input textarea {
  max-height: 112px;
  min-height: 112px;
}
@media only screen and (max-width: 549.98px) {
  .b-cntc .f .l-btn {
    width: 100%;
  }
}
.b-cntc .l-grid {
  display: grid;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cntc .l-grid {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cntc .l-grid {
    margin-block-end: 12px;
  }
}
.b-cntc__cntr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 352px;
  padding: 0 24px;
  max-width: 558px;
  margin: 0 auto;
}
@media only screen and (max-width: 549.98px) {
  .b-cntc__cntr {
    min-height: 384px;
  }
}
.b-cntc__cntr > *:not(:last-child) {
  margin-block-end: 16px;
}
.b-cntc__cntr i {
  --icon-w: 64px;
  --icon-c: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-cntc .b-art__i {
    --fz: 14px;
  }
}
.b-kpr {
  padding: 24px 0;
  background-color: var(--clr-rb2, var(--color-white));
  border-radius: var(--rd-20);
  border: 1px solid var(--clr-rb-bdr, var(--color-white));
}
.b-kpr .b-kpr__ttl {
  margin-block-end: 12px;
  color: var(--clr-rb1);
}
.b-kpr__ttl {
  padding: 0 24px;
}
.b-kpr__cnt {
  --fz: 14px;
}
.b-kpr__cnt .l-tab.l-tab--bdac.full {
  padding: 0 24px;
}
.b-kpr__hdr {
  --fz: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px 16px;
  border-block-start: 1px solid var(--color-addgrey-50);
  border-block-end: 1px solid var(--color-addgrey-50);
}
.b-kpr__hdr span {
  display: block;
  width: 56px;
}
.b-kpr__hdr span:not(:last-child) {
  margin-inline-end: 8px;
}
.b-kpr__list {
  padding: 0 12px;
}
.b-kpr__itm {
  display: grid;
  align-items: center;
  grid-template-columns: 84px 56.5px 56.5px;
  column-gap: 8px;
  padding: 5px 12px;
  height: 38px;
}
.b-kpr__itm:nth-child(even) {
  border-radius: var(--rd-12);
  background-color: var(--color-cyan-light-alt4);
}
.b-kpr__itm span {
  text-align: end;
}
@media only screen and (min-width: 767.98px) {
  .b-kpr__itm:hover span {
    display: none;
  }
  .b-kpr__itm:hover .b-kpr__btn.l-btn.l-btn--br {
    display: flex;
  }
}
.b-kpr__itm:active span {
  display: none;
}
.b-kpr__itm:active .b-kpr__btn.l-btn.l-btn--br {
  display: flex;
}
.b-kpr__itm .sk__line:first-child {
  width: 70px;
}
.b-kpr__itm .sk__line:nth-child(2) {
  width: 40px;
  margin-inline-start: auto;
}
.b-kpr__itm .sk__line:nth-child(3) {
  width: 50px;
  margin-inline-start: auto;
}
.b-kpr__name {
  color: var(--color-black);
  width: fit-content;
  max-width: 84px;
  word-break: break-all;
}
.b-kpr__btn.l-btn.l-btn--br {
  display: none;
  width: 128px;
  height: 28px;
  padding: 3px 12px;
}
.b-kpr__btn.l-btn.l-btn--br:active {
  padding-block-start: 3px;
}
.b-kpr__l {
  margin: 16px 24px 0;
  display: block;
}
.b-kpr__l > .l-btn {
  --fz: 16px;
}
.b-nav {
  border-radius: var(--rd-20);
  background-color: var(--color-lightgrey2);
  padding: 24px;
  position: relative;
  overflow: hidden;
}
.b-nav:not(:last-child) {
  margin-block-end: 24px;
}
.b-nav > .l-btn.l-btn--g:not(:last-child) {
  margin-block-end: 16px;
}
.b-nav.clr-9,
.b-nav.clr-5 {
  border: 1px solid var(--clr-rb2);
  background-color: initial;
}
.b-nav.clr-9 .l-link--sm,
.b-nav.clr-5 .l-link--sm {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.b-nav.clr-9::before,
.b-nav.clr-5::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 772px;
  overflow: hidden;
  border-radius: var(--rd-20);
  pointer-events: none;
  z-index: -1;
}
.b-nav.clr-9::before {
  background:
    url(/images3/home-page/bg.svg) -980px -220px/1595px 1430px no-repeat,
    url(/images3/common/sqare.png) -295px 0/774px auto no-repeat,
    var(--clr-rb2, var(--color-white));
}
.b-nav.clr-5 .l-btn {
  background-color: var(--clr-rb1);
}
@media only screen and (min-width: 767.98px) {
  .b-nav.clr-5 .l-btn:hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-nav.clr-5 .l-btn:active {
  background-color: var(--clr-rb-hv1);
}
.b-nav.clr-5::before {
  background:
    url(/images3/home-page/bg.svg) -980px -220px/1595px 1430px no-repeat,
    url(/images3/common/blog-hdr.png) -292px 0px/552px auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
.b-nav__t {
  --fz: 14px;
  color: var(--color-darkgrey);
  margin-block-end: 12px;
}
.b-nav__list-i {
  --color-link: var(--color-black);
  --fz: 16px;
  margin-block-end: 12px;
}
.b-nav__list-i:last-child {
  margin-block-end: 0;
}
.b-nav__list-i.round {
  position: relative;
  padding-inline-start: 12px;
}
.b-nav__list-i.round::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-darkgrey);
  inset-inline-start: 0;
  inset-block-start: 9px;
}
.b-nav__list-i.active .b-nav__list-l {
  color: var(--color-hover);
}
.b-nav__list-i.active::before {
  content: "";
  width: 2px;
  height: 22px;
  background: var(--gradient-pink-orange);
  display: block;
  position: absolute;
  inset-inline-start: 0;
  border-radius: 0 var(--rd-100) var(--rd-100) 0;
}
.b-nav__list-i.no-public {
  text-decoration: line-through;
}
.b-nav__list-i:not(.type) + .b-nav__list-i.type {
  padding-block-start: 20px;
  border-block-start: 1px solid var(--color-grey2);
  margin-block-start: 20px;
}
.b-nav__list-i:has(i.icon-alert),
.b-nav__list-i:has(i.icon-alert-alt) {
  display: flex;
  align-items: center;
}
.b-nav__list-i:has(i.icon-alert) i.icon-alert,
.b-nav__list-i:has(i.icon-alert) i.icon-alert-alt,
.b-nav__list-i:has(i.icon-alert-alt) i.icon-alert,
.b-nav__list-i:has(i.icon-alert-alt) i.icon-alert-alt {
  margin-inline-start: auto;
}
.b-nav__list-l {
  display: flex;
  align-items: center;
  width: fit-content;
}
.b-nav__list-l span {
  margin-inline-start: 4px;
}
.b-nav__list-l span:not(.grey):not(.blck) {
  --fz: 10px;
  --lh: 1.4;
  position: relative;
  inset-block-start: 0;
  display: inline-block;
  color: var(--color-white);
  min-height: 8px;
  min-width: 8px;
  background:
    linear-gradient(
      134.72deg,
      var(--color-pink),
      var(--color-orange-bright));
  padding: 2px 4px;
  border-radius: var(--rd-100);
}
.b-nav__list-l.fit-w {
  width: initial;
}
.b-nav__list-l.fit-w span {
  margin-inline-start: auto;
}
.b-nav__list-l > i.icon-blank {
  margin-inline-start: 8px;
}
.b-nav__pinned {
  display: flex;
  align-items: center;
  margin-block-end: 12px;
}
.b-nav__pinned i.icon-pinned {
  --icon-w: 14px;
  --icon-c: var(--color-white);
  margin-inline-start: 8px;
}
.b-nav__list + .b-nav__list {
  margin-block-start: 20px;
  padding-block-start: 20px;
  border-block-start: 1px solid var(--color-border);
}
.b-nav__list--ovr {
  position: relative;
  margin-block-end: -12px;
  padding-block-start: 0;
}
.b-nav__list--ovr .b-nav__list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 162px;
  margin: -12px -24px 0;
  padding: 0 24px;
}
.b-nav__list--ovr .b-nav__list::-webkit-scrollbar-button {
  display: block;
  height: 4px;
}
.b-nav__list--ovr .b-nav__list .b-nav__list-i {
  position: relative;
}
.b-nav__list--ovr .b-nav__list .b-nav__list-i:last-child {
  padding-block-end: 12px;
}
.b-nav__list--ovr .b-nav__list .b-nav__list-i:first-child {
  padding-block-start: 12px;
}
.b-nav__list--ovr .b-nav__list .b-nav__list-i.active:before {
  inset-inline-start: -24px;
}
.b-nav__list--ovr::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: calc(100% - 21px);
  pointer-events: none;
  background:
    linear-gradient(
      0deg,
      var(--color-lightgrey2) 4px,
      transparent 12px,
      transparent 138px,
      var(--color-lightgrey2) calc(100% - 4px));
  z-index: 1;
}
.b-nav__list--tips .b-nav__list:not(.open) {
  overflow: hidden;
  max-height: 156px;
}
.b-nav__list--tips .b-nav__list:first-of-type {
  margin: 0 -24px;
  padding: 0 24px;
}
.b-nav__list--tips .b-nav__list + .b-nav__list {
  margin-block-start: 12px;
}
.b-nav__list--tips .b-nav__list + .b-nav__list .b-nav__list-l span.blck {
  border-block-end: 1px dotted var(--color-link);
  margin-inline-start: 0;
  transition: all 0.2s ease;
}
.b-nav__list--tips .b-nav__list-i {
  position: relative;
}
.b-nav__list--tips .b-nav__list-i.active:before {
  inset-inline-start: -24px;
}
.b-nav__list._bns {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.b-nav__list._bns .b-nav__list-i:not(:last-child) {
  margin-block-end: 0;
}
.b-nav__list._bns .b-nav__list-i:has(.l-link--sm) {
  --color-link: var(--color-darkgrey);
}
.b-nav__list._bns .b-nav__list-i:has(.l-link--sm) .l-link--sm {
  --fz: 16px;
}
.b-nav__list._bns .b-nav__list-i._ot {
  position: relative;
  order: var(--promo-type-order);
}
.b-nav__list._bns .b-nav__list-i._ot .b-nav__list-l::before {
  content: "";
  border-radius: var(--rd-round);
  overflow: hidden;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-inline-end: 8px;
  background:
    url(/images3/icons/ui/like-gradient.svg) 50% 50%/16px 16px no-repeat,
    linear-gradient(
      88deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-pink) 5%) 1.45%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-orange-bright) 5%) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-pink) 15%);
}
.b-nav__list._bns .b-nav__list-i._ovb {
  order: 1;
}
.b-nav__list._bns .b-nav__list-i._ovb .b-nav__list-l::before {
  background:
    url(/images3/common/logo-br5-circle.svg) 50% 50%/20px 15px no-repeat,
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-pink) 5%) 0%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-orange-bright) 5%) 101.5%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-pink) 15%);
}
.b-nav__list._bns .b-nav__list-i._bonusdigest {
  order: 2;
}
.b-nav__list._bns .b-nav__list-i._bonusdigest .b-nav__list-l::before {
  background:
    url(/images3/bookmakers/promo/collections.svg) 50% 50%/16px 16px no-repeat,
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-purple-mid) 5%) 0%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-teal-deep-alt4) 5%) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-purple-mid) 15%);
}
.b-nav__list._bns .b-nav__list-i._exclusives .b-nav__list-l::before {
  background:
    url(/images3/interface2/diamond-alt.svg) 50% 50%/16px 16px no-repeat,
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-pink) 5%) 0%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-orange-bright) 5%) 101.5%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-pink) 15%);
}
.b-nav__list._bns .b-nav__list-i._verified .b-nav__list-l::before {
  background: url(/images3/interface2/verifi.svg) 50% 50%/16px 16px no-repeat, color-mix(in srgb, var(--color-white) 95%, var(--color-blue) 5%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-blue) 15%);
}
.b-nav__list._bns .b-nav__list-i._newyear .b-nav__list-l::before {
  background: url(/images3/common/christmas-tree.svg) 50% 50%/16px 16px no-repeat, color-mix(in srgb, var(--color-white) 95%, var(--color-green-deep) 5%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-green-deep) 15%);
}
.b-nav__list._bns .b-nav__list-i._newyear .b-nav__list-l::after {
  content: "";
  position: absolute;
  inset-block-start: -2px;
  inset-inline-start: -2px;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: url(/images3/common/fairy-lights-w.svg) 50%/16px 16px no-repeat;
  clip-path: polygon(2px 2px, 2px 100%, 100% 100%, 100% 2px);
}
.b-nav__list._bns .b-nav__list-i._olympic .b-nav__list-l::before {
  background:
    url(/images3/common/olympic.svg) 50%/16px 16px no-repeat,
    linear-gradient(
      88deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-teal-deep) 5%) 1.45%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-orange-alt) 5%) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-teal-deep) 15%);
}
.b-nav__list._bns .b-nav__list-i._8march .b-nav__list-l::before {
  background:
    url(/images3/common/flower.svg) 50%/16px 16px no-repeat,
    linear-gradient(
      88deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-green-alt) 5%) 1.45%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-purple-soft) 5%) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-green-alt) 15%);
}
.b-nav__list._bns .b-nav__list-i._wc2026 .b-nav__list-l::before {
  background:
    url(/images3/common/wc2026.svg) 50%/16px 16px no-repeat,
    linear-gradient(
      88deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-cyan-mid-alt) 5%) 1.45%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-orange-mid-alt) 5%) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 85%, var(--color-cyan-mid-alt) 15%);
}
.b-nav__list._bns .b-nav__list-l > picture {
  display: flex;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-inline-end: 8px;
  border-radius: var(--rd-round);
  overflow: hidden;
}
.b-nav__list._bns .b-nav__list-l > picture img {
  width: 100%;
  height: 100%;
}
.b-nav__btns {
  display: flex;
  align-items: center;
  gap: 1px;
}
.b-nav__btns:not(:last-child) {
  margin-block-end: 16px;
}
.b-nav__btns .l-btn {
  flex: 0 1 100%;
}
.b-nav__btns .l-btn:nth-child(1):not(:last-child) {
  border-radius: var(--rd-20) 0 0 var(--rd-20);
}
.b-nav__btns .l-btn:nth-child(2) {
  border-radius: 0 var(--rd-20) var(--rd-20) 0;
}
.b-nav__btns + .l-btn {
  border-radius: var(--rd-20);
}
.b-bns {
  display: flex;
  flex-direction: column;
}
.b-bns > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head {
    padding: 0;
  }
}
.b-bns .b-blog__head .l-cat__row {
  padding: 0;
}
.b-bns .b-blog__head .l-cat__row:has(> .b-blog__btns--end) {
  justify-content: space-between;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .l-cat__row:has(> .b-blog__btns--end) {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .l-cat__row:not(:last-child) {
    margin: 0;
    margin-block-end: 12px;
  }
}
.b-bns .b-blog__head .b-blog__btns {
  margin: 0;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__btns:not(.b-blog__btns--end):not(:last-child) {
    border-block-end: 1px solid var(--color-addgrey-60);
  }
  .b-bns .b-blog__head .b-blog__btns {
    padding: 0 12px 12px;
  }
}
.b-bns .b-blog__head .b-blog__btns > .l-btn.l-btn--ltl,
.b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl {
  flex: initial;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__btns > .l-btn.l-btn--ltl {
    width: 14px;
    height: 14px;
  }
  .b-bns .b-blog__head .b-blog__btns > .l-btn.l-btn--ltl span {
    display: none;
  }
  .b-bns .b-blog__head .b-blog__btns > .l-btn.l-btn--ltl svg {
    scale: 1.167;
  }
  .b-bns .b-blog__head .b-blog__btns > .l-btn.l-btn--ltl svg path {
    stroke: var(--color-black);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__btns .l-btn.l-btn--ltl:not(.l-btn--ltl__lgt) {
    padding: 0;
    background-color: initial;
    border: none;
    color: var(--color-black);
    height: initial;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl {
    gap: 12px;
  }
  .b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl::before {
    content: none;
  }
  .b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl .l-btn.l-btn--ltl {
    position: relative;
  }
  .b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl .l-btn.l-btn--ltl:not(.l-btn--ltl__lgt)::before {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    inset-block-end: -12px;
    width: 0;
    height: 2px;
    border-radius: var(--rd-12) var(--rd-12) 0 0;
    background: var(--gradient-pink-orange);
    transform: translate(-50%, 2px);
    opacity: 0;
    transition: all 0.4s ease;
  }
  .b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl .l-btn.l-btn--ltl.active {
    color: var(--color-hover);
  }
  .b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl .l-btn.l-btn--ltl.active::before:not(.l-btn--ltl__lgt) {
    opacity: 1;
    width: 100%;
    transform: translate(-50%, 0);
  }
}
.b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl.gr {
  background-color: var(--color-lightgrey);
  padding: 3px;
  width: 100%;
}
.b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl.gr:before {
  border: none;
}
.b-bns .b-blog__head .b-blog__btns .b-blog__btns-dbl.gr:has(> .sk__line) {
  padding: 0;
}
.b-bns .b-blog__head .b-blog__btns--end {
  width: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__btns--end {
    display: grid;
    grid-template-columns: 1fr auto;
    width: 100%;
    gap: 0;
    padding: 0;
  }
}
.b-bns .b-blog__head .l-crd.l-crd--fv > picture {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .l-crd.l-crd--fv > picture {
    margin-block-end: 8px;
  }
}
.b-bns .b-blog__head .l-crd.l-crd--fv > picture img {
  width: 140px;
  height: 140px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .l-crd.l-crd--fv > picture img {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .l-fltr {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: none;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll {
  margin-inline: -24px;
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll {
    margin-inline: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll {
    margin-inline: -12px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll:not(:first-child) {
  margin-block-start: 20px;
  padding-block-start: 20px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll:not(:first-child) {
    margin-block-start: 16px;
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll:not(:first-child) {
    margin-block-start: 12px;
    padding-block-start: 12px;
  }
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll:not(:first-child)::-webkit-scrollbar {
    display: none;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll:has(+ .b-bns__cnt) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll:has(+ .b-bns__cnt) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll:has(+ .b-bns__cnt) {
    margin-block-end: 12px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll::before {
  inset-inline-start: 0;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll::after {
  inset-inline-end: 0;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__inner {
  margin: 0;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn {
  position: relative;
  background-clip: padding-box !important;
  border: 1px solid transparent;
}
@media only screen and (min-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn {
    gap: 8px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn > span {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn > span {
    gap: 4px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc {
  background-color: var(--color-white);
  padding: 0;
  order: var(--promo-type-order);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc > div {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: inherit;
  padding: 0 20px;
  gap: 8px;
  background:
    linear-gradient(
      88deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-pink) 5%) 1.45%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-orange-bright) 5%) 100%);
}
@media only screen and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc > div {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc > div {
    padding: 0 12px;
    gap: 4px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc > div::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: url(/images3/icons/ui/like-gradient.svg) 50%/100% 100% no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc > div::before {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: -1px;
  border-radius: inherit;
  opacity: 0.1;
  background: var(--gradient-pink-orange);
  transition: opacity 0.2s ease;
  z-index: -1;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc span {
  --lh: 1;
  color: var(--color-black);
}
@media only screen and (min-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc span.grey {
    margin-inline-start: -4px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc:hover:after {
    opacity: 0.5;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc:active:after {
  opacity: 0.5;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc.active {
  padding: 2px;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc.active > div {
  padding: 0 18px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc.active > div {
    padding: 0 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc.active > div {
    padding: 0 10px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc.active::after {
  opacity: 1;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc.active span:first-child {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: var(--gradient-pink-orange);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._ovb {
  order: 1;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._ovb > div {
  background:
    linear-gradient(
      135deg,
      var(--color-magenta-pale) 0%,
      var(--color-red-pale-alt5) 101.5%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._ovb > div::before {
  background: url(/images3/bookmakers/promo/ovb.svg) 50%/100% 100% no-repeat;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._ovb::after,
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._ovb.active span:first-child {
  background: var(--gradient-pink-orange);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._coll {
  order: 2;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._coll > div {
  background:
    linear-gradient(
      90deg,
      var(--color-purple-pale) 0%,
      var(--color-teal-pale) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._coll > div::before {
  background: url(/images3/bookmakers/promo/collections.svg) 50%/100% 100% no-repeat;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._coll::after,
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._coll.active span:first-child {
  background:
    linear-gradient(
      90deg,
      var(--color-purple-mid) 0%,
      var(--color-teal-deep-alt4) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._exclusives > div {
  background:
    linear-gradient(
      90deg,
      var(--color-magenta-pale-alt) 0%,
      var(--color-red-pale-alt4) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._exclusives > div::before {
  background: url(/images3/interface2/diamond-alt.svg) 50%/100% 100% no-repeat;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._exclusives::after,
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._exclusives.active span:first-child {
  background:
    linear-gradient(
      90deg,
      var(--color-pink) 0%,
      var(--color-orange-bright) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._verified > div {
  background: var(--color-cyan-pale-alt);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._verified > div::before {
  background: url(/images3/interface2/verifi.svg) 50%/100% 100% no-repeat;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._verified::after,
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._verified.active span:first-child {
  background: var(--color-blue);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._newyear > div {
  background: var(--color-green-pale);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._newyear > div::before {
  background: url(/images3/common/christmas-tree.svg) 50%/100% 100% no-repeat;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._newyear::after,
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._newyear.active span:first-child {
  background: var(--color-green-deep);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._newyear::before {
  content: "";
  position: absolute;
  inset-block-start: -4px;
  inset-inline-start: -4px;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  background: url(/images3/common/fairy-lights.svg) 50%/100% 100% no-repeat;
  clip-path: polygon(4px 4px, 4px 100%, 100% 100%, 100% 4px);
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._newyear::before {
    inset-block-start: -3px;
    inset-inline-start: -3px;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    clip-path: polygon(3px 3px, 3px 100%, 100% 100%, 100% 3px);
  }
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._olympic > div {
  background:
    linear-gradient(
      88deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-teal-deep) 5%) 1.45%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-orange-alt) 5%) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._olympic > div::before {
  background: url(/images3/common/olympic.svg) 50%/100% 100% no-repeat;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._olympic::after,
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._olympic.active span:first-child {
  background:
    linear-gradient(
      88deg,
      var(--color-teal-deep) 1.45%,
      var(--color-orange-alt) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._8march > div {
  background:
    linear-gradient(
      88deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-green-alt) 5%) 1.45%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-purple-soft) 5%) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._8march > div::before {
  background: url(/images3/common/flower.svg) 50%/100% 100% no-repeat;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._8march::after,
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._8march.active span:first-child {
  background:
    linear-gradient(
      88deg,
      var(--color-green-alt) 1.45%,
      var(--color-purple-soft) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._wc2026 > div {
  background:
    linear-gradient(
      88deg,
      color-mix(in srgb, var(--color-white) 95%, var(--color-cyan-mid-alt) 5%) 1.45%,
      color-mix(in srgb, var(--color-white) 95%, var(--color-orange-mid-alt) 5%) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._wc2026 > div::before {
  background: url(/images3/common/wc2026.svg) 50%/100% 100% no-repeat;
}
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._wc2026::after,
.b-bns .b-blog__head .b-blog__head-i > .l-tab.l-tab--btns.scroll .l-tab__link.l-tab__link--btn._spc._wc2026.active span:first-child {
  background:
    linear-gradient(
      88deg,
      var(--color-cyan-mid-alt) 1.45%,
      var(--color-orange-mid-alt) 100%);
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:not(:first-child) {
  border-block-start: 1px solid var(--color-border);
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:not(:first-child) .b-bns__arpl._next {
  inset-block-start: 14px;
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:not(:first-child) .b-bns__arpl._prev {
  inset-block-start: 52px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:first-child .b-bns__cnt-in {
    margin-block-start: 0;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:has(.b-bns__arpl) {
    margin-inline: -24px;
    padding-inline-end: 24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:has(.b-bns__arpl) {
    margin-inline: -18px;
    padding-inline-end: 18px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:has(.b-bns__arpl) .b-bns__cnt-in {
    padding-inline: 24px 12px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:has(.b-bns__arpl) .b-bns__cnt-in {
    padding-inline: 18px 6px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt:has(.b-bns__arpl) .b-bns__arpl {
    inset-inline-end: -12px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in {
  padding-block-start: 0;
  border: none;
  gap: 0;
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk {
  padding-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk {
    padding-block-start: 12px;
  }
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk span,
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk picture {
  position: relative;
  z-index: 1;
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk picture img {
  transform: scale(1);
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk::after {
  width: 100%;
  height: 2px;
  border-radius: 0 0 var(--rd-100) var(--rd-100);
  border: none;
  background: var(--gradient-pink-orange);
  transition: opacity 0.2s ease;
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk::before {
  content: "";
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background:
    linear-gradient(
      0deg,
      transparent 50%,
      var(--color-hover-15) 100%);
  background-origin: border-box;
  border: none;
  border-block-start: 1px solid var(--color-hover-05);
  transition: opacity 0.2s ease;
  z-index: 0;
}
.b-bns .b-blog__head .b-blog__head-i > .b-bns__cnt > .l-slct {
  padding: 12px 12px 0;
}
.b-bns .b-blog__head .b-blog__head-i > p:not(:first-child) {
  margin-block-start: 20px;
  padding-block-start: 20px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-bns .b-blog__head .b-blog__head-i > p:not(:first-child) {
    margin-block-start: 16px;
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head .b-blog__head-i > p:not(:first-child) {
    margin-block-start: 12px;
    padding-block-start: 12px;
  }
}
.b-bns .b-blog__head::before {
  overflow: hidden;
  border: 1px solid var(--clr-rb2, var(--color-grey-light));
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/common/bonus-hdr.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-grey-light));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-bns .b-blog__head::before {
    background: var(--color-white);
    border: none;
    border-block-start: 1px solid var(--color-border);
    border-start-end-radius: 0;
    border-start-start-radius: 0;
  }
}
.b-bns__shd .b-art__ttl .sk__line {
  height: 33px;
  width: 255px;
}
.b-bns__shd .l-more__dt.l-cat__row .sk__line {
  height: 19px;
  width: 170px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__shd .l-more__dt.l-cat__row .sk__line {
    height: 17px;
  }
}
.b-bns__shd .b-art__i .sk__line {
  height: 44px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__shd .b-art__i .sk__line {
    height: 87px;
  }
}
.b-bns__shd .l-more__dt.l-cat__row .sk__line {
  height: 19px;
  width: 170px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__shd .l-more__dt.l-cat__row .sk__line {
    height: 17px;
  }
}
.b-bns__shd .l-tab.l-tab--btns:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__shd .l-tab.l-tab--btns:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__shd .l-tab.l-tab--btns:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-bns__shd .l-tab.l-tab--btns:not(:first-child) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__shd .l-tab.l-tab--btns:not(:first-child) {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__shd .l-tab.l-tab--btns:not(:first-child) {
    margin-block-start: 16px;
  }
}
.b-bns__shd .b-bns__shd-ln {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--color-grey);
  margin: 20px 0;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__shd .b-bns__shd-ln {
    margin: 16px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__shd .b-bns__shd-ln {
    --fz: 14px;
    gap: 8px;
    margin: 12px 0;
  }
}
.b-bns__shd .b-bns__shd-ln::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--color-grey2);
}
.b-bns__shd ._fxb .b-art__i:not(:has(> *:first-child)) {
  --lh: 1.5;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__shd {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__tab {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100dvw;
    margin: 0 -12px;
    overscroll-behavior-x: none;
  }
  .b-bns__tab::-webkit-scrollbar {
    display: none;
  }
  .b-bns__tab .l-tab__inner {
    padding: 0 12px;
  }
}
.b-bns__cnt {
  position: relative;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__cnt {
    margin: 0 -12px;
  }
}
.b-bns__cnt:first-child .b-bns__cnt-in {
  border-block-start: none;
  padding-block-start: 4px;
  margin-block-start: -4px;
}
@media only screen and (min-width: 549.98px) {
  .b-bns .b-bns__cnt-in {
    display: flex;
  }
  .b-bns .b-bns__cnt-in .b-bns__bk {
    flex: 0 0 88px;
  }
}
.b-bns__cnt-in {
  --bci-mask-w: 24px;
  --bci-mask-lw: var(--bci-mask-w);
  --bci-mask-rw: var(--bci-mask-w);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
  overflow-y: hidden;
  overflow-x: auto;
  padding-block-start: 20px;
  column-gap: 8px;
  row-gap: 20px;
  overscroll-behavior-x: none;
  mask:
    linear-gradient(
      90deg,
      transparent 0,
      black var(--bci-mask-lw),
      black calc(100% - var(--bci-mask-rw)),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(0deg, transparent 0, black var(--bci-mask-lw), black calc(100% - var(--bci-mask-rw)), transparent 100%);
}
.b-bns__cnt-in::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__cnt-in {
    --bci-mask-w: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__cnt-in {
    --bci-mask-w: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bns__cnt-in {
    border-block-start: 1px solid var(--color-border);
  }
  .b-bns__cnt-in:has(+ .b-bns__arpl) .b-bns__bk:last-child {
    z-index: 2;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-bns__cnt-in {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__cnt-in {
    display: flex;
    padding: 10px 0 0;
    column-gap: 0;
  }
}
.b-bns__bk {
  --fz: 14px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--color-black);
  cursor: pointer;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__bk {
    flex: 0 0 83px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bns__bk {
    --fz: 12px;
    flex: 0 0 76px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bns__bk:hover {
    color: var(--color-hover);
  }
}
.b-bns__bk:active {
  color: var(--color-hover);
}
.b-bns__bk::after,
.b-bns__bk::before {
  content: "";
  position: absolute;
  transition: all 0.2s ease 0s;
  border-radius: var(--rd-round);
  opacity: 0;
  z-index: 1;
}
.b-bns__bk::after {
  inset-block-start: 0;
  width: 44px;
  height: 44px;
  border: 2px solid var(--color-white);
}
.b-bns__bk::before {
  inset-block-start: -2px;
  width: 48px;
  height: 48px;
  border: 2px solid var(--color-hover);
}
.b-bns__bk.active::before,
.b-bns__bk.active::after {
  opacity: 1;
}
.b-bns__bk.active span {
  color: var(--color-hover);
}
.b-bns__bk.disabled img {
  filter: grayscale(1);
  opacity: 0.2;
}
.b-bns__bk.disabled span {
  color: var(--color-darkgrey);
}
.b-bns__bk i,
.b-bns__bk picture {
  display: flex;
  height: 44px;
  width: 44px;
  flex: 0 0 44px;
  border-radius: var(--rd-round);
  background-color: var(--color-lightgrey);
}
.b-bns__bk i img,
.b-bns__bk picture img {
  --fz: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.03);
}
.b-bns__bk i.icon-play {
  --icon-w: 24px;
  --icon-c: var(--color-white);
  background-color: var(--color-indigo);
}
.b-bns__bk i.icon-football-mono {
  --icon-w: 28px;
  --icon-c: var(--color-black2);
  background-color: var(--color-grey2);
}
.b-bns__bk i.icon-hockey-mono {
  --icon-w: 28px;
  --icon-c: var(--color-grey-act);
  background-color: var(--color-lightgrey-soft);
}
.b-bns__bk i.icon-tennis-mono {
  --icon-w: 28px;
  --icon-c: var(--color-orange);
  background-color: var(--color-orange-soft);
}
.b-bns__bk i.icon-basketball-mono {
  --icon-w: 28px;
  --icon-c: var(--color-orange-deep);
  background-color: var(--color-orange-deep-soft);
}
.b-bns__bk i.icon-volleyball-mono {
  --icon-w: 28px;
  --icon-c: var(--color-indigo);
  background-color: var(--color-indigo-soft);
}
.b-bns__bk i.icon-cup {
  --icon-w: 28px;
  --icon-c: var(--color-teal);
  background-color: var(--color-teal-soft);
}
.b-bns__bk span {
  text-align: center;
  margin-block-start: 6px;
}
.b-bns__bk span.sk__line {
  height: 19px;
  width: 50px;
  border-radius: var(--rd-100);
}
@media only screen and (max-width: 480.98px) {
  .b-bns__bk span.sk__line {
    height: 17px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__bk.top {
    margin-inline-end: 6px;
  }
}
.b-bns__arpl {
  position: absolute;
  inset-inline-end: -36px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border: 2px solid var(--clr-rb2, var(--color-grey-light));
  border-radius: var(--rd-round);
  background-color: var(--color-white);
  cursor: pointer;
  z-index: 2;
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__arpl {
    inset-inline-end: -30px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__arpl {
    display: none;
  }
}
.b-bns__arpl svg {
  transition: opacity 0.2s ease;
}
.b-bns__arpl._next {
  inset-block-start: -2px;
  rotate: -90deg;
}
.b-bns__arpl._prev {
  inset-block-start: 38px;
  rotate: -270deg;
}
@media only screen and (min-width: 767.98px) {
  .b-bns__arpl:not(._disabled):hover {
    background-color: var(--color-lightgrey-alt);
  }
}
.b-bns__arpl:not(._disabled):active {
  background-color: var(--color-lightgrey-alt);
}
.b-bns__arpl._disabled {
  cursor: no-drop;
}
.b-bns__arpl._disabled svg {
  opacity: 0.2;
}
.b-bns__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__grid {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__grid {
    overflow: hidden;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__grid {
    gap: 16px;
  }
}
.b-bns__grid .l-flr:not(:last-child),
.b-bns__grid .filler:not(:last-child) {
  margin-block-end: 0;
}
.b-bns__grid .l-flr,
.b-bns__grid .filler {
  grid-row-start: 2;
  grid-column-end: 4;
  grid-column-start: 1;
}
@media only screen and (max-width: 1244px) and (min-width: 992px), only screen and (max-width: 959px) and (min-width: 644px) {
  .b-bns__grid .l-flr,
  .b-bns__grid .filler {
    grid-column-end: 3;
  }
}
@media only screen and (max-width: 643px) {
  .b-bns__grid .l-flr,
  .b-bns__grid .filler {
    grid-column-end: 2;
  }
  .b-bns__grid .l-flr:not(:last-child),
  .b-bns__grid .filler:not(:last-child) {
    margin: auto;
  }
  .b-bns__grid .l-flr:not(.l-flr--top) .l-flr__i,
  .b-bns__grid .filler:not(.l-flr--top) .l-flr__i {
    max-width: 500px;
    margin: 0 auto;
  }
  .b-bns__grid .l-flr,
  .b-bns__grid .filler {
    width: 100%;
  }
}
@media only screen and (max-width: 643px) and (min-width: 500px) {
  .b-bns__grid .l-flr:not(.l-flr--top) .l-flr__i,
  .b-bns__grid .filler:not(.l-flr--top) .l-flr__i {
    border-radius: var(--rd-12);
  }
  .b-bns__grid .l-flr:not(.l-flr--top) .l-flr__i .l-flr__txt,
  .b-bns__grid .filler:not(.l-flr--top) .l-flr__i .l-flr__txt {
    border-radius: var(--rd-12) 0 0 var(--rd-12);
  }
  .b-bns__grid .l-flr:not(.l-flr--top) .l-flr__i .l-flr__marking._alt,
  .b-bns__grid .filler:not(.l-flr--top) .l-flr__i .l-flr__marking._alt {
    padding-inline-start: 8px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bns__grid._other {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__grid._other {
    grid-template-columns: 100dvw;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: none;
  }
  .b-bns__grid._other::-webkit-scrollbar {
    display: none;
  }
  .b-bns__grid._other .b-bns__item:not(:first-child:last-child) {
    flex: 0 0 353px;
  }
}
@media only screen and (max-width: 549.98px) and (max-width: 415px) {
  .b-bns__grid._other .b-bns__item:not(:first-child:last-child) {
    flex: 0 0 85dvw;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__grid._other .l-flr.active {
    display: none !important;
  }
  .b-bns__grid._other > .b-bns__grid {
    position: relative;
    display: flex;
    width: calc(369px * var(--count-items, 0) + 353px);
  }
}
@media only screen and (max-width: 549.98px) and (max-width: 415px) {
  .b-bns__grid._other > .b-bns__grid {
    width: calc((85dvw + 16px) * var(--count-items, 0) + 85dvw);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__grid._other + .l-pgn {
    display: none;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 1244px) and (min-width: 991.98px), only screen and (min-width: 549.98px) and (max-width: 959px) {
  .b-bns__grid._other._view {
    grid-template-columns: 1fr;
    overflow-x: auto;
    overflow-y: hidden;
    padding-block-end: 200px;
    margin-block-end: -200px;
    overscroll-behavior-x: none;
  }
  .b-bns__grid._other._view .b-bns__item:not(:first-child:last-child) {
    flex: 0 0 353px;
  }
  .b-bns__grid._other._view .l-flr.active {
    display: none !important;
  }
  .b-bns__grid._other._view > .b-bns__grid {
    position: relative;
    display: flex;
    width: calc(377px * var(--count-items, 0) + 353px);
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 1244px) and (min-width: 991.98px) and (max-width: 767.98px), only screen and (min-width: 549.98px) and (max-width: 959px) and (max-width: 767.98px) {
  .b-bns__grid._other._view > .b-bns__grid {
    width: calc(373px * var(--count-items, 0) + 353px);
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 1244px) and (min-width: 991.98px), only screen and (min-width: 549.98px) and (max-width: 959px) {
  .b-bns__grid._other._view + .l-pgn {
    display: none;
  }
}
.b-bns__grid .intrc-el {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 100px;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}
.b-bns__ttl {
  --fz: 20px;
  grid-column-start: 1;
  grid-column-end: 4;
  position: relative;
  font-weight: 700;
  margin: 24px 0;
}
@media screen and (max-width: 1300px) {
  .b-bns__ttl {
    grid-column-end: 3;
  }
}
@media only screen and (max-width: 991.98px) {
  .b-bns__ttl {
    grid-column-end: 4;
  }
}
@media screen and (max-width: 900px) {
  .b-bns__ttl {
    grid-column-end: 3;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-bns__ttl {
    grid-column-end: 2;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__ttl {
    margin: 16px 0;
    padding: 0 12px;
  }
}
.b-bns__info > .b-bns__info-que > h2 {
  --fz: 20px;
  font-weight: 700;
}
.b-bns__info > .b-bns__info-que > h2:not(:last-child) {
  margin-block-end: 16px;
}
.b-bns__info .b-art__i .ovb-quote {
  padding: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__info .b-art__i .ovb-quote {
    padding: 12px;
  }
}
.b-bns__info-que > *:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__info-que > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bns__review {
  padding: 20px 24px;
  background: var(--color-cyan-light);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  border-radius: var(--rd-16);
}
.b-bns__review:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__review:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__review:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-bns__review .icon-verification {
  --icon-w: 24px;
}
.b-bns__review .icon-arrow {
  height: 22px;
  margin-inline-start: auto;
  rotate: -90deg;
}
.loading .b-bns__item,
.loading .l-fltr__item {
  opacity: 0.3;
  filter: grayscale(1);
  cursor: no-drop;
}
.b-bns__map {
  position: relative;
  padding: 24px;
  background-color: var(--color-orange-light);
  border-radius: var(--rd-20);
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__map {
    padding: 20px 18px;
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map {
    padding-block: 20px 16px;
    padding-inline: 0 0;
    margin-block-start: 16px;
  }
}
.b-bns__map-bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  overflow: hidden;
}
.b-bns__map-bg::before {
  content: "";
  position: absolute;
  inset-block-start: 68px;
  inset-inline-start: 50%;
  width: 100%;
  height: calc(100% - 130px);
  transform: translate(-50%, 0);
  background: url(/images3/bookmakers/promo/dashed.svg) center/auto 100% no-repeat;
}
@media only screen and (max-width: 1279.98px) {
  .b-bns__map-bg::before {
    height: calc(100% - 122px);
  }
}
@media only screen and (max-width: 1150px) and (min-width: 991.98px), only screen and (max-width: 800px) and (min-width: 480.98px) {
  .b-bns__map-bg::before {
    inset-block-start: 61px;
    height: calc(100% - 124px);
    background: url(/images3/bookmakers/promo/dashed-sm.svg) center/auto 100% no-repeat;
  }
}
@media only screen and (max-width: 1150px) and (min-width: 991.98px) and (max-width: 1080px), only screen and (max-width: 800px) and (min-width: 480.98px) and (max-width: 1080px) {
  .b-bns__map-bg::before {
    height: calc(100% - 114px);
  }
}
@media only screen and (max-width: 1150px) and (min-width: 991.98px) and (max-width: 706.98px), only screen and (max-width: 800px) and (min-width: 480.98px) and (max-width: 706.98px) {
  .b-bns__map-bg::before {
    height: calc(100% - 100px);
  }
}
@media only screen and (max-width: 1150px) and (min-width: 991.98px) and (max-width: 600px), only screen and (max-width: 800px) and (min-width: 480.98px) and (max-width: 600px) {
  .b-bns__map-bg::before {
    height: calc(100% - 90px);
  }
}
@media only screen and (max-width: 1150px) and (min-width: 991.98px) and (max-width: 549.98px), only screen and (max-width: 800px) and (min-width: 480.98px) and (max-width: 549.98px) {
  .b-bns__map-bg::before {
    inset-block-start: 48px;
    height: calc(100% - 80px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bns__map-bg::before {
    inset-block-start: 46px;
    height: calc(100% - 92px);
    background: url(/images3/bookmakers/promo/dashed-esm.svg) center/auto 100% no-repeat;
  }
}
.b-bns__map-bg > div {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 24px;
  inset-block-end: 24px;
  padding-inline-end: 6px;
  background-color: var(--color-orange-light);
  padding-inline-start: 48px;
  inset-inline-start: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__map-bg > div {
    inset-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-bg > div {
    inset-block-end: 16px;
    padding-inline-start: 16px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bns__map-bg > div {
    padding-inline-start: 20%;
  }
}
@media only screen and (max-width: 400px) {
  .b-bns__map-bg > div {
    padding-inline-start: 10%;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bns__map-bg > div {
    padding-inline-start: 16px;
  }
}
.b-bns__map-bg > div > picture {
  display: flex;
}
.b-bns__map-bg > div > picture img {
  width: 86px;
  height: 86px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-bg > div > picture img {
    width: 64px;
    height: 64px;
  }
}
.b-bns__map-bg > div::after {
  content: "";
  width: 36px;
  height: 36px;
  background: url(/images3/bookmakers/promo/union.svg) 0 0/36px 36px no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-bg > div::after {
    width: 32px;
    height: 32px;
    background: url(/images3/bookmakers/promo/union.svg) 0 0/32px 32px no-repeat;
  }
}
.b-bns__map-h {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  z-index: 1;
  margin-block-end: 24px;
}
.b-bns__map-h > picture {
  display: flex;
}
.b-bns__map-h > picture:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-h > picture:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bns__map-h > picture img {
  width: 86px;
  height: 86px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-h > picture img {
    width: 64px;
    height: 64px;
  }
}
.b-bns__map-h .l-ttl2:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-h .l-ttl2:not(:last-child) {
    margin-block-end: 4px;
  }
}
.b-bns__map-its {
  position: relative;
  display: flex;
  gap: 24px;
  z-index: 1;
}
@media only screen and (min-width: 706.98px) {
  .b-bns__map-its {
    flex-flow: column wrap;
    align-content: space-between;
    height: 845px;
  }
}
@media only screen and (max-width: 706.98px) {
  .b-bns__map-its {
    flex-direction: column;
    padding-block-end: 109px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-bns__map-its {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-its {
    padding-block-end: 80px;
    gap: 16px;
  }
}
.b-bns__map-it {
  background-color: var(--color-white);
  border-radius: var(--rd-20);
  padding: 24px;
}
@media only screen and (min-width: 706.98px) {
  .b-bns__map-it {
    width: calc(50% - 12px);
  }
  .b-bns__map-it:nth-child(2n+1) {
    order: 1;
  }
  .b-bns__map-it:nth-child(2n) {
    order: 2;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-bns__map-it {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-it {
    padding: 12px;
    border-radius: var(--rd-16);
  }
}
.b-bns__map-it b {
  display: block;
  margin-block-end: 12px;
}
.b-bns__map-it .l-cat__row {
  --color-link: var(--color-black);
  row-gap: 12px;
  column-gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__map-it .l-cat__row {
    row-gap: 8px;
  }
}
.b-bns__map-it .b-art__i ul li:before {
  background: initial;
  border: 1px solid var(--color-darkgrey);
}
.b-bns__map-t {
  --fz: 14px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  border-radius: var(--rd-100);
  background-color: var(--color-orange-light);
  height: 36px;
  padding: 0 12px;
}
.b-bns__hdvw {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px 24px 48px;
  margin-block-end: -24px;
  border-radius: var(--rd-20) var(--rd-20) 0 0;
  overflow: hidden;
  color: var(--color-white);
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw {
    padding: 18px 18px 44px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw {
    padding: 160px 12px 40px;
    border-radius: 0;
  }
}
.b-bns__hdvw.closed {
  mix-blend-mode: luminosity;
}
.b-bns__hdvw.hide {
  position: absolute;
  inset-block-start: -200dvh;
  inset-inline-start: -200dvw;
  max-width: 100dvw;
  opacity: 0;
  pointer-events: none;
  z-index: -100;
}
.b-bns__hdvw:has(.b-bns__hdvw-img picture) {
  border-block-start: 1px solid var(--color-bg-dark-10);
  padding: 0;
}
.b-bns__hdvw:has(.b-bns__hdvw-img):not(:has(.b-bns__hdvw-img picture)) {
  display: none !important;
}
.b-bns__hdvw._exsl {
  --bk-bns-clr: var(--color-darkgrey);
  padding: 24px;
  margin-inline: -24px;
  border-radius: 0;
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw._exsl {
    margin-inline: -18px;
    padding: 18px;
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw._exsl {
    margin-inline: -12px;
    padding: 12px;
    margin-block-start: -12px;
  }
}
.b-bns__hdvw._exsl:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw._exsl:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw._exsl:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bns__hdvw._exsl .b-bns__hdvw-bg {
  --hdv-exsl-bg: calc(100% - 660px);
  --hdv-exsl-gr: calc(100% - 300px);
  background:
    linear-gradient(
      90deg,
      var(--color-white-10) var(--hdv-exsl-bg),
      transparent var(--hdv-exsl-gr)),
    linear-gradient(
      90deg,
      var(--bk-bns-clr, var(--color-addgrey)) var(--hdv-exsl-bg),
      var(--color-white-70) var(--hdv-exsl-gr),
      var(--color-white-15) 100%),
    linear-gradient(
      0deg,
      var(--color-white-30) var(--hdv-exsl-gr),
      var(--color-white-30) 100%),
    linear-gradient(
      160deg,
      var(--color-green-mid-80) 50%,
      var(--color-cyan-mid-80) 100%);
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw._exsl .b-bns__hdvw-bg {
    --hdv-exsl-bg: calc(100% - 429px);
    --hdv-exsl-gr: calc(100% - 195px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw._exsl .b-bns__hdvw-bg {
    --hdv-exsl-bg: calc(100% - 225px);
    --hdv-exsl-gr: calc(100% - 125px);
  }
}
.b-bns__hdvw._exsl .b-bns__hdvw-bg::before {
  width: 100%;
  background: url(/images3/bg2/bonus-promo-bg.svg) calc(100% + 190px) -350px/1200px 1080px no-repeat;
  -webkit-mask: initial;
  mask: initial;
  mix-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw._exsl .b-bns__hdvw-bg::before {
    background-position: calc(100% + 290px) -400px;
    background-size: 950px auto;
  }
}
.b-bns__hdvw-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--bk-bns-clr, var(--color-addgrey));
  z-index: -1;
}
.b-bns__hdvw-bg::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 700px;
  max-width: 90%;
  background: url(/images3/bg2/bonus-promo-bg.svg) -150px -330px/1200px 1080px no-repeat, var(--bk-bns-clr, var(--color-addgrey));
  background-blend-mode: soft-light;
  mask:
    linear-gradient(
      90deg,
      black 0%,
      transparent 95%);
  -webkit-mask: -webkit-linear-gradient(0deg, black 0%, transparent 95%);
  z-index: 2;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-bg::before {
    width: 100%;
    max-width: 100%;
    background: url(/images3/bg2/bonus-promo-bg.svg) 50% calc(100% + 260px)/1200px 1080px no-repeat, var(--bk-bns-clr, var(--color-addgrey));
    mask:
      linear-gradient(
        0deg,
        black 0%,
        transparent 95%);
    -webkit-mask: -webkit-linear-gradient(90deg, black 0%, transparent 95%);
  }
}
.b-bns__hdvw-bg picture {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: flex;
  height: 100%;
  width: 612px;
  max-width: 80%;
  mask:
    linear-gradient(
      270deg,
      black 0%,
      transparent 60%);
  -webkit-mask: -webkit-linear-gradient(180deg, black 0%, transparent 60%);
  z-index: 2;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-bg picture {
    width: 100%;
    max-width: 100%;
    height: 200px;
    mask:
      linear-gradient(
        180deg,
        black 0%,
        transparent 95%);
    -webkit-mask: -webkit-linear-gradient(270deg, black 0%, transparent 95%);
  }
}
.b-bns__hdvw-bg picture img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.b-bns__hdvw-img {
  background-color: var(--color-addgrey);
}
.b-bns__hdvw-img picture {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.b-bns__hdvw-img picture img {
  height: auto;
  width: 100%;
}
.b-bns__hdvw-l {
  display: flex;
  width: fit-content;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw-l {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-l {
    margin-block-end: 12px;
  }
}
.b-bns__hdvw-l picture {
  display: flex;
  align-items: center;
  width: 200px;
  height: 64px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-l picture {
    width: 160px;
  }
}
.b-bns__hdvw-l picture img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.b-bns__hdvw-inf {
  display: flex;
  gap: 24px;
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw-inf {
    gap: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-inf {
    gap: 12px;
  }
}
.b-bns__hdvw-inf > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-inf > div {
    gap: 4px;
  }
}
.b-bns__hdvw-inf > div + div {
  padding-inline-start: 24px;
  border-inline-start: 1px solid var(--color-white-25);
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw-inf > div + div {
    padding-inline-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-inf > div + div {
    padding-inline-start: 12px;
  }
}
.b-bns__hdvw-inf > div span {
  --fz: 14px;
}
.b-bns__hdvw-inf > div span.sk__line {
  width: 50px;
  height: 19px;
}
.b-bns__hdvw-inf > div span.expired {
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 24px;
  background-color: var(--color-black2);
  border-radius: var(--rd-6);
  padding: 0 8px;
  margin-block-end: -5px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-inf > div span.expired {
    --fz: 12px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--rd-4);
    margin-block-end: -1px;
  }
}
.b-bns__hdvw-inf > div b {
  --fz: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw-inf > div b {
    --fz: 22px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-inf > div b {
    --fz: 20px;
  }
}
.b-bns__hdvw-inf > div b.sk__line {
  width: 70px;
  height: 33px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__hdvw-inf > div b.sk__line {
    height: 30px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-inf > div b.sk__line {
    height: 27px;
  }
}
.b-bns__hdvw-tg {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 600px;
}
.b-bns__hdvw-tg:not(:last-child) {
  margin-block-end: 20px;
}
.b-bns__hdvw-tg:not(:has(+ .b-bns__hdvw-btns > *)) {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-tg {
    gap: 6px;
  }
}
.b-bns__hdvw-tg > * {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--rd-6);
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-tg > * {
    --fz: 12px;
    border-radius: var(--rd-4);
    height: 20px;
    padding: 0 6px;
  }
}
.b-bns__hdvw-tg > div {
  color: var(--color-black);
  background-color: var(--color-white);
}
.b-bns__hdvw-tg > div.sk__line {
  width: 60px;
}
.b-bns__hdvw-tg > a {
  color: var(--color-white);
  background-color: var(--color-black-15);
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-bns__hdvw-tg > a:hover {
    background-color: var(--color-black-35);
  }
}
.b-bns__hdvw-tg > a:active {
  background-color: var(--color-black-35);
}
.b-bns__hdvw-tg i {
  --icon-w: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-tg i {
    --icon-w: 12px;
  }
}
.b-bns__hdvw-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.b-bns__hdvw-btns:not(:has(> *)) {
  display: none;
}
.b-bns__hdvw-btns a.l-btn {
  --fz: 16px;
  gap: 8px;
  background-color: var(--color-white);
  padding-block: 0 0;
  padding-inline: 20px 38px;
  color: var(--color-black);
  transition: background-color 0.2s ease;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-btns a.l-btn {
    width: 100%;
    border-radius: var(--rd-12);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bns__hdvw-btns a.l-btn:hover {
    background-color: var(--color-white-75);
    color: var(--color-black);
  }
}
.b-bns__hdvw-btns a.l-btn:active {
  background-color: var(--color-white-75);
  color: var(--color-black);
}
.b-bns__hdvw-btns a.l-btn > .sk__line {
  width: 80px;
  background-color: initial;
}
.b-bns__hdvw-btns a.l-btn i.icon-arrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 14px;
  translate: 0 -50%;
}
.b-bns__hdvw-btns a.l-btn i.icon-arrow svg {
  rotate: -90deg;
}
.b-bns__hdvw-btns .b-art__rem-code {
  border-color: var(--color-white);
  color: var(--color-white);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-btns .b-art__rem-code {
    border-radius: var(--rd-12);
  }
}
.b-bns__hdvw-btns .b-art__rem-code i.icon-copy {
  --icon-c: var(--color-white);
  opacity: 0.8;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-btns .l-slct {
    width: 100%;
  }
}
.b-bns__hdvw-exp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.b-bns__hdvw-exp .l-ttl--md {
  color: var(--color-white);
}
.b-bns__hdvw-exp .l-btn.l-btn--ltl {
  --fz: 14px;
  padding-block: 5px 5px;
  padding-inline: 12px 8px;
  border-radius: var(--rd-12);
  color: var(--color-black);
  background:
    linear-gradient(
      90deg,
      var(--color-white) 0%,
      var(--color-white-15) 100%),
    linear-gradient(
      0deg,
      var(--color-white-90) 0%,
      var(--color-white-90) 100%),
    linear-gradient(
      135deg,
      var(--color-green-mid) 0%,
      var(--color-cyan-mid) 100%),
    var(--color-white);
  box-shadow: 0 2px 15px 0 var(--color-cyan-mid-20), inset 0 0 0 1px var(--color-green-mid-20);
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-exp .l-btn.l-btn--ltl {
    --fz: 12px;
    height: 28px;
    padding-block: 5px 5px;
    padding-inline: 10px 6px;
    border-radius: var(--rd-10);
  }
}
.b-bns__hdvw-exp .l-btn.l-btn--ltl i.icon-diamond-gradient-alt {
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-exp .l-btn.l-btn--ltl i.icon-diamond-gradient-alt {
    margin-inline-end: 4px;
  }
}
.b-bns__hdvw-exp .l-btn.l-btn--ltl i.icon-arrow._blue {
  rotate: -90deg;
  margin-inline-start: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__hdvw-exp .l-btn.l-btn--ltl i.icon-arrow._blue {
    margin-inline-start: 2px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bns__hdvw-exp .l-btn.l-btn--ltl:hover {
    opacity: 0.9;
  }
}
.b-bns__hdvw-exp .l-btn.l-btn--ltl:active {
  opacity: 0.9;
}
.b-bns__blpc {
  background-color: var(--color-white);
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc {
    border-radius: var(--rd-16);
  }
}
.b-bns__blpc:not(:last-child) {
  margin-block-end: 0;
}
.b-bns__blpc .l-cat__row {
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 24px 0;
  column-gap: 24px;
  row-gap: 12px;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__blpc .l-cat__row {
    padding: 16px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc .l-cat__row {
    padding: 12px 12px 0;
  }
}
.b-bns__blpc .l-cat__row .l-tab {
  overflow: initial;
}
.b-bns__blpc .l-cat__row .l-tab ._bdbt {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: -24px;
  width: 200dvw;
  border-block-end: 1px solid var(--color-border);
}
.b-bns__blpc._cmpl {
  --color-link: var(--color-black);
  padding: 12px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__blpc._cmpl {
    padding: 12px 18px;
  }
}
@media only screen and (max-width: 694px) {
  .b-bns__blpc._cmpl {
    padding: 18px;
  }
  .b-bns__blpc._cmpl .b-bns__blpc-crd:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 694px) and (max-width: 549.98px) {
  .b-bns__blpc._cmpl .b-bns__blpc-crd:not(:last-child) {
    margin-block-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc._cmpl {
    padding: 12px;
  }
}
.b-bns__blpc._cmpl:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__blpc._cmpl:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc._cmpl:not(:last-child) {
    margin-block-end: 16px;
  }
}
@container blpc-crd (min-width: 611px) {
  .b-bns__blpc._cmpl .b-bns__blpc-crd:not(:last-child) .b-bns__blpc-crd-i {
    border-block-end: 1px solid var(--color-lightgrey);
  }
}
.b-bns__blpc._cmpl .b-bns__blpc-crd .b-bns__blpc-crd-i {
  border: none;
  background-color: transparent;
  grid-template-columns: 160px auto 140px;
  align-items: start;
  grid-template-areas: "b c d";
  padding: 12px 0;
}
@container blpc-crd (max-width: 610px) {
  .b-bns__blpc._cmpl .b-bns__blpc-crd .b-bns__blpc-crd-i {
    padding: 16px;
    border: 1px solid var(--color-grey2);
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "c c" "b d";
    row-gap: 16px;
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc._cmpl .b-bns__blpc-crd .b-bns__blpc-crd-i {
    padding: 12px;
    border-radius: var(--rd-12);
    row-gap: 12px;
  }
}
.b-bns__blpc._cmpl .b-bns__blpc-crd .b-bns__prcd {
  margin: 0;
}
@container blpc-crd (min-width: 611px) {
  .b-bns__blpc._cmpl .b-bns__blpc-crd .b-bns__blpc-dsc i.icon-arrow {
    display: none;
  }
}
@container blpc-crd (max-width: 610px) {
  .b-bns__blpc._cmpl .b-bns__blpc-crd .b-bns__blpc-dsc {
    position: relative;
    padding-inline-end: 16px;
  }
  .b-bns__blpc._cmpl .b-bns__blpc-crd .b-bns__blpc-dsc i.icon-arrow {
    --icon-w: 14px;
    position: absolute;
    inset-block-start: 5px;
    inset-inline-end: 0;
    rotate: -90deg;
  }
}
.b-bns__blpc._cmpl .b-bns__blpc-crd .l-btn.l-btn--ltl.l-btn--black {
  margin: 0;
}
.b-bns__blpc-tbl {
  padding: 8px 24px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__blpc-tbl {
    padding: 4px 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-tbl {
    padding: 0 12px;
  }
}
.b-bns__blpc-crd {
  display: block;
  container-name: blpc-crd;
  container-type: inline-size;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-crd:not(:last-child) .b-bns__blpc-crd-i {
    border-block-end: 1px solid var(--color-border);
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bns__blpc-crd:nth-child(even) .b-bns__blpc-crd-i {
    border-radius: var(--rd-16);
    background-color: var(--color-lightgrey-alt);
  }
  .b-bns__blpc-crd:nth-child(even) .b-bns__blpc-crd-i .sk__line {
    background-color: var(--color-white);
  }
}
.b-bns__blpc-crd-i {
  position: relative;
  display: grid;
  align-items: start;
  grid-template-columns: 184px 140px auto 128px;
  grid-template-areas: "a b c d";
  padding: 16px 20px;
  gap: 24px;
}
@container blpc-crd (max-width: 763px) {
  .b-bns__blpc-crd-i {
    align-items: center;
    grid-template-columns: calc(100% - 316px) 140px 128px;
    grid-template-areas: "a b d" "c c c";
    row-gap: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-bns__blpc-crd-i {
    grid-template-columns: calc(100% - 280px) 128px 128px;
    padding: 14px 16px;
    column-gap: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-crd-i {
    padding: 12px 0;
    grid-template-columns: calc(100% - 182px) 128px 38px;
    grid-template-areas: "a b d" "c c c";
    column-gap: 8px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bns__blpc-crd-i {
    grid-template-columns: calc(100% - 169px) 125px 32px;
    column-gap: 6px;
  }
}
@container blpc-crd (min-width: 764px) {
  .b-bns__blpc-crd-i .b-bns__prcd,
  .b-bns__blpc-crd-i .l-btn {
    margin-block-start: 7px;
  }
}
.b-bns__blpc-crd-i .b-bns__prcd {
  --fz: 14px;
  position: relative;
  grid-area: b;
  height: 32px;
  padding: 0 16px;
  border-radius: var(--rd-12);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23D5D5D5' stroke-width='3' stroke-dasharray='7%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__blpc-crd-i .b-bns__prcd {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-crd-i .b-bns__prcd {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23D5D5D5' stroke-width='3' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  }
}
.b-bns__blpc-crd-i .b-bns__prcd .b-bns__prcd-i {
  justify-content: space-between;
  width: 100%;
}
.b-bns__blpc-crd-i .b-bns__prcd .b-bns__prcd-i > .sk__line {
  height: 19px;
  width: 60px;
}
.b-bns__blpc-crd-i .b-bns__prcd .b-bns__prcd-i > b {
  width: 100%;
  mask:
    linear-gradient(
      90deg,
      black 0%,
      black calc(100% - 12px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(0deg, black 0%, black calc(100% - 12px), transparent 100%);
}
.b-bns__blpc-crd-i .b-bns__prcd i {
  --icon-w: 14px;
}
.b-bns__blpc-crd-i .l-btn {
  position: relative;
  grid-area: d;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-crd-i .l-btn {
    padding: 0 11px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bns__blpc-crd-i .l-btn {
    padding: 0 8px;
  }
}
.b-bns__blpc-crd-i .l-btn i.icon-blank {
  --icon-w: 14px;
}
.b-bns__blpc-bk {
  grid-area: a;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-bk {
    gap: 8px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bns__blpc-bk {
    gap: 6px;
  }
}
.b-bns__blpc-bk picture {
  flex: 0 0 36px;
  height: 36px;
  border-radius: var(--rd-round);
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-bk picture {
    flex: 0 0 32px;
    height: 32px;
  }
}
.b-bns__blpc-bk picture img {
  width: 100%;
  height: 100%;
}
.b-bns__blpc-bk > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-bk > div {
    gap: 2px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-bk > div > span:not(.grey) {
    --fz: 14px;
  }
}
.b-bns__blpc-bk > div > span:not(.grey).sk__line {
  width: 70px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-bk > div > span:not(.grey).sk__line {
    height: 19px;
  }
}
.b-bns__blpc-bk > div > span.grey {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-bk > div > span.grey {
    --fz: 12px;
  }
}
.b-bns__blpc-bk > div > span.grey.sk__line {
  width: 90px;
  height: 19px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-bk > div > span.grey.sk__line {
    height: 17px;
  }
}
.b-bns__blpc-dsc {
  grid-area: c;
  transition: color 0.2s ease;
}
@container blpc-crd (min-width: 764px) {
  .b-bns__blpc-dsc {
    align-self: center;
    padding-inline-start: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-dsc {
    --fz: 14px;
  }
}
.b-bns__blpc-dsc > .sk__line {
  width: 70%;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__blpc-dsc > .sk__line {
    height: 19px;
  }
}
.b-bns__blpc-link {
  position: absolute;
  inset: 0;
  opacity: 0;
  border-radius: inherit;
}
@media only screen and (min-width: 767.98px) {
  .b-bns__blpc-link:hover ~ .b-bns__blpc-dsc {
    color: var(--color-hover);
  }
}
.b-bns__blpc-link:active ~ .b-bns__blpc-dsc {
  color: var(--color-hover);
}
.b-bns__item {
  position: relative;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 643px) and (min-width: 480.98px) {
  .b-bns__item {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item {
    border-radius: var(--rd-16);
    height: initial;
  }
}
.b-bns__item + .l-flr .l-flr__i {
  z-index: 2;
}
@media only screen and (min-width: 549.98px) {
  .b-bns__item + .l-flr .l-flr__i {
    border: 1px solid color-mix(in srgb, var(--color-white) 80%, var(--flr-color) 100%);
  }
}
.b-bns__item.fixed {
  background: var(--gradient-pink-orange);
  border-color: transparent;
  background-origin: border-box;
}
.b-bns__item.disabled .b-bns__img {
  filter: grayscale(1);
}
.b-bns__item.disabled .b-bns__item-i {
  --bk-bns-clr: var(--color-darkgrey);
}
.b-bns__item.disabled .b-bns__item-rare > i {
  background: var(--color-darkgrey);
}
.b-bns__item.disabled .b-bns__item-header img,
.b-bns__item.disabled .b-bns__item-in {
  opacity: 0.3;
}
.b-bns__item.disabled .b-bns__i-v {
  background-color: var(--color-addgrey);
}
.b-bns__item.disabled .b-bns__i-v::before {
  background-color: var(--color-darkgrey);
}
.b-bns__item._absp {
  height: 100%;
}
.b-bns__item._absp .b-bns__img::before {
  height: 100%;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--color-bg-dark-10);
  background: initial;
  z-index: 4;
  transition: background-color 0.2s ease;
  pointer-events: none;
}
.b-bns__item._absp .b-bns__img > picture {
  background-color: var(--color-lightgrey);
  z-index: 1;
}
.b-bns__item._absp .b-bns__img > picture + picture {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 0;
}
@media only screen and (min-width: 767.98px) {
  .b-bns__item._absp .b-bns__link:hover .b-bns__img > picture {
    opacity: 1;
  }
  .b-bns__item._absp .b-bns__link:hover .b-bns__img:before {
    background-color: var(--color-white-20);
  }
}
.b-bns__item._absp .b-bns__link:active .b-bns__img > picture {
  opacity: 1;
}
.b-bns__item._absp .b-bns__link:active .b-bns__img:before {
  background-color: var(--color-white-20);
}
.b-bns__item._absp .b-bns__item-bk {
  height: 100px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  margin-block-start: -56px;
  mask:
    linear-gradient(
      0deg,
      black 44px,
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(90deg, black 44px, transparent 100%);
}
.b-bns__item._absp .b-bns__item-rare {
  z-index: 4;
  pointer-events: none;
}
.b-bns__item._absp .b-bns__item-bk-t {
  --fz: 14px;
  position: absolute;
  inset-block-end: 20px;
  inset-inline-end: 20px;
  z-index: 4;
  border-radius: var(--rd-100);
  background: var(--color-black-25);
  height: 28px;
  padding: 0 12px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 6px;
  margin: 0;
}
.b-bns__item._absp .b-bns__item-bk-t i.icon-cup {
  --icon-w: 14px;
}
.b-bns__item-i {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  border-radius: var(--rd-20);
  height: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item-i {
    border-radius: var(--rd-16);
  }
}
.b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b {
  --fz: 16px;
  background-color: var(--bk-bns-clr);
  border-radius: var(--rd-16);
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b {
    border-radius: var(--rd-12);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b:hover {
    background-color: var(--bk-bns-clr);
    opacity: 0.8;
  }
}
.b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b:active {
  background-color: var(--bk-bns-clr);
  opacity: 0.8;
}
.b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b i.icon-faq-stroke,
.b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b i.icon-arrow._white {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 12px;
  translate: 0 -50%;
  width: 16px;
  height: 16px;
}
.b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b i.icon-arrow._white {
  rotate: -90deg;
}
.b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b:has(i.icon-faq-stroke) {
  background-color: transparent;
  opacity: 1;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 30%, var(--bk-bns-clr) 100%);
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b:has(i.icon-faq-stroke) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 75%, var(--bk-bns-clr) 100%);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b:has(i.icon-faq-stroke):hover {
    background-color: color-mix(in srgb, var(--color-white) 100%, var(--bk-bns-clr) 7%);
  }
}
.b-bns__item-i .b-bns__i-cnt > .l-btn.l-btn--b:has(i.icon-faq-stroke):active {
  background-color: color-mix(in srgb, var(--color-white) 100%, var(--bk-bns-clr) 7%);
}
.b-bns__link {
  --color-link: var(--color-black);
  position: relative;
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-link);
  word-wrap: break-word;
  outline: none;
  transition: all 0.2s ease;
  z-index: 2;
}
@media only screen and (min-width: 767.98px) {
  .b-bns__link:hover .b-bns__img > picture {
    opacity: 0.8;
  }
}
.b-bns__link:active .b-bns__img > picture {
  opacity: 0.8;
}
.b-bns__link-t {
  color: inherit;
  text-decoration: none;
  outline: none;
}
@media only screen and (min-width: 767.98px) {
  .b-bns__link-t:hover {
    color: var(--color-hover);
  }
}
.b-bns__link-t:active {
  color: var(--color-hover);
}
.b-bns__link-t::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
}
.b-bns__img {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--rd-20) var(--rd-20) 0 0;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__img {
    border-radius: var(--rd-16) var(--rd-16) 0 0;
  }
}
.b-bns__img:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__img:not(:last-child):not(:has(.b-bns__item-rare)) {
    margin-block-end: 12px;
  }
}
.b-bns__img::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 50%;
  background:
    linear-gradient(
      -180deg,
      transparent 0%,
      var(--bk-bns-clr) calc(100% - 48px));
  z-index: 1;
}
.b-bns__img > picture {
  position: relative;
  display: flex;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: inherit;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.b-bns__img > picture img {
  width: 100%;
  height: auto;
}
.b-bns__img:has(picture._no-picture) {
  background-color: var(--color-lightgrey);
}
.b-bns__img:has(picture._no-picture)::before {
  height: 100%;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--color-bg-dark-10);
  background: initial;
  z-index: 4;
  transition: background-color 0.2s ease;
}
.b-bns__item-rare {
  --fz: 14px;
  position: absolute;
  display: flex;
  align-items: center;
  color: var(--color-black);
  gap: 6px;
  z-index: 3;
}
.b-bns__item-rare > i,
.b-bns__item-rare > span {
  --lh: 1;
  display: flex;
  align-items: center;
  width: fit-content;
  border-radius: var(--rd-7);
  padding: 0 8px;
  height: 24px;
  border: none;
}
.b-bns__item-rare._status {
  inset-block-start: 8px;
  inset-inline-end: 8px;
}
.b-bns__item-rare._status > span {
  background-color: var(--color-white);
  border-radius: var(--rd-12);
}
.b-bns__item-rare._status > span i.icon-verification {
  --icon-w: 14px;
  margin-inline-end: 4px;
}
.b-bns__item-rare:not(._status) {
  inset-block-end: -20px;
  inset-inline-start: 14px;
  border: 6px solid var(--color-white);
  background-color: var(--color-white);
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item-rare:not(._status) {
    inset-inline-start: 6px;
  }
}
.b-bns__item-rare:not(._status) > i {
  --icon-w: 14px;
  background: var(--gradient-pink-orange);
  color: var(--color-white);
  font-weight: 600;
  gap: 4px;
}
.b-bns__item-rare:not(._status) > i.l-soal__item {
  --social-w: 24px;
  --social-rd: 7px;
  padding: 0;
}
.b-bns__item-rare:not(._status)::after,
.b-bns__item-rare:not(._status)::before {
  --mask:
    radial-gradient(
      15px at 50% 100%,
      transparent 98%,
      black) 50% calc(100% + 10px) / 20px 20px repeat-x;
  content: "";
  position: absolute;
  inset-block-start: 2px;
  width: 10px;
  height: 10px;
  background-color: var(--color-white);
  -webkit-mask: var(--mask);
  mask: var(--mask);
  pointer-events: none;
}
.b-bns__item-rare:not(._status)::after {
  inset-inline-start: -14px;
  rotate: 135deg;
}
.b-bns__item-rare:not(._status)::before {
  inset-inline-end: -14px;
  rotate: 225deg;
}
.b-bns__item-bk {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  padding-block: 0 14px;
  padding-inline: 16px 20px;
  margin-block-start: -12px;
  z-index: 3;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__item-bk {
    padding-block: 0 14px;
    padding-inline: 12px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item-bk {
    padding-block: 0 14px;
    padding-inline: 8px 12px;
  }
}
.b-bns__item-bk > picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  flex: 0 0 108px;
  padding: 0 10px;
  margin-block-start: -6px;
  height: 52px;
  z-index: 2;
}
.b-bns__item-bk > picture img {
  width: 100%;
  height: auto;
  max-height: 30px;
}
.b-bns__item-bk-t {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--color-white);
  margin-block-start: -4px;
}
.b-bns__item-bk-t span {
  --fz: 12px;
  font-weight: 600;
  text-align: start;
}
.b-bns__item-bk-t b {
  --fz: 18px;
  text-align: end;
}
.b-bns__item-ttl {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 20px 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__item-ttl {
    padding: 0 16px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item-ttl {
    padding: 0 12px 12px;
  }
}
.b-bns__item-ttl > h2.wrd-ell,
.b-bns__item-ttl > span.wrd-ell {
  font-weight: 700;
  -webkit-line-clamp: 3;
}
.b-bns__item-ttl > p.wrd-ell {
  -webkit-line-clamp: 3;
}
.b-bns__item-ttl .l-car__row {
  gap: 8px;
}
.b-bns__i-cnt {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
  padding: 0 20px 20px;
  z-index: 3;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__i-cnt {
    padding: 0 16px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__i-cnt {
    padding: 0 12px 12px;
  }
}
.b-bns__i-cnt:not(:has(.b-bns__prcd, .l-btn, .b-bns__mybt)) {
  padding: 0;
}
.b-bns__i-cnt > *:nth-child(1) {
  margin-block-start: auto;
}
.b-bns__i-cnt > span.grey {
  --fz: 14px;
  display: block;
}
.b-bns__i-cnt > span.grey + .l-tgs {
  margin-block-start: -12px;
}
.b-bns__i-cnt::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 64px;
  background: color-mix(in srgb, var(--color-white) 88%, var(--bk-bns-clr));
  border: 1px solid color-mix(in srgb, var(--color-white) 70%, var(--bk-bns-clr));
  border-block-start: none;
  border-radius: 0 0 var(--rd-20) var(--rd-20);
  z-index: -1;
  mask:
    linear-gradient(
      0deg,
      black 0%,
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(90deg, black 0%, transparent 100%);
}
@media only screen and (max-width: 549.98px) {
  .b-bns__i-cnt::after {
    border-radius: 0 0 var(--rd-16) var(--rd-16);
  }
}
.b-bns__i-cnt .l-slct > .popover {
  width: calc(100% + 40px);
  margin: 12px 0;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__i-cnt .l-slct > .popover {
    width: calc(100% + 32px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__i-cnt .l-slct > .popover {
    width: calc(100% + 24px);
  }
}
.b-bns__prcd {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-16);
  padding: 12px 24px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23D5D5D5' stroke-width='3' stroke-dasharray='7%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
@media only screen and (max-width: 549.98px) {
  .b-bns__prcd {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23D5D5D5' stroke-width='3' stroke-dasharray='7%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: var(--rd-12);
  }
}
.b-bns__prcd span {
  margin-inline-end: 4px;
}
.b-bns__prcd i.icon-copy {
  --icon-c: var(--color-black);
}
.b-bns__prcd:has(i.icon-copy) {
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .b-bns__prcd:has(i.icon-copy):hover .b-bns__prcd-i {
    color: var(--color-hover);
  }
}
.b-bns__prcd:has(i.icon-copy):active .b-bns__prcd-i {
  color: var(--color-hover);
}
.b-bns__prcd._list {
  flex-direction: column;
  align-items: initial;
  justify-content: initial;
  gap: 2px;
  padding: 12px 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__prcd._list {
    padding: 12px;
  }
}
.b-bns__prcd._list .b-bns__prcd-i {
  justify-content: space-between;
  width: 100%;
}
.b-bns__prcd-i {
  display: flex;
  align-items: center;
  color: var(--color-black);
  transition: color 0.2s ease;
}
.b-bns__prcd-i i {
  margin-inline-start: 8px;
}
.b-bns__prcd-i > b {
  overflow: hidden;
}
.b-bns__mybt {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  column-gap: 12px;
  margin-block-start: auto;
}
.b-bns__mybt .l-btn {
  padding: 0;
  height: 32px;
  border-color: color-mix(in srgb, var(--color-white) 70%, var(--bk-bns-clr));
}
.b-bns__mybt .l-btn svg {
  --icon-c: var(--bk-bns-clr);
}
.b-bns__item-btm {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 20px 20px;
  margin-block-start: auto;
}
@media only screen and (max-width: 767.98px) {
  .b-bns__item-btm {
    padding: 0 16px 16px;
    gap: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item-btm {
    padding: 0 12px 12px;
    gap: 12px;
  }
}
.b-bns__item-btmi {
  display: flex;
  align-items: center;
  gap: 8px;
}
.b-bns__item-btmi .l-more__d {
  --fz: 14px;
  margin-inline-start: auto;
  align-self: initial;
}
.b-bns__item-btmi + .b-bns__item-btmi {
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bns__item-btmi + .b-bns__item-btmi {
    gap: 8px;
  }
}
.b-bns__item-btmi .l-utl__i.l-utl__i--vw {
  --fz: 14px;
}
.b-bk > *:not(:last-child),
.b-bk--rating > *:not(:last-child),
.b-bk > div > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk > *:not(:last-child),
  .b-bk--rating > *:not(:last-child),
  .b-bk > div > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk > *:not(:last-child),
  .b-bk--rating > *:not(:last-child),
  .b-bk > div > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-bk {
  --fz: 16px;
}
.b-bk .b-mtch__fltr .l-fltr {
  flex-wrap: wrap;
}
.b-bk .b-mtch__fltr .l-fltr .l-fltr__item.l-fltr__item--wbft {
  flex: initial;
}
.b-bk .b-mtch__fltr .l-fltr .l-fltr__item.l-fltr__item--wbft.b-bk__tnm {
  padding: 10px 13px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-mtch__fltr .l-fltr .l-fltr__item.l-fltr__item--wbft.b-bk__tnm {
    padding: 5px 7px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bk__items:not(:last-child) {
    border-block-end: 1px solid var(--color-border);
    padding-block-end: 20px;
    margin-block-end: 20px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-bk__items:not(:last-child) {
    padding-block-end: 16px;
    margin-block-end: 16px;
  }
}
.b-bk__items div {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__items div {
    gap: 4px;
  }
  .b-bk__items div::before {
    transform: scale(0.75);
  }
}
.b-bk .b-blog__head:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk .b-blog__head:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head .b-blog__btns {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
  }
  .b-bk .b-blog__head .b-blog__btns .l-slct__head {
    box-shadow: none;
    border-radius: 0;
    height: 44px;
  }
}
.b-bk .b-blog__head .b-blog__head-i,
.b-bk .b-blog__head .l-cat__row {
  position: relative;
  z-index: 1;
}
.b-bk .b-blog__head .l-cat__row {
  z-index: 2;
}
.b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt {
  position: relative;
  padding: 0;
  margin: -2px -12px 0;
  border-radius: 0;
  height: auto;
}
.b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt:not(:last-child) .b-bns__cnt-in {
  border-block-start: none;
}
.b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt:not(:last-child)::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 12px;
  width: calc(100% - 24px);
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt:not(:last-child)::before {
    inset-inline-start: 12px;
    width: calc(100% - 24px);
  }
}
.b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in {
  padding: 2px 12px 20px;
  grid-template-columns: repeat(auto-fill, minmax(91px, 1fr));
  align-items: start;
}
.b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk span {
  white-space: normal;
  text-align: center;
  max-width: 88px;
}
@media only screen and (max-width: 480.98px) {
  .b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk span {
    max-width: 75px;
  }
}
.b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk span.sk__line {
  border-radius: var(--rd-100);
  width: 100%;
  height: 38px;
}
@media only screen and (max-width: 480.98px) {
  .b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk span.sk__line {
    height: 34px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in {
    display: flex;
    align-items: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 6px 16px;
    overscroll-behavior-x: none;
  }
  .b-bk .b-blog__head .b-blog__head-i > .b-bns__cnt .b-bns__cnt-in .b-bns__bk {
    flex: 0 0 80px;
  }
}
.b-bk .b-blog__head .b-blog__head-i > .b-art__i {
  --fz: 16px;
}
.b-bk .b-blog__head .b-bns__cnt .l-slct {
  padding: 0 12px 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk .b-blog__head .b-bns__cnt .l-slct {
    padding: 0 12px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head .b-bns__cnt .l-slct {
    padding: 0 12px 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head .l-tab.scroll-esm.l-tab--btns:not(:first-child) {
    margin-block-start: -12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head .b-bns__cnt {
    margin: 0 -4px;
  }
}
.b-bk .b-blog__head .b-bns__cnt-in {
  border-block-start: none;
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head .b-bns__cnt-in {
    padding-block-start: 16px;
  }
}
.b-bk .b-blog__head.b-blog__head--full:not(.b-bk__intro) {
  margin-block-end: -24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk .b-blog__head.b-blog__head--full:not(.b-bk__intro) {
    margin-block-end: -20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head.b-blog__head--full:not(.b-bk__intro) {
    margin-block-end: -16px;
  }
}
.b-bk .b-blog__head.b-blog__head--full:not(.b-bk__intro)::before {
  background-color: var(--color-white);
  border-radius: var(--rd-20) var(--rd-20) 0 0;
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head.b-blog__head--full:not(.b-bk__intro)::before {
    border-radius: var(--rd-16) var(--rd-16) 0 0;
  }
}
.b-bk .b-blog__head.b-blog__head--full:not(.b-bk__intro) > .l-cat__row {
  padding: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-bk .b-blog__head:has(.l-cat__row .b-blog__btns .l-slct) {
    padding-block-start: 60px;
  }
  .b-bk .b-blog__head:has(.l-cat__row .b-blog__btns .l-slct) .l-cat__row {
    position: static;
  }
  .b-bk .b-blog__head:has(.l-cat__row .b-blog__btns .l-slct)::before {
    inset-block-start: 44px;
    height: calc(100% - 44px);
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
}
.b-bk .b-blog__head:has(.b-bk__rzac) {
  z-index: 4;
}
.b-bk__ab {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  background-color: var(--color-cyan-light);
  border-radius: var(--rd-20);
  padding-block: 16px 16px;
  padding-inline: 24px 16px;
  margin-block-start: 16px;
  cursor: pointer;
  color: var(--color-black);
}
@media only screen and (max-width: 767.98px) {
  .b-bk__ab {
    padding-block: 14px 14px;
    padding-inline: 18px 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__ab {
    gap: 12px;
    padding: 12px;
    margin-block-start: 12px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bk__ab:hover .l-btn {
    color: var(--color-blue);
    border-color: var(--color-blue);
    background-color: transparent;
  }
}
.b-bk__ab:active .l-btn {
  color: var(--color-blue);
  border-color: var(--color-blue);
  background-color: transparent;
}
.b-bk__ab .l-btn {
  padding: 8px 12px;
  height: 32px;
}
.b-bk__ab .l-btn:active {
  padding-block-start: 7px;
}
.b-bk__ab--auth {
  background-color: var(--color-red-pale-alt);
  cursor: default;
}
.b-bk__optn.l-slct:has(.l-slct__head) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__optn.l-slct:has(.l-slct__head) {
    margin-block-end: 12px;
  }
}
.b-bk__tbl {
  padding: 0 24px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__tbl {
    padding: 0 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__tbl {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 12px 12px;
    overscroll-behavior-x: none;
  }
}
.b-bk__tbl::-webkit-scrollbar {
  display: none !important;
}
.b-bk__btns {
  display: flex;
  align-items: center;
}
.b-bk__btns .l-btn {
  padding: 11px 24px;
  margin-inline-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__btns .l-btn {
    margin-inline-end: 18px;
    padding: 7px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__btns .l-btn {
    margin-inline-end: 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bk__btns .l-btn {
    padding: 5px 12px;
  }
}
.b-bk__btns .l-btn:hover,
.b-bk__btns .l-btn:active {
  color: var(--color-black);
}
.b-bk__btns .l-btn:active {
  padding-block-start: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__btns .l-btn:active {
    padding-block-start: 8px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bk__btns .l-btn:active {
    padding-block-start: 6px;
  }
}
.b-bk__btns .l-btn svg {
  --icon-c: var(--color-black2);
  position: relative;
  margin-inline-end: 6px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__btns .l-btn svg {
    --icon-w: 12px;
  }
}
.b-bk__btns .l-btn.l-btn--g {
  background-color: var(--color-lightgrey);
}
@media only screen and (min-width: 767.98px) {
  .b-bk__btns .l-btn.l-btn--g:hover {
    background-color: var(--color-grey2-h);
  }
}
.b-bk__btns .l-btn.l-btn--g:active {
  background-color: var(--color-grey2-a);
}
.b-bk__btns .l-link {
  --fz: 14px;
}
.b-bk__more {
  position: relative;
  padding: 24px;
  border-radius: var(--rd-20);
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__more {
    padding: 22px 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__more {
    padding: 20px 12px 12px;
    border-radius: var(--rd-16);
  }
}
.b-bk__more::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 1px solid var(--clr-rb2);
  border-radius: inherit;
  background:
    url(/images3/bookmakers/more/bg.png) 50%/1920px auto no-repeat,
    url(/images3/bookmakers/more/confetti.png) 50%/1220px auto no-repeat,
    var(--clr-rb2);
  background-blend-mode: darken;
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__more::before {
    background-size:
      1000px auto,
      750px auto,
      100%;
  }
}
.b-bk__more > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  margin: 0 auto;
  max-width: 400px;
  z-index: 1;
}
.b-bk__more > div::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  translate: -50% -50%;
  background-color: var(--clr-rb2);
  width: 600px;
  height: 600px;
  filter: blur(50px);
  pointer-events: none;
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__more > div::before {
    width: 400px;
    height: 400px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__more > div::before {
    width: 300px;
    height: 300px;
  }
}
.b-bk__more > div picture {
  display: flex;
  margin-block-end: 16px;
  width: 86px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__more > div picture {
    width: 64px;
    margin-block-end: 12px;
  }
}
.b-bk__more > div picture img {
  width: 100%;
  height: auto;
}
.b-bk__more > div .l-ttl--md {
  text-transform: uppercase;
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__more > div .l-ttl--md {
    --fz: 14px;
    margin-block-end: 4px;
  }
}
.b-bk__more > div .l-btn {
  --fz: 16px;
  margin-block-start: 36px;
  background-color: var(--clr-rb1);
}
@media only screen and (min-width: 767.98px) {
  .b-bk__more > div .l-btn:hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-bk__more > div .l-btn:active {
  background-color: var(--clr-rb-hv1);
}
@media only screen and (max-width: 767.98px) {
  .b-bk__more > div .l-btn {
    margin-block-start: 28px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__more > div .l-btn {
    margin-block-start: 20px;
    width: 100%;
  }
}
.b-bk__intro.b-blog__head.l-cat__row {
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__intro.b-blog__head.l-cat__row {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__intro.b-blog__head.l-cat__row {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__intro.b-blog__head.l-cat__row {
    --fz: 14px;
  }
}
.b-bk__intro.b-blog__head.l-cat__row::before {
  overflow: hidden;
  pointer-events: none;
  border: 1px solid var(--clr-rb2);
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/bookmakers/rating/stars.svg) calc(100% - 99px) 50%/84px 68px no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__intro.b-blog__head.l-cat__row::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/bookmakers/rating/stars.svg) calc(100% - 99px) 50%/84px 68px no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-bk__intro.b-blog__head.l-cat__row::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 99px;
  width: 84px;
  height: 68px;
  background: url(/images3/bookmakers/rating/stars.svg) 0 0/84px 68px no-repeat;
  translate: 0 -50%;
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__intro.b-blog__head.l-cat__row::after {
    inset-inline-end: 70px;
    width: 64px;
    height: 52px;
    background-size: 64px 52px;
  }
}
.b-bk__intro.b-blog__head.l-cat__row .l-btn {
  background-color: var(--clr-rb1);
  padding: 6px 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__intro.b-blog__head.l-cat__row .l-btn {
    border: 1px solid var(--clr-rb1);
    background-color: var(--color-white);
    color: var(--clr-rb1);
  }
}
@media only screen and (max-width: 549.98px) and (min-width: 767.98px) {
  .b-bk__intro.b-blog__head.l-cat__row .l-btn:hover {
    background-color: var(--clr-rb2);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__intro.b-blog__head.l-cat__row .l-btn:active {
    background-color: var(--clr-rb2);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bk__intro.b-blog__head.l-cat__row .l-btn:hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-bk__intro.b-blog__head.l-cat__row .l-btn:active {
  background-color: var(--clr-rb-hv1);
}
.b-bk__intro.b-blog__head.l-cat__row .l-btn::after {
  content: "";
  position: absolute;
  pointer-events: none;
  inset-block-start: -20px;
  inset-inline-end: -16px;
  width: 35px;
  height: 32px;
  background: url(/images3/bookmakers/rating/stars-bd.svg) 0 0/35px auto no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__intro.b-blog__head.l-cat__row .l-btn::after {
    inset-block-start: -8px;
    inset-inline-end: -8px;
    width: 26px;
    height: 24px;
    background-size: 26px auto;
  }
}
.b-bk__rzac {
  position: absolute;
  inset-block-start: calc(100% + 12px);
  inset-inline-end: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 332px;
  border-radius: var(--rd-16);
  background: var(--color-white);
  box-shadow: 0 2px 30px 0 var(--color-grey-soft-50);
  padding: 16px 16px 12px;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__rzac {
    position: fixed;
    inset-block-start: initial;
    inset-block-end: 12px;
    inset-inline-start: 12px;
    width: calc(100dvw - 24px);
    padding: 12px;
  }
}
.b-bk__rzac div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 8px;
}
.b-bk__rzac div .l-btn {
  --fz: 14px;
}
.bookmakers-comments-create .b-bk__ab p,
.bookmakers-comments-update .b-bk__ab p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .bookmakers-comments-create .b-bk__ab p,
  .bookmakers-comments-update .b-bk__ab p {
    gap: 12px;
  }
}
.bookmakers-comments-create .l-grid--btns,
.bookmakers-comments-update .l-grid--btns {
  --color-link: var(--color-darkgrey);
}
.bookmakers-comments-create .l-grid--btns .l-link--sm,
.bookmakers-comments-update .l-grid--btns .l-link--sm {
  --fz: 16px;
  display: block;
  width: fit-content;
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .bookmakers-comments-create .l-grid--btns .l-link--sm,
  .bookmakers-comments-update .l-grid--btns .l-link--sm {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .bookmakers-comments-create .l-grid--btns .l-link--sm,
  .bookmakers-comments-update .l-grid--btns .l-link--sm {
    margin-block-start: 16px;
  }
}
.b-bkap .b-blog__head:before,
.b-bkcm .b-blog__head:before,
.b-bkcm .b-bkcm__info.clr-8 .b-bkcm__bg,
.b-bk .b-blog__head.clr-10.wt-esm:before {
  overflow: hidden;
  border: 1px solid var(--clr-rb2);
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/bookmakers/bg-hdr.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-bkap .b-blog__head:before,
  .b-bkcm .b-blog__head:before,
  .b-bkcm .b-bkcm__info.clr-8 .b-bkcm__bg,
  .b-bk .b-blog__head.clr-10.wt-esm:before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/bookmakers/bg-hdr.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-bk__shdd {
  position: relative;
  background-color: var(--color-lightgrey2);
  border-radius: var(--rd-16);
  border: 1px solid var(--color-addgrey-70);
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
}
.b-bk__shdd .f {
  --color-link: var(--color-black);
}
.b-bk__shdd .f > *:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__shdd .f > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd .f > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bk__shdd .f > *:not(:last-child).b-bk__shdd-itm {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd .f > *:not(:last-child).b-bk__shdd-itm {
    margin-block-end: 12px;
  }
}
.b-bk__shdd .f > a {
  display: inline-block;
  width: fit-content;
  border-block-end: 1px dotted var(--color-blue);
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd .f > a {
    --fz: 14px;
  }
}
.b-bk__shdd .f > a.disabled {
  color: var(--color-grey);
  border-color: var(--color-grey);
  pointer-events: none;
}
.b-bk__shdd.marked:before {
  content: "";
  position: absolute;
  inset-block-start: -2px;
  inset-inline-end: -2px;
  width: 16px;
  height: 16px;
  border-radius: var(--rd-round);
  border: 2px solid var(--color-lightgrey2);
  background: var(--gradient-pink-orange);
  z-index: 1;
}
.b-bk__shdd-t {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd-t {
    padding: 12px;
  }
}
.b-bk__shdd-t .l-ttl {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd-t .l-ttl {
    --fz: 14px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bk__shdd-t .l-ttl {
    --fz: 12px;
  }
}
.b-bk__shdd-t.open {
  padding-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd-t.open {
    padding-block-end: 8px;
  }
}
.b-bk__shdd-t.open i.icon-arrow {
  rotate: 180deg;
}
.b-bk__shdd-t.marked:before {
  content: "";
  position: absolute;
  inset-block-start: -2px;
  inset-inline-end: -2px;
  width: 16px;
  height: 16px;
  border-radius: var(--rd-round);
  background: var(--gradient-pink-orange);
  border: 2px solid var(--color-white);
  z-index: 1;
}
.b-bk__shdd-c {
  display: flex;
  flex-direction: column;
  padding: 0 20px 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd-c {
    padding: 0 12px 12px;
  }
}
.b-bk__shdd-c > span.grey {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd-c > span.grey {
    --fz: 14px;
    margin-block-end: 16px;
  }
}
.b-bk__shdd-itm {
  display: flex;
  align-items: center;
}
.b-bk__shdd-itm > i {
  --icon-w: 24px;
  align-items: center;
  justify-content: center;
  margin-inline-end: 8px;
}
@media only screen and (max-width: 480.98px) {
  .b-bk__shdd-itm > i {
    margin-inline-end: 16px;
  }
}
.b-bk__shdd-itm > span {
  --fz: 16px;
  flex: 0 0 80px;
  margin-inline-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__shdd-itm > span {
    margin-inline-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd-itm > span {
    margin-inline-end: 16px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bk__shdd-itm > span {
    display: none;
  }
}
.b-bk__shdd-itm > .l-btn.l-btn--g {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: var(--rd-round);
}
.b-bk__shdd-itm > .l-btn.l-btn--g[disabled] i {
  --icon-c: var(--color-darkgrey);
}
.b-bk__shdd-itm > .l-btn.l-btn--g i {
  --icon-c: var(--color-black);
  --icon-w: 12px;
}
.b-bk__shdd-itm > .l-inpt__form {
  --input-pl: 0px;
  --input-pr: 0px;
  flex: 0 0 48px;
}
.b-bk__shdd-itm > .l-inpt__form input {
  text-align: center;
}
.b-bk__shdd-itm > .l-inpt__form:not(:last-child) {
  margin: 0 8px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd-itm > .l-inpt__form:not(:last-child) {
    margin: 0 4px 0;
  }
}
.b-bk__shdd-sldr {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 1 200px;
  height: 24px;
  margin-inline-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bk__shdd-sldr {
    margin-inline-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bk__shdd-sldr {
    margin-inline-end: 16px;
  }
}
.b-bk__shdd-sldr > input {
  width: calc(100% + 15px);
  height: 100%;
  opacity: 0;
  cursor: w-resize;
}
.b-bk__shdd-sldr::before,
.b-bk__shdd-sldr::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  translate: 0 -50%;
  height: 6px;
  pointer-events: none;
  border-radius: var(--rd-100);
}
.b-bk__shdd-sldr::before {
  width: var(--bk-mdl-w-d);
  max-width: 100%;
  z-index: 2;
}
.b-bk__shdd-sldr::after {
  width: 100%;
  background-color: var(--color-lightgrey);
  z-index: 1;
}
.b-bk__shdd-sldr.football:before {
  background-color: var(--color-teal);
}
.b-bk__shdd-sldr.hockey:before {
  background-color: var(--color-grey-act);
}
.b-bk__shdd-sldr.tennis:before {
  background-color: var(--color-gold-alt);
}
.b-bk__shdd-sldr.basketball:before {
  background-color: var(--color-coral);
}
.b-bk__shdd-sldr.volleyball:before {
  background-color: var(--color-blue);
}
.b-bk__res {
  padding: 8px 12px;
  border-radius: var(--rd-12);
  background: var(--color-orange-pale);
  width: fit-content;
}
@media only screen and (max-width: 480.98px) {
  .b-bk__res {
    --fz: 14px;
  }
}
.b-bk__res.error {
  color: var(--color-darkred);
  background: var(--color-red-pale-alt);
}
.b-bk__res.sccs {
  background: var(--color-green-light);
  color: var(--color-darkgreen);
}
.b-bk__shdd-btns {
  --fz: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.b-ntfc {
  margin: 0 auto;
  padding: 24px;
  background-color: var(--color-white);
  border-radius: var(--rd-20);
  max-width: 774px;
}
.b-ntfc > .l-btn {
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 767.98px) {
  .b-ntfc {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ntfc {
    border-radius: 0;
    padding: 12px 12px 16px;
  }
}
.b-ntfc__hdr {
  display: flex;
  align-items: center;
  margin-block-end: 16px;
}
.b-ntfc__hdr .l-ttl2 {
  margin-block-end: 0 !important;
}
.b-ntfc__hdr > a {
  --icon-c: var(--color-black);
  display: flex;
  margin-inline-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-ntfc__hdr > a {
    margin-inline-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-ntfc__hdr > a {
    margin-inline-start: 12px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-ntfc__hdr .l-slct {
    margin-inline-start: auto;
  }
}
.b-ntfc__hdr .l-slct__i {
  height: 32px;
  padding: 0px 8px;
  background: var(--color-lightgrey);
}
.b-ntfc__hdr .l-slct__i span {
  width: 150px;
  overflow: hidden;
}
.b-ntfc__list .l-ttl {
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .b-ntfc__list .l-ttl {
    --fz: 14px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-ntfc__list .l-ttl {
    --fz: 12px;
  }
  .b-ntfc__list .l-ttl + .b-ntfc__item {
    padding-block-start: 20px;
  }
}
.b-ntfc__item {
  padding: 20px 0;
}
.b-ntfc__item + .b-ntfc__item {
  border-block-start: 1px solid var(--color-addgrey-40);
}
.b-ntfc__item:first-of-type {
  padding-block-start: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-ntfc__item {
    padding: 12px 0;
  }
  .b-ntfc__item + .l-ttl {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-ntfc__item {
    padding: 12px 0;
  }
}
.b-ntfc__item a {
  color: var(--color-link);
}
@media only screen and (min-width: 767.98px) {
  .b-ntfc__item a:hover {
    color: var(--color-hover);
  }
}
.b-ntfc__item a:active {
  color: var(--color-hover);
}
.b-ntfc__item.old .b-ntfc__lbl {
  color: var(--color-darkgrey);
}
.b-ntfc__item.old .b-ntfc__text {
  color: var(--color-addgrey);
}
.b-ntfc__item.old a {
  color: var(--color-blue-d);
}
.b-ntfc__lbl {
  --fz: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-darkgrey);
  margin-block-end: 8px;
}
.b-ntfc__text {
  --fz: 16px;
  color: var(--color-black);
}
.b-ntfc__text p:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-absp .l-slct {
    margin-inline-start: 12px;
  }
}
.b-absp > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-absp > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-absp > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-absp > .l-cat__row:first-child {
  min-height: 22px;
}
.b-absp > .l-cat__row:first-child:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-absp > .l-cat__row:first-child:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-absp > .l-cat__row:first-child:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-absp > .l-cat__row:first-child .l-ttl2 {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-absp .b-blog__btns {
    padding: 16px 12px 0;
    flex-wrap: nowrap;
  }
}
.b-absp .b-blog__btns .b-blog__btns-dbl {
  background-color: var(--color-grey2);
  border: 2px solid var(--color-grey2);
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .b-absp .b-blog__btns .b-blog__btns-dbl {
    flex: 1 1 auto;
  }
  .b-absp .b-blog__btns .b-blog__btns-dbl + .l-btn:last-child {
    flex: initial;
  }
}
.b-absp .b-blog__btns .b-blog__btns-dbl::before {
  content: none;
}
.b-absp .b-blog__btns .b-blog__btns-dbl .l-btn {
  height: 28px;
  background-color: var(--color-grey2);
  color: var(--color-black);
  border-radius: var(--rd-10);
}
.b-absp .b-blog__btns .b-blog__btns-dbl .l-btn.active {
  background-color: var(--color-white);
  color: var(--color-hover);
}
@media only screen and (min-width: 767.98px) {
  .b-absp .b-blog__btns .b-blog__btns-dbl .l-btn:hover {
    color: var(--color-hover);
  }
}
.b-absp .b-blog__btns .b-blog__btns-dbl .l-btn:active {
  color: var(--color-hover);
}
.b-absp .b-blog__btns > .l-btn {
  background-color: var(--color-grey2);
  padding: 0 12px;
  border-radius: var(--rd-12);
  flex: initial;
}
@media only screen and (min-width: 767.98px) {
  .b-absp .b-blog__btns > .l-btn:hover {
    background-color: var(--color-grey2-h);
  }
}
.b-absp .b-blog__btns > .l-btn:active {
  background-color: var(--color-grey2-a);
}
.b-absp .b-blog__btns > .l-btn.icon-add {
  --icon-w: 14px;
  --icon-c: var(--color-black2);
}
.b-absp__body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-absp__body {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-absp__body {
    gap: 16px;
  }
}
.b-absp__body .l-post__image {
  aspect-ratio: 16/9;
}
.b-absp__body .l-post__image picture {
  display: flex;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
}
.b-absp__body .l-post__image:before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--color-black) 150%);
  border-radius: var(--rd-16);
  z-index: 2;
}
@media only screen and (max-width: 549.98px) {
  .b-absp__body .l-post__image:before {
    border-radius: var(--rd-12);
  }
}
@media only screen and (max-width: 643px) and (min-width: 549.98px) {
  .b-absp__body .l-post {
    max-width: 500px;
    margin: 0 auto;
  }
}
.b-absp__body .l-flr {
  grid-row-start: 2;
  grid-column-end: 4;
  grid-column-start: 1;
}
.b-absp__body .l-flr:not(:last-child) {
  margin: 0;
}
@media only screen and (max-width: 1244px) and (min-width: 992px), only screen and (max-width: 959px) and (min-width: 644px) {
  .b-absp__body .l-flr {
    grid-column-end: 3;
  }
}
@media only screen and (max-width: 643px) {
  .b-absp__body .l-flr {
    grid-column-end: 2;
  }
  .b-absp__body .l-flr:not(:last-child) {
    margin: auto;
  }
  .b-absp__body .l-flr {
    width: 100%;
  }
}
@media only screen and (max-width: 643px) and (min-width: 549.98px) {
  .b-absp__body .l-flr {
    max-width: 500px;
  }
}
.prosport-item .l-post {
  height: 100%;
}
.b-rtkp > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-rtkp .l-crd.b-cnts__crd .b-cnts__i > .l-btn.l-btn--b {
  background-color: var(--color-white);
  color: var(--color-black);
  border: 1px solid var(--cnts-bg-clr, var(--color-red-light));
  transition: opacity 0.2s ease;
}
@media only screen and (min-width: 480.98px) {
  .b-rtkp .l-crd.b-cnts__crd .b-cnts__i > .l-btn.l-btn--b {
    --fz: 16px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-rtkp .l-crd.b-cnts__crd .b-cnts__i > .l-btn.l-btn--b:hover {
    background-color: var(--color-white);
    opacity: 0.9;
  }
}
.b-rtkp .l-crd.b-cnts__crd .b-cnts__i > .l-btn.l-btn--b:active {
  background-color: var(--color-white);
  opacity: 0.9;
}
.b-rtkp .b-blog__head.clr-9 .l-tab--btns .l-tab__link.l-tab__link--btn.bsau {
  position: relative;
  padding-inline-end: 32px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp .b-blog__head.clr-9 .l-tab--btns .l-tab__link.l-tab__link--btn.bsau {
    padding-inline-end: 20px;
  }
}
.b-rtkp .b-blog__head.clr-9 .l-tab--btns .l-tab__link.l-tab__link--btn.bsau::before {
  content: "";
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -4px;
  width: 35px;
  height: 32px;
  background: url(/images3/contest/stars-best-kp-cm.svg) 0 0/100% 100% no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp .b-blog__head.clr-9 .l-tab--btns .l-tab__link.l-tab__link--btn.bsau::before {
    width: 26px;
    height: 24px;
  }
}
.b-rtkp .b-blog__head.clr-9 .l-tab--btns .l-tab__link.l-tab__link--btn.bsau.active:before {
  background: url(/images3/contest/stars-best-kp.svg) 0 0/100% 100% no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp .b-blog__head.clr-9 .l-tab--btns.scroll-esm:not(:last-child) {
    margin-block-end: -12px;
  }
}
.b-rtkp .b-blog__head.clr-9 .b-blog__head-i .l-tab.l-tab--bdac {
  padding-block-start: 20px;
  margin-block-start: 20px;
  margin-block-end: -24px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp .b-blog__head.clr-9 .b-blog__head-i .l-tab.l-tab--bdac {
    padding-block-start: 16px;
    margin-block-start: 16px;
    margin-block-end: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp .b-blog__head.clr-9 .b-blog__head-i .l-tab.l-tab--bdac {
    padding: 12px 12px 0;
    margin: 12px -12px -12px;
  }
  .b-rtkp .b-blog__head.clr-9 .b-blog__head-i .l-tab.l-tab--bdac.scroll-esm {
    padding-block-start: 0;
  }
}
.b-rtkp .b-blog__head.clr-9 .b-blog__head-i .l-tab.l-tab--bdac .l-tab__link.l-tab__link--tltp {
  align-self: end;
}
.b-rtkp .b-blog__head.clr-9 .b-blog__head-i .l-tab.l-tab--bdac:has(+ p) {
  margin-block-end: -20px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp .b-blog__head.clr-9 .b-blog__head-i .l-tab.l-tab--bdac:has(+ p) {
    margin-block-end: -16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp .b-blog__head.clr-9 .b-blog__head-i .l-tab.l-tab--bdac:has(+ p) {
    margin-block-end: -12px;
  }
}
.b-rtkp .b-blog__head.clr-9 .b-blog__head-i > p {
  padding-block-start: 20px;
  margin-block-start: 20px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp .b-blog__head.clr-9 .b-blog__head-i > p {
    padding-block-start: 16px;
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp .b-blog__head.clr-9 .b-blog__head-i > p {
    --fz: 14px;
    padding: 12px 12px 0;
    margin: 12px -12px 0;
  }
}
.b-rtkp__iwr {
  display: flex;
  gap: 24px;
  overflow-y: hidden;
  overflow-x: auto;
  overscroll-behavior-x: none;
}
.b-rtkp__iwr::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__iwr {
    gap: 16px;
    margin: 0 -12px;
    padding: 0 12px;
  }
}
.b-rtkp__iw {
  flex: 1 1 33.333%;
  min-width: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.b-rtkp__iw > .b-rtkp__img {
  margin-block-end: 8px;
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__iw > .b-rtkp__img {
    width: 36px;
    height: 36px;
  }
}
.b-rtkp__iw span:nth-child(2) {
  --fz: 20px;
  margin-block-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__iw span:nth-child(2) {
    --fz: 14px;
    font-weight: 700;
  }
}
.b-rtkp__iw span:nth-child(3) {
  --fz: 14px;
  max-width: 170px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__iw span:nth-child(3) {
    --fz: 12px;
  }
}
.b-rtkp__img picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--color-black);
}
.b-rtkp__img img {
  width: 100%;
  height: auto;
}
.b-rtkp__img span {
  --fz: 32px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 80%;
  text-transform: uppercase;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-bg-dark-10);
  background-color: var(--color-white);
  color: var(--color-black);
}
.b-rtkp__tbl {
  position: relative;
  display: grid;
  overflow-y: hidden;
  overflow-x: auto;
  background-color: var(--color-white);
  z-index: 1;
  overscroll-behavior-x: none;
}
@media only screen and (min-width: 549.98px) {
  .b-rtkp__tbl {
    border-radius: var(--rd-20);
  }
}
.b-rtkp__tbl .b-rtkp__row._first {
  grid-template-areas: "a . b c d e";
}
.b-rtkp__tbl:has(> .mod)::after {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  height: 24px;
  translate: 0 -100%;
  background:
    linear-gradient(
      0deg,
      var(--color-white) 0%,
      transparent 66.67%);
  z-index: 1;
  pointer-events: none;
}
.b-rtkp__tbl.mod {
  padding-block: 20px 20px;
  padding-inline: 24px 12px;
}
.b-rtkp__tbl-i {
  padding: 0 24px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__tbl-i {
    padding: 0 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__tbl-i {
    padding: 0 0 12px;
  }
}
.b-rtkp__tbl-i::-webkit-scrollbar {
  display: none;
}
.b-rtkp__tbl-i:has(+ .b-rtkp__tbl-i) {
  padding-block-end: 0;
}
.b-rtkp__kv {
  --fz: 9px;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  text-transform: uppercase;
  height: 14px;
  width: 22px;
  border: 1px solid var(--color-white);
  background-color: var(--color-darkgreen);
  border-radius: var(--rd-5);
  translate: -50% 100%;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__kv {
    --fz: 8.5px;
    inset-block-end: 2px;
    height: 12px;
    width: 18px;
  }
}
.b-rtkp__row {
  display: grid;
  align-items: center;
  grid-template-columns: 56px 1fr 110px 90px 90px 184px;
  min-width: 730px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__row {
    grid-template-columns: 56px 1fr 100px 80px 90px 168px;
    min-width: 674px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row {
    grid-template-columns: 44px 1fr 100px 70px 70px 168px;
    min-width: 612px;
  }
}
.b-rtkp__row._first {
  --fz: 14px;
  position: sticky;
  inset-block-start: 0;
  background-color: var(--color-white);
  mask:
    linear-gradient(
      180deg,
      black calc(100% - 16px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(-90deg, black calc(100% - 16px), transparent 100%);
  grid-template-areas: ". . a b c d";
  color: var(--color-darkgrey);
  height: 64px;
  z-index: 2;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row._first {
    height: 44px;
    mask:
      linear-gradient(
        180deg,
        black calc(100% - 8px),
        transparent 100%);
    -webkit-mask: -webkit-linear-gradient(-90deg, black calc(100% - 8px), transparent 100%);
  }
}
.b-rtkp__row._first .b-rtkp__clmn {
  display: flex;
  align-items: center;
}
.b-rtkp__row._first .b-rtkp__clmn > i {
  display: flex;
}
.b-rtkp__row._first .b-rtkp__clmn > i.icon-list-sort {
  --icon-w: 24px;
  --icon-c: var(--color-black);
  cursor: pointer;
}
.b-rtkp__row._first .b-rtkp__clmn > i.icon-info {
  --icon-w: 12px;
  margin-inline-start: 4px;
  cursor: help;
}
.b-rtkp__row._first .b-rtkp__clmn:first-child {
  grid-area: a;
}
.b-rtkp__row._first .b-rtkp__clmn:nth-child(2) {
  grid-area: b;
}
.b-rtkp__row._first .b-rtkp__clmn:nth-child(3) {
  grid-area: c;
}
.b-rtkp__row._first .b-rtkp__clmn:nth-child(4) {
  grid-area: d;
}
.b-rtkp__row._first .b-rtkp__clmn:nth-child(5) {
  grid-area: e;
}
.b-rtkp__row._first:has(+ .b-rtkp__row:nth-child(odd)) ~ .b-rtkp__row:nth-child(even) {
  background-color: var(--color-lightgrey);
}
.b-rtkp__row._first:has(+ .b-rtkp__row:nth-child(even)) ~ .b-rtkp__row:nth-child(odd) {
  background-color: var(--color-lightgrey);
}
.b-rtkp__row._close:not(._first),
.b-rtkp__row._no-kapper:not(._first),
.b-rtkp__row._cur-user:not(._first) {
  display: flex;
  padding: 0;
  margin-block-start: 24px;
  width: 100%;
  min-width: initial;
  position: sticky;
  inset-inline-start: 24px;
  max-width: calc(100dvw - 666px);
}
@media only screen and (max-width: 1279.98px) {
  .b-rtkp__row._close:not(._first),
  .b-rtkp__row._no-kapper:not(._first),
  .b-rtkp__row._cur-user:not(._first) {
    max-width: calc(100dvw - 381px);
  }
}
@media only screen and (max-width: 991.98px) {
  .b-rtkp__row._close:not(._first),
  .b-rtkp__row._no-kapper:not(._first),
  .b-rtkp__row._cur-user:not(._first) {
    max-width: calc(100dvw - 96px);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__row._close:not(._first),
  .b-rtkp__row._no-kapper:not(._first),
  .b-rtkp__row._cur-user:not(._first) {
    margin-block-start: 18px;
    inset-inline-start: 18px;
    max-width: calc(100dvw - 84px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row._close:not(._first),
  .b-rtkp__row._no-kapper:not(._first),
  .b-rtkp__row._cur-user:not(._first) {
    margin-block-start: 12px;
    padding: 0 12px;
    inset-inline-start: 0;
    max-width: 100dvw;
  }
}
@media only screen and (max-width: 549.98px) and (min-width: 480.98px) {
  .b-rtkp__row._close:not(._first),
  .b-rtkp__row._no-kapper:not(._first),
  .b-rtkp__row._cur-user:not(._first) {
    max-width: calc(100dvw - 12px);
    padding-inline-end: 0;
  }
}
.b-rtkp__row._close:not(._first) div,
.b-rtkp__row._no-kapper:not(._first) div,
.b-rtkp__row._cur-user:not(._first) div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row._close:not(._first) div,
  .b-rtkp__row._no-kapper:not(._first) div,
  .b-rtkp__row._cur-user:not(._first) div {
    border-radius: var(--rd-12);
  }
}
.b-rtkp__row._close:not(._first) div i.icon-arrow,
.b-rtkp__row._no-kapper:not(._first) div i.icon-arrow,
.b-rtkp__row._cur-user:not(._first) div i.icon-arrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 20px;
  translate: 0 -50%;
  rotate: -90deg;
}
.b-rtkp__row._cur-user div {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23c3dff9' stroke-width='4' stroke-dasharray='10%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  background-color: var(--color-cyan-pale);
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row._cur-user div {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23c3dff9' stroke-width='4' stroke-dasharray='10%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  }
}
.b-rtkp__row._cur-user div > span {
  color: var(--color-blue);
}
.b-rtkp__row._user {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23c3dff9' stroke-width='4' stroke-dasharray='10%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  background-color: var(--color-cyan-pale);
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row._user {
    background-image: url("data:image/svg+xml,%3csvg width='1000px' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='0' ry='0' x='-10px' stroke='%23c3dff9' stroke-width='4' stroke-dasharray='10%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  }
}
.b-rtkp__row._no-kapper div {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23EAEAEA' stroke-width='4' stroke-dasharray='10%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  background-color: var(--color-lightgrey2);
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row._no-kapper div {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23EAEAEA' stroke-width='4' stroke-dasharray='10%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  }
}
.b-rtkp__row._close:not(._first) {
  height: auto;
}
.b-rtkp__row._close:not(._first) + .b-rtkp__row._no-kapper,
.b-rtkp__row._close:not(._first) + .b-rtkp__row._cur-user {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__row._close:not(._first) + .b-rtkp__row._no-kapper,
  .b-rtkp__row._close:not(._first) + .b-rtkp__row._cur-user {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row._close:not(._first) + .b-rtkp__row._no-kapper,
  .b-rtkp__row._close:not(._first) + .b-rtkp__row._cur-user {
    margin-block-start: 12px;
  }
}
.b-rtkp__row:not(._first) {
  padding: 12px 0;
  height: 68px;
}
@media only screen and (min-width: 549.98px) {
  .b-rtkp__row:not(._first) {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row:not(._first) {
    --fz: 14px;
    padding: 8px 0;
    height: 56px;
  }
}
.b-rtkp__row:not(._first) .b-rtkp__clmn:first-child {
  --lh: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  padding: 0;
}
.b-rtkp__row:not(._first) .b-rtkp__clmn:first-child > span {
  --fz: 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-100);
  min-width: 20px;
  height: 20px;
  background: var(--color-grey2);
  color: var(--color-darkgrey);
  padding: 0 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child > span {
    --fz: 10px;
    min-width: 16px;
    height: 16px;
    font-weight: 700;
  }
}
.b-rtkp__row:not(._first) .b-rtkp__clmn:first-child > span:has(.b-rtkp__kv) {
  color: var(--color-darkgreen);
  background:
    linear-gradient(
      0deg,
      var(--color-white-80) 0%,
      var(--color-white-80) 100%),
    var(--color-darkgreen);
}
.b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) {
  padding-inline-start: 0;
  display: flex;
  align-items: center;
}
.b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > .b-rtkp__name > span,
.b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) > span {
  --fz: 12px;
}
.b-rtkp__row:not(._first) .b-rtkp__clmn:last-child {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__row:last-child {
    border-block-end: 1px solid var(--color-border);
  }
}
.b-rtkp__clmn {
  padding: 0 8px;
}
.b-rtkp__clmn:first-child {
  text-align: center;
}
.b-rtkp__clmn .l-av {
  margin-inline-end: 8px;
}
@media only screen and (min-width: 549.98px) {
  .b-rtkp__clmn .l-av {
    --av-wh: 36px;
    --av-fz: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__clmn .l-av {
    margin-inline-end: 12px;
  }
}
.b-rtkp__clmn > small {
  --fz: 12px;
  display: block;
  margin-block-start: 4px;
}
.b-rtkp__clmn > small:first-child {
  margin-block-start: 0;
}
.b-rtkp__clmn > small.yesno {
  --fz: 16px;
}
.b-rtkp__clmn:not(:first-child) > span sub {
  --fz: 10px;
}
.b-rtkp__clmn.ppv-i {
  background-color: var(--color-lightgrey);
}
.b-rtkp__clmn i.icon-check {
  --icon-c: var(--color-darkgreen);
}
.b-rtkp__name {
  --color-link: var(--color-black);
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2px;
  mask:
    linear-gradient(
      90deg,
      black calc(100% - 16px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(0deg, black calc(100% - 16px), transparent 100%);
}
.b-rtkp__name > a {
  display: flex;
  align-items: center;
  gap: 8px;
  word-break: break-all;
  overflow: hidden;
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__name > a {
    height: 19px;
    gap: 6px;
  }
}
.b-rtkp__name > a > picture {
  display: flex;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.b-rtkp__name > a > picture img {
  width: 100%;
  height: 100%;
}
.b-rtkp__name span.cur_user {
  display: none;
  color: var(--color-blue);
}
.b-rtkp__frcst {
  cursor: pointer;
  transition: all 0.2s ease;
  border-block-end: 1px dotted var(--color-black);
}
.b-rtkp__frcst:not(:last-child) {
  margin-inline-end: 4px;
}
@media only screen and (min-width: 767.98px) {
  .b-rtkp__frcst:hover {
    color: var(--color-hover);
    border-color: var(--color-hover);
  }
}
.b-rtkp__frcst:active {
  color: var(--color-hover);
  border-color: var(--color-hover);
}
.b-rtkp__frcst + sup.grey {
  --fz: 12px;
}
.b-rtkp__ppv li {
  padding-inline-start: 12px;
  position: relative;
}
.b-rtkp__ppv li:not(:last-child) {
  margin-block-end: 8px;
}
.b-rtkp__ppv li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-darkgrey);
  inset-block-start: 9px;
  inset-inline-start: 0;
}
.b-rtkp__res {
  --fz: 12px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-weight: 600;
  -webkit-user-select: none;
  user-select: none;
  border-radius: var(--rd-6);
  color: var(--color-white);
  cursor: help;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__res {
    border-radius: var(--rd-4);
  }
}
.b-rtkp__res.rd {
  background-color: var(--color-hover);
}
.b-rtkp__res.grn {
  background-color: var(--color-darkgreen);
}
.b-rtkp__res.gr {
  background-color: var(--color-darkgrey);
}
.b-rtkp__page > *:first-child:not(:last-child) {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.b-rtkp__page > *:not(:last-child, :first-child) {
  border-radius: 0;
}
.b-rtkp__page > *:last-child:not(:first-child) {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
.b-rtkp__page > *.l-crd:not(:last-child),
.b-rtkp__page > *:not(:last-child) {
  margin-block-end: 0;
}
.b-rtkp__page .l-crd:has(.l-tab.l-tab--bdac.scroll-esm) {
  padding-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__page .l-crd:has(.l-tab.l-tab--bdac.scroll-esm) {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__page .l-crd:has(.l-tab.l-tab--bdac.scroll-esm) {
    padding-block-start: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-rtkp__page .l-crd:has(.l-tab.l-tab--bdac.scroll-esm) {
    padding-block-end: 0;
  }
}
.b-rtkp__trend {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  padding: 20px 24px 24px;
  border-radius: var(--rd-20);
  overflow: hidden;
  container-name: kptr-head;
  container-type: inline-size;
  background:
    linear-gradient(
      180deg,
      var(--color-cyan-darkest-alt) 0%,
      var(--color-grey-darkest-alt2) 100%);
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__trend {
    padding: 20px 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__trend {
    gap: 18px;
    padding: 16px 12px 12px;
    border-radius: var(--rd-16);
  }
}
.b-rtkp__trend::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.7;
  background: url(/images3/common/sqare-w.svg) 50% -65px/810px auto no-repeat, var(--color-blue-dark-alt2);
  mask-image:
    radial-gradient(
      ellipse 50% 150px at 50% 0,
      black 0%,
      transparent 100%);
  -webkit-mask-image:
    radial-gradient(
      ellipse 50% 150px at 50% 0,
      black 0%,
      transparent 100%);
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__trend::before {
    background: url(/images3/common/sqare-w.svg) 50% -45px/560px auto no-repeat, var(--color-blue-dark-alt2);
  }
}
.b-rtkp__trend-t {
  --fz: 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  color: var(--color-white);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-weight: 800;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__trend-t {
    --fz: 22px;
  }
}
.b-rtkp__trend-t span {
  color: var(--color-cyan-alt3);
}
.b-rtkp__trend-t::before,
.b-rtkp__trend-t::after {
  content: "";
  display: block;
  border-block-start: 1px solid var(--color-white-10);
  width: 100%;
}
.b-rtkp__trend-r {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__trend-r {
    gap: 8px;
  }
}
@container kptr-head (max-width: 599.5px) {
  .b-rtkp__trend-r {
    grid-template-columns: 1fr;
  }
}
.b-rtkp__trend-c {
  border-radius: var(--rd-12);
  border: 1px solid var(--color-white-10);
  background: var(--color-white-05);
  padding: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__trend-c {
    border-radius: var(--rd-8);
    padding: 8px 12px;
  }
}
@container kptr-head (min-width: 599.5px) {
  .b-rtkp__trend-c {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 4px;
  }
}
@container kptr-head (max-width: 599.5px) {
  .b-rtkp__trend-c {
    display: block;
  }
}
.b-rtkp__trend-c b {
  display: inline;
  color: var(--color-white);
}
@container kptr-head (max-width: 599.5px) {
  .b-rtkp__trend-c b {
    --fz: 14px;
  }
}
.b-rtkp__trend-c span {
  --fz: 12px;
  display: inline;
  position: relative;
  color: var(--color-grey3);
}
@container kptr-head (max-width: 599.5px) {
  .b-rtkp__trend-c span::before {
    content: "\2014";
    display: inline;
    margin: 0 4px;
  }
}
.b-rtkp__knhl {
  position: relative;
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl {
    padding: 12px;
  }
}
.b-rtkp__knhl > *:not(.b-rtkp__knhl-bg) {
  position: relative;
  z-index: 2;
}
.b-rtkp__knhl > *:not(.b-rtkp__knhl-bg):not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl > *:not(.b-rtkp__knhl-bg):not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl > *:not(.b-rtkp__knhl-bg):not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-rtkp__knhl-bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-20);
  background:
    linear-gradient(
      0deg,
      var(--color-white-80) 0%,
      var(--color-white-80) 100%),
    var(--color-blue-alt);
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-bg {
    border-radius: var(--rd-16);
  }
}
.b-rtkp__knhl-bg::after,
.b-rtkp__knhl-bg::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
}
.b-rtkp__knhl-bg::before {
  width: 1577px;
  height: 1534px;
  inset-block-start: -200px;
  inset-inline-start: -560px;
  background: url(/images3/bookmakers/img/king-hill-bg.svg) 0 0/1577px 1534px no-repeat;
  mix-blend-mode: overlay;
}
.b-rtkp__knhl-bg::after {
  width: 600px;
  height: 450px;
  inset-block-start: 32px;
  inset-inline-end: -140px;
  background: url(/images3/bookmakers/img/king-hill-hills.svg) 0 0/600px 450px no-repeat;
  mix-blend-mode: overlay;
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-bg::after {
    inset-block-start: 100px;
    inset-inline-end: -160px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-bg::after {
    inset-block-start: 85px;
    inset-inline-end: -185px;
  }
}
.b-rtkp__knhl-top {
  --color-link: var(--color-black);
  display: block;
  border-radius: var(--rd-20);
  border: 1px solid var(--color-blue-alt-25);
  background:
    linear-gradient(
      90deg,
      var(--color-blue-pale-alt) 0%,
      var(--color-blue-pale-alt-40) 100%);
  padding: 24px;
  min-height: 128px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top {
    padding: 20px;
  }
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top {
    padding: 16px;
    min-height: initial;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-top {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-rtkp__knhl-top {
    min-height: 152px;
  }
}
.b-rtkp__knhl-top h3 {
  --fz: 20px;
  font-weight: 700;
  margin-block-end: 8px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top h3 {
    --fz: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-top h3 {
    --fz: 16px;
    margin-block-end: 4px;
  }
}
.b-rtkp__knhl-top > div:nth-child(1) {
  position: relative;
  z-index: 3;
  max-width: 300px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top > div:nth-child(1) {
    max-width: 270px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-top > div:nth-child(1) {
    max-width: 230px;
  }
}
.b-rtkp__knhl-top > div:nth-child(1) > span {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-top > div:nth-child(1) > span {
    --fz: 14px;
  }
}
.b-rtkp__knhl-top > div:nth-child(1) p {
  color: var(--color-black);
}
.b-rtkp__knhl-top > div:nth-child(2) {
  position: absolute;
  inset-block-start: -21px;
  inset-inline-end: 0;
  height: calc(100% + 21px);
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 var(--rd-20) 0;
  pointer-events: none;
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2) {
    inset-block-start: initial;
    height: 100%;
    inset-block-end: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) {
    border-radius: 0 0 var(--rd-16) 0;
  }
}
.b-rtkp__knhl-top > div:nth-child(2) picture {
  pointer-events: auto;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: -29px;
  display: flex;
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2) picture {
    inset-block-start: initial;
    inset-block-end: -20px;
    inset-inline-end: -18px;
  }
}
.b-rtkp__knhl-top > div:nth-child(2) picture img {
  width: 186px;
  height: 186px;
  rotate: 4deg;
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2) picture img {
    width: 112px;
    height: 112px;
  }
}
.b-rtkp__knhl-top > div:nth-child(2) > span {
  pointer-events: auto;
  position: absolute;
  border-radius: var(--rd-100);
  border: 1px solid var(--color-blue-alt-25);
  background:
    linear-gradient(
      0deg,
      var(--color-white-80) 0%,
      var(--color-white-80) 100%),
    var(--knhl-color-s);
  color: var(--knhl-color-s);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span {
    border-radius: var(--rd-16);
  }
}
.b-rtkp__knhl-top > div:nth-child(2) > span::before {
  content: "";
  position: absolute;
}
.b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(1) {
  --knhl-color-s: var(--color-cyan-alt8);
  --fz: 18px;
  padding-block: 6px 6px;
  padding-inline: 20px 56px;
  rotate: 4deg;
  inset-inline-end: 130px;
  inset-block-end: 42%;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(1) {
    --fz: 14px;
    inset-inline-end: 130px;
    inset-block-end: 44%;
  }
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(1) {
    --fz: 10px;
    inset-inline-end: 78px;
    inset-block-end: 36%;
    padding-block: 4px 4px;
    padding-inline: 12px 34px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(1) {
    inset-block-end: 39%;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(1) {
    inset-block-end: 26%;
  }
}
.b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(1)::before {
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 54px;
  height: 42px;
  background: url(/images3/bookmakers/img/king-hill-hills.svg) calc(100% + 8px) 5px/54px 42px no-repeat;
  rotate: 4deg;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(1)::before {
    background-size: 43px 33px;
  }
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(1)::before {
    background-position-y: 3px;
    background-size: 32px 25px;
  }
}
.b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(2) {
  --knhl-color-s: var(--color-blue-alt);
  --fz: 24px;
  padding-block: 8px 8px;
  padding-inline: 24px 64px;
  rotate: -4deg;
  inset-inline-end: 142px;
  inset-block-end: 10%;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(2) {
    --fz: 19px;
    inset-inline-end: 134px;
    inset-block-end: 16%;
  }
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(2) {
    --fz: 14px;
    inset-inline-end: 80px;
    inset-block-end: 14%;
    padding-block: 4px 4px;
    padding-inline: 14px 38px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(2) {
    inset-block-end: 15%;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(2) {
    inset-block-end: 10%;
  }
}
.b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(2)::before {
  inset-block-start: 4px;
  inset-inline-end: 8px;
  width: 54px;
  height: 61px;
  background: url(/images3/bookmakers/img/king-hill-flag.png) 0 0/54px 61px no-repeat;
  rotate: 6deg;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(2)::before {
    background-size: 41px 47px;
    background-position: 8px 2px;
  }
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2) > span:nth-child(2)::before {
    background-size: 28px 33px;
    background-position: 26px 0px;
  }
}
.b-rtkp__knhl-top > div:nth-child(2)::after,
.b-rtkp__knhl-top > div:nth-child(2)::before {
  content: "";
  position: absolute;
  width: var(--knhl-star-size);
  height: var(--knhl-star-size);
  background: url(/images3/bookmakers/img/king-hill-star.svg) 0 0/var(--knhl-star-size) var(--knhl-star-size) no-repeat;
  z-index: -1;
}
.b-rtkp__knhl-top > div:nth-child(2)::before {
  --knhl-star-size: 48px;
  inset-block-end: 50%;
  inset-inline-end: 270px;
  rotate: -40deg;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top > div:nth-child(2)::before {
    inset-inline-end: 255px;
  }
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2)::before {
    --knhl-star-size: 28px;
    inset-block-end: 35%;
    inset-inline-end: 160px;
  }
}
.b-rtkp__knhl-top > div:nth-child(2)::after {
  --knhl-star-size: 24px;
  inset-block-end: 22%;
  inset-inline-end: 315px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-top > div:nth-child(2)::after {
    inset-inline-end: 290px;
  }
}
@media only screen and (max-width: 680px) {
  .b-rtkp__knhl-top > div:nth-child(2)::after {
    --knhl-star-size: 14px;
    inset-block-end: 16%;
    inset-inline-end: 180px;
  }
}
.b-rtkp__knhl-info {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-info {
    gap: 8px;
  }
}
.b-rtkp__knhl-info .l-cnts__head,
.b-rtkp__knhl-info .l-cnts__bg {
  display: none;
}
.b-rtkp__knhl-item {
  border-radius: var(--rd-20);
  border: 2px solid var(--color-blue-alt);
  background: var(--color-white);
  height: 96px;
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-item {
    height: 80px;
    border-radius: var(--rd-16);
  }
}
.b-rtkp__knhl-item:first-child {
  padding-block: 8px 8px;
  padding-inline: 8px 32px;
  flex: 1 1 auto;
}
@media only screen and (max-width: 1440px) and (min-width: 1279.98px), only screen and (max-width: 1106px) and (min-width: 991.98px), only screen and (max-width: 821px) {
  .b-rtkp__knhl-item:first-child {
    flex: 0 0 100%;
  }
}
.b-rtkp__knhl-item:first-child .b-rtkp__knhl-user-i {
  grid-template-columns: 76px 1fr;
  column-gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-item:first-child .b-rtkp__knhl-user-i {
    grid-template-columns: 64px 1fr;
  }
}
.b-rtkp__knhl-item:first-child .b-rtkp__knhl-user-i .l-av {
  --av-wh: 76px;
  --av-fz: 30px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-item:first-child .b-rtkp__knhl-user-i .l-av {
    --av-wh: 64px;
    --av-fz: 26px;
  }
}
.b-rtkp__knhl-item:first-child .b-rtkp__knhl-user-i .l-av > i.icon-crown,
.b-rtkp__knhl-item:first-child .b-rtkp__knhl-user-i .l-av > i.icon-cup {
  --av-kh-wh: 28px;
  --icon-w: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-item:first-child .b-rtkp__knhl-user-i .l-av > i.icon-crown,
  .b-rtkp__knhl-item:first-child .b-rtkp__knhl-user-i .l-av > i.icon-cup {
    --av-kh-wh: 24px;
    --icon-w: 12px;
  }
}
.b-rtkp__knhl-item:not(:first-child) {
  padding: 8px;
}
@media only screen and (max-width: 1440px) and (min-width: 1279.98px), only screen and (max-width: 1106px) and (min-width: 991.98px), only screen and (max-width: 821px) {
  .b-rtkp__knhl-item:not(:first-child) {
    flex: 1 1 auto;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-rtkp__knhl-item:not(:first-child) {
    padding: 8px 4px;
  }
}
.b-rtkp__knhl-item:not(:first-child) .b-rtkp__knhl-stats > div {
  --fz: 36px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-item:not(:first-child) .b-rtkp__knhl-stats > div {
    --fz: 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-item:not(:first-child) .b-rtkp__knhl-stats > div {
    --fz: 28px;
  }
}
.b-rtkp__knhl-item:has(i.icon-check) {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-color: var(--color-blue-alt-25);
}
.b-rtkp__knhl-item:has(i.icon-check) .b-rtkp__knhl-stats > div {
  color: var(--color-addgrey);
}
.b-rtkp__knhl-item:has(i.icon-check) i.icon-check {
  --icon-c: var(--color-white);
  position: absolute;
  inset-block-start: -2px;
  inset-inline-end: -2px;
  z-index: 2;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-item:has(i.icon-check) i.icon-check {
    --icon-w: 14px;
  }
}
.b-rtkp__knhl-item:has(i.icon-check)::after {
  content: "";
  position: absolute;
  inset-block-start: -8px;
  inset-inline-end: -8px;
  width: 28px;
  height: 28px;
  background-color: var(--color-blue-alt);
  border-radius: var(--rd-round);
  border: 2px solid var(--color-blue-pale-alt);
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-item:has(i.icon-check)::after {
    width: 24px;
    height: 24px;
    inset-block-start: -6px;
    inset-inline-end: -6px;
  }
}
.b-rtkp__knhl-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.b-rtkp__knhl-user-i {
  display: grid;
  align-items: center;
  grid-template-columns: 56px 1fr;
  grid-template-areas: "a b" "a c";
  column-gap: 16px;
  row-gap: 4px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-user-i {
    column-gap: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-user-i {
    column-gap: 8px;
  }
}
.b-rtkp__knhl-user-i .l-av {
  --av-wh: 56px;
  --av-fz: 22px;
  grid-area: a;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-user-i .l-av {
    --av-wh: 52px;
  }
}
.b-rtkp__knhl-user-i .l-av > i.icon-crown,
.b-rtkp__knhl-user-i .l-av > i.icon-cup {
  --av-kh-wh: 20px;
  --icon-w: 10px;
  position: absolute;
  inset-block-end: -2px;
  inset-inline-end: -2px;
  border: 2px solid var(--color-blue-pale-alt);
  -webkit-backdrop-filter: blur(1.7px);
  backdrop-filter: blur(1.7px);
  background-color: var(--color-blue-alt);
  width: var(--av-kh-wh);
  height: var(--av-kh-wh);
  flex: 0 0 var(--av-kh-wh);
  border-radius: var(--rd-round);
}
.b-rtkp__knhl-user-i h4 {
  --fz: 20px;
  grid-area: b;
  align-self: end;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-user-i h4 {
    --fz: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-user-i h4 {
    --fz: 16px;
  }
}
.b-rtkp__knhl-user-i span {
  --fz: 14px;
  grid-area: c;
  align-self: start;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-user-i span {
    --fz: 12px;
  }
}
.b-rtkp__knhl-stats {
  --lh: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  height: 100%;
  min-height: 48px;
  min-width: 84px;
}
@media only screen and (max-width: 480.98px) {
  .b-rtkp__knhl-stats {
    min-width: 80px;
  }
}
.b-rtkp__knhl-stats > div {
  --fz: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-stats > div {
    --fz: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-stats > div {
    --fz: 16px;
  }
}
.b-rtkp__knhl-stats > span {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-stats > span {
    --fz: 12px;
  }
}
.b-rtkp__knhl-stats.twig {
  background: url(/images3/bookmakers/img/king-hill-twig-l.png) 0 center/19px 48px no-repeat, url(/images3/bookmakers/img/king-hill-twig-r.png) 100% center/19px 48px no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-stats.twig {
    background-size: 16px 44px;
  }
}
.b-rtkp__knhl-slct {
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-width: 400px;
  width: 100%;
  border-radius: var(--rd-100);
  border: 1px solid var(--color-blue-alt);
  background: var(--color-blue-pale-alt);
  padding-block: 8px 8px;
  padding-inline: 8px 56px;
  cursor: pointer;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-slct {
    padding-block: 8px 8px;
    padding-inline: 8px 48px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-slct {
    padding-block: 8px 8px;
    padding-inline: 8px 40px;
  }
}
.b-rtkp__knhl-slct > i.icon-arrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 24px;
  translate: 0 -50%;
  transition: rotate 0.2s ease;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__knhl-slct > i.icon-arrow {
    inset-inline-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__knhl-slct > i.icon-arrow {
    inset-inline-end: 16px;
  }
}
.b-rtkp__knhl-slct.open > i.icon-arrow {
  rotate: 180deg;
}
.b-rtkp__bsau.l-crd > *:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau.l-crd > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-rtkp__bsau.l-crd > .l-cat__row:first-child {
  gap: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau.l-crd > .l-cat__row:first-child {
    gap: 16px;
  }
}
.b-rtkp__bsau.l-crd > .l-cat__row:first-child .l-inf__i .l-av {
  --av-wh: 44px;
  --av-fz: 20px;
  margin-inline-end: 12px;
}
.b-rtkp__bsau.l-crd > .l-cat__row:first-child .l-inf__i .l-usr > div:first-child {
  font-weight: 700;
}
.b-rtkp__bsau.l-crd > .l-cat__row:first-child .l-inf__i .l-usr > div:last-child {
  --fz: 14px;
}
.b-rtkp__bsau-rtis {
  display: flex;
  gap: 20px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-rtis {
    gap: 8px;
    width: 100%;
  }
}
.b-rtkp__bsau-rt {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  height: 60px;
  border-radius: var(--rd-12);
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-rt {
    flex-direction: column-reverse;
    gap: 4px;
    height: 56px;
    flex: 1 1 100%;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-rtkp__bsau-rt:not(.clr-9):not(._score):not(._us) {
    border-radius: 0;
  }
  .b-rtkp__bsau-rt:not(.clr-9):not(._score):not(._us):not(:last-child) {
    border-inline-end: 1px solid var(--color-border);
    padding-inline-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-rt:not(.clr-9):not(._score):not(._us) {
    border: 1px solid var(--color-border);
    padding: 0 11px;
  }
}
.b-rtkp__bsau-rt._us,
.b-rtkp__bsau-rt.clr-9 {
  cursor: pointer;
  border: none;
  padding: 0 12px;
}
.b-rtkp__bsau-rt._us i.icon-arrow,
.b-rtkp__bsau-rt.clr-9 i.icon-arrow {
  rotate: -90deg;
}
@media only screen and (min-width: 549.98px) {
  .b-rtkp__bsau-rt._us i.icon-arrow,
  .b-rtkp__bsau-rt.clr-9 i.icon-arrow {
    --icon-w: 20px;
  }
}
.b-rtkp__bsau-rt.clr-9 {
  background-color: var(--clr-rb2);
  color: var(--clr-rb1);
}
.b-rtkp__bsau-rt.clr-9 > span:not(.cnt-tps) {
  color: var(--clr-rb1);
}
.b-rtkp__bsau-rt._us {
  background-color: var(--color-lightgrey);
  color: var(--color-black);
}
.b-rtkp__bsau-rt._score {
  --fz: 14px;
  --lh: 1;
  height: 24px;
  padding: 0 7px;
  font-weight: 700;
  border-radius: var(--rd-8);
  width: fit-content;
  border: 1px solid var(--color-grey2);
  background-color: var(--color-white);
  color: var(--color-black);
}
.b-rtkp__bsau-rt > div {
  --fz: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 600;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-rt > div {
    --fz: 16px;
  }
}
.b-rtkp__bsau-rt > div sub {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-rt > div sub {
    --fz: 12px;
  }
}
.b-rtkp__bsau-rt > span.cnt-tps {
  --fz: 12px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-block-start: -6px;
  inset-inline-end: -6px;
  border: 2px solid var(--color-white);
  background-color: var(--clr-rb1);
  color: var(--color-white);
  height: 20px;
  min-width: 20px;
  padding: 0 4px;
  font-weight: 600;
  border-radius: var(--rd-100);
  z-index: 1;
  pointer-events: none;
}
.b-rtkp__bsau-rt > span:not(.cnt-tps) {
  --fz: 12px;
  color: var(--color-darkgrey);
}
.b-rtkp__bsau-rt > span:not(.cnt-tps) sup {
  --fz: 8px;
}
.b-rtkp__bsau-rt._sk {
  width: 52px;
  flex: 0 0 52px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-rt._sk {
    width: 44px;
    flex: 0 0 44px;
  }
}
.b-rtkp__bsau-inf {
  padding: 0 24px 24px;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__bsau-inf {
    padding: 0 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-inf {
    padding: 0 12px 12px;
  }
}
.b-rtkp__bsau-inf > div {
  padding: 12px 16px;
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-inf > div {
    --fz: 14px;
    padding: 8px 12px;
  }
}
.b-rtkp__bsau-gr {
  margin-block-start: 20px;
  padding-block-start: 20px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-gr {
    margin-block-start: 16px;
    padding-block-start: 16px;
  }
}
.b-rtkp__bsau-gr .l-ttl {
  --fz: 12px;
  margin-block-end: 16px;
}
.b-rtkp__bsau-gr .l-cat__row {
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-gr .l-cat__row {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-inline-start: -12px;
    margin-inline-end: -12px;
    padding: 0 12px;
    width: 100dvw;
    max-width: 100dvw;
    overscroll-behavior-x: none;
  }
  .b-rtkp__bsau-gr .l-cat__row::-webkit-scrollbar {
    display: none;
  }
}
.b-rtkp__bsau-gri.l-inf__i {
  border-radius: var(--rd-100);
  background-color: var(--color-lightgrey);
  padding-block: 4px 4px;
  padding-inline: 8px 20px;
}
.b-rtkp__bsau-gri.l-inf__i .l-usr {
  white-space: nowrap;
}
.b-rtkp__bsau-gri.l-inf__i .l-usr > div:first-child {
  --fz: 12px;
}
.b-rtkp__bsau-gri.l-inf__i .l-usr > div:last-child {
  --fz: 14px;
  font-weight: 600;
}
.b-rtkp__bsau-cnt {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-block: 8px 8px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__bsau-cnt {
    padding-block: 2px 2px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-cnt {
    padding-block: 0 0;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-rtkp__bsau-cnt::-webkit-scrollbar {
  display: block;
}
.b-rtkp__bsau-cnt::-webkit-scrollbar-button {
  display: block;
  height: 4px;
}
.b-rtkp__bsau-crd:not(:last-child) .b-rtkp__bsau-crd-h:before {
  content: "";
}
.b-rtkp__bsau-crd-h {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 0;
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-crd-h {
    --fz: 14px;
    gap: 8px;
    padding: 12px 0;
  }
}
.b-rtkp__bsau-crd-h::before {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  border-block-end: 1px solid var(--color-lightgrey);
}
.b-rtkp__bsau-crd-h i.icon-arrow {
  margin-block-start: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-crd-h i.icon-arrow {
    margin-block-start: 8px;
  }
}
.b-rtkp__bsau-crd-h .l-av {
  --av-wh: 44px;
  --av-fz: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-crd-h .l-av {
    --av-fz: 15px;
    --av-wh: 32px;
  }
}
.b-rtkp__bsau-crd-h.open i.icon-arrow {
  rotate: 180deg;
}
.b-rtkp__bsau-crd-h.open + .b-rtkp__bsau-crd-cnt {
  display: block;
}
.b-rtkp__bsau-crd-h.open::before {
  inset-inline-start: -24px;
  width: calc(100% + 48px);
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__bsau-crd-h.open::before {
    inset-inline-start: -18px;
    width: calc(100% + 36px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-crd-h.open::before {
    inset-inline-start: -12px;
    width: calc(100% + 24px);
  }
}
.b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]),
.b-rtkp__bsau-crd-h > div:not([class]) {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row,
.b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row {
  --fz: 14px;
  gap: 8px;
}
.b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span:not(:last-child),
.b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span:not(:last-child) {
  padding-inline-end: 12px;
}
.b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span:not(:last-child).sk__line,
.b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span:not(:last-child).sk__line {
  margin-inline-end: 12px;
}
.b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span:not(:last-child).sk__line::before,
.b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span:not(:last-child).sk__line::before {
  inset-inline-end: -12px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row,
  .b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row {
    --fz: 12px;
    gap: 6px;
  }
  .b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span:not(:last-child),
  .b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span:not(:last-child) {
    padding-inline-end: 10px;
  }
  .b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span:not(:last-child)::before,
  .b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span:not(:last-child)::before {
    inset-block-start: 7px;
  }
  .b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span:not(:last-child).sk__line,
  .b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span:not(:last-child).sk__line {
    margin-inline-end: 10px;
  }
  .b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span:not(:last-child).sk__line::before,
  .b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span:not(:last-child).sk__line::before {
    inset-inline-end: -10px;
  }
}
.b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span.sk__line,
.b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span.sk__line {
  height: 19px;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-crd-h > .l-inf__i > div:not([class]) .l-cat__row > span.sk__line,
  .b-rtkp__bsau-crd-h > div:not([class]) .l-cat__row > span.sk__line {
    height: 17px;
  }
}
.b-rtkp__bsau-crd-h .b-rtkp__bsau-rt {
  height: 44px;
  padding: 0 10px;
  font-weight: 600;
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-crd-h .b-rtkp__bsau-rt {
    height: 32px;
    padding: 0 8px;
    border-radius: var(--rd-8);
    flex: initial;
  }
}
.b-rtkp__bsau-crd-h .l-inf__i {
  width: 100%;
}
.b-rtkp__bsau-crd-cnt {
  --color-link: var(--color-black);
  display: none;
  padding: 16px 24px;
  margin: 0 -24px;
  box-shadow: 0 4px 10px 0 var(--color-blue-darkest-03) inset, 0px -4px 10px 0px var(--color-blue-darkest-03) inset;
  border-block-end: 1px solid var(--color-lightgrey);
  transition: box-shadow 0.2s ease;
}
@starting-style {
  .b-rtkp__bsau-crd-cnt {
    box-shadow: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-rtkp__bsau-crd-cnt {
    padding: 14px 18px;
    margin: 0 -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rtkp__bsau-crd-cnt {
    padding: 12px;
    margin: 0 -12px;
  }
}
.b-rtkp__bsau-crd-cnt .b-mdl__grade-list {
  padding: 0;
}
.b-cmnt {
  text-align: center;
}
.b-cmnt * {
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
.b-cmnt > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cmnt__in {
  background: var(--color-white);
  padding: 24px 0 0;
  position: relative;
  text-align: start;
}
@media only screen and (min-width: 549.98px) {
  .b-cmnt__in {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__in {
    padding: 18px 0 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__in {
    padding: 12px 0 0;
  }
}
.b-cmnt__in > * {
  padding-inline-start: 24px;
  padding-inline-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__in > * {
    padding-inline-start: 18px;
    padding-inline-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__in > * {
    padding-inline-start: 12px;
    padding-inline-end: 12px;
  }
}
.b-cmnt__in .l-ttl {
  margin-block-end: 20px;
  text-align: start;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__in .l-ttl {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__in .l-ttl {
    margin-block-end: 12px;
  }
}
.b-cmnt__in .l-ttl.sk__line {
  height: 22px;
  width: 155px;
  margin-inline-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__in .l-ttl.sk__line {
    margin-inline-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__in .l-ttl.sk__line {
    margin-inline-start: 12px;
  }
}
.b-cmnt__in .b-ch__form {
  padding-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__in .b-ch__form {
    padding-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__in .b-ch__form {
    padding-block-end: 12px;
  }
}
.b-cmnt__in .b-ch__item + .b-ch__item {
  border-block-start: 1px solid var(--color-addgrey-40);
}
.b-cmnt__in .b-ch__item + .l-btn {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__in .b-ch__item + .l-btn {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__in .b-ch__header {
    flex-wrap: wrap;
  }
  .b-cmnt__in .b-ch__header .l-av {
    order: 1;
  }
  .b-cmnt__in .b-ch__header .b-ch__name {
    order: 2;
  }
  .b-cmnt__in .b-ch__header .b-ch__whom {
    flex: 100%;
    margin-block: 0px 12px;
    margin-inline: 36px 0px;
    order: 4;
  }
  .b-cmnt__in .b-ch__header .l-more {
    order: 3;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__in .b-ch__body {
    padding-inline-start: 36px;
    margin-block-start: -2px;
  }
}
.b-cmnt__item {
  text-align: start;
  background-color: var(--color-white);
  padding: 24px;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__item {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__item {
    border-radius: 0;
    padding: 12px;
  }
}
.b-cmnt__item > .l-link {
  display: none;
  border-color: var(--color-blue);
  color: var(--color-blue);
}
@media (max-width: 650px) {
  .b-cmnt__item > .l-link {
    margin-block-start: 8px;
    display: inline-block;
  }
}
.b-cmnt__item > .l-more__dt {
  margin-block-start: 16px;
}
.b-cmnt__item > .l-more__dt:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__item > .l-more__dt:not(:last-child) {
    margin-block-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__item > .l-more__dt {
    margin-block-start: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__item > .l-cat__row:not(.l-more__dt) {
    gap: 8px;
  }
}
.b-cmnt__item > .l-cat__row:not(.l-more__dt) > .l-post__lbl {
  --fz: 14px;
  margin-block-end: 0;
  background-color: transparent;
  border: 1px solid var(--color-addgrey);
  height: 32px;
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__item > .l-cat__row:not(.l-more__dt) > .l-post__lbl {
    --fz: 12px;
    padding: 0 8px;
    height: 24px;
  }
}
.b-cmnt__item > .l-cat__row:not(.l-more__dt) > .l-post__lbl i {
  margin-inline-start: 8px;
  cursor: help;
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__item > .l-cat__row:not(.l-more__dt) > .l-post__lbl i {
    --icon-w: 14px;
  }
}
.b-cmnt__item .b-cmnt__rtng,
.b-cmnt__item .b-ch__imgs {
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__item .b-cmnt__rtng,
  .b-cmnt__item .b-ch__imgs {
    margin-block-start: 12px;
  }
}
.b-cmnt__head {
  --color-link: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 480.98px) {
  .b-cmnt__head {
    align-items: flex-start;
  }
}
.b-cmnt__head .l-more {
  align-self: flex-start;
}
.b-cmnt__head .l-post__lbl + .l-more {
  margin-block-end: 16px;
  align-self: initial;
}
.b-cmnt__head.b-cmnt__head--old {
  flex-wrap: wrap;
}
.b-cmnt__head.b-cmnt__head--old .l-post__lbl._refused {
  background-color: var(--color-bg-lightgrey);
  order: 1;
}
.b-cmnt__head.b-cmnt__head--old .b-cmnt__left {
  order: 3;
}
.b-cmnt__head.b-cmnt__head--old .l-more {
  order: 2;
  flex: 0 0 calc(100% - 150px);
  justify-content: flex-end;
}
.b-cmnt__head-t {
  display: flex;
  flex-direction: column;
}
.b-cmnt__left {
  display: grid;
  grid-template-columns: 44px auto;
  grid-template-rows: 24px 24px;
  column-gap: 8px;
  row-gap: 4px;
  align-items: center;
  grid-template-areas: "cmnt-img cmnt-name" "cmnt-img cmnt-rtng";
}
.b-cmnt__left .l-rtng {
  grid-area: cmnt-rtng;
}
.b-cmnt__img {
  display: flex;
  align-items: center;
  grid-area: cmnt-img;
}
.b-cmnt__img img {
  width: 44px;
  height: auto;
}
.b-cmnt__name {
  --fz: 20px;
  font-weight: 700;
  grid-area: cmnt-name;
}
.b-cmnt__cnt {
  position: relative;
  padding-block-end: 1px;
  margin: 12px 0 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__cnt {
    margin: 8px 0 12px;
  }
}
.b-cmnt__cnt > div:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__cnt > div:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-cmnt__cnt > div > b:not(:first-child) {
  display: inline-block;
  margin-block-start: 12px;
  margin-inline-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__cnt > div > b:not(:first-child) {
    margin-block-start: 8px;
  }
}
.b-cmnt__cnt > div.wrd-ell {
  -webkit-line-clamp: 10;
}
.b-cmnt__vh {
  display: inline-block;
  border-block-end: 1px dotted var(--color-blue);
}
@media only screen and (min-width: 767.98px) {
  .b-cmnt__vh:hover {
    border-color: var(--color-hover);
  }
}
.b-cmnt__vh:active {
  border-color: var(--color-blue);
  color: var(--color-blue);
}
.b-cmnt__chat {
  position: relative;
}
@media only screen and (min-width: 549.98px) {
  .b-cmnt__chat {
    margin-block-start: 12px;
    display: none;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-cmnt__chat.open {
    display: block;
  }
}
.b-cmnt__chat .b-cmnt__in {
  text-align: start;
  margin-inline-start: 24px;
  transition: all 0.2s ease;
}
.b-cmnt__chat .b-cmnt__in .f:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__chat .b-cmnt__in .f:not(:last-child) {
    margin-block-end: 18px;
  }
}
.b-cmnt__chat .b-cmnt__in .l-btn {
  margin-inline-start: 24px;
  padding: 6px 11px;
  height: 32px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__chat .b-cmnt__in .l-btn {
    margin-inline-start: 18px;
  }
}
.b-cmnt__chat .b-cmnt__in .b-ch__item + .b-ch__item {
  border-block-start: 1px solid var(--color-addgrey-40);
}
.b-cmnt__chat > .l-link {
  position: absolute;
  inset-block-start: 24px;
  inset-inline-end: 24px;
  color: var(--color-darkgrey);
  border-color: var(--color-darkgrey);
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__chat > .l-link {
    inset-block-start: 18px;
    inset-inline-end: 18px;
  }
}
.b-cmnt__rtng {
  border: 1px solid var(--color-addgrey-70);
  border-radius: var(--rd-16);
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
  padding: 20px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__rtng {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__rtng {
    padding: 12px;
    border-radius: var(--rd-12);
  }
}
.b-cmnt__rtng-i {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 254px;
  width: 100%;
}
.b-cmnt__rtng-i:not(:last-child) {
  margin-block-end: 8px;
}
.b-cmnt__dtcr p {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__dtcr p {
    margin-block-end: 12px;
  }
}
.b-cmnt__dtcr p:not(:first-child) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cmnt__dtcr p:not(:first-child) {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cmnt__dtcr p:not(:first-child) {
    margin-block-start: 16px;
  }
}
.b-cmnt__dtcr .f-radio:not(:last-child) {
  margin-block-end: 12px;
}
.b-rmrk {
  display: flex;
  flex-direction: column;
}
.b-rmrk > *:not(.b-bns__crd):not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-rmrk > *:not(.b-bns__crd):not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk > *:not(.b-bns__crd):not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-rmrk .l-ttl--md {
  margin-block-end: 8px;
}
.b-rmrk .l-crd > p:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk .l-crd > p:not(:last-child) {
    margin-block-end: 20px;
  }
}
.b-rmrk__slct {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__slct {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-rmrk__slct {
    flex-wrap: wrap;
  }
}
.b-rmrk__slct .l-slct {
  min-width: 200px;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__slct .l-slct {
    min-width: 180px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-rmrk__slct .l-slct {
    min-width: fit-content;
  }
}
@media only screen and (max-width: 480.98px) and (min-width: 359.98px) {
  .b-rmrk__slct .l-slct:first-child {
    flex: 1 1 55%;
  }
  .b-rmrk__slct .l-slct:last-child {
    flex: 1 1 45%;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-rmrk__slct .l-slct {
    width: 100%;
  }
}
.b-rmrk__blk {
  background-color: var(--color-white);
  padding: 24px;
}
@media only screen and (min-width: 549.98px) {
  .b-rmrk__blk {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-rmrk__blk {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__blk {
    padding: 12px;
  }
}
.b-rmrk__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__head {
    margin-block-end: 6px;
  }
}
.b-rmrk__head-t {
  display: flex;
  flex-direction: column;
}
.b-rmrk__body:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__body:not(:last-child) {
    margin-block-end: 20px;
  }
}
.b-rmrk__body .b-ch__imgs {
  margin-block-start: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-rmrk__body .b-ch__imgs {
    margin-block-start: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__body .b-ch__imgs {
    margin-block-start: 8px;
  }
}
.b-rmrk .l-tips__vote {
  --color-link: var(--color-darkgrey);
  margin-block-start: 16px;
  column-gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.b-rmrk .l-tips__vote .l-link--sm {
  --fz: 16px;
}
.b-rmrk .l-tips__vote .bk-hints-complaint {
  white-space: nowrap;
}
.b-rmrk .l-tips__vote.mvw i:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
}
.b-rmrk__btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 24px;
}
.b-rmrk__bk {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__bk {
    column-gap: 8px;
  }
}
.b-rmrk__bk > a {
  display: flex;
}
.b-rmrk__bk picture {
  display: inline-flex;
}
.b-rmrk__bk picture img {
  width: 28px;
  height: 28px;
}
.b-rmrk__bk picture span {
  --fz: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-addgrey);
  text-transform: uppercase;
  color: var(--color-darkgrey);
}
.b-rmrk__bk .l-btn {
  border-radius: var(--rd-100);
  height: 28px;
  padding: 3px 11px;
}
.b-rmrk__r {
  font-family: var(--font-alt), sans-serif;
  margin-block-start: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__r {
    margin-block-start: 20px;
  }
}
.b-rmrk__more {
  text-align: center;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk .f > .l-btn {
    margin: 0 12px;
    width: calc(100% - 24px);
  }
}
.b-rmrk__add {
  background-color: var(--color-white);
  padding: 24px;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-rmrk__add {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__add {
    margin-block-end: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-rmrk__add {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-rmrk__add {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__add {
    padding: 8px 12px 12px;
  }
}
.b-rmrk__add .l-ttl2 {
  margin-block-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-rmrk__add .l-ttl2 {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__add .l-ttl2 {
    margin-block-end: 8px;
  }
}
.b-rmrk__send {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 362px;
  margin: 0 auto;
  padding-block: 49px 41px;
  padding-inline: 0 0;
  text-align: center;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__send {
    padding-block: 37px 57px;
    padding-inline: 0 0;
  }
}
.b-rmrk__send i {
  --icon-w: 64px;
  --icon-c: var(--color-black);
}
.b-rmrk__ppv {
  width: 344px;
}
@media only screen and (max-width: 392px) {
  .b-rmrk__ppv {
    width: 312px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-rmrk__ppv {
    width: 272px;
  }
}
.b-rmrk__ppv .l-btn:active {
  padding-block-start: 15px;
}
.b-rmrk__lnk {
  --color-link: var(--color-darkgrey);
}
.b-rmrk__lnk > .l-link--sm {
  --fz: 16px;
  width: fit-content;
}
@media only screen and (max-width: 549.98px) {
  .b-rmrk__lnk > .l-link--sm {
    margin-inline-start: 12px;
    margin-inline-end: 12px;
  }
}
.b-wbst {
  padding: 24px;
  border-radius: var(--rd-20);
  background-color: var(--clr-rb2, var(--color-white));
  border: 1px solid var(--clr-rb-bdr, var(--color-white));
}
@media only screen and (max-width: 991.98px) {
  .b-wbst {
    margin-block-start: 24px;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 767.98px) {
  .b-wbst {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 549.98px) {
  .b-wbst {
    margin-block-start: 16px;
  }
}
.b-wbst .l-ttl {
  margin-block-end: 8px;
  color: var(--clr-rb1, var(--color-darkgrey));
}
.b-wbst .l-btn {
  margin-block-start: 20px;
}
@media only screen and (min-width: 549.98px) {
  .b-wbst .l-btn {
    --fz: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-wbst .l-btn {
    margin-block-start: 16px;
  }
}
.b-wbst.clr-11 .b-wbst__item:nth-child(2n+3) {
  background-color: var(--color-red-light-alt3);
}
.b-wbst.clr-10 .b-wbst__item:nth-child(2n+3) {
  background-color: var(--color-indigo-pale);
}
.b-wbst--mw {
  padding: 16px 12px 12px;
}
.b-wbst--mw .b-wbst__cnt {
  display: grid;
  grid-template-columns: 90px auto;
  grid-template-areas: "a b" "a c";
  align-items: center;
  justify-content: initial;
  column-gap: 12px;
}
@media only screen and (max-width: 359.98px) {
  .b-wbst--mw .b-wbst__cnt {
    --fz: 14px;
    grid-template-columns: 80px auto;
  }
}
.b-wbst--mw .b-wbst__cnt :first-child {
  grid-area: a;
}
.b-wbst--mw .b-wbst__cnt :nth-child(2) {
  grid-area: b;
  position: relative;
  inset-block-start: 2px;
}
.b-wbst--mw .b-wbst__cnt :nth-child(3) {
  grid-area: c;
}
.b-wbst__item {
  --color-link: var(--color-black);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--rd-100);
  padding: 8px;
  margin-inline-start: -8px;
  margin-inline-end: -8px;
}
.b-wbst__item:nth-child(2n+3) {
  background-color: var(--color-black-05);
}
.b-wbst__l {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: var(--rd-round);
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  color: var(--color-white);
  z-index: 1;
}
.b-wbst__l:nth-child(3) {
  background-color: var(--color-black2);
  color: var(--color-white);
}
.b-wbst__l i {
  --icon-w: 12px;
  --icon-c: var(--color-white);
}
.b-wbst__cnt {
  --fz: 16px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 44px;
}
.b-wbst__cnt span.grey {
  --fz: 12px;
  word-break: break-all;
}
.b-wbst__cnt span.grey + span {
  --fz: 14px;
}
.b-wbst__cnt span.wrd-ell {
  color: var(--color-black);
}
.b-wbst__img {
  --fz: 0;
  width: 44px;
  height: 44px;
  border-radius: var(--rd-round);
  overflow: hidden;
}
.b-wbst__img img {
  width: 100%;
  height: 100%;
}
.b-wbst__btn {
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs .l-fltr > .b-frcs__slc {
    padding: 0;
  }
}
.b-frcs .l-fltr > .b-frcs__slc .l-slct,
.b-frcs .l-fltr > .b-frcs__slc {
  flex: 0 0 184px;
}
@media only screen and (max-width: 767.98px) {
  .b-frcs .l-fltr > .b-frcs__slc .l-slct,
  .b-frcs .l-fltr > .b-frcs__slc {
    flex: 0 0 168px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-frcs .l-fltr > .b-frcs__slc .l-slct,
  .b-frcs .l-fltr > .b-frcs__slc {
    flex: 0 0 152px;
  }
}
.b-frcs.un5s .l-fltr {
  display: none;
}
.b-frcs > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frcs > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-frcs .l-crd.l-crd--bg .l-ttl--md {
  --fz: 20px;
  margin-block-end: 8px;
}
@media only screen and (max-width: 359.98px) {
  .b-frcs .l-crd.l-crd--bg .l-ttl--md {
    --fz: 18px;
  }
}
.b-frcs .l-crd.l-crd--bg p {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs .l-crd.l-crd--bg p {
    margin-block-end: 32px;
  }
}
.b-frcs .l-crd.l-crd--bg p > a {
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs .l-crd.l-crd--bg p > a {
    display: inline-block;
  }
}
.b-frcs .l-crd.l-crd--bg .l-btn + a {
  margin-inline-start: 16px;
  position: relative;
  z-index: 1;
}
.b-frcs__head > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__head > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-frcs__head .b-blog__head {
  z-index: 10;
}
.b-frcs__head .b-blog__head:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__head .b-blog__head:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head .b-blog__head:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head .b-blog__head.index {
    padding: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head .b-blog__head .l-cat__row.title-tourney {
    padding-block-start: 12px;
  }
}
.b-frcs__head .b-blog__head .b-blog__head-i .l-link--sm.l-link--g.visible-inline-block-md {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__head .b-blog__head .b-blog__head-i .l-link--sm.l-link--g.visible-inline-block-md {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head .b-blog__head .b-blog__head-i .l-link--sm.l-link--g.visible-inline-block-md {
    margin-block-end: 12px;
  }
}
.b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child) {
  border-block-start: 1px solid var(--color-border);
  margin-block-start: 20px;
  padding-block-start: 20px;
}
.b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child):last-child {
  margin-block-end: -24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child):last-child {
    margin-block-end: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child):last-child {
    margin-block-end: -12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child) {
    margin-block-start: 16px;
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child) {
    padding-block-start: 0;
    margin: 12px -12px 0;
  }
  .b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child) .l-tab__inner {
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
.b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child)::before {
  inset-inline-start: 0;
}
.b-frcs__head .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:not(:first-child)::after {
  inset-inline-end: 0;
}
.b-frcs__head .b-blog__head .l-tab__link.l-tab__link--btn:has(i.icon-alert-alt._orange) {
  position: relative;
}
.b-frcs__head .b-blog__head .l-tab__link.l-tab__link--btn:has(i.icon-alert-alt._orange) i.icon-alert-alt._orange {
  background-color: var(--color-white);
  flex: 0 0 14px;
  width: 14px;
  height: 18px;
  border-radius: var(--rd-3);
  position: absolute;
  inset-block-start: -5px;
  inset-inline-end: -3px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head > .l-ttl2 {
    margin-inline-start: 12px;
    margin-inline-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__head > .l-slct {
    padding: 0 12px;
  }
}
.b-frcs__day-t {
  --fz: 16px;
  font-weight: 700;
  color: var(--color-black2);
  padding-block-start: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__day-t {
    --fz: 14px;
    margin-inline-start: 12px;
    margin-inline-end: 12px;
  }
}
.b-frcs__blck {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--color-white);
  padding: 24px;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__blck {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__blck {
    padding: 12px;
    border-radius: var(--rd-16);
    gap: 12px;
  }
}
.b-frcs__blck .l-btn.l-btn--grd.icon.icon-play {
  padding-block: 8px 8px;
  padding-inline: 10px 12px;
}
.b-frcs__blck .l-btn.l-btn--grd.icon.icon-play svg {
  margin-inline-end: 6px;
}
.b-frcs__blck .l-btn.l-btn--grd.icon.icon-play:active {
  padding-block: 8px 8px;
  padding-inline: 10px 12px;
}
.b-frcs__blck .l-brdc {
  --fz: 16px;
  position: relative;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  flex-wrap: nowrap;
  margin-block-end: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__blck .l-brdc {
    max-width: calc(100dvw - 118px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__blck .l-brdc {
    --fz: 14px;
    max-width: calc(100dvw - 50px);
  }
}
.b-frcs__blck .l-brdc::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  height: 100%;
  width: 24px;
  background:
    linear-gradient(
      90deg,
      transparent -20%,
      var(--color-white) 50%);
}
.b-frcs__blck .l-brdc .l-brdc__i {
  display: inline-flex;
}
.b-frcs__blck .l-brdc li + li {
  margin-inline-start: 6px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__blck .l-brdc li + li {
    margin-inline-start: 4px;
  }
}
.b-frcs__blck .l-brdc li + li::before {
  padding-inline-end: 6px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__blck .l-brdc li + li::before {
    padding-inline-end: 4px;
  }
}
.b-frcs__blck > .l-cat__row:not(:last-child) {
  margin-block-end: 0;
}
.b-frcs__blck > .l-more__dt.l-cat__row {
  gap: 6px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__blck > .l-more__dt.l-cat__row {
    gap: 4px;
  }
}
.b-frcs__blck > .l-more__dt.l-cat__row:not(:last-child) {
  margin-block-end: 0;
}
.b-frcs__blck .l-post__bottom .l-inf__i .l-usr {
  word-break: break-all;
  white-space: normal;
  max-width: 240px;
}
@media only screen and (min-width: 549.98px) {
  .b-frcs__blck .l-post__bottom .l-inf__i .l-usr {
    --fz: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__blck .l-post__bottom .l-inf__i .l-usr {
    max-width: 150px;
  }
}
.b-frcs__blck > .l-btn {
  display: flex;
  align-items: center;
}
.b-frcs__blck > .l-btn::before {
  inset-block-start: 0;
}
.b-frcs__blck .l-post__lbl {
  background-color: var(--color-cyan-light-alt);
  margin-block-end: 0;
}
.b-frcs__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  margin-block-end: -4px;
}
.b-frcs__text {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__text {
    --fz: 14px;
    line-clamp: 4;
    -webkit-line-clamp: 4;
  }
}
.b-frcs__cards:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__cards:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__cards:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-frcs__cards:not(:empty) > *:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__cards:not(:empty) > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-frcs__cards > .l-cat__row {
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__cards > .l-cat__row {
    gap: 4px;
  }
}
.b-frcs__avrd-b {
  display: flex;
  align-items: center;
  background-color: var(--clr-rb2);
  border-radius: var(--rd-16);
}
@media only screen and (min-width: 480.98px) {
  .b-frcs__avrd-b {
    height: var(--avrd-min-h);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-frcs__avrd-b {
    flex-direction: column-reverse;
    width: 100%;
    justify-content: center;
  }
}
.b-frcs__avrd-b > span {
  --fz: 14px;
}
.b-frcs__avrd-b._blocked {
  --clr-rb1: var(--color-black);
  --clr-rb2: var(--color-lightgrey);
  --clr-rb-bdr: var(--color-grey2);
}
.b-frcs__avrd-b._blocked .b-frcs__avrd-pnt::after {
  content: none;
}
.b-frcs__avrd-b._blocked .b-frcs__avrd-pnt > div {
  background: var(--color-darkgrey);
}
.b-frcs__avrd-c {
  padding: 12px 16px;
  display: grid;
  grid-template-columns: repeat(5, 32px);
  align-items: center;
  gap: 8px;
}
.b-frcs__avrd-bt {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border: 1px solid var(--clr-rb-bdr);
  border-radius: var(--rd-round);
  color: var(--color-black);
  background-color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .b-frcs__avrd-bt:hover {
    border-color: var(--clr-rb1);
  }
}
.b-frcs__avrd-bt:active {
  border-color: var(--clr-rb1);
}
.b-frcs__avrd-bt.active {
  border-color: var(--clr-rb1);
  background-color: var(--clr-rb1);
  color: var(--color-white);
  font-weight: 700;
}
.b-frcs__avrd-bt:has(i.icon-alert-alt) {
  position: relative;
}
.b-frcs__avrd-bt:has(i.icon-alert-alt) i.icon-alert-alt {
  --icon-w: 12px;
  background-color: var(--clr-rb2);
  flex: 0 0 11px;
  width: 11px;
  height: 15px;
  border-radius: var(--rd-3);
  position: absolute;
  inset-block-start: -2px;
  inset-inline-end: -2px;
}
.b-frcs__avrd-pnt-i,
.b-frcs__avrd-pnt {
  display: flex;
  white-space: nowrap;
  gap: 5px;
  position: relative;
  padding-block: 12px 12px;
  padding-inline: 16px 44px;
  cursor: pointer;
}
@media only screen and (min-width: 480.98px) {
  .b-frcs__avrd-pnt-i,
  .b-frcs__avrd-pnt {
    flex-direction: column;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-frcs__avrd-pnt-i,
  .b-frcs__avrd-pnt {
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 12px;
    gap: 4px;
    height: var(--avrd-min-h);
  }
}
@media only screen and (max-width: 359.98px) {
  .b-frcs__avrd-pnt-i,
  .b-frcs__avrd-pnt {
    padding-inline-end: 36px;
  }
}
.b-frcs__avrd-pnt-i:not(:first-child)::before,
.b-frcs__avrd-pnt:not(:first-child)::before {
  content: "";
  position: absolute;
}
@media only screen and (min-width: 480.98px) {
  .b-frcs__avrd-pnt-i:not(:first-child)::before,
  .b-frcs__avrd-pnt:not(:first-child)::before {
    inset-block-start: 50%;
    inset-inline-start: 0;
    border-inline-start: 1px solid var(--clr-rb-bdr);
    height: 40px;
    transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-frcs__avrd-pnt-i:not(:first-child)::before,
  .b-frcs__avrd-pnt:not(:first-child)::before {
    inset-block-end: 0;
    inset-inline-start: 50%;
    width: calc(100% - 24px);
    transform: translate(-50%, 0);
    border-block-end: 1px solid var(--clr-rb-bdr);
  }
}
.b-frcs__avrd-pnt-i::after,
.b-frcs__avrd-pnt::after {
  content: "";
  position: absolute;
  inset-block-start: -6px;
  inset-inline-end: -8px;
  width: 42px;
  height: 38px;
  background: url(/images3/contest/vote_points1.svg) 0 0/42px 38px no-repeat;
  z-index: 1;
}
.b-frcs__avrd-pnt-i > span:not([class]),
.b-frcs__avrd-pnt > span:not([class]) {
  --fz: 14px;
  color: var(--clr-rb1);
  opacity: 0.8;
}
@media only screen and (max-width: 480.98px) {
  .b-frcs__avrd-pnt-i > span:not([class]),
  .b-frcs__avrd-pnt > span:not([class]) {
    --lh: 1;
  }
}
.b-frcs__avrd-pnt-i > div:not([class]),
.b-frcs__avrd-pnt > div:not([class]) {
  --fz: 12px;
  --lh: 1.5;
  border-radius: var(--rd-6);
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt2) 0%,
      var(--color-blue-alt2) 100%);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-white);
  width: fit-content;
  padding: 0 8px;
}
.b-frcs__avrd-pnt-i._biased:after,
.b-frcs__avrd-pnt._biased:after {
  content: none;
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i),
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) {
  padding: 0;
  gap: 0;
  flex-direction: column;
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i)::before,
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i)::after,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i)::before,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i)::after {
  content: none;
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i):has(.b-frcs__atps a.icon-closed._black-alt, .b-frcs__atps a.icon-alert-alt:not(.hidden)) .b-frcs__avrd-pnt-i,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i):has(.b-frcs__atps a.icon-closed._black-alt, .b-frcs__atps a.icon-alert-alt:not(.hidden)) .b-frcs__avrd-pnt-i {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__avrd-pnt-i._blocked,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__avrd-pnt-i._blocked {
  filter: grayscale(1);
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__avrd-pnt-i._blocked > div:not([class]),
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__avrd-pnt-i._blocked > div:not([class]) {
  background: var(--color-darkgrey);
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__avrd-pnt-i._blocked + .b-frcs__atps > a,
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__avrd-pnt-i._blocked + .b-frcs__atps,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__avrd-pnt-i._blocked + .b-frcs__atps > a,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__avrd-pnt-i._blocked + .b-frcs__atps {
  border-color: var(--color-grey2);
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__atps,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__atps {
  --color-link: var(--color-black);
  border: 1px solid var(--color-blue-pale);
  background-color: var(--color-white);
  border-block-start: none;
  border-radius: 0 0 var(--rd-12) var(--rd-12);
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__atps:not(:has(.icon-closed._black-alt, .icon-alert-alt:not(.hidden))),
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__atps:not(:has(.icon-closed._black-alt, .icon-alert-alt:not(.hidden))) {
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__atps,
  .b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__atps {
    border-radius: 0 0 var(--rd-8) var(--rd-8);
  }
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a {
  --fz: 14px;
  --lh: 1.57143;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a:not(:first-child),
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a:not(:first-child) {
  border-block-start: 1px solid var(--color-blue-pale);
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a.icon-closed._black-alt,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a.icon-closed._black-alt {
  --icon-w: 16px;
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a i.icon-arrow,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a i.icon-arrow {
  margin-inline-start: auto;
}
.b-frcs__avrd-pnt-i:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a i.icon-arrow svg,
.b-frcs__avrd-pnt:has(.b-frcs__avrd-pnt-i) .b-frcs__atps > a i.icon-arrow svg {
  rotate: -90deg;
}
.b-frcs__avrd-dt {
  --fz: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-block-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__avrd-dt {
    --fz: 14px;
    gap: 6px;
  }
}
.b-frcs__avrd-dt i.icon-calendar {
  --icon-c: var(--color-black);
  --icon-w: 13px;
}
.b-frcs__tmtp {
  width: 216px;
  max-width: 216px;
}
.b-frcs__grade-h {
  display: flex;
  gap: 16px;
}
.b-frcs__grade-h:not(:last-child) {
  margin-block-end: 20px;
  padding-block-end: 20px;
  border-block-end: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__grade-h:not(:last-child) {
    margin-block-end: 16px;
    padding-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__grade-h:not(:last-child) {
    margin-block-end: 12px;
    padding-block-end: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-frcs__grade-h {
    align-items: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__grade-h {
    flex-direction: column;
    column-gap: 8px;
    row-gap: 12px;
  }
}
.b-frcs__grade-itms {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 549.98px) {
  .b-frcs__grade-itms {
    padding-inline-end: 16px;
    border-inline-end: 1px solid var(--color-grey2);
  }
}
@media only screen and (min-width: 549.98px) {
  .b-frcs__grade-itms > span.grey {
    margin-inline-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__grade-itms > span.grey {
    --fz: 14px;
  }
}
.b-frcs__grade-itms .l-tab.l-tab--btns .l-tab__inner {
  flex-wrap: nowrap;
  gap: 8px;
}
.b-frcs__mdr-tabs.l-tab.l-tab__btns {
  padding-block-end: 20px;
  margin-block-end: 20px;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-frcs__mdr-tabs.l-tab.l-tab__btns {
    padding-block-end: 16px;
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frcs__mdr-tabs.l-tab.l-tab__btns {
    padding-block-end: 0;
    margin-block-end: 12px;
  }
}
.b-frcs__mdr-tabs.l-tab.l-tab__btns .l-tab__inner {
  gap: 8px;
}
.b-frcs.un5o .l-tips__item,
.b-frvt.nd2z .l-tips__item {
  align-items: initial;
}
@media only screen and (min-width: 549.98px) {
  .b-frcs.un5o .l-tips__item .l-tips__time,
  .b-frvt.nd2z .l-tips__item .l-tips__time {
    display: flex;
    align-items: center;
    height: 44px;
  }
}
.b-frcs.un5o .l-tips__item .l-tips__vs,
.b-frvt.nd2z .l-tips__item .l-tips__vs {
  align-items: initial;
}
@media only screen and (min-width: 549.98px) {
  .b-frcs.un5o .l-tips__item .l-tips__info-v,
  .b-frvt.nd2z .l-tips__item .l-tips__info-v {
    height: auto;
  }
}
.b-cnmy .b-blog__head:not(.b-blog__head--full):before,
.b-cpn .b-blog__head:not(.b-blog__head--full):before,
.b-rtkp .b-blog__head:not(.b-blog__head--full):before,
.b-cnts .b-blog__head:not(.b-blog__head--full):before,
.b-prmy .profile-head.u7me .b-blog__head.clr-9:not(.b-blog__head--full):before,
.b-frln .b-blog__head:not(.b-blog__head--full):before,
.b-frcs .b-blog__head:not(.b-blog__head--full):before {
  overflow: hidden;
  border: 1px solid var(--clr-rb2);
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/common/sqare.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
}
@media only screen and (max-width: 549.98px) {
  .b-cnmy .b-blog__head:not(.b-blog__head--full):before,
  .b-cpn .b-blog__head:not(.b-blog__head--full):before,
  .b-rtkp .b-blog__head:not(.b-blog__head--full):before,
  .b-cnts .b-blog__head:not(.b-blog__head--full):before,
  .b-prmy .profile-head.u7me .b-blog__head.clr-9:not(.b-blog__head--full):before,
  .b-frln .b-blog__head:not(.b-blog__head--full):before,
  .b-frcs .b-blog__head:not(.b-blog__head--full):before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/common/sqare.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-frvt > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frvt > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frvt > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-frvt__head {
    display: grid;
    grid-template-columns: 1fr 110px;
    grid-template-rows: 22px auto;
    grid-template-areas: "a c" "b c";
    column-gap: 16px;
    row-gap: 8px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 480.98px) {
  .b-frvt__head {
    grid-template-rows: 19px auto;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-frvt__head .l-ttl2 {
    grid-area: a;
  }
  .b-frvt__head > p {
    grid-area: b;
  }
}
.b-frvt__img {
  display: flex;
}
@media only screen and (min-width: 549.98px) {
  .b-frvt__img {
    grid-area: c;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frvt__img {
    display: none;
  }
}
.b-frvt__img img {
  width: 110px;
  height: 110px;
}
.b-frvt .b-frcs__text {
  margin-block-end: 24px;
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frvt .b-frcs__text {
    margin-block-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frvt .b-frcs__text {
    margin-block-start: 12px;
  }
}
.b-frvt .l-tips.sk--frvt {
  box-shadow: none;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frvt .l-tips.sk--frvt {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frvt .l-tips.sk--frvt {
    margin-block-end: 12px;
  }
}
.b-frvt > .l-tips {
  --color-link: var(--color-black);
  display: flex;
  flex-direction: column;
  box-shadow: none;
  border: none;
  background-color: var(--color-white);
  padding: 0 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frvt > .l-tips {
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frvt > .l-tips {
    padding: 0 12px;
  }
}
.b-frvt > .l-tips .l-tips__item {
  padding: 16px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-frvt > .l-tips .l-tips__item {
    padding: 12px 0;
    border-block-start: none;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-frvt > .l-tips .l-tips__info {
    flex: 1 1 calc(100% - 202px);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-frvt > .l-tips .l-tips__info {
    flex: 1 1 calc(100% - 330px);
  }
}
.b-frvt > .l-tips .l-tips__info-f {
  grid-template-columns: 1fr;
  grid-template-areas: "a" "b";
}
@media only screen and (min-width: 767.98px) {
  .b-frvt > .l-tips .l-tips__info-f:hover {
    background-color: var(--color-lightgrey);
  }
}
.b-frvt > .l-tips .l-tips__info-f:active {
  background-color: var(--color-lightgrey);
}
.b-frvt__wrn-h {
  display: grid;
  grid-template-columns: 44px 1fr 16px;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-frvt__wrn-h {
    grid-template-columns: 32px 1fr 16px;
    gap: 8px;
  }
}
.b-frvt__wrn-h i.icon-alert-alt._orange,
.b-frvt__wrn-h i.icon-closed._black-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--rd-round);
}
@media only screen and (max-width: 549.98px) {
  .b-frvt__wrn-h i.icon-alert-alt._orange,
  .b-frvt__wrn-h i.icon-closed._black-alt {
    width: 32px;
    height: 32px;
  }
}
.b-frvt__wrn-h i.icon-alert-alt._orange {
  background-color: var(--color-orange-soft);
}
@media only screen and (min-width: 549.98px) {
  .b-frvt__wrn-h i.icon-alert-alt._orange {
    --icon-w: 20px;
  }
}
.b-frvt__wrn-h i.icon-closed._black-alt {
  --icon-w: 20px;
  background-color: var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-frvt__wrn-h i.icon-closed._black-alt {
    --icon-w: 16px;
  }
}
.b-frvt__wrn-h > div {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-frvt__wrn-h > div > span:not([class]) {
    --fz: 14px;
  }
}
.b-frvt__wrn-h > div > span.grey {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-frvt__wrn-h > div > span.grey {
    --fz: 12px;
  }
}
.b-frvt__wrn-h i.icon-arrow {
  display: flex;
  align-items: center;
  height: 44px;
}
@media only screen and (max-width: 549.98px) {
  .b-frvt__wrn-h i.icon-arrow {
    height: 32px;
  }
}
.b-frvt__wrn-h i.icon-arrow svg {
  transition: rotate 0.2s ease;
}
.b-frvt__wrn-h:not(._open) + .b-mdl__grade-list {
  display: none;
}
.b-frvt__wrn-h + .b-mdl__grade-list {
  margin-block-start: 20px;
  padding-block: 20px 0;
  padding-inline: 0 0;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-frvt__wrn-h + .b-mdl__grade-list {
    margin-block-start: 16px;
    padding-block: 16px 0;
    padding-inline: 0 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frvt__wrn-h + .b-mdl__grade-list {
    margin-block-start: 12px;
    padding-block: 12px 0;
    padding-inline: 0 0;
  }
}
.b-frvt__wrn-h._open i.icon-arrow svg {
  rotate: 180deg;
}
.b-bkcm > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkcm > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-bkcm > * {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm .b-blog__head {
    margin-block-start: 0;
  }
}
.b-bkcm .b-blog__head > .l-cat__row .l-ttl2 {
  max-width: 290px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm .bc-page-user-bks .l-crd {
    border-radius: var(--rd-16);
  }
}
.b-bkcm .bc-page-user-bks .l-crd .l-cat__row {
  flex-wrap: nowrap;
}
.b-bkcm > .l-crd > .l-cat__row {
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm > .l-crd > .l-cat__row {
    gap: 12px;
  }
}
.b-bkcm__info {
  position: relative;
  padding: 30px 24px 0;
}
@media only screen and (max-width: 767.98px) {
  .b-bkcm__info {
    padding: 27px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm__info {
    padding: 24px 0 0;
  }
}
.b-bkcm__bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: calc(100% - 24px);
  border-radius: var(--rd-20);
  pointer-events: none;
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm__bg {
    height: 100%;
    border-radius: var(--rd-16);
  }
}
.b-bkcm__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm__top {
    padding: 0 12px;
  }
}
.b-bkcm__top .l-btn {
  --fz: 16px;
  background-color: var(--clr-rb1);
}
@media only screen and (min-width: 549.98px) {
  .b-bkcm__top .l-btn {
    height: 52px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bkcm__top .l-btn:hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-bkcm__top .l-btn:active {
  background-color: var(--clr-rb-hv1);
}
.b-bkcm__top {
  margin-block-end: 26px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkcm__top {
    margin-block-end: 21px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm__top {
    margin-block-end: 16px;
  }
}
.b-bkcm__bk-l {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 54px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm__bk-l {
    height: 44px;
    padding: 0 12px;
  }
}
.b-bkcm__bk-l img {
  width: 100%;
  height: auto;
  max-width: 200px;
  max-height: 68px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm__bk-l img {
    max-width: 160px;
    max-height: 54px;
  }
}
.b-bkcm__body {
  padding: 20px 24px;
  background-color: var(--color-white);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 767.98px) {
  .b-bkcm__body {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm__body {
    padding: 16px 12px;
  }
}
.b-bkcm__body > .l-ttl {
  margin-block-end: 0;
}
.b-bkcm__body > .l-ttl:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkcm__body > .l-ttl:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkcm__body > .l-ttl:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bkcm__catg {
  display: flex;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 480.98px) {
  .b-bkcm__catg {
    justify-content: space-between;
    column-gap: 12px;
  }
}
.b-bkcm__catg:not(:nth-last-child(2)) {
  margin-block-end: 8px;
}
@media only screen and (min-width: 480.98px) {
  .b-bkcm__catg > span:not(.grey) {
    width: 190px;
  }
}
@media only screen and (min-width: 480.98px) and (max-width: 549.98px) {
  .b-bkcm__catg > span:not(.grey) {
    width: 186px;
  }
}
.b-bkcm__catg:last-child {
  margin-block: 12px 0;
  margin-inline: 0 0;
  padding-block-start: 12px;
  border-block-start: 1px solid var(--color-addgrey-40);
}
.b-bkcm__catg:last-child > span:not(.grey) {
  font-weight: 700;
}
.b-bkcm__catg .l-rtng {
  min-width: 150px;
}
.b-bkcm__catg .l-rtng .l-rtng__value:first-child {
  margin-inline-start: 0;
}
.b-cnts > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts > .b-blog__head.hidden-block-esm:first-child + .l-fltr {
    margin-block-start: 16px;
  }
}
.b-cnts .b-blog__head > .l-cat__row > .l-ttl2 {
  min-height: 22px;
}
@media only screen and (max-width: 480.98px) {
  .b-cnts .b-blog__head > .l-cat__row > .l-ttl2 {
    min-height: 19px;
  }
}
.b-cnts .b-rtkp__knhl:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts .b-rtkp__knhl:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts .b-rtkp__knhl:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cnts__crd.l-crd {
  padding: 0;
  overflow: hidden;
}
.b-cnts__crd.l-crd .b-cnts__bg {
  background: url(/images3/contest/contest-bg.svg) calc(100% + 20px) -110px/962px auto no-repeat, color-mix(in srgb, var(--color-white) 85%, var(--cnts-bg-clr, var(--color-red-light)) 100%);
  border: 1px solid var(--cnts-bg-clr, var(--color-red-light));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 480.98px) {
  .b-cnts__crd.l-crd .b-cnts__bg {
    background: url(/images3/contest/contest-bg-xs.svg) 100% 0/480px auto no-repeat, color-mix(in srgb, var(--color-white) 85%, var(--cnts-bg-clr, var(--color-red-light)) 100%);
  }
}
.b-cnts__bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-20);
  background: url(/images3/contest/cnt6-bg.svg) -720px -325px/1664px 1534px no-repeat var(--cnts-bg-clr, var(--color-red-light));
}
@media only screen and (max-width: 649px) {
  .b-cnts__bg {
    background: url(/images3/contest/cnt6-bg-esm.svg) -820px -343px/1852px 1824px no-repeat var(--cnts-bg-clr, var(--color-red-light));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__bg {
    border-radius: var(--rd-16);
  }
}
.b-cnts__i {
  position: relative;
}
.b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px 24px;
  gap: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) {
    gap: 16px;
    padding: 14px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) {
    gap: 12px;
    padding: 12px;
  }
}
.b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__tl {
  padding: 0;
}
.b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__info {
  flex: 1 1 auto;
  max-width: 100%;
}
@media only screen and (max-width: 480.98px) {
  .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__info {
    flex: 0 0 100%;
  }
}
.b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__info._full {
  flex: 0 0 100%;
}
.b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__p {
  flex: 0 0 100%;
}
@media only screen and (min-width: 549.98px) {
  .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__p {
    margin-block-end: 8px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__p {
    margin-block-end: 4px;
  }
}
.b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__info:not(._full):not(:has(.b-cnts__info-inr > *:nth-child(4))):not(._wrap) .b-cnts__itm {
  flex: 0 0 fit-content;
}
@media only screen and (min-width: 480.98px) {
  .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__info:not(._full) .b-cnts__itm:nth-child(1) {
    margin-inline-start: auto;
    min-width: 148px;
  }
  .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__info:not(._full) .b-cnts__itm:nth-child(2),
  .b-cnts__i:has(.b-cnts__info:not(.b-cnts__info--any)) .b-cnts__info:not(._full) .b-cnts__itm:nth-child(3) {
    min-width: 100px;
  }
}
.b-cnts__hd {
  position: relative;
  background-color: var(--color-white);
  padding: 24px;
  border-radius: var(--rd-20);
}
.b-cnts__hd > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__hd > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__hd > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__hd {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__hd {
    border-radius: var(--rd-16);
    padding: 12px;
  }
}
.b-cnts__hd .l-pgn {
  padding: 0;
}
.b-cnts__tl {
  --color-link: var(--color-black);
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
}
@media only screen and (min-width: 549.98px) {
  .b-cnts__tl {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__tl {
    padding: 14px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__tl {
    padding: 12px;
    gap: 12px;
  }
}
.b-cnts__tl > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.b-cnts__tl > div h2 {
  --fz: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__tl > div h2 {
    --fz: 16px;
  }
}
.b-cnts__tl > div span {
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__tl > div span {
    --fz: 14px;
  }
}
.b-cnts__tl .b-cnts__img {
  height: 92px;
  width: 92px;
  flex: 0 0 92px;
  transition: scale 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__tl .b-cnts__img {
    height: 80px;
    width: 80px;
    flex: 0 0 80px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-cnts__tl:hover .b-cnts__img {
    scale: 113%;
  }
}
.b-cnts__tl:active .b-cnts__img {
  scale: 113%;
}
.b-cnts__tl::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__tl::before {
    border-radius: var(--rd-16);
  }
}
.b-cnts__p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--rd-16);
  background-color: var(--color-white-80);
  padding: 14px 19px;
  row-gap: 12px;
  column-gap: 20px;
  border: 1px solid var(--cnts-bg-clr, var(--color-red-light));
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__p {
    padding: 12px 15px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__p {
    --fz: 14px;
    border-radius: var(--rd-12);
    padding: 10px 11px;
  }
}
.b-cnts__p a.l-btn {
  --fz: 16px;
  text-align: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__p a.l-btn {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-cnts__p a.l-btn:hover {
    background-color: var(--color-bg-lightgrey);
  }
}
.b-cnts__p a.l-btn:active {
  background-color: var(--color-bg-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__p a.l-btn {
    --fz: 14px;
    height: 32px;
  }
}
.b-cnts__p:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__p:not(:last-child) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__p:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-cnts__p._bg {
  background-color: color-mix(in srgb, var(--color-white) 85%, var(--cnts-bg-clr, var(--color-red-light)) 100%);
  border: none;
  padding: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__p._bg {
    padding: 12px;
  }
}
.b-cnts__p._bg a.l-btn {
  background-color: var(--cnts-btn-clr, var(--color-hover));
  color: var(--color-white);
  border: none;
}
@media only screen and (min-width: 767.98px) {
  .b-cnts__p._bg a.l-btn:hover {
    background-color: var(--cnts-btn-clr, var(--color-hover));
    opacity: 0.8;
  }
}
.b-cnts__p._bg a.l-btn:active {
  background-color: var(--cnts-btn-clr, var(--color-hover));
  opacity: 0.8;
}
.b-cnts__p._close {
  background-color: var(--color-lightgrey);
  justify-content: initial;
  gap: 12px;
  border: none;
  padding: 16px 20px;
  flex-wrap: nowrap;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__p._close {
    padding: 14px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__p._close {
    padding: 12px;
  }
}
.b-cnts__img,
.b-cnts__img span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-cnts__img {
  position: relative;
  width: 120px;
  height: 120px;
  flex: 0 0 120px;
}
.b-cnts__img > picture {
  display: flex;
  width: inherit;
  height: inherit;
}
.b-cnts__img > i {
  --icon-w: 14px;
  position: absolute;
  inset-block-end: 2px;
  inset-inline-end: 2px;
  width: 28px;
  height: 28px;
  border-radius: var(--rd-round);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-black2);
  border: 2px solid color-mix(in srgb, var(--color-white) 85%, var(--cnts-bg-clr, var(--color-red-light)) 100%);
  cursor: help;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__img > i {
    --icon-w: 12px;
    width: 24px;
    height: 24px;
  }
}
.b-cnts__img img {
  width: 100%;
  height: auto;
}
.b-cnts__img span {
  --fz: 32px;
  --lh: 1;
  width: inherit;
  height: inherit;
  text-transform: uppercase;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-bg-dark-10);
  background-color: var(--color-white);
  color: var(--color-black);
}
.b-cnts__info {
  position: relative;
}
.b-cnts__info:not(.b-cnts__info--any) {
  pointer-events: none;
}
.b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 -24px;
  padding: 0 24px;
  overscroll-behavior-x: none;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr {
    margin: 0 -18px;
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr {
    margin: 0 -12px;
    padding: 0 12px;
  }
}
.b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr::-webkit-scrollbar {
  display: none;
}
.b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr .b-cnts__itm {
  justify-content: center;
  border: 1px solid var(--cnts-bg-clr, var(--color-red-light));
  border-radius: var(--rd-16);
  background-color: var(--color-white);
  overflow: hidden;
  flex: 1 1 fit-content;
  height: 76px;
  min-width: fit-content;
  padding: 8px 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr .b-cnts__itm {
    border-radius: var(--rd-12);
    height: 60px;
    padding: 8px 12px;
  }
}
.b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr .b-cnts__itm > span.grey {
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: initial;
  width: 100%;
}
.b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr .b-cnts__itm > span.grey > span {
  display: block;
}
.b-cnts__info:not(.b-cnts__info--any) .b-cnts__info-inr .b-cnts__itm > *:not(.grey) {
  justify-content: center;
  width: 100%;
}
.b-cnts__info.b-cnts__info--any {
  display: flex;
  flex-direction: column;
  container-name: cnts-info;
  container-type: inline-size;
  cursor: pointer;
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-16);
  background-color: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__info.b-cnts__info--any {
    border-radius: var(--rd-12);
  }
}
.b-cnts__info.b-cnts__info--any._actual {
  border-color: var(--color-red-light-alt2);
}
.b-cnts__info.b-cnts__info--any._actual .b-cnts__info-inr .b-cnts__itm--inf {
  background-color: var(--color-red-light-alt2);
  color: var(--color-hover);
}
.b-cnts__info.b-cnts__info--any:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__info.b-cnts__info--any:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-cnts__info.b-cnts__info--any > .b-cnts__info-inr {
  padding: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__info.b-cnts__info--any > .b-cnts__info-inr {
    padding: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__info.b-cnts__info--any > .b-cnts__info-inr {
    padding: 12px;
  }
}
@container cnts-info (min-width: 589.5px) {
  @media only screen and (min-width: 1279.98px) {
    .b-cnts__info.b-cnts__info--any .b-cnts__info-inr {
      gap: clamp(20px, -236px + 0.2 * 100vw, 44px);
    }
  }
  @media only screen and (max-width: 1279.98px) and (min-width: 991.98px) {
    .b-cnts__info.b-cnts__info--any .b-cnts__info-inr {
      gap: clamp(20px, -166px + 0.1875 * 100vw, 44px);
    }
  }
  @media only screen and (max-width: 991.98px) {
    .b-cnts__info.b-cnts__info--any .b-cnts__info-inr {
      gap: clamp(20px, -108.380952381px + 0.1904761905 * 100vw, 44px);
    }
  }
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__info.b-cnts__info--any .b-cnts__info-inr {
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 12px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__info-inr .b-cnts__itm--id {
    flex: 0 0 100%;
    order: -2;
    flex-direction: row;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__info-inr .b-cnts__itm--btn {
    flex: 0 0 100%;
    order: 5;
    margin-block-start: 4px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__info-inr .b-cnts__itm--period {
    flex: 0 0 100%;
    order: -1;
  }
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__info.b-cnts__info--any .b-cnts__info-inr > .b-cnts__info-inr {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 -12px;
    padding: 0 12px;
    overscroll-behavior-x: none;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__info-inr > .b-cnts__info-inr::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--profit {
    min-width: 86px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--roi {
    min-width: 75px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--place {
    min-width: 52px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--plrs {
    min-width: 80px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--bns {
    min-width: 93px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--profit {
    min-width: 68px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--roi {
    min-width: 64px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--place {
    min-width: 45px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--plrs {
    min-width: 73px;
  }
  .b-cnts__info.b-cnts__info--any .b-cnts__itm.b-cnts__itm--bns {
    min-width: 75px;
  }
}
.b-cnts__info-inr {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__info-inr {
    gap: 10px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__info-inr {
    gap: 4px;
  }
}
.b-cnts__rt {
  position: relative;
  color: var(--color-black);
}
.b-cnts__rt sub {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__rt sub {
    --fz: 10px;
  }
}
.b-cnts__rt sup {
  --fz: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__rt sup {
    --fz: 10px;
  }
}
.b-cnts__mdlv-lb {
  --fz: 14px;
  display: inline-block;
  height: 24px;
  font-weight: 600;
  padding: 2px 8px;
  margin-inline-start: 12px;
  border-radius: var(--rd-6);
  background-color: var(--color-white);
}
.b-cnts__mdlv-lb > span {
  color: var(--color-hover);
  background: var(--gradient-pink-orange);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.b-cnts__closed {
  --fz: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  color: var(--color-darkgrey);
  border-radius: 0 0 var(--rd-16) var(--rd-16);
  background: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23EAEAEA' stroke-width='2' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e") 0 0/100% 1px no-repeat, var(--color-lightgrey2);
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__closed {
    padding: 14px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__closed {
    --fz: 12px;
    padding: 12px;
    border-radius: 0 0 var(--rd-12) var(--rd-12);
  }
}
.b-cnts__page > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__page > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cnts__view > .l-crd {
  border-radius: 0;
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__view > .l-crd {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__view > .l-crd {
    padding: 12px;
  }
}
.b-cnts__view > .l-crd:not(:last-child) {
  margin-block-end: 0;
}
.b-cnts__view > .l-crd:last-child {
  border-radius: 0 0 var(--rd-20) var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__view > .l-crd:last-child {
    border-radius: 0 0 var(--rd-16) var(--rd-16);
  }
}
.b-cnts__view > .l-crd.b-art__i,
.b-cnts__view > .l-crd.b-frcs__blck,
.b-cnts__view > .l-crd:has(> .l-slct),
.b-cnts__view > .l-crd:has(.l-kprt__table:first-child),
.b-cnts__view > .l-crd._null:has(i.icon-users-stroke) {
  border-block-start: 1px solid var(--color-lightgrey);
}
.b-cnts__view > .l-crd:has(.l-kprt__kv:first-child) {
  padding-block-start: 0;
}
.b-cnts__view > .l-crd:has(> .l-slct),
.b-cnts__view > .l-crd:has(.l-tab) {
  padding-block-end: 0;
}
.b-cnts__view > .l-crd:has(> .l-slct) + .l-crd.b-frcs__blck,
.b-cnts__view > .l-crd:has(.l-tab) + .l-crd.b-frcs__blck {
  border-block-start: none;
}
.b-cnts__view > .l-crd.b-art__i:has(.l-acrd) .l-ttl--md2:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__view > .l-crd.b-art__i:has(.l-acrd) .l-ttl--md2:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cnts__view > .l-crd._null {
  --fz: 16px;
  padding: 36px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__view > .l-crd._null {
    padding: 24px 12px;
  }
}
.b-cnts__view > .l-crd._null > i {
  --icon-w: 44px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__view > .l-crd._null > i {
    --icon-w: 36px;
  }
}
.b-cnts__view .l-tab .l-tab__inner {
  gap: 8px;
}
.b-cnts__view .l-tab .l-tab__link.l-tab__link--btn {
  --fz: 14px;
  height: 32px;
  border-radius: var(--rd-12);
  padding: 0 12px;
}
.b-cnts__view > .b-cmnt {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__view > .b-cmnt {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__view > .b-cmnt {
    margin-block-start: 16px;
  }
}
.b-cnts__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(286px, 1fr));
  flex-wrap: wrap;
}
.b-cnts__items:has(.l-cnts__item._mini) {
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__items:has(.l-cnts__item._mini) {
    gap: 12px;
  }
}
.b-cnts__items:has(.l-cnts__item._main) {
  gap: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__items:has(.l-cnts__item._main) {
    gap: 16px;
  }
}
.b-cnts__quote {
  display: flex;
  gap: 12px;
  border-radius: var(--rd-16);
  padding: 16px 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__quote {
    padding: 12px;
    border-radius: var(--rd-12);
  }
}
.b-cnts__quote:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__quote:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cnts__quote > i {
  margin-block-start: 4px;
}
.b-cnts__quote._alert {
  border: 1px solid var(--color-orange-15);
  background: var(--color-orange-05);
}
.b-cnts__quote._closed {
  border: 1px solid var(--color-grey2);
  background: var(--color-lightgrey2);
}
.b-cnts__hstr.l-crd {
  padding: 24px 24px 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__hstr.l-crd {
    padding: 20px 18px 6px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__hstr.l-crd {
    padding: 16px 12px 0;
  }
}
.b-cnts__hstr.l-crd .l-cat__row {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__hstr.l-crd .l-cat__row {
    margin-block-end: 4px;
  }
}
.b-cnts__hstr.l-crd .l-slct__head {
  margin-inline-start: auto;
}
.b-cnts__hstr.l-crd .l-pgn {
  padding: 0 0 12px;
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnts__hstr.l-crd .l-pgn {
    margin-block-start: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__hstr.l-crd .l-pgn {
    margin-block-start: 4px;
  }
}
.b-cnts__hsis {
  display: flex;
  flex-wrap: wrap;
  container-name: cnts-hsis;
  container-type: inline-size;
}
.b-cnts__hsim {
  --color-link: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  transition: color 0.2s ease;
}
@container cnts-hsis (min-width: 599.5px) {
  .b-cnts__hsim {
    flex: 0 0 50%;
  }
  .b-cnts__hsim:nth-child(odd) {
    border-inline-end: 1px solid var(--color-lightgrey);
    padding-inline-end: 16px;
  }
  .b-cnts__hsim:nth-child(even) {
    padding-inline-start: 16px;
  }
  .b-cnts__hsim:not(:nth-last-child(1), :nth-last-child(2)) {
    border-block-end: 1px solid var(--color-lightgrey);
  }
}
@container cnts-hsis (max-width: 599.5px) {
  .b-cnts__hsim {
    flex: 0 0 100%;
  }
  .b-cnts__hsim:not(:nth-last-child(1)) {
    border-block-end: 1px solid var(--color-lightgrey);
  }
}
.b-cnts__hsim > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.b-cnts__hsim > div:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-black);
}
.b-cnts__hsim span.grey {
  --fz: 12px;
}
.b-cnts__hsim i.icon-arrow {
  rotate: -90deg;
}
.b-cnts a.b-cnts__itm > span:not(.grey) {
  color: var(--color-link);
}
.b-cnts__itm {
  --color-link: var(--color-black);
  display: flex;
  flex-direction: column;
  transition: initial;
  pointer-events: auto;
}
.b-cnts__itm .icon-arrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: -2px;
  translate: 100% -50%;
  rotate: -90deg;
}
.b-cnts__itm .icon-rating {
  --icon-w: 14px;
  margin-inline-start: 6px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__itm .icon-rating {
    --icon-w: 12px;
    margin-inline-start: 4px;
  }
}
.b-cnts__itm > *:not(.grey) > span:has(i.icon-arrow),
.b-cnts__itm > *:not(.grey) > span:has(i.icon-rating) {
  display: flex;
  align-items: center;
}
.b-cnts__itm > span {
  width: fit-content;
  white-space: nowrap;
}
.b-cnts__itm > span.wsn {
  white-space: normal;
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm > span.wsn {
    text-align: center;
  }
}
.b-cnts__itm > span:first-child {
  margin-block-end: 7px;
}
.b-cnts__itm > span.grey {
  --fz: 12px;
  text-transform: uppercase;
}
.b-cnts__itm > span:not(.grey) {
  --fz: 20px;
  display: flex;
  align-items: center;
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__itm > span:not(.grey) {
    --fz: 16px;
  }
}
.b-cnts__itm > span:not(.grey) .l-link--sm {
  --fz: inherit;
}
.b-cnts__itm > span > span.l-link--sm {
  cursor: default;
  color: var(--color-black);
  border-color: var(--color-black);
}
.b-cnts__itm .b-rtkp__clmn {
  position: relative;
  padding: 0;
}
@media only screen and (min-width: 549.98px) {
  .b-cnts__itm .b-rtkp__clmn span {
    --fz: 20px;
  }
  .b-cnts__itm .b-rtkp__clmn span sub {
    --fz: 14px;
  }
  .b-cnts__itm .b-rtkp__clmn small {
    --fz: 14px;
    margin-block-start: 2px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__itm .b-rtkp__clmn span {
    --fz: 16px;
  }
  .b-cnts__itm .b-rtkp__clmn span sub {
    --fz: 10px;
  }
  .b-cnts__itm .b-rtkp__clmn small {
    --fz: 12px;
    margin-block-start: 0;
  }
}
.b-cnts__itm--tct {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-inline-start: 17px;
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm--tct {
    padding-inline-start: 13px;
  }
}
.b-cnts__itm--tct::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 8px;
  height: 16px;
  width: 1px;
  background-color: var(--color-addgrey);
  opacity: 0.8;
  translate: 0 -50%;
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm--tct::after {
    inset-inline-start: 6px;
    height: 12px;
  }
}
.b-cnts__itm--tct.act-tct {
  cursor: help;
}
.b-cnts__itm--tct i.icon-coupon {
  --icon-w: 20px;
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm--tct i.icon-coupon {
    --icon-w: 18px;
  }
}
.b-cnts__itm--tct i.icon-check {
  --icon-w: 12px;
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -4px;
  width: 12px;
  height: 12px;
  box-shadow: inset 0 0 0 1px var(--color-white);
  border-radius: var(--rd-round);
}
.b-cnts__itm--inf {
  --fz: 14px;
  --lh: 1;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  border-radius: 0 var(--rd-16) 0 var(--rd-16);
  height: 32px;
  background-color: var(--color-grey2);
  padding: 0 16px;
  color: var(--color-black2);
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__itm--inf {
    border-radius: 0 var(--rd-12) 0 var(--rd-12);
  }
}
.b-cnts__itm--inf::after,
.b-cnts__itm--inf::before {
  --mask:
    radial-gradient(
      16px at 50% 100%,
      transparent 98%,
      black) 50% calc(100% + 10px) / 20px 40px repeat-x;
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: inherit;
  -webkit-mask: var(--mask);
  mask: var(--mask);
}
.b-cnts__itm--inf::before {
  inset-block-start: -5px;
  inset-inline-start: -11px;
  rotate: 45deg;
  clip-path: polygon(0 100%, 0 70%, 70% 0%, 100% 50%, 100% 100%);
}
.b-cnts__itm--inf::after {
  inset-inline-end: -5px;
  inset-block-end: -11px;
  rotate: 45deg;
  clip-path: polygon(0 100%, 0 70%, 30% 0%, 100% 70%, 100% 100%);
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--id:has(~ .b-cnts__itm--period) ~ .b-cnts__itm--period {
    margin-block-start: -8px;
  }
  .b-cnts__itm.b-cnts__itm--id:not(:has(~ .b-cnts__itm--period)) {
    padding-block-end: 12px;
    border-block-end: 1px solid var(--color-border);
  }
  .b-cnts__itm.b-cnts__itm--period {
    padding-block-end: 12px;
    border-block-end: 1px solid var(--color-border);
  }
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--period > span.grey {
    display: none;
  }
}
.b-cnts__itm.b-cnts__itm--period > span:not(.grey) {
  white-space: normal;
}
.b-cnts__itm.b-cnts__itm--period > span:not(.grey) > span:first-of-type:not(:last-child) {
  margin-inline-end: 4px;
}
@container cnts-info (min-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--period > span:not(.grey) > span:first-of-type:not(:last-child) {
    display: none;
  }
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--period > span:not(.grey) {
    --fz: 16px;
  }
}
.b-cnts__itm.b-cnts__itm--id > span {
  color: var(--color-darkgrey);
  gap: 4px;
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--id > span {
    --fz: 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnts__itm.b-cnts__itm--id > span {
    --fz: 12px;
  }
}
.b-cnts__itm.b-cnts__itm--id > span > span.cnt-id {
  display: none;
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--id > span > span.cnt-id {
    display: inline;
  }
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--id > span.cnt-id {
    display: none;
  }
}
@container cnts-info (min-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--btn {
    max-width: 189px;
    width: 100%;
  }
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--btn {
    flex: 0 0 100%;
  }
}
.b-cnts__itm.b-cnts__itm--btn .l-btn {
  margin: auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  width: 100%;
}
@container cnts-info (max-width: 589.5px) {
  .b-cnts__itm.b-cnts__itm--btn .l-btn {
    --fz: 14px;
    height: 32px;
    gap: 6px;
  }
  .b-cnts__itm.b-cnts__itm--btn .l-btn i.icon-exit {
    --icon-w: 14px;
  }
}
.b-cnts__itm.b-cnts__itm--btn .l-btn i.icon-exit {
  --icon-c: var(--color-black);
  pointer-events: none;
}
.b-cnts__itm.b-cnts__itm--btn .l-btn .l-av {
  --av-wh: 24px;
  --av-fz: 10px;
  margin-inline-end: 8px;
}
.b-mtch > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__counts:not(.mvlr) div.b-mtch__count:not(:first-child):not(.srvng):not(.gme):not(.mobl):last-of-type::after {
    content: ")";
  }
}
.b-mtch .b-blog__head:not(.addt)::before {
  overflow: hidden;
  border: 1px solid var(--clr-rb2, var(--color-grey-light));
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/common/matches-hdr.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-grey-light));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head:not(.addt)::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/common/matches-hdr.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-grey-light));
  }
}
.b-mtch .b-blog__head.addt::before {
  background-color: var(--clr-rb2);
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head:has(.b-blog__head-i .sources-filter) {
    margin-block-end: 0;
  }
}
.b-mtch .b-blog__head .b-blog__head-i > *:not(:last-child) {
  border-block-end: 1px solid var(--color-border);
  padding-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i > *:not(:last-child) {
    padding-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i > *:not(:last-child) {
    padding-block-end: 0;
  }
}
.b-mtch .b-blog__head .b-blog__head-i > *:not(:last-child) + * {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i > *:not(:last-child) + * {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i > *:not(:last-child) + * {
    margin-block-start: 12px;
  }
}
.b-mtch .b-blog__head .b-blog__head-i > *:not(:last-child).sources-filter .b-bns__cnt:not(:first-child) {
  border-block-start: 1px solid var(--color-border);
}
.b-mtch .b-blog__head .b-blog__head-i > *:not(:last-child).l-slct._dbl {
  border: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i > *:not(.b-bns__cnt) {
    margin-inline-start: -12px;
    margin-inline-end: -12px;
    padding-inline-end: 12px;
    padding-inline-start: 12px;
  }
}
.b-mtch .b-blog__head .b-blog__head-i > p:last-child {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i > p:last-child {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i > p:last-child {
    margin-block-start: 12px;
  }
}
.b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac {
  overflow: initial;
}
.b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:last-child {
  margin-block-start: 20px;
  margin-block-end: -24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:last-child {
    margin-block-start: 16px;
    margin-block-end: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:last-child {
    margin-block-start: 0;
    margin-block-end: -12px;
  }
}
.b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:first-child {
  padding-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac .l-tab__link {
    --fz: 14px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac > .l-tab__inner {
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100% + 48px);
    flex-wrap: nowrap;
    overscroll-behavior-x: none;
    margin-inline-start: -24px;
    margin-inline-end: -24px;
    padding: 0 24px 20px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac > .l-tab__inner {
    margin-inline-start: -18px;
    margin-inline-end: -18px;
    padding: 0 18px 16px;
    width: calc(100% + 36px);
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac > .l-tab__inner::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns)::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    width: 24px;
    height: 100%;
    inset-inline-start: -24px;
    background: var(--gradient-white-left);
    z-index: 2;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns)::before {
    width: 18px;
    inset-inline-start: -18px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns) > .l-tab__inner {
    padding-block-end: 25px;
    padding-block-start: 5px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns) > .l-tab__inner {
    padding-block-end: 21px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns) > .l-tab__inner .l-tab__link:before {
    inset-block-end: -25px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns) > .l-tab__inner .l-tab__link:before {
    inset-block-end: -21px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns) .b-blog__btns {
    position: relative;
    padding-block-end: 20px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns) .b-blog__btns {
    padding-block-end: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns) .b-blog__btns::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    width: 24px;
    height: 100%;
    inset-inline-start: -24px;
    background: var(--gradient-white-right);
    z-index: 2;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac:has(.b-blog__btns) .b-blog__btns::before {
    width: 18px;
    inset-inline-start: -18px;
  }
}
.b-mtch .b-blog__head .b-blog__head-i .b-bns__cnt {
  margin-block-start: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .b-bns__cnt {
    padding-block-end: 12px;
  }
}
.b-mtch .b-blog__head .b-blog__head-i .b-bns__cnt .b-bns__cnt-in {
  border-block-start: none;
}
.b-mtch .b-blog__head .b-blog__head-i .b-mtch__head {
  border-radius: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .b-mtch__head:not(:last-child) {
    padding-block-end: 12px;
  }
}
.b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--btns .l-tab__link i {
  margin-inline-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--btns .l-tab__link i {
    --icon-w: 14px;
  }
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--btns .l-tab__link i.icon-star {
    margin-inline-end: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i .l-tab.l-tab--btns:not(:last-child, :first-child) {
    margin-block-start: 0;
  }
}
.b-mtch .b-blog__head .b-blog__head-i.my .l-tab.l-tab--btns:not(:last-child) {
  padding-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-blog__head-i:has(.sources-filter) {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
}
.b-mtch .b-blog__head .b-mtch__head {
  position: relative;
  display: grid;
  grid-template-columns: 72px 1fr;
  grid-template-areas: "a b" "a c";
  column-gap: 20px;
  row-gap: 16px;
  padding: 0;
  background-color: var(--color-white);
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head {
    align-items: start;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-mtch .b-blog__head .b-mtch__head {
    column-gap: 16px;
    row-gap: 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head {
    grid-template-columns: 56px 1fr;
    grid-template-areas: "a b" "c c";
    gap: 12px;
  }
}
.b-mtch .b-blog__head .b-mtch__head .l-ttl--bld {
  --fz: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  grid-area: b;
}
.b-mtch .b-blog__head .b-mtch__head .l-ttl--bld:has(> .tr-ttl) {
  gap: 0;
  flex-direction: column;
  align-items: flex-start;
}
.b-mtch .b-blog__head .b-mtch__head .l-ttl--bld .tr-ttl {
  display: flex;
  gap: 12px;
  align-items: baseline;
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld .tr-ttl > .icon-star-stroke,
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld .tr-ttl > .icon-star {
    --icon-w: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld .tr-ttl {
    justify-content: space-between;
    width: 100%;
  }
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld .tr-ttl > .icon-star-stroke,
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld .tr-ttl > .icon-star {
    margin-inline-end: 0;
  }
}
.b-mtch .b-blog__head .b-mtch__head .l-ttl--bld > .sub {
  --fz: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld {
    --fz: 20px;
  }
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld > .sub {
    --fz: 14px;
  }
}
.b-mtch .b-blog__head .b-mtch__head .l-ttl--bld > .icon-star-stroke,
.b-mtch .b-blog__head .b-mtch__head .l-ttl--bld > .icon-star {
  align-self: flex-start;
  flex: 0 0 20px;
  width: 20px;
  height: 33px;
  cursor: pointer;
  margin-inline-end: 0;
}
@media only screen and (min-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld > .icon-star-stroke,
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld > .icon-star {
    --icon-w: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld > .icon-star-stroke,
  .b-mtch .b-blog__head .b-mtch__head .l-ttl--bld > .icon-star {
    flex: 0 0 16px;
    width: 16px;
    height: 27px;
    margin-inline-start: auto;
  }
}
.b-mtch .b-blog__head .b-mtch__head .l-tips__av {
  grid-area: a;
  height: 72px;
  width: 72px;
  flex: 0 0 72px;
  margin-inline-end: 0;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head .l-tips__av {
    height: 56px;
    width: 56px;
    flex: 0 0 56px;
    align-self: flex-start;
    border-radius: var(--rd-12);
  }
}
.b-mtch .b-blog__head .b-mtch__head .l-tips__av img {
  border-radius: inherit;
}
.b-mtch .b-blog__head .b-mtch__head .l-tab {
  grid-area: c;
}
.b-mtch .b-blog__head .b-mtch__head .l-tab .l-tab__inner {
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch .b-blog__head .b-mtch__head .l-tab .l-tab__inner {
    padding-block-start: 0;
  }
  .b-mtch .b-blog__head .b-mtch__head .l-tab::before,
  .b-mtch .b-blog__head .b-mtch__head .l-tab::after {
    inset-block-start: 0;
  }
}
.b-mtch .b-blog__head .b-mtch__head .l-tab .l-tab__link.l-tab__link--btn {
  --fz: 14px;
  height: 32px;
  border-radius: var(--rd-12);
  padding: 0 12px;
}
.b-mtch .b-blog__head .b-mtch__head .l-tab .l-tab__link.l-tab__link--btn > i {
  --icon-w: 14px;
  --icon-c: var(--color-black);
}
.b-mtch .b-blog__head .b-mtch__head .l-tab .l-tab__link.l-tab__link--btn.active > i {
  --icon-c: var(--color-white);
}
.b-mtch .b-blog__head .b-mtch__head .l-tab .l-tab__link.l-tab__link--btn:disabled {
  cursor: no-drop;
  background-color: var(--color-grey2-d);
  color: var(--color-addgrey);
}
.b-mtch .b-blog__head .b-mtch__head .l-tab .l-tab__link.l-tab__link--btn:disabled > i {
  --icon-c: var(--color-addgrey);
}
.b-mtch__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.b-mtch__row .l-fltr {
  margin: 0;
}
.b-mtch__dt {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  border-radius: var(--rd-100);
  height: 44px;
  padding-block: 12px 12px;
  padding-inline: 12px 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__dt {
    justify-content: center;
    flex: 0 1 100%;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__dt {
    padding: 8px 16px;
    margin: 0 12px;
  }
}
.b-mtch__dt .ovb-timezone .l-btn.l-btn--br.l-btn--ltl {
  --lh: 1.35714;
  padding: 0;
  color: var(--color-darkgrey);
  border: none;
  height: auto;
  border-block-end: 1px dotted var(--color-darkgrey);
  border-radius: 0;
  background-color: transparent;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__dt .ovb-timezone .l-btn.l-btn--br.l-btn--ltl {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 20px;
    transform: translate(0, -50%);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__dt .ovb-timezone .l-btn.l-btn--br.l-btn--ltl {
    inset-inline-end: 16px;
  }
}
.b-mtch__date {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__date {
    margin-inline-end: 24px;
  }
}
.b-mtch__date span {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 124px;
  cursor: pointer;
}
.b-mtch__date span::before {
  margin-inline-start: initial;
}
.b-mtch.no-bnr .l-flr.active {
  display: none !important;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__day > .l-ttl {
    --fz: 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__day > .l-ttl {
    --fz: 12px;
  }
}
.b-mtch__day._closed > span.grey {
  --fz: 16px;
  display: block;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__day._closed > span.grey {
    --fz: 14px;
    margin-block-end: 12px;
  }
}
.b-mtch__day._closed .b-mtch__sphd {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  width: fit-content;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__day._closed .b-mtch__sphd {
    --fz: 14px;
    gap: 4px;
  }
}
.b-mtch__day._closed .b-mtch__sphd i.icon-arrow svg {
  --icon-c: var(--color-black);
  transition: rotate 0.2s ease;
}
.b-mtch__day._closed .b-mtch__sphd.open i.icon-arrow svg {
  rotate: 180deg;
}
.b-mtch__day._closed .b-mtch__sphd:has(+ .b-mtch__crd) {
  margin-block-end: 12px;
}
.b-mtch__day._closed .b-mtch__sphd:has(+ .b-mtch__sphd) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__day._closed .b-mtch__sphd:has(+ .b-mtch__sphd) {
    margin-block-end: 12px;
  }
}
.b-mtch__day._closed .b-mtch__crd .b-mtch__head:not(:last-child) {
  margin-block-end: 4px;
}
.b-mtch__day._closed .b-mtch__crd:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__day._closed .b-mtch__crd:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__day > span.grey {
    --fz: 14px;
  }
}
.b-mtch__crd .b-mtch__head {
  --color-link: var(--color-black2);
}
.b-mtch__crd .b-mtch__head .l-tips__av {
  border: none;
  border-radius: 0;
  padding: 0;
}
.b-mtch__crd .b-mtch__head .l-tips__av.sk__line {
  border-radius: var(--rd-round);
}
.b-mtch__crd .b-mtch__head .l-tips__av img {
  object-fit: initial;
  height: auto;
  max-height: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__crd .b-mtch__head .l-tips__av img {
    max-height: 20px;
  }
}
.b-mtch__crd .b-mtch__head h2,
.b-mtch__crd .b-mtch__head b {
  font-weight: 700;
}
.b-mtch__crd .b-mtch__head h2 > .name-with-icon,
.b-mtch__crd .b-mtch__head b > .name-with-icon {
  white-space: nowrap;
  display: inline;
}
.b-mtch__crd .b-mtch__head h2 > .name-with-icon > picture,
.b-mtch__crd .b-mtch__head b > .name-with-icon > picture {
  display: inline-block;
  margin-inline-start: 8px;
  position: relative;
  inset-block-start: 3px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__crd .b-mtch__head h2 > .name-with-icon > picture,
  .b-mtch__crd .b-mtch__head b > .name-with-icon > picture {
    margin-inline-start: 4px;
  }
}
.b-mtch__crd:not(.open, ._sub-group, :last-child, :has(+ .b-mtch__crd._sub-group), :has(+ .b-mtch__dte + .b-mtch__crd._sub-group)) {
  margin-block-end: 4px;
}
.b-mtch__crd._sub-group:not(.open) + .l-link--png {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__crd._sub-group:not(.open) + .l-link--png {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__crd._sub-group:not(.open) + .l-link--png {
    margin-block-start: 12px;
  }
}
.b-mtch__crd._list:not(:last-child) {
  margin-block-end: 4px;
}
.b-mtch__crd._list .b-mtch__head {
  padding: 8px 12px;
  border-radius: var(--rd-12);
  min-height: initial;
  align-items: flex-start;
}
.b-mtch__crd._list .b-mtch__head > a {
  margin: auto 0;
}
.b-mtch__crd._list .b-mtch__cnt {
  --color-link: var(--color-black);
  padding-block-start: 4px;
}
.b-mtch__crd._list .b-mtch__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 8px 12px;
  border: none;
}
.b-mtch__crd._list .b-mtch__item::after {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 66px;
  width: calc(100% - 78px);
  border-block-end: 1px solid var(--color-lightgrey-alt);
}
.b-mtch__crd._list .b-mtch__item:has(+ .b-mtch__item):after {
  content: "";
}
.b-mtch__crd._list .b-mtch__item:not(:has(.l-tips__vs .l-tips__av:nth-child(2))):after {
  inset-inline-start: 44px;
  width: calc(100% - 66px);
}
.b-mtch__crd._list .b-mtch__item .l-tips__vs {
  margin-inline-end: 8px;
  column-gap: 1px;
}
.b-mtch__crd._list .b-mtch__item .l-tips__vs .l-tips__av {
  padding: 0;
  height: 24px;
  width: 24px;
  border: none;
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 1px var(--color-bg-dark-10);
}
.b-mtch__crd._list .b-mtch__item .l-tips__vs .l-tips__av span {
  --fz: 10px;
}
.b-mtch__crd._list .b-mtch__item .l-tips__vs .l-tips__av + .l-tips__av {
  border-inline-start: 1px solid var(--color-white);
  margin-inline-start: -4px;
  width: 25px;
  z-index: 2;
}
.b-mtch__crd._list .b-mtch__item > div:not([class]) {
  margin: auto 0;
}
.b-mtch__head {
  position: relative;
  display: flex;
  align-items: center;
  padding-block: 12px 12px;
  padding-inline: 20px 76px;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-16);
  min-height: 48px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__head {
    padding-block: 10px 10px;
    padding-inline: 16px 64px;
    min-height: 46px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__head {
    --fz: 14px;
    padding-block: 8px 8px;
    padding-inline: 12px 52px;
    min-height: 44px;
    border-radius: var(--rd-12);
  }
  .b-mtch__head:has(.b-mtch__head-icn._tables) {
    padding-block: 8px 8px;
    padding-inline: 12px 92px;
  }
}
.b-mtch__head > a,
.b-mtch__head .stream_link {
  position: relative;
  width: fit-content;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__head > a,
  .b-mtch__head .stream_link {
    width: 100%;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__head > span:not([class]) > a::before,
  .b-mtch__head > a::before {
    content: "";
    position: absolute;
    inset-block-start: -8px;
    inset-inline-start: -26px;
    width: calc(100% + 26px);
    height: calc(100% + 16px);
    z-index: -1;
  }
}
.b-mtch__head i {
  cursor: pointer;
}
.b-mtch__head .icon-star-stroke,
.b-mtch__head .icon-star {
  margin-inline-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__head .icon-star-stroke,
  .b-mtch__head .icon-star {
    margin-inline-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__head .icon-star-stroke,
  .b-mtch__head .icon-star {
    margin-inline-end: 12px;
  }
}
.b-mtch__head .l-tips__av {
  display: flex;
  margin-inline-end: 8px;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__head .l-tips__av {
    height: 20px;
    width: 20px;
    flex: 0 0 20px;
    margin-inline-end: 6px;
  }
}
.b-mtch__head .l-tips__av img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.b-mtch__head:has(+ .b-mtch__cnt .l-flr__matches._tourney) {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.b-mtch__head > span:not([class]) {
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 1;
}
.b-mtch__head > span:not([class]) h2 {
  display: inline;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__head > span:not([class]) > span.grey {
    pointer-events: none;
  }
}
.b-mtch__head-icn {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  height: 100%;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__head-icn {
    width: 48px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__head-icn {
    width: 40px;
  }
}
.b-mtch__head-icn::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  height: 24px;
  border-inline-end: 1px solid var(--color-border);
  translate: 0 -50%;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__head-icn::before {
    height: 20px;
  }
}
.b-mtch__head-icn i.icon-arrow.open {
  rotate: 180deg;
}
.b-mtch__head-icn._tables {
  inset-inline-end: 40px;
}
.b-mtch__item {
  container-type: inline-size;
  container-name: match-item;
}
.b-mtch__item:last-child {
  border-block-end: none;
}
.b-mtch__item + .b-mtch__item {
  border-block-start: 1px solid var(--color-border);
}
.b-mtch__item.sk--mtch,
.b-mtch__item .sk--mtch,
.b-mtch__item.n9m2,
.b-mtch__item .n9m2,
.b-mtch__item.yn3x,
.b-mtch__item .yn3x {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 0;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__item.sk--mtch,
  .b-mtch__item .sk--mtch,
  .b-mtch__item.n9m2,
  .b-mtch__item .n9m2,
  .b-mtch__item.yn3x,
  .b-mtch__item .yn3x {
    padding: 12px 0;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__item.sk--mtch .b-mtch__odds,
  .b-mtch__item.sk--mtch .b-mtch__counts,
  .b-mtch__item .sk--mtch .b-mtch__odds,
  .b-mtch__item .sk--mtch .b-mtch__counts,
  .b-mtch__item.n9m2 .b-mtch__odds,
  .b-mtch__item.n9m2 .b-mtch__counts,
  .b-mtch__item .n9m2 .b-mtch__odds,
  .b-mtch__item .n9m2 .b-mtch__counts,
  .b-mtch__item.yn3x .b-mtch__odds,
  .b-mtch__item.yn3x .b-mtch__counts,
  .b-mtch__item .yn3x .b-mtch__odds,
  .b-mtch__item .yn3x .b-mtch__counts {
    --fz: 14px;
  }
}
.b-mtch__item.sk--mtch a.b-mtch__odd,
.b-mtch__item .sk--mtch a.b-mtch__odd,
.b-mtch__item.n9m2 a.b-mtch__odd,
.b-mtch__item .n9m2 a.b-mtch__odd,
.b-mtch__item.yn3x a.b-mtch__odd,
.b-mtch__item .yn3x a.b-mtch__odd {
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__item.sk--mtch a.b-mtch__odd:hover,
  .b-mtch__item .sk--mtch a.b-mtch__odd:hover,
  .b-mtch__item.n9m2 a.b-mtch__odd:hover,
  .b-mtch__item .n9m2 a.b-mtch__odd:hover,
  .b-mtch__item.yn3x a.b-mtch__odd:hover,
  .b-mtch__item .yn3x a.b-mtch__odd:hover {
    background-color: var(--color-bg-lightgrey);
  }
}
.b-mtch__item.sk--mtch a.b-mtch__odd:active,
.b-mtch__item .sk--mtch a.b-mtch__odd:active,
.b-mtch__item.n9m2 a.b-mtch__odd:active,
.b-mtch__item .n9m2 a.b-mtch__odd:active,
.b-mtch__item.yn3x a.b-mtch__odd:active,
.b-mtch__item .yn3x a.b-mtch__odd:active {
  background-color: var(--color-grey2-h);
}
@container match-item (max-width: 898.5px) {
  @container match-item (min-width: 597.5px) {
    .b-mtch__item:not(._stream).sk--mtch:not(:has(.b-mtch__frcs-row:empty)),
    .b-mtch__item:not(._stream) .sk--mtch:not(:has(.b-mtch__frcs-row:empty)),
    .b-mtch__item:not(._stream).n9m2:not(:has(.b-mtch__frcs-row:empty)),
    .b-mtch__item:not(._stream) .n9m2:not(:has(.b-mtch__frcs-row:empty)),
    .b-mtch__item:not(._stream).yn3x:not(:has(.b-mtch__frcs-row:empty)),
    .b-mtch__item:not(._stream) .yn3x:not(:has(.b-mtch__frcs-row:empty)) {
      padding-block-end: 56px;
    }
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__item:not(._stream).sk--mtch,
  .b-mtch__item:not(._stream) .sk--mtch,
  .b-mtch__item:not(._stream).n9m2,
  .b-mtch__item:not(._stream) .n9m2,
  .b-mtch__item:not(._stream).yn3x,
  .b-mtch__item:not(._stream) .yn3x {
    display: grid;
    grid-template-columns: 57px 1fr 93px 32px;
    row-gap: 12px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__item:not(._stream).sk--mtch,
    .b-mtch__item:not(._stream) .sk--mtch,
    .b-mtch__item:not(._stream).n9m2,
    .b-mtch__item:not(._stream) .n9m2,
    .b-mtch__item:not(._stream).yn3x,
    .b-mtch__item:not(._stream) .yn3x {
      grid-template-columns: 48px 1fr 75px 32px;
      row-gap: 8px;
    }
  }
  .b-mtch__item:not(._stream).sk--mtch .b-mtch__plrs:has(+ .b-mtch__trns),
  .b-mtch__item:not(._stream) .sk--mtch .b-mtch__plrs:has(+ .b-mtch__trns),
  .b-mtch__item:not(._stream).n9m2 .b-mtch__plrs:has(+ .b-mtch__trns),
  .b-mtch__item:not(._stream) .n9m2 .b-mtch__plrs:has(+ .b-mtch__trns),
  .b-mtch__item:not(._stream).yn3x .b-mtch__plrs:has(+ .b-mtch__trns),
  .b-mtch__item:not(._stream) .yn3x .b-mtch__plrs:has(+ .b-mtch__trns) {
    grid-column-end: 4;
    grid-column-start: 2;
  }
  .b-mtch__item:not(._stream).sk--mtch .b-mtch__plrs:has(+ .b-mtch__trns) + .b-mtch__trns.nt-strt,
  .b-mtch__item:not(._stream) .sk--mtch .b-mtch__plrs:has(+ .b-mtch__trns) + .b-mtch__trns.nt-strt,
  .b-mtch__item:not(._stream).n9m2 .b-mtch__plrs:has(+ .b-mtch__trns) + .b-mtch__trns.nt-strt,
  .b-mtch__item:not(._stream) .n9m2 .b-mtch__plrs:has(+ .b-mtch__trns) + .b-mtch__trns.nt-strt,
  .b-mtch__item:not(._stream).yn3x .b-mtch__plrs:has(+ .b-mtch__trns) + .b-mtch__trns.nt-strt,
  .b-mtch__item:not(._stream) .yn3x .b-mtch__plrs:has(+ .b-mtch__trns) + .b-mtch__trns.nt-strt {
    grid-column-end: 5;
  }
  .b-mtch__item:not(._stream).sk--mtch:not(.nt-strt) .b-mtch__tot:not(:has(.b-mtch__odds, .b-mtch__counts)),
  .b-mtch__item:not(._stream) .sk--mtch:not(.nt-strt) .b-mtch__tot:not(:has(.b-mtch__odds, .b-mtch__counts)),
  .b-mtch__item:not(._stream).n9m2:not(.nt-strt) .b-mtch__tot:not(:has(.b-mtch__odds, .b-mtch__counts)),
  .b-mtch__item:not(._stream) .n9m2:not(.nt-strt) .b-mtch__tot:not(:has(.b-mtch__odds, .b-mtch__counts)),
  .b-mtch__item:not(._stream).yn3x:not(.nt-strt) .b-mtch__tot:not(:has(.b-mtch__odds, .b-mtch__counts)),
  .b-mtch__item:not(._stream) .yn3x:not(.nt-strt) .b-mtch__tot:not(:has(.b-mtch__odds, .b-mtch__counts)) {
    display: none;
  }
  .b-mtch__item:not(._stream).sk--mtch:not(.nt-strt) .b-mtch__ttfr.sid30:not(:has(.b-mtch__frcs-row .b-mtch__frcs)),
  .b-mtch__item:not(._stream) .sk--mtch:not(.nt-strt) .b-mtch__ttfr.sid30:not(:has(.b-mtch__frcs-row .b-mtch__frcs)),
  .b-mtch__item:not(._stream).n9m2:not(.nt-strt) .b-mtch__ttfr.sid30:not(:has(.b-mtch__frcs-row .b-mtch__frcs)),
  .b-mtch__item:not(._stream) .n9m2:not(.nt-strt) .b-mtch__ttfr.sid30:not(:has(.b-mtch__frcs-row .b-mtch__frcs)),
  .b-mtch__item:not(._stream).yn3x:not(.nt-strt) .b-mtch__ttfr.sid30:not(:has(.b-mtch__frcs-row .b-mtch__frcs)),
  .b-mtch__item:not(._stream) .yn3x:not(.nt-strt) .b-mtch__ttfr.sid30:not(:has(.b-mtch__frcs-row .b-mtch__frcs)) {
    display: none;
  }
  .b-mtch__item:not(._stream).sk--mtch:not(.nt-strt) .b-mtch__ttfr.sid30 .b-mtch__tot,
  .b-mtch__item:not(._stream) .sk--mtch:not(.nt-strt) .b-mtch__ttfr.sid30 .b-mtch__tot,
  .b-mtch__item:not(._stream).n9m2:not(.nt-strt) .b-mtch__ttfr.sid30 .b-mtch__tot,
  .b-mtch__item:not(._stream) .n9m2:not(.nt-strt) .b-mtch__ttfr.sid30 .b-mtch__tot,
  .b-mtch__item:not(._stream).yn3x:not(.nt-strt) .b-mtch__ttfr.sid30 .b-mtch__tot,
  .b-mtch__item:not(._stream) .yn3x:not(.nt-strt) .b-mtch__ttfr.sid30 .b-mtch__tot {
    display: none;
  }
  .b-mtch__item:not(._stream).sk--mtch.nt-strt .b-mtch__ttfr,
  .b-mtch__item:not(._stream) .sk--mtch.nt-strt .b-mtch__ttfr,
  .b-mtch__item:not(._stream).n9m2.nt-strt .b-mtch__ttfr,
  .b-mtch__item:not(._stream) .n9m2.nt-strt .b-mtch__ttfr,
  .b-mtch__item:not(._stream).yn3x.nt-strt .b-mtch__ttfr,
  .b-mtch__item:not(._stream) .yn3x.nt-strt .b-mtch__ttfr {
    flex-direction: column-reverse;
    align-items: initial;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__item.home.sk--mtch,
  .b-mtch__item.home .sk--mtch,
  .b-mtch__item.home.n9m2,
  .b-mtch__item.home .n9m2,
  .b-mtch__item.home.yn3x,
  .b-mtch__item.home .yn3x {
    grid-template-columns: 85px 1fr 93px 32px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__item.home.sk--mtch,
    .b-mtch__item.home .sk--mtch,
    .b-mtch__item.home.n9m2,
    .b-mtch__item.home .n9m2,
    .b-mtch__item.home.yn3x,
    .b-mtch__item.home .yn3x {
      grid-template-columns: 68px 1fr 75px 32px;
    }
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item.home.sk--mtch,
  .b-mtch__item.home .sk--mtch,
  .b-mtch__item.home.n9m2,
  .b-mtch__item.home .n9m2,
  .b-mtch__item.home.yn3x,
  .b-mtch__item.home .yn3x {
    padding-inline: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__item.home {
    background-color: var(--color-white);
    border: 1px solid var(--color-grey-act-25);
    border-radius: var(--rd-16);
    box-shadow: 0 2px 10px var(--color-grey-soft-30);
  }
  .b-mtch__item.home + .b-mtch__item {
    margin-block-start: 6px;
  }
}
@container match-item (min-width: 597.5px) {
  .b-mtch__item._stream.sk--mtch > .b-mtch__trns,
  .b-mtch__item._stream .sk--mtch > .b-mtch__trns,
  .b-mtch__item._stream.n9m2 > .b-mtch__trns,
  .b-mtch__item._stream .n9m2 > .b-mtch__trns,
  .b-mtch__item._stream.yn3x > .b-mtch__trns,
  .b-mtch__item._stream .yn3x > .b-mtch__trns {
    display: none;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__item._stream.sk--mtch > .b-mtch__tot._stream:not(._text),
  .b-mtch__item._stream .sk--mtch > .b-mtch__tot._stream:not(._text),
  .b-mtch__item._stream.n9m2 > .b-mtch__tot._stream:not(._text),
  .b-mtch__item._stream .n9m2 > .b-mtch__tot._stream:not(._text),
  .b-mtch__item._stream.yn3x > .b-mtch__tot._stream:not(._text),
  .b-mtch__item._stream .yn3x > .b-mtch__tot._stream:not(._text) {
    display: none;
  }
}
.b-mtch__stats {
  max-width: 600px;
  margin: 20px auto 0;
  text-align: center;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__stats {
    margin: 24px auto 0;
  }
}
.b-mtch__stats > span.grey {
  display: block;
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__stats > span.grey {
    --fz: 14px;
  }
}
.b-mtch__block-bdr {
  position: relative;
  padding: 16px;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 20px auto 0;
  max-width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__block-bdr {
    --fz: 14px;
    padding: 12px;
    gap: 12px;
    margin: 12px auto 0;
  }
}
.b-mtch__block-bdr.closed {
  width: 600px;
  flex-direction: column;
  text-align: center;
  gap: 12px;
  padding-inline-end: 48px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__block-bdr.closed {
    padding-inline-end: 44px;
  }
}
.b-mtch__block-bdr.stats {
  width: 100%;
  max-width: 600px;
  text-align: start;
  justify-content: initial;
}
.b-mtch__stat {
  display: grid;
  grid-template-columns: 56px 1fr 56px;
  background: var(--color-lightgrey2);
  box-shadow: inset 0 0 0 1px var(--color-addgrey-70);
  border-radius: var(--rd-12);
  min-height: 44px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__stat {
    --fz: 14px;
    min-height: 36px;
  }
}
.b-mtch__stat:not(:last-child) {
  margin-block-end: 12px;
}
.b-mtch__stat > div {
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: var(--color-white);
  border: 1px solid var(--color-addgrey-70);
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
  border-radius: var(--rd-12);
  padding: 0 12px;
  height: 100%;
  width: 56px;
}
.b-mtch__stat > div > span {
  height: 16px;
  word-break: normal;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__stat > div > span {
    height: 14px;
  }
}
.b-mtch__stat > div > span.anim-in {
  margin-block-start: -16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__stat > div > span.anim-in {
    margin-block-start: -14px;
  }
}
.b-mtch__stat > span {
  display: block;
  padding: 11px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__stat > span {
    padding: 11px 8.5px;
  }
}
.b-mtch__select {
  display: flex;
  white-space: nowrap;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__select {
    padding: 0 12px;
    gap: 8px;
  }
}
.b-mtch__select:has(.l-fltr__item--wbft._base) {
  gap: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__select:has(.l-fltr__item--wbft._base) {
    gap: 16px;
  }
}
.b-mtch__select--my {
  position: relative;
}
@media only screen and (max-width: 1100px) and (min-width: 991.98px), only screen and (max-width: 800px) {
  .b-mtch__select--my {
    padding-block-start: 60px;
  }
}
.b-mtch__select--my .b-mtch__dt {
  margin-inline-start: auto;
  flex: 0 0 248px;
}
@media only screen and (max-width: 1100px) and (min-width: 991.98px), only screen and (max-width: 800px) {
  .b-mtch__select--my .b-mtch__dt {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 248px;
    flex: 0 0 248px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 991.98px) and (max-width: 549.98px), only screen and (max-width: 800px) and (max-width: 549.98px) {
  .b-mtch__select--my .b-mtch__dt {
    inset-inline-start: 12px;
    width: calc(100% - 24px);
    flex: 1 1 auto;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 991.98px) and (min-width: 549.98px), only screen and (max-width: 800px) and (min-width: 549.98px) {
  .b-mtch__select--my .b-mtch__dt .b-mtch__date {
    margin-inline-end: auto;
  }
}
.b-mtch__ldpl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 0;
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__ldpl {
    padding: 25px 0;
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__ldpl {
    padding: 22px 0;
    margin-block-start: 12px;
  }
}
.b-mtch__ldpl:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__ldpl:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__ldpl:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mtch__ldpl-i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
.b-mtch__ldpl-i > span {
  width: 51px;
  height: 38px;
  display: block;
  background: url(/images3/interface2/overbetting-logo-small-f.svg) 50% 50%/51px 38px no-repeat;
  animation: opacity-ldpl 2s linear infinite;
}
.b-mtch__ldpl-i::after,
.b-mtch__ldpl-i::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border: 6px solid var(--color-lightgrey);
  border-radius: var(--rd-round);
}
.b-mtch__ldpl-i::before {
  border-color: var(--color-addgrey);
  animation: clip-ldpl 4s linear infinite;
  z-index: 1;
}
.b-mtch__review {
  z-index: 2;
}
.b-mtch__review .l-ttl:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__review .l-ttl:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mtch__fltr {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.b-mtch__fltr.tbl {
  gap: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__fltr {
    gap: 8px;
  }
  .b-mtch__fltr.tbl {
    padding-inline-start: 12px;
  }
  .b-mtch__fltr.tbl--addt {
    padding: 0 12px;
    margin-block-end: 12px;
  }
}
.b-mtch__fltr .l-fltr {
  flex-wrap: nowrap;
  margin-inline-end: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__fltr .l-fltr > .l-fltr__item.l-fltr__item--wbft {
    flex: 1 1 33.333%;
    min-width: fit-content;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__fltr .l-fltr {
    width: 100%;
  }
}
.b-mtch__fltr .b-mtch__select {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: none;
}
.b-mtch__fltr .b-mtch__select::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__fltr .b-mtch__select {
    width: 100%;
  }
  .b-mtch__fltr .b-mtch__select .l-slct.l-fltr__item--wbft,
  .b-mtch__fltr .b-mtch__select .l-swch.l-fltr__item--wbft {
    min-width: fit-content;
  }
}
.b-mtch__fltr .b-mtch__select .l-swch__lbl {
  --lh: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__fltr .b-mtch__select .l-swch__lbl {
    --fz: 14px;
  }
}
.b-mtch__dte {
  display: block;
  padding: 12px 0;
  width: 100%;
  color: var(--color-black2);
  font-weight: 700;
}
.b-mtch__dte + .b-mtch__item {
  border-block-start: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__dte {
    --fz: 14px;
    padding: 12px 0 8px;
  }
}
.b-mtch__dte:first-child {
  padding-block-start: 0;
}
.b-mtch__dte:has(+ .b-mtch__crd._sub-group):not(:has(+ .b-mtch__crd._sub-group.open)) {
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__more-tabs.b-blog__head.b-blog__head--full {
    padding: 12px;
  }
  .b-mtch__more-tabs.b-blog__head.b-blog__head--full .l-cat__row {
    margin-block-end: 12px;
  }
}
.b-mtch__more-tabs.b-blog__head.b-blog__head--full .l-tab,
.b-mtch__more-tabs.b-blog__head.b-blog__head--full .l-cat__row {
  padding: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__more-tabs.b-blog__head.b-blog__head--full .l-tab > .l-ttl,
  .b-mtch__more-tabs.b-blog__head.b-blog__head--full .l-cat__row > .l-ttl {
    --fz: 14px;
  }
}
.b-mtch__view-trns {
  max-width: 600px;
  width: 100%;
  margin: 32px auto 0;
  text-align: start;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__view-trns {
    margin: 28px auto 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__view-trns {
    margin: 24px auto 0;
  }
}
.b-mtch__view-trns > div.grey {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__view-trns > div.grey {
    margin-block-end: 12px;
  }
}
.b-mtch__view-trns .b-mtch__trnm-strms {
  grid-template-columns: repeat(auto-fill, minmax(294px, 1fr));
}
.b-mtch__time {
  display: flex;
  align-items: center;
  margin-inline-end: 16px;
  flex: 0 0 41px;
  text-align: center;
  justify-content: center;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__time {
    flex: 0 0 32px;
    margin-inline-end: 8px;
  }
}
.b-mtch__time > span {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__time > span {
    --fz: 14px;
  }
}
.b-mtch__time > span.ln-gr {
  background: var(--gradient-pink-orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.b-mtch__time .icon-alert {
  cursor: help;
}
.b-mtch__time.home {
  flex: 0 0 69px;
  gap: 12px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__time.home {
    flex: 0 0 54px;
    gap: 6px;
  }
}
.b-mtch__plrs {
  position: relative;
  flex: 1 1 auto;
  transition: initial;
}
.b-mtch__plrs:not(:hover) {
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__plrs:hover .b-mtch__pl > span {
    color: var(--color-hover) !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__plrs:hover {
    color: var(--color-black);
  }
  .b-mtch__plrs:active {
    color: var(--color-black);
  }
}
.b-mtch__plrs:active .b-mtch__pl > span {
  color: var(--color-hover) !important;
}
.b-mtch__plrs::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 32px;
  height: 100%;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      var(--color-white) 66.67%);
}
.b-mtch__plrs.full-link::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.b-mtch__pl {
  display: flex;
  align-items: center;
}
.b-mtch__pl:not(:last-child) {
  margin-block-end: 4px;
}
.b-mtch__pl > span {
  overflow: hidden;
  height: 22px;
  word-break: break-all;
  transition: color 0.2s ease;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__pl > span {
    --fz: 14px;
    height: 19px;
  }
}
.b-mtch__pl > .sk__line {
  width: 100px;
}
.b-mtch__pl + .b-mtch__pl > .sk__line {
  width: 80px;
}
.b-mtch__pl-img {
  --mtch__pl-img: 24px;
  display: flex;
  margin-inline-end: 8px;
  width: var(--mtch__pl-img);
  height: var(--mtch__pl-img);
  flex: 0 0 var(--mtch__pl-img);
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__pl-img {
    --mtch__pl-img: 20px;
    margin-inline-end: 4px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__pl-img.dbl-t {
    display: none;
  }
}
.b-mtch__pl-img img {
  width: 100%;
  height: auto;
}
.b-mtch__pl-img > span {
  --lh: 1;
  --fz: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: inherit;
  height: inherit;
  color: var(--color-white);
  background-color: var(--color-black-20);
  border-radius: var(--rd-round);
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__pl-img > span {
    --fz: 9px;
  }
}
.b-mtch__trns {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  border-radius: var(--rd-12);
  box-shadow: inset 0 0 0 1px var(--color-addgrey);
  transition: background-color 0.2s ease;
  padding: 0 12px;
  position: relative;
  gap: 7px;
  width: 64px;
  flex: 0 0 64px;
  margin-inline-end: 24px;
  cursor: pointer;
  z-index: 2;
}
@container match-item (max-width: 597.5px) {
  .b-mtch__trns {
    --fz: 14px;
    flex-direction: column;
    width: 32px;
    flex: 0 0 32px;
    height: 52px;
    margin-inline-end: 0;
    border-radius: var(--rd-8);
    gap: 2px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__trns {
      --fz: 12px;
      height: 44px;
    }
  }
  .b-mtch__trns > i {
    scale: 0.875;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__trns > i {
      scale: 0.75;
    }
  }
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__trns:hover {
    background-color: var(--color-grey-pale);
  }
}
.b-mtch__trns:active {
  background-color: var(--color-grey-pale);
}
.b-mtch__trns.no-act > * {
  opacity: 0.25;
  filter: grayscale(1);
}
.b-mtch__trns.no-act {
  box-shadow: inset 0 0 0 1px var(--color-lightgrey);
  background-color: transparent;
  cursor: help;
}
.b-mtch__trns > span {
  color: var(--color-darkgrey);
}
.b-mtch__trns > div.ovb-trn {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-end: -8px;
  width: 20px;
  height: 20px;
  border-radius: var(--rd-round);
  border: 2px solid var(--color-white);
  background: url(/images3/interface2/overbetting-logo-small-f-w.svg) 50% 50%/12px 10px no-repeat, var(--gradient-pink-orange);
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__trns > div.ovb-trn {
    inset-block-start: -6px;
    inset-inline-end: -6px;
    width: 18px;
    height: 18px;
    background-size: 10px 8px;
  }
}
.b-mtch__trns:not(.nt-strt) {
  box-shadow: inset 0 0 0 1px var(--color-pink-25);
}
.b-mtch__trns:not(.nt-strt) > span {
  color: var(--color-hover);
  background: var(--gradient-pink-orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.b-mtch__trns.nt-strt > div.ovb-trn {
  background: url(/images3/interface2/overbetting-logo-small-f-w.svg) 50% 50%/12px 10px no-repeat, var(--color-grey-act);
}
.b-mtch__tot {
  display: flex;
  align-items: center;
}
@container match-item (min-width: 597.5px) {
  .b-mtch__tot:not(.mvlr) {
    flex: 0 0 250px;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__tot:not(.mvlr) .b-mtch__count.gme,
  .b-mtch__tot:not(.mvlr) .b-mtch__count.srvng {
    display: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__tot:not(.mvlr).home:not(._not-stream) {
    inset-inline-start: 12px;
    width: calc(100% - 24px);
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__tot._not-stream:has(.b-mtch__odds) {
    width: 100%;
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home) {
  gap: 8px;
}
@container match-item (min-width: 597.5px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home) {
    --str-grid-clmn: 6;
    display: grid;
    grid-template-columns: repeat(var(--str-grid-clmn), 100px);
    height: 32px;
    overflow: hidden;
    flex: 0 0 fit-content;
  }
  @media only screen and (max-width: 1388.5px) and (min-width: 1280.5px) {
    .b-mtch__tot._stream:not(.mvlr):not(.home) {
      --str-grid-clmn: 5;
    }
  }
  @media only screen and (max-width: 1280.5px) and (min-width: 1172.5px), only screen and (max-width: 991.5px) and (min-width: 887.5px) {
    .b-mtch__tot._stream:not(.mvlr):not(.home) {
      --str-grid-clmn: 4;
    }
  }
  @media only screen and (max-width: 1172.5px) and (min-width: 1064.5px), only screen and (max-width: 887.5px) and (min-width: 779.5px) {
    .b-mtch__tot._stream:not(.mvlr):not(.home) {
      --str-grid-clmn: 3;
    }
  }
  @media only screen and (max-width: 1064.5px) and (min-width: 991.5px), only screen and (max-width: 779.5px) {
    .b-mtch__tot._stream:not(.mvlr):not(.home) {
      --str-grid-clmn: 2;
    }
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home)._ppvr {
  display: flex;
  flex-wrap: wrap;
  width: 316px;
  height: initial;
}
@container match-item (max-width: 597.5px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home):not(._text) {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0px -18px;
    padding: 0 18px;
    width: calc(100% + 36px);
    overscroll-behavior-x: none;
  }
  @media only screen and (max-width: 549.98px) {
    .b-mtch__tot._stream:not(.mvlr):not(.home):not(._text) {
      margin: 0px -12px;
      padding: 0 12px;
      width: calc(100% + 24px);
    }
  }
  .b-mtch__tot._stream:not(.mvlr):not(.home):not(._text)::-webkit-scrollbar {
    display: none;
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs {
  height: 32px;
  width: 100%;
  max-width: 100px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs {
    width: 80px;
    flex: 0 0 80px;
    height: 28px;
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb {
  gap: 27px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb {
    gap: 23px;
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb i.icon-play {
  position: relative;
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb i.icon-play::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: -13px;
  opacity: 0.5;
  height: 100%;
  width: 1px;
  background-color: var(--color-addgrey);
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb i.icon-play::after {
    inset-inline-end: -11px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb i.icon-play svg {
    --icon-w: 14px;
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: var(--rd-round);
  background: var(--gradient-pink-orange);
  overflow: hidden;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb picture {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb picture img {
  width: 14px;
  height: auto;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs._ovb picture img {
    width: 12px;
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs:not(._ovb) {
  padding: 6px 12px;
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs:not(._ovb) picture {
  display: flex;
  width: 100%;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
}
.b-mtch__tot._stream:not(.mvlr):not(.home) .b-mtch__frcs:not(._ovb) picture img {
  width: 100%;
  max-height: 100%;
}
.b-mtch__tot._stream:not(.mvlr):not(.home)._text {
  height: auto;
}
@container match-item (min-width: 597.5px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home)._text {
    grid-template-columns: calc(var(--str-grid-clmn) * 100px + var(--str-grid-clmn) * 8px - 8px);
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home)._text {
    flex: 0 0 125px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home)._text {
    flex: 0 0 107px;
  }
}
.b-mtch__tot._stream:not(.mvlr):not(.home)._text > span.grey {
  --fz: 16px;
  width: fit-content;
  text-align: center;
}
@container match-item (max-width: 597.5px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home)._text > span.grey {
    --fz: 14px;
    margin-inline-start: auto;
  }
  .b-mtch__tot._stream:not(.mvlr):not(.home)._text > span.grey:nth-child(1) {
    display: none;
  }
}
@container match-item (min-width: 597.5px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home)._text > span.grey:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__tot._stream:not(.mvlr):not(.home)._text > span.grey {
    --fz: 12px;
  }
}
.b-mtch__counts {
  --mtch-counts-gap: 20px;
  position: relative;
  display: flex;
  width: 100%;
  gap: var(--mtch-counts-gap);
}
.b-mtch__counts.sid4,
.b-mtch__counts.sid10 {
  --mtch-counts-gap: 16px;
}
.b-mtch__counts:not(.mvlr) {
  --mtch-counts-gap: 12px;
}
@container match-item (max-width: 597.5px) {
  .b-mtch__counts:not(.mvlr) {
    --mtch-counts-gap: 4px;
    row-gap: 0;
  }
}
.b-mtch__counts:not(.mvlr).sid4,
.b-mtch__counts:not(.mvlr).sid10 {
  --mtch-counts-gap: 8px;
}
@container match-item (max-width: 597.5px) {
  .b-mtch__counts:not(.mvlr).sid4,
  .b-mtch__counts:not(.mvlr).sid10 {
    --mtch-counts-gap: 4px;
  }
}
.b-mtch__count {
  position: relative;
  display: flex;
  flex-direction: column;
}
.b-mtch__count:first-child {
  margin-inline-end: calc(32px - var(--mtch-counts-gap));
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__count:first-child {
    margin-inline-end: 6px;
  }
}
.b-mtch__count > span:not(:last-child) {
  margin-block-end: 4px;
}
.b-mtch__count span.score {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.b-mtch__count span.score.green,
.b-mtch__count span.score.bold,
.b-mtch__count span.score.ln-gr {
  font-weight: 800;
}
.b-mtch__count span.score.ln-gr,
.b-mtch__count span.score.ln-gr > span {
  background: var(--gradient-pink-orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.b-mtch__count span.score > span {
  position: relative;
  height: 22px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__count span.score > span {
    height: 19px;
  }
}
.b-mtch__count span.score > span:nth-child(2) {
  margin-block-start: -22px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__count span.score > span:nth-child(2) {
    margin-block-start: -19px;
  }
}
.b-mtch__count span.score > span sup {
  --fz: 12px;
  font-weight: 400;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__count span.score > span sup {
    --fz: 10px;
  }
}
.b-mtch__count > span.srvng {
  position: relative;
  height: 22px;
  width: 8px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__count > span.srvng {
    width: 6px;
    height: 19px;
  }
}
.b-mtch__count > span.srvng::before {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  width: 8px;
  height: 8px;
  transform: translate(0, -50%);
  border-radius: var(--rd-round);
  background-color: var(--color-orange-mid);
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__count > span.srvng::before {
    width: 6px;
    height: 6px;
  }
}
.b-mtch__count small {
  --fz: 12px;
  position: absolute;
  display: block;
  inset-block-start: -18px;
  inset-inline-start: 50%;
  transform: translate(-50%);
  color: var(--color-darkgrey);
}
.b-mtch__count:not(.srvng) > span.srvng {
  display: none;
}
.b-mtch__count.gme {
  color: var(--color-orange-mid);
}
.b-mtch__count.gme > span.score:before {
  color: var(--color-black);
}
.b-mtch__count.pl1 > span.srvng.pl1:before,
.b-mtch__count.pl2 > span.srvng.pl2:before {
  content: "";
}
@container match-item (max-width: 597.5px) {
  .b-mtch__count:not(.mvlr):not(.mobl) {
    flex-direction: row;
  }
  .b-mtch__count:not(.mvlr):not(.mobl):not(.srvng) span.score + span.score {
    position: relative;
    padding-inline-start: 4px;
  }
  .b-mtch__count:not(.mvlr):not(.mobl):not(.srvng) span.score + span.score.bold,
  .b-mtch__count:not(.mvlr):not(.mobl):not(.srvng) span.score + span.score.ln-gr {
    padding-inline-start: 5px;
  }
  .b-mtch__count:not(.mvlr):not(.mobl):not(.srvng) span.score + span.score::before {
    content: ":";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    height: 100%;
    background: inherit;
  }
  .b-mtch__count:not(.mvlr):not(.mobl):nth-child(2)::before {
    content: "(";
  }
  .b-mtch__count:not(.mvlr):not(.mobl):not(:first-child):not(.srvng):not(.gme)::after {
    content: ",";
  }
  .b-mtch__count:not(.mvlr):not(.mobl) span.score.ln-gr > span,
  .b-mtch__count:not(.mvlr):not(.mobl) span.score.ln-gr {
    background: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
  }
}
.b-mtch__count:not(.mvlr):first-child {
  margin-inline-end: calc(24px - var(--mtch-counts-gap));
}
@container match-item (max-width: 597.5px) {
  .b-mtch__count:not(.mvlr):first-child {
    margin-inline-end: calc(8px - var(--mtch-counts-gap));
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__count:not(.mvlr) > span {
    margin-block-end: 0;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__count:not(.mvlr) > span.srvng.pl1 {
    margin-inline-end: 4px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__count:not(.mvlr) > span.srvng.pl1 {
      margin-inline-end: 2px;
    }
  }
  .b-mtch__count:not(.mvlr) > span.srvng.pl2 {
    margin-inline-start: 4px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__count:not(.mvlr) > span.srvng.pl2 {
      margin-inline-start: 2px;
    }
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__count:not(.mvlr) small {
    --fz: inherit;
    position: initial;
    display: inline;
    transform: initial;
    inset-inline-start: initial;
    margin-inline-end: 4px;
    color: var(--color-black);
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__count:not(.mvlr).srvng:not(.mobl) {
    display: none;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__count:not(.mvlr):not(.srvng) > span.srvng {
    display: initial;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__count:not(.mvlr).gme {
    margin-inline-start: 8px;
  }
}
.b-mtch__odds {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
}
@media only screen and (max-width: 1279.98px) {
  .b-mtch__odds {
    gap: 8px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__odds {
    gap: 6px;
  }
}
.b-mtch__odd {
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 32px;
  padding: 0 6px;
  flex: 0 0 60px;
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-12);
}
.b-mtch__odd > span {
  display: none;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__odd {
    padding: 0 3px;
  }
}
.b-mtch__odd--null {
  min-width: 56px;
}
@container match-item (max-width: 597.5px) {
  .b-mtch__odd {
    flex: 1 1 100%;
    gap: 8px;
  }
  .b-mtch__odd > span {
    display: inline;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__odd {
      padding: 0 12px;
      height: 28px;
      border-radius: var(--rd-8);
    }
  }
}
.b-mtch__frcs-row {
  align-items: center;
  gap: 8px;
}
@container match-item (min-width: 597.5px) {
  .b-mtch__frcs-row {
    display: grid;
    grid-template-columns: 58px 74px 130px 56px;
    grid-template-areas: "a b c d";
    margin-inline-start: 24px;
  }
  .b-mtch__frcs-row .b-mtch__frcs {
    height: 32px;
    padding: 0 11px;
    margin: 0 auto;
    width: 100%;
  }
  .b-mtch__frcs-row .b-mtch__frcs.gtaa {
    min-width: 32px;
  }
  @container match-item (max-width: 898.5px) {
    .b-mtch__frcs-row {
      --fz: 14px;
      position: absolute;
      display: flex;
      inset-block-end: 16px;
      inset-inline-start: 0;
      flex: initial;
      width: 100%;
      margin-inline-start: 0;
    }
    @media only screen and (max-width: 480.98px) {
      .b-mtch__frcs-row {
        inset-block-end: 12px;
      }
    }
    .b-mtch__frcs-row .b-mtch__frcs {
      height: 24px;
      padding: 0 8px;
      margin: 0;
      width: fit-content;
      border-radius: var(--rd-6);
    }
    .b-mtch__frcs-row .b-mtch__frcs.gtaa {
      min-width: 24px;
    }
    .b-mtch__frcs-row .b-mtch__frcs.gtad > span > span {
      display: inline;
    }
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__frcs-row {
    display: flex;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__frcs-row {
      gap: 4px;
    }
  }
  .b-mtch__frcs-row .b-mtch__frcs {
    height: 24px;
    padding: 0 6px;
    border-radius: var(--rd-6);
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__frcs-row .b-mtch__frcs {
      --fz: 10px;
      font-weight: 600;
      height: 16px;
      padding: 0 4px;
      border-radius: var(--rd-4);
    }
  }
  .b-mtch__frcs-row .b-mtch__frcs.gtaa {
    gap: 6px;
    min-width: 24px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__frcs-row .b-mtch__frcs.gtaa {
      min-width: 20px;
      gap: 2px;
    }
  }
  .b-mtch__frcs-row .b-mtch__frcs.gtaa > i {
    --icon-w: 14px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__frcs-row .b-mtch__frcs.gtaa > i {
      --icon-w: 12px;
    }
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__frcs-row.home {
    inset-inline-end: 12px;
  }
}
.b-mtch__frcs {
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-lightgrey);
  color: var(--color-black);
  border-radius: var(--rd-12);
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__frcs {
    border-radius: var(--rd-8);
  }
}
.b-mtch__frcs.gtaa {
  grid-area: a;
  cursor: help;
  transition: background-color 0.2s ease;
  gap: 6px;
}
.b-mtch__frcs.gtaa > i {
  --icon-w: 18px;
}
.b-mtch__frcs.gtaa.link {
  cursor: pointer;
}
@container match-item (max-width: 898.5px) {
  .b-mtch__frcs.gtaa.sk__line {
    width: 36px;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__frcs.gtaa.sk__line {
    width: 28px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__frcs.gtaa.sk__line {
    width: 20px;
  }
}
.b-mtch__frcs.gtab {
  grid-area: b;
  cursor: pointer;
}
@container match-item (max-width: 898.5px) {
  .b-mtch__frcs.gtab.sk__line {
    width: 60px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__frcs.gtab.sk__line {
    width: 32px;
  }
}
.b-mtch__frcs.gtac {
  grid-area: c;
  cursor: pointer;
}
@container match-item (max-width: 898.5px) {
  .b-mtch__frcs.gtac.sk__line {
    width: 100px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__frcs.gtac.sk__line {
    width: 60px;
  }
}
.b-mtch__frcs.gtad {
  grid-area: d;
  gap: 6px;
  cursor: pointer;
  background-color: var(--color-red-pale);
  color: var(--color-hover);
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__frcs.gtad {
    gap: 4px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__frcs.gtad {
    gap: 2px;
  }
  .b-mtch__frcs.gtad i.icon-gift {
    --icon-w: 10px;
  }
}
@container match-item (max-width: 898.5px) {
  .b-mtch__frcs.gtad.sk__line {
    width: 60px;
  }
}
.b-mtch__frcs.gtad > span > span {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__frcs.gtad:hover {
    background-color: var(--color-red-light-alt);
  }
}
.b-mtch__frcs.gtad:active {
  background-color: var(--color-red-light-alt);
}
.b-mtch__frcs.gtaa.link,
.b-mtch__frcs.gtab,
.b-mtch__frcs.gtac {
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__frcs.gtaa.link:hover,
  .b-mtch__frcs.gtab:hover,
  .b-mtch__frcs.gtac:hover {
    background-color: var(--color-grey2);
  }
}
.b-mtch__frcs.gtaa.link:active,
.b-mtch__frcs.gtab:active,
.b-mtch__frcs.gtac:active {
  background-color: var(--color-grey2);
}
.b-mtch__frcs.l-btn.l-btn--add {
  --fz: 16px;
  gap: 6px;
  width: 160px;
  flex: 0 0 160px;
  margin-inline-start: auto;
  color: var(--color-grey-act);
  background-color: var(--color-lightgrey-alt);
  box-shadow: inset 0 0 0 1px var(--color-grey2);
  height: 32px;
  padding: 0;
}
.b-mtch__frcs.l-btn.l-btn--add > span > span:nth-child(2) {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__frcs.l-btn.l-btn--add:hover {
    background-color: var(--color-bg-lightgrey);
  }
}
.b-mtch__frcs.l-btn.l-btn--add:active {
  background-color: var(--color-bg-lightgrey);
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__frcs.l-btn.l-btn--add {
    --fz: 14px;
    gap: 4px;
    flex: 0 0 60px;
    width: 60px;
  }
  .b-mtch__frcs.l-btn.l-btn--add > span > span:nth-child(1),
  .b-mtch__frcs.l-btn.l-btn--add > span > span:nth-child(2) {
    display: none;
  }
}
.b-mtch__frcs.l-btn.l-btn--add.no-act > * {
  opacity: 0.25;
}
.b-mtch__frcs.l-btn.l-btn--add.no-act {
  box-shadow: inset 0 0 0 1px var(--color-lightgrey-soft);
  background-color: transparent;
  cursor: default;
}
.b-mtch__trnm-lbl {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.b-mtch__trnm-lbl:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-lbl:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mtch__trnm-lbl p {
  --fz: 14px;
}
.b-mtch__trnm-strms {
  --color-link: var(--color-black);
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
  text-align: start;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-strms {
    gap: 8px;
    grid-template-columns: 1fr;
  }
}
.b-mtch__trnm-strms:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__trnm-strms:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-strms:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-mtch__trnm-strms:has(+ .b-mtch__trnm-lbl) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__trnm-strms:has(+ .b-mtch__trnm-lbl) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-strms:has(+ .b-mtch__trnm-lbl) {
    margin-block-end: 12px;
  }
}
.b-mtch__trnm-strms._card {
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-strms._card {
    gap: 12px;
  }
}
.b-mtch__trnm-str {
  background: var(--color-lightgrey2);
  position: relative;
  display: grid;
  align-items: start;
  grid-template-columns: 44px 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "a b" "a c";
  column-gap: 12px;
  row-gap: 2px;
  border-radius: var(--rd-16);
  padding: 16px;
  border: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-str {
    padding: 12px;
    border-radius: var(--rd-12);
  }
}
.b-mtch__trnm-str b {
  --fz: 16px;
  grid-area: b;
  font-weight: 400;
}
.b-mtch__trnm-str b.sk__line {
  width: 60px;
  height: 22px;
}
.b-mtch__trnm-str span {
  --fz: 12px;
  grid-area: c;
  color: var(--color-darkgrey);
}
.b-mtch__trnm-str span.sk__line {
  width: 90px;
  height: 19px;
}
.b-mtch__trnm-str span.wrd-ell {
  word-break: break-all;
}
.b-mtch__trnm-str._ovb {
  background: var(--color-white);
  background-clip: padding-box;
  border-color: transparent;
  z-index: 1;
}
.b-mtch__trnm-str._ovb::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: -1px;
  border-radius: inherit;
  background: var(--gradient-pink-orange);
  opacity: 0.2;
  z-index: -1;
}
.b-mtch__trnm-str._ovb .b-mtch__trnm-str-img {
  z-index: 1;
}
.b-mtch__trnm-str._ovb .b-mtch__trnm-str-img img {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  object-fit: cover;
}
.b-mtch__trnm-str._ovb b,
.b-mtch__trnm-str._ovb span {
  z-index: 1;
}
.b-mtch__trnm-str._ovb div.b-mtch__trnm-str._blur {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border: none;
  pointer-events: none;
  background-color: var(--color-white);
}
.b-mtch__trnm-str._ovb div.b-mtch__trnm-str._blur .b-mtch__trnm-str-img {
  filter: blur(50px);
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-round);
  opacity: 0.8;
}
.b-mtch__trnm-str:has(.b-mtch__trnm-str-odd) {
  grid-template-columns: 44px 1fr 56px;
  grid-template-areas: "a b d" "a c d";
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-str:has(.b-mtch__trnm-str-odd) {
    grid-template-columns: 36px 1fr 52px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__trnm-str._link > a.b-mtch__trnm-str-img:hover ~ a:not([class]):has(> b) {
    color: var(--color-hover);
  }
}
.b-mtch__trnm-str._link > a.b-mtch__trnm-str-img:active ~ a:not([class]):has(> b) {
  color: var(--color-hover);
}
.b-mtch__trnm-str._link > a:not([class]):has(> b) {
  grid-area: b;
  width: fit-content;
}
.b-mtch__trnm-str._link > a.pr-lnk {
  --fz: 14px;
  grid-area: c;
  color: var(--color-grey);
  width: fit-content;
}
.b-mtch__trnm-str._link > a.pr-lnk i {
  --icon-c: var(--color-grey);
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__trnm-str._link > a.pr-lnk:hover {
    color: var(--color-hover);
  }
  .b-mtch__trnm-str._link > a.pr-lnk:hover i {
    --icon-c: var(--color-hover);
  }
}
.b-mtch__trnm-str._link > a.pr-lnk:active {
  color: var(--color-hover);
}
.b-mtch__trnm-str._link > a.pr-lnk:active i {
  --icon-c: var(--color-hover);
}
.b-mtch__trnm-str._link > span.pr-lnk {
  --fz: 14px;
  grid-area: c;
  color: var(--color-grey);
  width: fit-content;
}
.b-mtch__trnm-str._link .b-mtch__trnm-str-odd {
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-mtch__trnm-str._link .b-mtch__trnm-str-odd:hover {
    background-color: var(--color-grey2-h);
  }
}
.b-mtch__trnm-str._link .b-mtch__trnm-str-odd:active {
  background-color: var(--color-grey2-a);
}
.b-mtch__trnm-str._not,
.b-mtch__trnm-str._live,
.b-mtch__trnm-str._err {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  text-align: center;
  border: none;
}
.b-mtch__trnm-str._not span,
.b-mtch__trnm-str._live span,
.b-mtch__trnm-str._err span {
  --fz: 14px;
  color: var(--color-black);
}
.b-mtch__trnm-str._not {
  --fz: 16px;
  background-color: var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-str._not {
    --fz: 14px;
  }
}
.b-mtch__trnm-str._live {
  box-shadow: inset 0 0 0 1px var(--color-green-mid-15-alt);
  background:
    linear-gradient(
      90deg,
      var(--color-white-75) 0%,
      var(--color-white-15) 100%),
    linear-gradient(
      0deg,
      var(--color-white-90) 0%,
      var(--color-white-90) 100%),
    linear-gradient(
      135deg,
      var(--color-green-mid) 0%,
      var(--color-cyan-mid) 100%);
  cursor: pointer;
}
.b-mtch__trnm-str._live b {
  font-weight: 700;
}
.b-mtch__trnm-str._err {
  --fz: 16px;
  background: var(--color-red-pale);
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-str._err {
    --fz: 14px;
  }
}
.b-mtch__trnm-str:has(+ .b-mtch__trnm-lbl) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__trnm-str:has(+ .b-mtch__trnm-lbl) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-str:has(+ .b-mtch__trnm-lbl) {
    margin-block-end: 12px;
  }
}
.b-mtch__trnm-str-img {
  position: relative;
  grid-area: a;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--color-black);
}
.b-mtch__trnm-str-img img {
  width: 100%;
  height: 100%;
  border-radius: var(--rd-round);
}
.b-mtch__trnm-str-img picture {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-round);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.b-mtch__trnm-str-img._ovb img {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  object-fit: cover;
}
.b-mtch__trnm-str-img.sk__line {
  border-radius: var(--rd-round);
}
.b-mtch__trnm-str-img.icon-play {
  --icon-w: 10px;
  --icon-c: var(--color-white);
}
.b-mtch__trnm-str-img.icon-play svg {
  position: absolute;
  inset-block-end: 3px;
  inset-inline-end: 3px;
  z-index: 2;
}
.b-mtch__trnm-str-img.icon-play::after {
  content: "";
  position: absolute;
  inset-block-end: -2px;
  inset-inline-end: -2px;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-white);
  border-radius: var(--rd-round);
  background-color: var(--color-black2);
  z-index: 1;
}
.b-mtch__trnm-str-odd {
  --lh: 1;
  grid-area: d;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-lightgrey);
  height: 44px;
  width: 100%;
  font-weight: 600;
  color: var(--color-black);
  border-radius: var(--rd-12);
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-str-odd {
    --fz: 14px;
    height: 36px;
    border-radius: var(--rd-8);
  }
}
.b-mtch__trnm-str-i {
  --fz: 12px;
  --lh: 1;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  inset-block-start: 16px;
  inset-inline-end: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: var(--rd-5);
  box-shadow: inset 0 0 0 1px var(--color-cyan-light-alt6);
  background: var(--color-cyan-pale-alt4);
  color: var(--color-grey-act);
  cursor: help;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__trnm-str-i {
    inset-block-start: 12px;
    inset-inline-end: 12px;
  }
}
.b-mtch__tips > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__tips > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__tips > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__tips-h {
    padding: 0 12px;
  }
}
.b-mtch__tips-h .l-link--sm {
  --color-link: var(--color-darkgrey);
  display: block;
  width: fit-content;
}
@media only screen and (min-width: 549.98px) {
  .b-mtch__tips-h .l-link--sm {
    --fz: 16px;
  }
}
.b-mtch__tips-h > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__tips-h > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__tips-h > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-mtch__tips-f {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}
.b-mtch__frln.l-crd {
  padding: 0;
}
.b-mtch__frln.l-crd .b-frln__blk {
  padding-block-start: 0;
}
.b-mtch__frln.l-crd .b-frln__head {
  height: initial;
  margin: 0;
  justify-content: space-between;
  gap: 16px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__frln.l-crd .b-frln__head {
    gap: 12px;
  }
}
.b-mtch__frln.l-crd .b-frln__head::before {
  content: none;
}
.b-mtch__frln.l-crd .b-frln__head .l-tab__inner {
  flex-wrap: nowrap;
  padding-block-start: 15px;
  padding-block-end: 15px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__frln.l-crd .b-frln__head .l-tab__inner {
    padding-block-start: 13px;
    padding-block-end: 13px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__frln.l-crd .b-frln__head .l-tab__inner {
    padding-block-start: 10px;
    padding-block-end: 10px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-mtch__frln.l-crd .b-frln__head .l-tab__inner {
    gap: 11px;
  }
}
.b-mtch__frln.l-crd .b-frln__head .l-tab__inner .l-tab__link {
  height: 32px;
  display: flex;
  align-items: center;
}
.b-mtch__frln.l-crd .b-frln__head .l-tab__inner .l-tab__link::before {
  inset-block-end: -15px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__frln.l-crd .b-frln__head .l-tab__inner .l-tab__link::before {
    inset-block-end: -13px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__frln.l-crd .b-frln__head .l-tab__inner .l-tab__link::before {
    inset-block-end: -10px;
  }
}
.b-mtch__frln.l-crd .b-frln__head .l-btn > span.crc-cnt {
  color: var(--color-black2);
}
.b-mtch__bkrt.l-crd {
  padding: 24px 0 0;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__bkrt.l-crd {
    padding: 18px 0 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__bkrt.l-crd {
    padding: 16px 0 0;
  }
}
.b-mtch__bkrt.l-crd .b-bns__cnt {
  padding: 0 12px 24px;
  box-shadow: 0 4px 10px 0 var(--color-blue-darkest-03);
  border-block-end: 1px solid var(--color-lightgrey-alt);
  z-index: 1;
}
.b-mtch__bkrt.l-crd .b-bns__cnt + .b-mtch__fltr {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__bkrt.l-crd .b-bns__cnt + .b-mtch__fltr {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__bkrt.l-crd .b-bns__cnt + .b-mtch__fltr {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__bkrt.l-crd .b-bns__cnt {
    padding: 0 6px 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__bkrt.l-crd .b-bns__cnt {
    padding: 0 0 16px;
    margin: 0;
  }
}
.b-mtch__bkrt.l-crd .b-mtch__fltr {
  position: relative;
  z-index: 1;
}
.b-mtch__bkrt.l-crd .b-mtch__fltr:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__bkrt.l-crd .b-mtch__fltr:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-mtch__bkrt.l-crd .b-mtch__fltr .l-fltr {
  flex-wrap: wrap;
  padding: 0;
}
.b-mtch__bkrt.l-crd .b-mtch__fltr .l-fltr .l-fltr__item.l-fltr__item--wbft {
  flex: initial;
}
.b-mtch__bkrt.l-crd .b-bk__optn {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__bkrt.l-crd .b-bk__optn {
    margin-block-end: 16px;
  }
}
.b-mtch__cntp {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__cntp {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__cntp {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.b-mtch__ttmb {
  display: none;
  margin-inline-end: 24px;
  flex: 0 0 85px;
}
@container match-item (max-width: 597.5px) {
  .b-mtch__ttmb {
    flex: 0 0 69px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__ttmb {
      margin-inline-end: 12px;
      flex: 0 0 63px;
    }
  }
  .b-mtch__ttmb .b-mtch__counts {
    gap: 8px;
  }
  .b-mtch__ttmb .b-mtch__counts .b-mtch__count:not(.mvlr).mobl:first-child {
    margin: 0;
  }
  .b-mtch__ttmb .b-mtch__counts .b-mtch__count.srvng.mobl > span.srvng {
    margin: 0;
  }
  .b-mtch__ttmb .b-mtch__counts .b-mtch__count:not(.mvlr).gme {
    margin: 0;
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__ttmb:not(._stream) {
    display: block;
  }
}
.b-mtch__ttmb._stream {
  display: block;
}
.b-mtch__ttmb:not(:last-child) {
  margin-inline-end: 24px;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__ttmb:not(:last-child) {
    margin-inline-end: 12px;
  }
}
.b-mtch__ttmb .b-mtch__count:not(.mvlr):last-child:first-child {
  margin: 0;
}
.b-mtch__strm-hdr {
  background-color: var(--color-white);
  border-radius: var(--rd-20) var(--rd-20) 0 0;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-hdr {
    border-radius: 0;
  }
}
.b-mtch__strm-hdr:has(.b-mtch__strm-top) {
  margin-block-end: 0;
}
.b-mtch__strm-hdr + .b-mtch__day.l-crd {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
.b-mtch__strm-hdr + .b-mtch__day.l-crd > .l-btn.l-btn--ltl.l-btn--black:not(:first-child) {
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-hdr + .b-mtch__day.l-crd > .l-btn.l-btn--ltl.l-btn--black:not(:first-child) {
    margin-block-start: 12px;
  }
}
.b-mtch__strm-hdr .l-tab.l-tab--bdac.scroll-esm {
  margin: 0;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (min-width: 549.98px) {
  .b-mtch__strm-hdr .l-tab.l-tab--bdac.scroll-esm .l-tab__inner {
    padding: 20px 24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-mtch__strm-hdr .l-tab.l-tab--bdac.scroll-esm .l-tab__inner {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-hdr .l-tab.l-tab--bdac.scroll-esm .l-tab__inner {
    width: 100%;
    margin: 0;
  }
}
.b-mtch__strm-top {
  --color-link: var(--color-darkgrey);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px 24px;
  border-radius: inherit;
  border: 1px solid color-mix(in srgb, var(--color-white) 88%, var(--bk-app-color, var(--color-indigo)));
  overflow: hidden;
  z-index: 1;
  container-name: strm-top;
  container-type: inline-size;
}
@media only screen and (max-width: 767.98px) {
  .b-mtch__strm-top {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-top {
    padding: 12px;
    gap: 12px;
  }
}
.b-mtch__strm-top-i {
  display: flex;
  gap: 1px;
}
.b-mtch__strm-top-fltr > .l-slct {
  margin-block-end: 12px;
}
.b-mtch__strm-top-fltr > .l-slct .l-slct__head {
  width: fit-content;
}
@container strm-top (max-width: 680.5px) {
  .b-mtch__strm-top-fltr > .l-slct .l-slct__head {
    width: 100%;
  }
}
@container strm-top (max-width: 680.5px) {
  .b-mtch__strm-top-fltr {
    width: 100%;
  }
}
.b-mtch__strm-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    url(/images3/common/mtch-strm-lines.svg) 100% 50%/auto 100% no-repeat,
    url(/images3/common/mtch-strm-waves.svg) 87% -256px/1636px 1500px no-repeat,
    url(/images3/common/mtch-strm-circle.svg) 85% 20%/56% auto no-repeat,
    color-mix(in srgb, var(--color-white) 80%, var(--bk-app-color, var(--color-indigo)));
  background-blend-mode: overlay;
  z-index: -1;
}
@media only screen and (max-width: 480.98px) {
  .b-mtch__strm-bg {
    background:
      url(/images3/common/mtch-strm-lines-esm.svg) 100% 50%/auto 100% no-repeat,
      url(/images3/common/mtch-strm-waves.svg) calc(100% + 270px) -300px/1636px 1500px no-repeat,
      url(/images3/common/mtch-strm-circle.svg) calc(100% + 10px) 20%/56% auto no-repeat,
      color-mix(in srgb, var(--color-white) 80%, var(--bk-app-color, var(--color-indigo)));
  }
}
.b-mtch__strm-itm {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 80px;
  padding-block: 12px 12px;
  padding-inline: 16px 24px;
  border-radius: var(--rd-16);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-itm {
    padding: 8px 12px;
    border-radius: var(--rd-12);
  }
}
.b-mtch__strm-itm > span {
  --fz: 12px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-block-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-itm > span {
    --fz: 10px;
    margin-block-end: 2px;
  }
}
.b-mtch__strm-itm b {
  --fz: 14px;
  color: var(--color-black);
  margin-block-end: 2px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-itm b {
    --fz: 12px;
  }
}
.b-mtch__strm-itm b span {
  --fz: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-itm b span {
    --fz: 16px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-mtch__strm-itm b span {
    --fz: 13px;
  }
}
.b-mtch__strm-itm div {
  --fz: 14px;
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-itm div {
    --fz: 12px;
  }
}
.b-mtch__strm-itm + .b-mtch__strm-itm::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -1px;
  height: calc(100% - 28px);
  width: 1px;
  background-color: color-mix(in srgb, var(--color-white) 88%, var(--bk-app-color, var(--color-indigo)));
  translate: 0 -50%;
  transition: opacity 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-mtch__strm-itm + .b-mtch__strm-itm::before {
    height: calc(100% - 8px);
  }
}
.b-mtch__strm-itm + .b-mtch__strm-itm.active:before {
  opacity: 0;
}
.b-mtch__strm-itm.no-link {
  cursor: default;
  color: var(--color-darkgrey);
}
.b-mtch__strm-itm.active {
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 88%, var(--bk-app-color, var(--color-indigo)));
}
.b-mtch__strm-itm.active + .b-mtch__strm-itm:before {
  opacity: 0;
}
.b-mtch__strm-srs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 200px;
  z-index: 1;
}
@container strm-top (max-width: 680.5px) {
  .b-mtch__strm-srs {
    width: 100%;
  }
  .b-mtch__strm-srs:not(:has(.b-mtch__strm-prm)) {
    display: none;
  }
}
@container strm-top (min-width: 680.5px) {
  .b-mtch__strm-srs {
    margin-block: auto auto;
    margin-inline: auto 0;
    min-height: 68px;
  }
  .b-mtch__strm-srs::before {
    content: "";
    position: absolute;
    inset-block-start: -6px;
    inset-inline-start: 50%;
    translate: -50% 0;
    width: 240px;
    height: 80px;
    border-radius: var(--rd-round);
    filter: blur(25px);
    background-color: var(--color-white);
    z-index: -1;
  }
}
.b-mtch__strm-srs > span {
  --fz: 24px;
  font-weight: 800;
  color: var(--color-black2);
}
@container strm-top (max-width: 680.5px) {
  .b-mtch__strm-srs > span {
    display: none;
  }
}
.b-mtch__strm-srs > picture {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  height: 68px;
}
@container strm-top (max-width: 680.5px) {
  .b-mtch__strm-srs > picture {
    display: none;
  }
}
.b-mtch__strm-srs > picture img {
  height: auto;
  max-height: 100%;
  width: 100%;
}
.b-mtch__strm-prm {
  --fz: 14px;
  --lh: 1;
  position: relative;
  display: flex;
  align-items: center;
  align-self: end;
  width: fit-content;
  gap: 9px;
  background-color: var(--bk-app-color, var(--color-indigo));
  color: var(--color-white);
  height: 24px;
  text-align: center;
  white-space: nowrap;
  border-radius: var(--rd-100);
  overflow: hidden;
  padding-inline-end: 20px;
  transition: initial;
}
@container strm-top (max-width: 680.5px) {
  .b-mtch__strm-prm {
    width: 100%;
  }
}
.b-mtch__strm-prm picture,
.b-mtch__strm-prm i.icon-gift {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  flex: 0 0 24px;
  border-radius: var(--rd-round);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-white) 88%, var(--bk-app-color, var(--color-indigo)));
}
.b-mtch__strm-prm picture img,
.b-mtch__strm-prm i.icon-gift img {
  width: 100%;
  height: 100%;
}
@container strm-top (min-width: 680.5px) {
  .b-mtch__strm-prm picture {
    display: none;
  }
}
.b-mtch__strm-prm i {
  --icon-w: 14px;
}
.b-mtch__strm-prm i.icon-arrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 3px;
  translate: 0 -50%;
  rotate: -90deg;
}
.b-mtch__strm-prm i.icon-gift {
  background-color: var(--bk-app-color, var(--color-indigo));
}
@container strm-top (max-width: 680.5px) {
  .b-mtch__strm-prm i.icon-gift {
    display: none;
  }
}
.b-mtch__strm-prm > div {
  width: 100%;
}
.b-mtch__ttfr {
  display: flex;
  align-items: center;
}
@container match-item (min-width: 597.5px) {
  .b-mtch__ttfr {
    flex: 0 0 616px;
  }
  @container match-item (max-width: 898.5px) {
    .b-mtch__ttfr {
      flex: 0 0 250px;
    }
  }
}
@container match-item (max-width: 597.5px) {
  .b-mtch__ttfr {
    grid-column-end: 5;
    grid-column-start: 1;
    flex-wrap: wrap;
    flex: initial;
    width: 100%;
    gap: 12px;
  }
  @media only screen and (max-width: 480.98px) {
    .b-mtch__ttfr {
      gap: 8px;
    }
  }
}
.b-frln.odds2-view .l-brdc {
  padding: 0 12px;
}
.b-frln .ovb-timezone {
  margin-inline-start: auto;
}
.b-frln .ovb-timezone .l-btn.l-btn--g.l-btn--ltl {
  padding: 0 8px;
  border-radius: var(--rd-8);
  height: 28px;
}
@media only screen and (max-width: 549.98px) {
  .b-frln .ovb-timezone .l-btn.l-btn--g.l-btn--ltl {
    --fz: 14px;
  }
}
.b-frln > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frln > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frln > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-frln .b-blog__head .l-tab.l-tab--btns > .l-slct {
  padding: 0;
}
@media only screen and (min-width: 549.98px) {
  .b-frln .b-blog__head .l-tab.l-tab--btns > .l-slct {
    inset-block-start: 20px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-frln .b-blog__head .l-tab.l-tab--btns > .l-slct {
    inset-block-start: 16px;
  }
}
.b-frln .b-blog__head .l-tab__inner.odds2-sports.hide-dbl-el .slct-dbl {
  display: none;
}
.b-frln .b-blog__head .b-blog__head-i .l-tab.l-tab--bdac.odds2-intervals .l-tab__link {
  --lh: 1.75;
}
.b-frln > .b-art__i .l-crd.card__advice {
  --color-link: var(--color-black);
}
@media only screen and (min-width: 549.98px) {
  .b-frln > .b-art__i .l-crd.card__advice .l-link--sm {
    --fz: 16px;
  }
}
.b-frln__blk {
  background-color: var(--color-white);
  padding: 20px 0 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frln__blk {
    padding: 16px 0 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frln__blk {
    padding: 12px 0 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-frln__blk {
    border-radius: var(--rd-20);
  }
}
.b-frln__blk > * {
  padding: 0 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-frln__blk > * {
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frln__blk > * {
    padding: 0 12px;
  }
}
.b-frln__head {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 24px;
  overflow: hidden;
}
.b-frln__head:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-frln__head:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-frln__head::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  width: 100px;
  height: 24px;
  transform: translate(0, -50%);
  background:
    linear-gradient(
      90deg,
      transparent -50%,
      var(--color-white) 50%);
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-frln__head::before {
    width: 90px;
  }
}
.b-frln__head i {
  position: absolute;
  display: flex;
  cursor: pointer;
  inset-block-start: 50%;
  inset-inline-end: 24px;
  width: 24px;
  height: 24px;
  transform: translate(0, -50%);
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .b-frln__head i {
    inset-inline-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frln__head i {
    inset-inline-end: 12px;
  }
}
.b-frln__head .l-brdc {
  margin-block-end: 0;
}
.b-frln__row {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 42px 1fr repeat(8, 48px);
  text-align: center;
  column-gap: 28px;
}
.b-frln__row:nth-child(2) {
  padding-block-start: 10px;
  padding-block-end: 10px;
  border-block-start: 1px solid var(--color-addgrey);
  border-block-end: 1px solid var(--color-addgrey);
  margin-block-end: 8px;
}
.b-frln__row:nth-child(n+3):not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-frln__row:nth-child(n+3):not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-frln__row:nth-child(n+3) .b-frln__item:not(:nth-child(2)) span {
  display: inline-block;
}
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(1),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(9),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(10) {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(9) {
  align-items: center;
}
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(9) span {
  padding: 5px 0;
}
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(3),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(4),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(5),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(6),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(7),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(8),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(9),
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(10) {
  justify-self: center;
}
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(3) > span,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(3) > .b-frln__bx,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(4) > span,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(4) > .b-frln__bx,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(5) > span,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(5) > .b-frln__bx,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(6) > span,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(6) > .b-frln__bx,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(7) > span,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(7) > .b-frln__bx,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(8) > span,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(8) > .b-frln__bx,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(9) > span,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(9) > .b-frln__bx,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(10) > span,
.b-frln__row:nth-child(n+3) .b-frln__item:nth-child(10) > .b-frln__bx {
  width: fit-content;
  min-width: 48px;
}
@media only screen and (max-width: 1440px) {
  .b-frln__row {
    column-gap: 16px;
  }
}
@media only screen and (max-width: 1279.98px) {
  .b-frln__row {
    grid-template-columns: 42px 1fr repeat(6, 48px);
    column-gap: 12px;
  }
  .b-frln__row:nth-child(2) .b-frln__item:nth-child(9),
  .b-frln__row:nth-child(2) .b-frln__item:nth-child(10),
  .b-frln__row:nth-child(n+3) .b-frln__item:nth-child(9),
  .b-frln__row:nth-child(n+3) .b-frln__item:nth-child(10) {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-frln__row {
    grid-template-columns: 42px 1fr repeat(3, 48px);
  }
  .b-frln__row:nth-child(2) .b-frln__item:nth-child(6),
  .b-frln__row:nth-child(2) .b-frln__item:nth-child(7),
  .b-frln__row:nth-child(2) .b-frln__item:nth-child(8),
  .b-frln__row:nth-child(n+3) .b-frln__item:nth-child(6),
  .b-frln__row:nth-child(n+3) .b-frln__item:nth-child(7),
  .b-frln__row:nth-child(n+3) .b-frln__item:nth-child(8) {
    display: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-frln__row {
    grid-template-columns: 1fr repeat(3, 48px);
  }
  .b-frln__row:nth-child(2) .b-frln__item:nth-child(1) {
    display: none;
  }
  .b-frln__row:nth-child(n+3) {
    padding-block-start: 16px;
  }
  .b-frln__row:nth-child(n+3) .b-frln__item:nth-child(1) {
    --fz: 12px;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 12px;
    flex-direction: row;
  }
  .b-frln__row:nth-child(n+3) .b-frln__item:nth-child(1) span:first-child {
    margin-inline-end: 4px;
  }
  .b-frln__row:nth-child(n+3) .b-frln__item:nth-child(1) span:first-child::after {
    content: ",";
  }
}
.b-frln__row.b-frln__row--sp19 {
  grid-template-columns: 42px 1fr;
}
@media only screen and (max-width: 549.98px) {
  .b-frln__row.b-frln__row--sp19 {
    grid-template-columns: 1fr;
  }
}
.b-frln__item:nth-child(2) {
  --color-link: var(--color-black);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 24px;
  margin-inline-start: -12px;
  text-align: start;
}
@media only screen and (max-width: 1440px) {
  .b-frln__item:nth-child(2) {
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 1279.98px) {
  .b-frln__item:nth-child(2) {
    column-gap: 12px;
  }
}
.b-frln__item:nth-child(2) > span {
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .b-frln__item:nth-child(2) > span {
    --fz: 12px;
    position: absolute;
    inset-block-start: -20px;
    inset-inline-end: -34px;
  }
}
.b-frln__item.loading .b-frln__bx span span {
  animation: btnLoading 60s linear infinite;
  background:
    repeating-linear-gradient(
      60deg,
      var(--color-bg-lightgrey) 5px,
      var(--color-white) 0,
      var(--color-bg-lightgrey) 25px) 0 0/23px;
}
.b-frln__link {
  width: fit-content;
  word-break: break-all;
}
.b-frln__ppv {
  --fz: 14px;
}
.b-frln__ppv ol {
  margin-inline-start: 0;
}
.b-frln__ppv ol li::before {
  width: auto;
  content: counters(item, "") " ";
  padding-inline-end: 8px;
}
.b-frln__bx {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  cursor: pointer;
  color: var(--color-black);
  transition: color 0.2s ease;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-frln__bx {
    padding: 13px 0;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-frln__bx:hover > span {
    border-color: transparent;
  }
}
.b-frln__bx:active > span {
  border-color: transparent;
}
.b-frln__bx.active {
  color: var(--color-white);
}
.b-frln__bx.active > span {
  border-color: transparent;
}
.b-frln__bx.active > span > span {
  background-color: transparent;
}
.b-frln__bx span {
  display: inline-block;
}
.b-frln__bx > span {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-12);
  border: 1px solid var(--color-addgrey);
  background-origin: border-box;
  overflow: hidden;
  transition: border-color 0.2s ease;
  z-index: -1;
}
.b-frln__bx > span > span {
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
}
.b-lolt {
  --fz: 20px;
  --color-link: var(--color-blue-alt5);
  margin: 0 auto;
  color: var(--color-lightgrey2);
}
@media only screen and (max-width: 549.98px) {
  .b-lolt {
    --fz: 16px;
    padding: 16px 12px 0;
  }
}
.b-lolt .grn {
  color: var(--color-green-deep-alt);
}
.b-lolt > *:not(:last-child) {
  margin-block-end: 48px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt > *:not(:last-child) {
    margin-block-end: 40px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt > *:not(:last-child) {
    margin-block-end: 32px;
  }
}
.b-lolt:not(.b-lolt--mnw) {
  display: flex;
  flex-direction: column;
  max-width: 1059px;
}
.b-lolt:not(.b-lolt--mnw) > .l-link--sm {
  width: fit-content;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt:not(.b-lolt--mnw) > .l-link--sm {
    margin-block-end: 18px;
  }
}
.b-lolt.b-lolt--mnw {
  max-width: 774px;
}
.b-lolt b,
.b-lolt .l-ttl--big {
  font-weight: 800;
}
.b-lolt .l-ttl--big {
  color: var(--color-lightgrey2);
}
.b-lolt .l-btn {
  --fz: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-blue-mid);
  border-radius: var(--rd-100);
  padding: 12px 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt .l-btn {
    --fz: 16px;
    padding: 14px 24px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-lolt .l-btn:hover {
    background-color: var(--color-cyan-deep);
  }
}
.b-lolt .l-btn:active {
  background-color: var(--color-cyan-deep);
}
.b-lolt .l-link--sm {
  --fz: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt .l-link--sm {
    --fz: 16px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-lolt--home .b-lolt__bg--b,
  .b-lolt--home .b-lolt__bg--g {
    display: none;
  }
}
.b-lolt--home .b-lolt__bg--g:nth-child(2) {
  inset-block-start: 860px;
  background-position: calc(50% - 70px) 50%;
}
.b-lolt--home .b-lolt__bg--b:nth-child(3) {
  inset-block-start: 1498px;
  background-position: calc(50% + 50px) 50%;
}
.b-lolt--home .b-lolt__bg--g:nth-child(4) {
  inset-block-start: 1975px;
}
.b-lolt__bg {
  position: absolute;
  inset-inline-start: 50%;
  transform: translate(-50%, 0);
  overflow: hidden;
  z-index: -1;
}
.b-lolt__bg:not(:last-child) {
  margin: 0;
}
.b-lolt__bg:not(.b-lolt__bg--g):not(.b-lolt__bg--b) {
  inset-block-start: -120px;
  width: 2388px;
  padding-block-end: 1676px;
}
@media only screen and (max-width: 2388px) {
  .b-lolt__bg:not(.b-lolt__bg--g):not(.b-lolt__bg--b) {
    width: 100vw;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__bg:not(.b-lolt__bg--g):not(.b-lolt__bg--b) {
    padding-block-end: 1114px;
    inset-block-start: -90px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__bg:not(.b-lolt__bg--g):not(.b-lolt__bg--b) {
    inset-block-start: -75px;
  }
}
.b-lolt__bg:not(.b-lolt__bg--g):not(.b-lolt__bg--b)::before {
  width: 2388px;
  padding-block-end: 1676px;
  background: url(/images3/loyalty2/bg.svg) calc(50% + 70px) 50%/2388px 1676px no-repeat;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__bg:not(.b-lolt__bg--g):not(.b-lolt__bg--b)::before {
    width: 1821px;
    padding-block-end: 1114px;
    background: url(/images3/loyalty2/bg-sm.svg) calc(50% + 125px) 50%/1821px 1114px no-repeat;
  }
}
.b-lolt__bg::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.b-lolt__bg--g {
  width: 2497px;
  padding-block-end: 1836px;
}
@media only screen and (max-width: 2497px) {
  .b-lolt__bg--g {
    width: 100vw;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__bg--g {
    padding-block-end: 718px;
  }
}
.b-lolt__bg--g::before {
  width: 2497px;
  padding-block-end: 1836px;
  background: url(/images3/loyalty2/bg-g.svg) calc(50% + 70px) 50%/2497px 1836px no-repeat;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__bg--g::before {
    width: 1141px;
    padding-block-end: 718px;
    background: url(/images3/loyalty2/bg-g-sm.svg) 50% 50%/1141px 718px no-repeat;
  }
}
.b-lolt__bg--b {
  width: 1197px;
  padding-block-end: 722px;
  z-index: -3;
}
@media only screen and (max-width: 1197px) {
  .b-lolt__bg--b {
    width: 100vw;
  }
}
.b-lolt__bg--b::before {
  width: 1197px;
  padding-block-end: 722px;
  background: url(/images3/loyalty2/bg-b-sm.svg) 50% 50%/1197px 722px no-repeat;
}
.b-lolt__crd {
  padding: 24px;
  border-radius: var(--rd-30);
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__crd {
    padding: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd {
    padding: 16px;
    border-radius: var(--rd-20);
  }
}
.b-lolt__crd :first-child {
  grid-area: a;
}
.b-lolt__crd :nth-child(2) {
  grid-area: b;
}
.b-lolt__crd :nth-child(3) {
  grid-area: c;
}
.b-lolt__crd :nth-child(4) {
  grid-area: d;
}
.b-lolt__crd :nth-child(5) {
  grid-area: e;
}
.b-lolt__crd:not(.b-lolt__crd--err):not(.b-lolt__crd--que) {
  background-color: var(--color-lightgrey2);
  color: var(--color-black);
}
.b-lolt__crd:not(.b-lolt__crd--err):not(.b-lolt__crd--que) .l-ttl--big {
  color: var(--color-black);
}
.b-lolt__crd.b-lolt__crd--err {
  background-color: var(--color-bg-dark);
  border: 1px solid var(--color-darkred);
}
.b-lolt__crd.b-lolt__crd--err > *:not(:last-child) {
  margin-block-end: 12px;
}
.b-lolt__crd.b-lolt__crd--que {
  background-color: var(--color-bg-dark);
  border: 1px solid var(--color-darkgrey);
  padding: 0;
}
.b-lolt__crd.b-lolt__crd--que .l-grid .b-art__i {
  grid-area: initial;
}
.b-lolt__crd.b-lolt__crd--swp._score {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 24px;
  row-gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd.b-lolt__crd--swp._score {
    row-gap: 2px;
    column-gap: 12px;
  }
}
.b-lolt__crd.b-lolt__crd--swp._score .l-cat__row {
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd.b-lolt__crd--swp._score .l-cat__row {
    gap: 2px;
  }
}
.b-lolt__crd.b-lolt__crd--swp._score .l-cat__row b {
  --fz: 36px;
  font-weight: 800;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd.b-lolt__crd--swp._score .l-cat__row b {
    --fz: 28px;
  }
}
.b-lolt__crd.b-lolt__crd--swp > h3 {
  --fz: 24px;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd.b-lolt__crd--swp > h3 {
    --fz: 20px;
    margin-block-end: 12px;
  }
}
.b-lolt__crd.b-lolt__crd--swp b {
  --fz: 24px;
  display: block;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd.b-lolt__crd--swp b {
    --fz: 20px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-lolt__crd.b-lolt__crd--swp b {
    --fz: 19px;
  }
}
.b-lolt__crd.b-lolt__crd--swp > b {
  margin-block-start: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd.b-lolt__crd--swp > b {
    margin-block-start: 2px;
  }
}
.b-lolt__crd.b-lolt__crd--swp .l-cat__row {
  --color-link: var(--color-blue-mid);
  margin-block-start: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd.b-lolt__crd--swp .l-cat__row {
    margin-block-start: 2px;
    gap: 8px;
  }
}
.b-lolt__crd.b-lolt__crd--swp .l-btn:disabled {
  background-color: var(--color-blue-soft-alt4);
}
.b-lolt__crd.b-lolt__crd--swp .l-btn {
  flex: 0 0 260px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__crd.b-lolt__crd--swp .l-btn {
    flex: 0 0 200px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crd.b-lolt__crd--swp .l-btn {
    flex: 0 0 100%;
    width: 100%;
    height: 48px;
  }
}
.b-lolt__lbl {
  --lh: 1;
  --fz: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-weight: 600;
  padding-block: 0 0;
  padding-inline: 12px 8px;
  height: 28px;
  border-radius: var(--rd-100);
  color: var(--color-white);
  background: var(--color-bg-dark);
  white-space: nowrap;
  width: fit-content;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__lbl {
    position: absolute;
    inset-block-start: 16px;
    inset-inline-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__lbl {
    --fz: 14px;
    height: 24px;
    padding-block: 0 0;
    padding-inline: 10px 6px;
  }
}
.b-lolt__lbl i.icon-faq {
  --icon-w: 14px;
  --icon-c: var(--color-grey-darkest-alt4);
  filter: invert(1);
  cursor: help;
}
.b-lolt__lbl._active {
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt2) 0%,
      var(--color-blue-alt2) 100%);
  padding: 0 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__lbl._active {
    padding: 0 10px;
  }
}
.b-lolt__head {
  display: flex;
  column-gap: 60px;
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__head {
    row-gap: 24px;
  }
}
@media only screen and (max-width: 991.98px) {
  .b-lolt__head {
    column-gap: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__head {
    flex-direction: column-reverse;
  }
}
.b-lolt__head .l-ttl--big {
  --fz: 52px;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__head .l-ttl--big {
    --fz: 42px;
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__head .l-ttl--big {
    --fz: 36px;
    margin-block-end: 8px;
  }
}
.b-lolt__head .b-lolt__body > a {
  display: block;
  width: fit-content;
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__head .b-lolt__body > a {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__head .b-lolt__body > a {
    margin-block-start: 8px;
  }
}
.b-lolt__head .b-lolt__crd {
  --color-link: var(--color-blue-mid);
  display: grid;
  align-items: center;
  height: min-content;
  grid-template-columns: 1fr;
  grid-template-areas: "a" "b" "d" "e";
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__head .b-lolt__crd {
    flex: 0 0 324px;
    justify-content: center;
    text-align: center;
    align-self: center;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .b-lolt__head .b-lolt__crd {
    flex: 0 0 250px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__head .b-lolt__crd > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__head .b-lolt__crd {
    --color-link: var(--color-black);
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "a d" "c d";
    margin-block-end: 32px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__head .b-lolt__crd span:not(:last-child) {
    margin-block-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__head .b-lolt__crd span {
    --fz: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__head .b-lolt__crd > b {
    display: none;
  }
}
.b-lolt__head .b-lolt__crd b {
  --fz: 36px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__head .b-lolt__crd b {
    --fz: 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__head .b-lolt__crd b {
    --fz: 28px;
  }
}
.b-lolt__head .b-lolt__crd .l-btn {
  width: 100%;
  height: 58px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__head .b-lolt__crd .l-btn {
    height: 55px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__head .b-lolt__crd > div:not(.sk__line) {
    display: none;
  }
}
.b-lolt__head .b-lolt__crd .l-link--sm {
  width: fit-content;
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__head .b-lolt__crd > .l-link--sm {
    display: none;
  }
}
.b-lolt__earn > .l-ttl--big,
.b-lolt__spnd > .l-ttl--big,
.b-lolt__que > .l-ttl--big,
.b-lolt__rls > .l-ttl--big {
  --fz: 36px;
  margin-block-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__earn > .l-ttl--big,
  .b-lolt__spnd > .l-ttl--big,
  .b-lolt__que > .l-ttl--big,
  .b-lolt__rls > .l-ttl--big {
    --fz: 32px;
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn > .l-ttl--big,
  .b-lolt__spnd > .l-ttl--big,
  .b-lolt__que > .l-ttl--big,
  .b-lolt__rls > .l-ttl--big {
    --fz: 28px;
    margin-block-end: 8px;
  }
}
.b-lolt__earn > .l-ttl--big + .b-lolt__crds,
.b-lolt__earn > p + .b-lolt__crds,
.b-lolt__spnd > .l-ttl--big + .b-lolt__crds,
.b-lolt__spnd > p + .b-lolt__crds,
.b-lolt__que > .l-ttl--big + .b-lolt__crds,
.b-lolt__que > p + .b-lolt__crds,
.b-lolt__rls > .l-ttl--big + .b-lolt__crds,
.b-lolt__rls > p + .b-lolt__crds {
  margin-block-start: 32px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__earn > .l-ttl--big + .b-lolt__crds,
  .b-lolt__earn > p + .b-lolt__crds,
  .b-lolt__spnd > .l-ttl--big + .b-lolt__crds,
  .b-lolt__spnd > p + .b-lolt__crds,
  .b-lolt__que > .l-ttl--big + .b-lolt__crds,
  .b-lolt__que > p + .b-lolt__crds,
  .b-lolt__rls > .l-ttl--big + .b-lolt__crds,
  .b-lolt__rls > p + .b-lolt__crds {
    margin-block-start: 26px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn > .l-ttl--big + .b-lolt__crds,
  .b-lolt__earn > p + .b-lolt__crds,
  .b-lolt__spnd > .l-ttl--big + .b-lolt__crds,
  .b-lolt__spnd > p + .b-lolt__crds,
  .b-lolt__que > .l-ttl--big + .b-lolt__crds,
  .b-lolt__que > p + .b-lolt__crds,
  .b-lolt__rls > .l-ttl--big + .b-lolt__crds,
  .b-lolt__rls > p + .b-lolt__crds {
    margin-block-start: 20px;
  }
}
.b-lolt__earn {
  position: relative;
}
.b-lolt__earn .b-lolt__crds {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn .b-lolt__crds {
    grid-template-columns: repeat(auto-fit, minmax(296px, 1fr));
  }
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd {
  position: relative;
  display: grid;
  grid-template-columns: 86px 1fr;
  grid-template-areas: "a b" "c c";
  column-gap: 24px;
  row-gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd {
    grid-template-columns: 64px 1fr;
    column-gap: 16px;
    row-gap: 12px;
  }
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd .l-ttl--big {
  height: fit-content;
  margin: auto 0;
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__img {
  background:
    linear-gradient(
      90deg,
      var(--color-blue-soft-alt2) 0%,
      var(--color-cyan) 100%);
  height: 86px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__img {
    height: 64px;
  }
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__img img {
  max-width: 46px;
  max-height: 46px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__img img {
    max-width: 34px;
    max-height: 34px;
  }
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt {
  --color-link: var(--color-blue-mid);
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt > *:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt > div {
  display: flex;
  column-gap: 24px;
  row-gap: 12px;
}
@media only screen and (max-width: 991.98px) and (min-width: 767.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt > div {
    flex-direction: column;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt > div {
    column-gap: 16px;
    row-gap: 8px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt > div {
    flex-direction: column;
  }
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt a {
  display: inline-flex;
  align-items: center;
}
.b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt .l-soal__item {
  --social-w: 24px;
  --social-rd: 7px;
  display: inline-flex;
  margin-inline-end: 6px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd .b-lolt__cntt .l-soal__item {
    --social-w: 20px;
    --social-rd: 6px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__earn .b-lolt__crds .b-lolt__crd:has(.b-lolt__lbl) {
    grid-template-areas: "a b" "c c" "d d";
  }
}
.b-lolt__crds {
  display: grid;
  gap: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__crds {
    gap: 20px;
  }
}
.b-lolt__img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-round);
}
.b-lolt .b-lolt__spnd .b-lolt__crds .b-lolt__crd {
  display: flex;
}
.b-lolt__spnd {
  position: relative;
}
.b-lolt__spnd .b-lolt__crds {
  grid-template-columns: repeat(auto-fit, minmax(337px, 1fr));
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__spnd .b-lolt__crds {
    grid-template-columns: repeat(auto-fit, minmax(296px, 1fr));
  }
}
.b-lolt__spnd .b-lolt__crds .b-lolt__crd {
  flex-direction: column;
  row-gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__spnd .b-lolt__crds .b-lolt__crd {
    row-gap: 12px;
  }
}
.b-lolt__spnd .b-lolt__crds .b-lolt__crd .b-lolt__img img {
  height: 88px;
  width: 88px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__spnd .b-lolt__crds .b-lolt__crd .b-lolt__img img {
    height: 72px;
    width: 72px;
  }
}
.b-lolt__spnd .b-lolt__crds .b-lolt__crd .l-btn {
  margin-block-start: auto;
  height: 58px;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__spnd .b-lolt__crds .b-lolt__crd .l-btn {
    height: 48px;
  }
}
.b-lolt__que {
  position: relative;
}
.b-lolt__que .b-lolt__crd {
  overflow: hidden;
}
.b-lolt__que .l-ttl--h {
  --fz: 20px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  color: var(--color-lightgrey2);
  text-transform: initial;
  transition: background-color 0.2s ease;
  margin: 0;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__que .l-ttl--h {
    --fz: 16px;
    padding: 12px;
  }
}
.b-lolt__que .l-ttl--h + .l-grid {
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__que .l-ttl--h:hover {
    background-color: var(--color-charcoal);
  }
  .b-lolt__que .l-ttl--h:hover + .l-grid {
    background-color: var(--color-charcoal);
  }
  .b-lolt__que .l-ttl--h:hover i.icon-arrow {
    --icon-c: var(--color-white);
  }
}
.b-lolt__que .l-ttl--h:active {
  background-color: var(--color-charcoal);
}
.b-lolt__que .l-ttl--h:active + .l-grid {
  background-color: var(--color-charcoal);
}
.b-lolt__que .l-ttl--h:active i.icon-arrow {
  --icon-c: var(--color-white);
}
.b-lolt__que .l-ttl--h i.icon-arrow {
  rotate: -90deg;
  margin-inline-end: 12px;
  margin-inline-start: 0;
  inset-block-start: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__que .l-ttl--h i.icon-arrow {
    margin-inline-end: 8px;
  }
}
.b-lolt__que .l-ttl--h.open {
  font-weight: 800;
}
.b-lolt__que .l-ttl--h.open i.icon-arrow {
  --icon-c: var(--color-white);
  rotate: -180deg;
}
.b-lolt__que .l-ttl--h.open + .l-grid {
  padding-block-end: 24px;
  padding-inline-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__que .l-ttl--h.open + .l-grid {
    padding-block-end: 18px;
    padding-inline-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__que .l-ttl--h.open + .l-grid {
    padding-block-end: 12px;
    padding-inline-end: 12px;
  }
}
.b-lolt__que .l-grid {
  gap: 0;
  padding-inline-start: 68px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__que .l-grid {
    padding-inline-start: 56px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__que .l-grid {
    padding-inline-start: 44px;
  }
}
.b-lolt__que .l-grid .b-art__i ul,
.b-lolt__que .l-grid .b-art__i ol {
  margin-inline-start: 0;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__que .l-grid .b-art__i ul li:before {
    inset-block-start: 12px;
  }
}
.b-lolt__que .l-grid .b-art__i ul li:before {
  background:
    linear-gradient(
      90deg,
      var(--color-blue-soft-alt2) 0%,
      var(--color-cyan) 100%);
}
.b-lolt__rls:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rls:not(:last-child) {
    margin-block-end: 20px;
  }
}
.b-lolt__rls b {
  font-family: inherit;
}
.b-lolt__rls > h1.l-ttl--big {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rls > h1.l-ttl--big {
    margin-block-end: 16px;
  }
}
.b-lolt__rls .b-lolt__crd {
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__rls .b-lolt__crd {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rls .b-lolt__crd {
    padding: 12px;
  }
}
.b-lolt__rls .b-lolt__crd h2 {
  --fz: 24px;
  font-weight: 800;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rls .b-lolt__crd h2 {
    --fz: 20px;
    margin-block-end: 12px;
  }
}
.b-lolt__rls .b-lolt__crd h2:first-child {
  margin-block-start: 0;
}
.b-lolt .b-lolt__swap > .l-ttl--big,
.b-lolt .b-lolt__hstr > .l-ttl--big {
  --fz: 36px;
  margin-block-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt .b-lolt__swap > .l-ttl--big,
  .b-lolt .b-lolt__hstr > .l-ttl--big {
    --fz: 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt .b-lolt__swap > .l-ttl--big,
  .b-lolt .b-lolt__hstr > .l-ttl--big {
    --fz: 28px;
    margin-block-end: 12px;
  }
}
.b-lolt__swap .b-lolt__bg,
.b-lolt__hstr .b-lolt__bg {
  inset-block-start: -25px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__swap .b-lolt__bg,
  .b-lolt__hstr .b-lolt__bg {
    inset-block-start: -15px;
    background-position: calc(50% + 50px) 50%;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__swap .b-lolt__bg,
  .b-lolt__hstr .b-lolt__bg {
    inset-block-start: -3px;
  }
}
.b-lolt__row {
  display: flex;
  gap: 20px;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__row {
    align-items: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__row {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.b-lolt__lst {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--rd-20);
}
.b-lolt__lst:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__lst:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__lst:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__lst {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__lst {
    border-radius: 0;
    border-inline-end: none;
    border-inline-start: none;
    margin-inline: -16px;
    width: calc(100% + 32px);
  }
  .b-lolt__lst::-webkit-scrollbar {
    display: none;
  }
}
.b-lolt__lst > .b-lolt__lst-rw {
  --fz: 16px;
  padding: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__lst > .b-lolt__lst-rw {
    --fz: 12px;
    padding: 12px 16px;
  }
}
.b-lolt__lst > .b-lolt__lst-rw._checked > div > span:nth-child(2) {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__lst > .b-lolt__lst-rw:not(._checked) > div > span:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__lst > .b-lolt__lst-rw:not(._checked) > div > span:nth-child(1) {
    display: none;
  }
}
.b-lolt__lst-inr {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__lst-inr {
    padding: 0 16px;
  }
}
.b-lolt__lst-inr > .b-lolt__lst-rw {
  --fz: 20px;
  padding: 16px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__lst-inr > .b-lolt__lst-rw {
    --fz: 16px;
    padding: 12px 16px;
  }
}
.b-lolt__lst-rw {
  display: flex;
  align-items: center;
  gap: 12px;
}
.b-lolt__lst-rw:not(:last-child) {
  border-block-end: 1px solid var(--color-border);
}
.b-lolt__lst-rw > div:first-child {
  flex: 1 1 180px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__lst-rw > div:first-child {
    flex: 1 1 112px;
  }
}
.b-lolt__lst-rw > div:first-child + div:last-child {
  margin-inline-start: auto;
}
.b-lolt__lst-rw > div:not(:first-child) {
  flex: 1 1 159px;
  text-align: end;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__lst-rw > div:not(:first-child) {
    flex: 1 1 125px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__lst-rw > div:not(:first-child) {
    flex: 1 1 52px;
  }
}
.b-lolt__hstr > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__hstr > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-lolt__hstr > .b-lolt__crd:not(.b-lolt__crd--hst) {
  height: 160px;
  display: grid;
}
.b-lolt__hstr > .b-lolt__crd.b-lolt__crd--swp {
  display: grid;
  height: initial;
  grid-template-columns: 1fr auto;
  grid-template-areas: "a c" "b c";
  align-items: center;
}
.b-lolt__hstr > .b-lolt__crd.b-lolt__crd--swp .l-btn {
  height: 58px;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__hstr > .b-lolt__crd.b-lolt__crd--swp .l-btn {
    padding: 15px 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__hstr > .b-lolt__crd.b-lolt__crd--swp .l-btn {
    height: 48px;
  }
}
.b-lolt__hstr .l-pgn {
  --color-link: var(--color-blue-mid);
}
.b-lolt__slct {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 700px) {
  .b-lolt__slct {
    flex-direction: column;
    gap: 20px;
  }
}
.b-lolt__slct .l-slct {
  flex: 1 1 50%;
  color: var(--color-black);
}
.b-lolt__slct .l-slct__i {
  --fz: 20px;
  border-radius: var(--rd-30);
  height: 58px;
  padding: 0 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__slct .l-slct__i {
    --fz: 16px;
    height: 48px;
    padding: 0 16px;
  }
}
.b-lolt__slct .l-slct__i i.icon-arrow {
  --icon-w: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__slct .l-slct__i i.icon-arrow {
    --icon-w: 18px;
  }
}
.b-lolt__slct .l-slct__i.open i.icon-arrow {
  rotate: 180deg;
}
.b-lolt__rowt {
  display: grid;
  grid-template-columns: 120px 1fr 90px 65px;
  grid-template-areas: "a b c d";
  column-gap: 16px;
  align-items: center;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__rowt {
    grid-template-columns: 1fr 90px 65px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rowt {
    grid-template-columns: 1fr 65px 50px;
    column-gap: 12px;
  }
}
.b-lolt__rowt:first-child {
  padding: 0 16px 12px;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__rowt:first-child {
    grid-template-areas: "b c d";
    padding: 0 20px 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rowt:first-child {
    padding: 0 16px 12px;
  }
}
.b-lolt__rowt:first-child span {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rowt:first-child span {
    --fz: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__rowt:first-child span:nth-child(2) {
    margin-inline-start: -20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rowt:first-child span:nth-child(2) {
    margin-inline-start: -16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__rowt:first-child span:nth-child(3),
  .b-lolt__rowt:first-child span:nth-child(4) {
    margin-inline-end: -20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rowt:first-child span:nth-child(3),
  .b-lolt__rowt:first-child span:nth-child(4) {
    margin-inline-end: -16px;
  }
}
.b-lolt__rowt:nth-child(2n+3) {
  background-color: var(--color-lightgrey);
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__rowt:nth-child(2n+3) {
    border-radius: var(--rd-100);
  }
}
.b-lolt__rowt:not(:first-child) {
  min-height: 58px;
  padding: 8px 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__rowt:not(:first-child) {
    grid-template-rows: auto auto;
    grid-template-areas: "a c d" "b c d";
    margin: 0 -20px;
    padding: 12px 20px;
    row-gap: 4px;
    min-height: 82px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rowt:not(:first-child) {
    margin: 0 -16px;
    padding: 12px 16px;
    min-height: 72px;
  }
}
.b-lolt__rowt > span {
  --color-link: var(--color-darkgrey);
}
.b-lolt__rowt > span > span > i {
  --icon-w: 20px;
  position: relative;
  inset-block-start: 2px;
  display: inline-flex;
  margin-inline-start: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rowt > span > span > i {
    --icon-w: 16px;
    margin-inline-start: 2px;
    inset-block-start: 3px;
  }
}
.b-lolt__rowt > span:nth-child(3),
.b-lolt__rowt > span:nth-child(4) {
  text-align: end;
}
.b-lolt__rowt > span > div {
  --fz: 16px;
  margin-block-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__rowt > span > div {
    margin-block-start: 4px;
  }
}
.b-lolt__rowt > span > div > .l-link--sm {
  --fz: 16px;
}
.b-lolt__back {
  display: block;
  width: fit-content;
}
.b-lolt__back:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__back:not(:last-child) {
    margin-block-end: 20px;
  }
}
.b-lolt__exch {
  gap: 16px;
}
.b-lolt__exch:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__exch {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    margin-inline: -16px;
    padding: 0 16px;
    gap: 8px;
    max-width: calc(100dvw - 24px);
    overscroll-behavior-x: none;
  }
  .b-lolt__exch::-webkit-scrollbar {
    display: none;
  }
}
.b-lolt__exch .b-lolt__exch-itm {
  grid-area: initial;
}
.b-lolt__exch-itm {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: var(--color-grey-light-alt9);
  border-radius: var(--rd-20);
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch-itm {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-itm {
    padding: 12px;
    border-radius: var(--rd-12);
    flex: 0 0 136px;
  }
}
.b-lolt__exch-itm picture {
  display: flex;
  width: 48px;
  height: 48px;
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-itm picture {
    width: 32px;
    height: 32px;
    margin-block-end: 8px;
  }
}
.b-lolt__exch-itm picture img {
  width: 100%;
  height: 100%;
}
.b-lolt__exch-itm div {
  --fz: 20px;
  margin-block-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-itm div {
    --fz: 16px;
    margin-block-end: 2px;
  }
}
.b-lolt__exch-itm span {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-itm span {
    --fz: 12px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__exch-itm:hover {
    background-color: var(--color-blue-pale-alt2);
  }
}
.b-lolt__exch-itm:active {
  background-color: var(--color-blue-pale-alt2);
}
.b-lolt__exch-itm.active {
  box-shadow: inset 0 0 0 2px var(--color-blue-mid);
  background-color: var(--color-blue-pale-alt2);
}
.b-lolt__sub {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__sub {
    border: 1px solid var(--color-border);
    border-radius: var(--rd-20);
    padding: 16px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-lolt__sub {
    border-radius: var(--rd-16);
  }
}
.b-lolt__sub .b-lolt__sub-info + .l-btn.l-btn--f.l-btn--b {
  flex: initial;
  height: 60px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__sub .b-lolt__sub-info + .l-btn.l-btn--f.l-btn--b {
    height: 48px;
  }
}
.b-lolt__sub-info {
  display: flex;
  gap: 24px;
  padding-block-end: 16px;
  margin-block-end: 16px;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__sub-info {
    flex-direction: column;
    gap: 12px;
  }
}
.b-lolt__sub-info > div {
  display: flex;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__sub-info > div {
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__sub-info > div {
    gap: 12px;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__sub-info > div:not(:last-child) {
    gap: 4px;
  }
}
.b-lolt__sub-info > div:not(:last-child) span.grey {
  --fz: 16px;
}
.b-lolt__sub-info > div:not(:last-child) span:not(.grey) {
  --fz: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__sub-info > div:not(:last-child) span:not(.grey) {
    --fz: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__sub-info > div:last-child {
    margin-inline-start: auto;
    text-align: end;
  }
}
.b-lolt__sub-info > div:last-child span.grey {
  --fz: 20px;
}
.b-lolt__sub-info > div:last-child span:not(.grey) {
  --fz: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__sub-info > div:last-child span:not(.grey) {
    --fz: 20px;
  }
}
.b-lolt__sub-info > div:last-child span:not(.grey).b800 {
  font-weight: 800;
}
.b-lolt__exch-mdl {
  padding: 0;
}
.b-lolt__exch-mdl .grn {
  color: var(--color-green-deep-alt);
}
.b-lolt__exch-mdl .l-tab.l-tab--bdac {
  overflow: initial;
}
.b-lolt__exch-mdl .l-tab.l-tab--bdac .l-tab__inner {
  padding: 16px 24px;
  border-block-start: 1px solid var(--color-border);
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch-mdl .l-tab.l-tab--bdac .l-tab__inner {
    padding: 14px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-mdl .l-tab.l-tab--bdac .l-tab__inner {
    padding: 12px;
  }
}
.b-lolt__exch-mdl .l-tab.l-tab--bdac .l-tab__link:before {
  inset-block-end: -16px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch-mdl .l-tab.l-tab--bdac .l-tab__link:before {
    inset-block-end: -14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-mdl .l-tab.l-tab--bdac .l-tab__link:before {
    inset-block-end: -12px;
  }
}
.b-lolt__exch-hdr {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "a c" "b c";
  gap: 4px;
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch-hdr {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-hdr {
    padding: 12px;
  }
}
.b-lolt__exch-hdr > span:nth-child(1) {
  --fz: 14px;
  grid-area: a;
  opacity: 0.8;
}
.b-lolt__exch-hdr > span:nth-child(2) {
  --fz: 28px;
  grid-area: b;
  font-weight: 700;
}
.b-lolt__exch-hdr > span:nth-child(2) sub {
  --fz: 14px;
}
.b-lolt__exch-hdr .l-tab.l-tab--btns {
  grid-area: c;
}
.b-lolt__exch-hdr .l-tab.l-tab--btns .l-tab__inner {
  gap: 8px;
}
.b-lolt__exch-frm {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch-frm {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-frm {
    padding: 12px;
  }
}
.b-lolt__exch-frm .b-lolt__exch {
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-frm .b-lolt__exch {
    margin-inline: -12px;
    padding: 0 12px;
    width: calc(100% + 24px);
    max-width: initial;
  }
  .b-lolt__exch-frm .b-lolt__exch:not(:last-child) {
    margin-block-end: 20px;
  }
}
.b-lolt__exch-frm .b-lolt__exch-itm {
  border-radius: var(--rd-12);
}
.b-lolt__exch-frm .b-lolt__exch-itm picture {
  width: 32px;
  height: 32px;
}
.b-lolt__exch-frm .b-lolt__exch-itm div {
  --fz: 16px;
  margin-block-end: 2px;
}
.b-lolt__exch-frm .b-lolt__exch-itm span {
  --fz: 14px;
}
@media only screen and (min-width: 767.98px) {
  .b-lolt__exch-frm .b-lolt__exch-itm:hover {
    background-color: var(--color-grey2);
  }
}
.b-lolt__exch-frm .b-lolt__exch-itm:active {
  background-color: var(--color-grey2);
}
.b-lolt__exch-frm .b-lolt__exch-itm.active {
  box-shadow: inset 0 0 0 1px var(--color-pink);
  background-color: var(--color-red-pale-alt3);
}
.b-lolt__exch-frm .l-inpt__form {
  flex: 0 0 fit-content;
}
.b-lolt__exch-frm .l-inpt__form:has(+ .f-error):not(:last-child) {
  margin-block-end: 12px;
}
.b-lolt__exch-frm .l-btn.l-btn--b {
  --fz: 16px;
}
.b-lolt__exch-btm {
  display: flex;
  padding: 24px;
  margin: auto -24px 0;
  width: calc(100% + 48px);
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__exch-btm {
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch-btm {
    padding: 18px 18px 24px;
    margin: auto -18px 0;
    width: calc(100% + 36px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-btm {
    padding: 12px 12px 20px;
    margin: auto -12px 0;
    width: calc(100% + 24px);
    flex-direction: column;
    gap: 8px;
  }
}
.b-lolt__exch-btm > div {
  display: flex;
}
@media only screen and (min-width: 549.98px) {
  .b-lolt__exch-btm > div {
    flex-direction: column;
    gap: 4px;
  }
  .b-lolt__exch-btm > div:nth-child(2) {
    text-align: end;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-btm > div {
    align-items: flex-start;
    justify-content: space-between;
  }
}
.b-lolt__exch-btm > div span.grey {
  --fz: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-btm > div span.grey {
    --fz: 16px;
  }
}
.b-lolt__exch-btm > div b {
  --fz: 20px;
}
.b-lolt__exch-list {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch-list {
    padding-block: 18px 18px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-list {
    padding-block: 12px 12px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-lolt__exch-list::-webkit-scrollbar {
  display: block;
}
.b-lolt__exch-list::-webkit-scrollbar-button {
  display: block;
  height: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-list > span.grey {
    --fz: 14px;
  }
}
.b-lolt__exch-litm {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm {
    gap: 8px;
  }
}
.b-lolt__exch-litm:not(:last-child) {
  margin-block-end: 32px;
}
@media only screen and (max-width: 767.98px) {
  .b-lolt__exch-litm:not(:last-child) {
    margin-block-end: 28px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm:not(:last-child) {
    margin-block-end: 24px;
  }
}
.b-lolt__exch-litm .l-inf__i {
  --color-link: var(--color-darkgrey);
  align-items: flex-start;
  width: 100%;
}
.b-lolt__exch-litm .l-inf__i picture {
  flex: 0 0 44px;
  height: 44px;
  margin-inline-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm .l-inf__i picture {
    flex: 0 0 32px;
    height: 32px;
    margin-inline-end: 8px;
  }
}
.b-lolt__exch-litm .l-inf__i picture img {
  width: 100%;
  height: 100%;
}
.b-lolt__exch-litm .l-inf__i picture.sk__line {
  border-radius: var(--rd-round);
}
.b-lolt__exch-litm .l-inf__i .l-usr {
  width: 100%;
}
.b-lolt__exch-litm .l-inf__i .l-usr div.sk__line {
  width: 80px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm .l-inf__i .l-usr div.sk__line {
    width: 70px;
  }
}
.b-lolt__exch-litm .l-inf__i .l-usr span.sk__line {
  width: 110px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm .l-inf__i .l-usr span.sk__line {
    width: 100px;
  }
}
.b-lolt__exch-litm .l-inf__i .l-usr,
.b-lolt__exch-litm .l-usr {
  display: flex;
  flex-direction: column;
  gap: 4px;
  word-break: initial;
}
.b-lolt__exch-litm .l-inf__i .l-usr div,
.b-lolt__exch-litm .l-usr div {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm .l-inf__i .l-usr div,
  .b-lolt__exch-litm .l-usr div {
    --fz: 14px;
  }
}
.b-lolt__exch-litm .l-inf__i .l-usr div.sk__line,
.b-lolt__exch-litm .l-usr div.sk__line {
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm .l-inf__i .l-usr div.sk__line,
  .b-lolt__exch-litm .l-usr div.sk__line {
    height: 19px;
  }
}
.b-lolt__exch-litm .l-inf__i .l-usr span,
.b-lolt__exch-litm .l-usr span {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm .l-inf__i .l-usr span,
  .b-lolt__exch-litm .l-usr span {
    --fz: 12px;
  }
}
.b-lolt__exch-litm .l-inf__i .l-usr span.sk__line,
.b-lolt__exch-litm .l-usr span.sk__line {
  height: 19px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm .l-inf__i .l-usr span.sk__line,
  .b-lolt__exch-litm .l-usr span.sk__line {
    height: 17px;
  }
}
.b-lolt__exch-litm > .l-usr {
  text-align: end;
  white-space: nowrap;
}
.b-lolt__exch-litm > .l-usr > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.b-lolt__exch-litm > .l-usr > div.sk__line {
  width: 90px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm > .l-usr > div.sk__line {
    width: 80px;
  }
}
.b-lolt__exch-litm > .l-usr span.sk__line {
  margin-inline-start: auto;
  width: 80px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm > .l-usr span.sk__line {
    width: 70px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-litm > .l-usr i.icon-clock-stroke {
    --icon-w: 14px;
  }
}
.b-lolt__exch-cns {
  --fz: 14px;
  --lh: 1.42857;
  display: inline-block;
  height: 20px;
  padding: 0 6px;
  border-radius: var(--rd-6);
  margin-inline-start: 8px;
  background-color: var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-cns {
    --fz: 12px;
    --lh: 1.33333;
    height: 16px;
    padding: 0 4px;
    border-radius: var(--rd-4);
    margin-inline-start: 6px;
  }
}
.b-lolt__exch-inf {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--color-darkgrey);
  border-radius: var(--rd-16);
  background-color: var(--color-lightgrey);
  padding: 16px;
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-inf {
    --fz: 14px;
    padding: 12px;
    gap: 8px;
    border-radius: var(--rd-12);
  }
}
.b-lolt__exch-inf .icon-faq {
  --icon-w: 20px;
  opacity: 0.6;
}
@media only screen and (max-width: 549.98px) {
  .b-lolt__exch-inf .icon-faq {
    --icon-w: 16px;
  }
}
.b-art:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art:not(:last-child) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-art--s .b-art__cntt {
  max-width: 822px;
}
@media only screen and (max-width: 991.98px) {
  .b-art--s .b-art__cntt {
    margin: 0 auto;
  }
}
.b-art--s .b-art__cntt:not(:last-child) {
  margin-block-end: 0;
}
.b-art--s .b-art__cntt .l-ttl2 {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-art--s .b-art__cntt .l-ttl2 {
    margin-block-end: 12px;
  }
}
.b-art--s .b-art__i > *:last-child {
  margin-block-end: 0;
}
.b-art--lbl .b-art__t {
  position: relative;
  flex-direction: column;
}
.b-art--lbl .l-more {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  height: 22px;
  background-color: var(--color-white);
  z-index: 1;
}
.b-art--mtvw-all .b-art__cntt:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art--mtvw-all .b-art__cntt:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art--mtvw-all .b-art__cntt:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-art--mtvw-review .b-art__t.mtch,
.b-art--mtvw-tips .b-art__t.mtch,
.b-art--mtvw-tables .b-art__t.mtch,
.b-art--mtvw-results .b-art__t.mtch {
  margin-block-end: 0;
}
.b-art--mtvw-review .b-art__cntt,
.b-art--mtvw-tips .b-art__cntt,
.b-art--mtvw-tables .b-art__cntt,
.b-art--mtvw-results .b-art__cntt {
  padding-block-end: 0;
  border-end-start-radius: 0 !important;
  border-end-end-radius: 0 !important;
}
.b-art--mtvw-review .l-crd,
.b-art--mtvw-tips .l-crd,
.b-art--mtvw-tables .l-crd,
.b-art--mtvw-results .l-crd {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.b-art--mtvw-tables .b-mtch__fltr.tbl--addt,
.b-art--mtvw-all .b-mtch__fltr.tbl--addt {
  padding: 0;
}
.b-art--mtvw-tables .l-crd.l-mttb__table,
.b-art--mtvw-all .l-crd.l-mttb__table {
  margin-inline: -24px;
  padding-block: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table,
  .b-art--mtvw-all .l-crd.l-mttb__table {
    margin-inline: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table,
  .b-art--mtvw-all .l-crd.l-mttb__table {
    margin-inline: -12px;
  }
}
.b-art--mtvw-tables .l-crd.l-mttb__table:not(:last-child),
.b-art--mtvw-all .l-crd.l-mttb__table:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 767.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table:not(:last-child),
  .b-art--mtvw-all .l-crd.l-mttb__table:not(:last-child) {
    margin-block-end: 4px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table:not(:last-child),
  .b-art--mtvw-all .l-crd.l-mttb__table:not(:last-child) {
    margin-block-end: 0;
  }
}
.b-art--mtvw-tables .l-crd.l-mttb__table:last-child,
.b-art--mtvw-all .l-crd.l-mttb__table:last-child {
  margin-block-end: -24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table:last-child,
  .b-art--mtvw-all .l-crd.l-mttb__table:last-child {
    margin-block-end: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table:last-child,
  .b-art--mtvw-all .l-crd.l-mttb__table:last-child {
    margin-block-end: -12px;
  }
}
.b-art--mtvw-tables .l-crd.l-mttb__table + .l-mttb__table,
.b-art--mtvw-all .l-crd.l-mttb__table + .l-mttb__table {
  padding-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table + .l-mttb__table,
  .b-art--mtvw-all .l-crd.l-mttb__table + .l-mttb__table {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table + .l-mttb__table,
  .b-art--mtvw-all .l-crd.l-mttb__table + .l-mttb__table {
    padding-block-start: 12px;
  }
}
.b-art--mtvw-tables .l-crd.l-mttb__table + .l-mttb__table::before,
.b-art--mtvw-all .l-crd.l-mttb__table + .l-mttb__table::before {
  content: "";
  display: block;
  border-block-start: 1px solid var(--color-lightgrey);
  width: calc(100% - 24px);
  translate: 12px -20px;
}
@media only screen and (max-width: 767.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table + .l-mttb__table::before,
  .b-art--mtvw-all .l-crd.l-mttb__table + .l-mttb__table::before {
    width: calc(100% - 16px);
    translate: 8px -16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art--mtvw-tables .l-crd.l-mttb__table + .l-mttb__table::before,
  .b-art--mtvw-all .l-crd.l-mttb__table + .l-mttb__table::before {
    width: calc(100% - 8px);
    translate: 4px -12px;
  }
}
.b-art._v2 ~ *:not(:has(.b-cmnt)) > .l-crd,
.b-art._v2 ~ *:not(:has(.b-cmnt)) .l-flr__i,
.b-art._v2 ~ *:not(:has(.b-cmnt)) {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
.b-art._v2 ~ *:not(:has(.b-cmnt)) > .l-crd .l-flr__txt,
.b-art._v2 ~ *:not(:has(.b-cmnt)) .l-flr__i .l-flr__txt,
.b-art._v2 ~ *:not(:has(.b-cmnt)) .l-flr__txt {
  border-start-end-radius: 0;
}
.b-art._v2:not(:has(+ * .b-cmnt)),
.b-art._v2:not(:has(+ * .b-cmnt)) .b-art__cntt,
.b-art._v2 ~ *:not(:has(+ * .b-cmnt)) .l-flr__i,
.b-art._v2 ~ *:not(:has(+ * .b-cmnt)) > .l-crd,
.b-art._v2 ~ *:not(:has(+ * .b-cmnt)) {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  margin-block-end: 0;
}
.b-art._v2:not(:has(+ * .b-cmnt)) .l-flr__txt,
.b-art._v2:not(:has(+ * .b-cmnt)) .b-art__cntt .l-flr__txt,
.b-art._v2 ~ *:not(:has(+ * .b-cmnt)) .l-flr__i .l-flr__txt,
.b-art._v2 ~ *:not(:has(+ * .b-cmnt)) > .l-crd .l-flr__txt,
.b-art._v2 ~ *:not(:has(+ * .b-cmnt)) .l-flr__txt {
  border-end-end-radius: 0;
}
.b-art._v2 ~ *:has(.b-cmnt) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art._v2 ~ *:has(.b-cmnt) {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art._v2 ~ *:has(.b-cmnt) {
    margin-block-start: 16px;
  }
}
.b-art:not(._v2):has(+ .l-crd._user.l-post__user) {
  margin-block-end: 0;
}
.b-art:not(._v2):has(+ .l-crd._user.l-post__user) > *:last-child {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.b-art:not(._v2):has(+ .l-crd._user.l-post__user) + .l-crd._user.l-post__user {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
.b-art:not(._v2):has(> .l-crd._user.l-post__user) > *:has(+ .l-crd._user.l-post__user) {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  margin-block-end: 0;
}
.b-art:not(._v2):has(> .l-crd._user.l-post__user) > .l-crd._user.l-post__user {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
.b-art__ttl {
  --fz: 24px;
  font-weight: 700;
  padding: 0;
  word-wrap: break-word;
}
.b-art__ttl:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__ttl:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-art__ttl:has(+ .l-more__dt l-cat__row):not(:last-child) {
  margin-block-end: 8px;
}
.b-art__t {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-block-end: 8px;
}
.b-art__t .l-brdc {
  margin-block-end: 0;
  overflow: hidden;
  max-width: 100%;
}
.b-art__t + .b-art__i {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__t + .b-art__i {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__t + .b-art__i {
    margin-block-start: 16px;
  }
}
.b-art__t.mtch {
  flex-direction: column;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__t.mtch {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__t.mtch {
    margin-block-end: 16px;
  }
}
.b-art__t.mtch .l-more {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}
.b-art__t.prvw {
  flex-direction: column;
}
.b-art__t.prvw .l-more {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}
.b-art__t.prvw:has(+ .ttl.b-art__ttl) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__t.prvw:has(+ .ttl.b-art__ttl) {
    margin-block-end: 12px;
  }
}
.b-art__up {
  color: var(--color-darkgrey);
  margin-block-end: 8px;
}
.b-art__cntt {
  position: relative;
  padding: 24px;
  background-color: var(--color-white);
  border-radius: var(--rd-20);
  z-index: 4;
}
@media only screen and (max-width: 767.98px) {
  .b-art__cntt {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__cntt {
    padding: 12px;
    border-radius: var(--rd-16);
  }
}
.b-art__cntt .l-flr:not(.l-flr--top) .l-flr__i:not(.inside_preview) {
  margin: 0;
  width: 100%;
}
.b-art__cntt > div.b-art__i ul li::before {
  border: 1px solid var(--color-addgrey);
  background: var(--color-white);
}
.b-art__cntt > div.b-art__i ul li a + span.grey {
  margin-inline-start: 5px;
}
@media only screen and (min-width: 549.98px) {
  .b-art__cntt .l-av {
    --av-wh: 36px;
    --av-fz: 16px;
  }
}
.b-art__l {
  margin-block-end: 24px;
  display: block;
}
.b-art__null {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 24px;
  color: var(--color-darkgrey);
}
.b-art__null i.icon-post-null {
  --icon-w: 64px;
  margin-block-end: 12px;
}
.b-art__trn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.b-art__trn > div.green + .l-bkic__row,
.b-art__trn > div.grey + .l-bkic__row {
  margin-block-start: 12px;
  justify-content: center;
}
.b-art__trn > div.green + div.grey,
.b-art__trn > div.grey + div.grey {
  margin-block-start: 4px;
}
.b-art__trn > div.green + .l-tmr,
.b-art__trn > div.grey + .l-tmr {
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__trn > div.green + .l-tmr,
  .b-art__trn > div.grey + .l-tmr {
    margin-block-start: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__trn > div.green,
  .b-art__trn > div.grey {
    --fz: 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__trn > .l-btn {
    width: 100%;
  }
}
.b-art__trn > picture:not(.l-av__img):not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__trn > picture:not(.l-av__img):not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__trn > picture:not(.l-av__img):not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__trn > picture:not(.l-av__img) {
    width: 98px;
    height: 92px;
  }
}
.b-art__trn > picture:not(.l-av__img).complete {
  width: 142px;
  height: 132px;
}
.b-art__trn > picture:not(.l-av__img).undefined {
  width: 138px;
  height: 129px;
}
.b-art__trn > picture:not(.l-av__img) img {
  border-radius: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.b-art__trn .b-art__trn:not(:first-child) {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__trn .b-art__trn:not(:first-child) {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__trn .b-art__trn:not(:first-child) {
    margin-block-start: 12px;
  }
}
.b-art__tips {
  --color-link: var(--color-black);
}
.b-art__tips:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__tips:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__tips:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-art__tips > *:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__tips > *:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-art__tips-i {
  display: block;
  width: fit-content;
  border: 1px solid var(--color-addgrey-70);
  border-radius: var(--rd-16);
  background-color: var(--color-lightgrey2);
  padding: 12px 16px;
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-art__tips-i {
    --fz: 14px;
    padding: 8px 12px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-art__tips-i:hover {
    box-shadow: 0 2px 10px var(--color-grey-soft-30);
  }
}
.b-art__tips-i:active {
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
}
.b-art__tips-i > div:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__tips-i > div:not(:last-child) {
    margin-block-end: 4px;
  }
}
.b-art__tips-i.b-art__tips-i--trns {
  padding: 12px;
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
  cursor: pointer;
}
.b-art__tips-i.b-art__tips-i--trns > .b-mtch__item {
  padding: 0;
  border: none;
  gap: 12px;
}
.b-art__tips-i.b-art__tips-i--trns .b-mtch__trns {
  margin-inline-end: 0;
}
.b-art__tips-l {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__tips-l {
    --fz: 14px;
  }
}
.b-art__tips-l .l-link--sm {
  --fz: inherit;
}
.b-art__tips-l span.grey {
  margin-inline-start: 4px;
}
.b-art__rem {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__rem {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__rem {
    position: fixed;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 100%;
    background: var(--color-white);
    margin-block-end: 0;
    padding: 0 8px 8px;
    translate: 0 125%;
    transition: translate 0.4s ease;
    z-index: 10;
  }
  .b-art__rem::before {
    content: "";
    position: absolute;
    inset-block-start: -16px;
    inset-inline-start: 0;
    height: 16px;
    width: 100%;
    background:
      linear-gradient(
        180deg,
        transparent 0%,
        var(--color-white) 100%);
  }
  .b-art__rem.show {
    translate: 0 0;
  }
  .b-art__rem.closed .b-art__rem-i {
    mix-blend-mode: luminosity;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-art__rem.nobg .b-art__rem-i {
    padding: 0;
    background-color: initial;
  }
}
.b-art__rem-i {
  display: flex;
  gap: 16px;
  background-color: var(--color-lightgrey);
  padding: 16px;
  border-radius: var(--rd-20);
  width: fit-content;
}
@media only screen and (min-width: 549.98px) {
  .b-art__rem-i {
    align-items: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__rem-i {
    flex-direction: column;
    width: 100%;
    background: url(/images3/bg2/bonus-promo-bg.svg) -230px -350px/1200px 1080px no-repeat, var(--bk-bns-clr, var(--color-addgrey));
    background-blend-mode: soft-light;
    padding: 12px;
    gap: 12px;
    border-radius: var(--rd-16);
  }
}
.b-art__rem-i > span {
  display: block;
  width: 100%;
  text-align: center;
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-art__rem-i > span {
    border-block-end: 1px solid var(--color-white-20);
    color: var(--color-white);
    padding-block-end: 10px;
  }
}
.b-art__rem-btns {
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__rem-btns {
    flex-wrap: wrap;
    width: 100%;
  }
}
.b-art__rem-btns .l-btn {
  --fz: 16px;
  gap: 8px;
  padding-block: 0 0;
  padding-inline: 20px 38px;
  transition: background-color 0.2s ease;
  border-radius: var(--rd-16);
}
@media only screen and (min-width: 549.98px) {
  .b-art__rem-btns .l-btn i {
    --icon-c: var(--color-white);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__rem-btns .l-btn {
    width: 100%;
    padding-block: 0 0;
    padding-inline: 12px 16px;
    background-color: var(--color-white);
    color: var(--color-black);
    border-radius: var(--rd-12);
  }
  .b-art__rem-btns .l-btn:active {
    background-color: var(--color-white-75);
    color: var(--color-black);
  }
  .b-art__rem-btns .l-btn:has(.icon-gift) {
    flex: 0 0 calc(50% - 6px);
  }
  .b-art__rem-btns .l-btn:has(.icon-gift) + .l-btn {
    flex: 0 0 calc(50% - 6px);
  }
}
.b-art__rem-btns .l-btn i.icon-arrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 14px;
  translate: 0 -50%;
}
.b-art__rem-btns .l-btn i.icon-arrow svg {
  rotate: -90deg;
}
.b-art__rem-btns .l-slct {
  width: 100%;
}
.b-art__rem-code {
  --fz: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  cursor: pointer;
  border: 1px dashed var(--color-black);
  border-radius: var(--rd-16);
  height: 44px;
  color: var(--color-black);
  padding-block: 0 0;
  padding-inline: 24px 20px;
  transition: opacity 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-art__rem-code {
    border-radius: var(--rd-12);
    width: 100%;
    padding-block: 0 0;
    padding-inline: 16px 12px;
    border-color: var(--color-white);
    color: var(--color-white);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-art__rem-code:hover {
    opacity: 0.75;
  }
}
.b-art__rem-code:active {
  opacity: 0.75;
}
.b-art__rem-code i.icon-copy {
  --icon-c: var(--color-black);
  --icon-w: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__rem-code i.icon-copy {
    --icon-c: var(--color-white);
    opacity: 0.8;
  }
}
.b-art__mttp.b-art {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-art__mttp.b-art {
    padding-block: 18px 18px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__mttp.b-art {
    padding-block: 12px 12px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-art__mttp.b-art::-webkit-scrollbar {
  display: block;
}
.b-art__mttp.b-art::-webkit-scrollbar-button {
  display: block;
  height: 4px;
}
.b-art__mttp.b-art .l-tips__time {
  --fz: 14px;
  order: 1;
  flex: 0 0 90px;
  white-space: nowrap;
}
.b-art__mttp.b-art .l-tips__info {
  margin-inline-end: 0;
  order: 2;
  flex: 1 1 100%;
}
.b-art__mttp.b-art .l-tips__info-f {
  grid-template-columns: 1fr;
  grid-template-areas: "a" "b";
  background-color: var(--color-lightgrey);
  cursor: default;
}
.b-art__mttp.b-art .l-tips__info-s {
  --fz: 14px;
  flex: 0 0 56px;
}
.b-art__mttp.b-art .l-tips + .l-tips:not(:last-child),
.b-art__mttp.b-art .b-frcs__cards:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__mttp.b-art .l-tips + .l-tips:not(:last-child),
  .b-art__mttp.b-art .b-frcs__cards:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__mttp.b-art .l-tips + .l-tips:not(:last-child),
  .b-art__mttp.b-art .b-frcs__cards:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-art__mtvl-l {
  --fz: 16px;
  --lh: 1.5;
  position: relative;
  display: flex;
  gap: 12px;
  padding: 16px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__mtvl-l {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__mtvl-l {
    padding: 12px;
    gap: 8px;
  }
}
.b-art__mtvl-l:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 68px;
  width: calc(100% - 68px - 24px);
  border-block-end: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 767.98px) {
  .b-art__mtvl-l:not(:last-child)::after {
    inset-inline-start: 62px;
    width: calc(100% - 62px - 18px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__mtvl-l:not(:last-child)::after {
    inset-inline-start: 56px;
    width: calc(100% - 56px - 12px);
  }
}
.b-art__mtvl-l > span {
  align-self: center;
}
.b-art__mtvl-l > i:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: var(--rd-round);
  background: var(--color-cyan-light);
}
.b-art__mtvl-l > i:last-child {
  margin-block-start: 8px;
  margin-inline-start: auto;
  height: 16px;
}
.b-art__mtvl-l > i.icon-arrow svg {
  rotate: -90deg;
}
.b-art .l-flr,
.b-art .l-tgs {
  margin: 24px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-art .l-flr,
  .b-art .l-tgs {
    margin: 20px 0;
  }
}
.b-art__i._cnt_view {
  padding-block-start: 24px;
  border-block-start: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 767.98px) {
  .b-art__i._cnt_view {
    padding-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i._cnt_view {
    padding-block-start: 16px;
  }
}
.b-art__i._cnt_view .ovb-quote {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i._cnt_view .ovb-quote {
    padding: 14px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i._cnt_view .ovb-quote {
    padding: 12px;
  }
}
.b-art__i.b-blog__head-i p,
.b-art__i.b-blog__head-i ul,
.b-art__i.b-blog__head-i ol,
.b-art__i.b-blog__head-i figcaption {
  --fz: 16px;
}
.b-art__i p,
.b-art__i ul,
.b-art__i ol,
.b-art__i h3,
.b-art__i figcaption {
  --lh: 1.5;
}
.b-art__i:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i:not(:last-child) {
    margin-block-end: 20px;
  }
}
.b-art__i > * {
  margin-block-end: 12px;
}
.b-art__i * {
  word-break: break-word;
}
.b-art__i h1,
.b-art__i h2,
.b-art__i h3,
.b-art__i b,
.b-art__i strong {
  font-weight: 700;
}
.b-art__i > p > picture > img {
  max-width: 100%;
  object-fit: contain;
}
.b-art__i .card__quote,
.b-art__i .card__advice,
.b-art__i .card__alert,
.b-art__i .card__ps,
.b-art__i .ovb-quote {
  --lh: 1.5;
  padding: 24px;
  border-radius: var(--rd-16);
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i .card__quote,
  .b-art__i .card__advice,
  .b-art__i .card__alert,
  .b-art__i .card__ps,
  .b-art__i .ovb-quote {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .card__quote,
  .b-art__i .card__advice,
  .b-art__i .card__alert,
  .b-art__i .card__ps,
  .b-art__i .ovb-quote {
    padding: 12px;
  }
}
.b-art__i .card__quote:not(:first-child),
.b-art__i .card__advice:not(:first-child),
.b-art__i .card__alert:not(:first-child),
.b-art__i .card__ps:not(:first-child),
.b-art__i .ovb-quote:not(:first-child) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .card__quote:not(:first-child),
  .b-art__i .card__advice:not(:first-child),
  .b-art__i .card__alert:not(:first-child),
  .b-art__i .card__ps:not(:first-child),
  .b-art__i .ovb-quote:not(:first-child) {
    margin-block-start: 20px;
  }
}
.b-art__i .card__quote:not(:last-child),
.b-art__i .card__advice:not(:last-child),
.b-art__i .card__alert:not(:last-child),
.b-art__i .card__ps:not(:last-child),
.b-art__i .ovb-quote:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .card__quote:not(:last-child),
  .b-art__i .card__advice:not(:last-child),
  .b-art__i .card__alert:not(:last-child),
  .b-art__i .card__ps:not(:last-child),
  .b-art__i .ovb-quote:not(:last-child) {
    margin-block-end: 20px;
  }
}
.b-art__i .card__quote > *:not(:last-child),
.b-art__i .card__advice > *:not(:last-child),
.b-art__i .card__alert > *:not(:last-child),
.b-art__i .card__ps > *:not(:last-child),
.b-art__i .ovb-quote > *:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .card__quote > *:not(:last-child),
  .b-art__i .card__advice > *:not(:last-child),
  .b-art__i .card__alert > *:not(:last-child),
  .b-art__i .card__ps > *:not(:last-child),
  .b-art__i .ovb-quote > *:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-art__i .card__quote.yandex-dzen,
.b-art__i .card__advice.yandex-dzen,
.b-art__i .card__alert.yandex-dzen,
.b-art__i .card__ps.yandex-dzen,
.b-art__i .ovb-quote.yandex-dzen {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 20px;
  padding-block: 16px 16px;
  padding-inline: 16px 24px;
}
.b-art__i .card__quote.yandex-dzen > *,
.b-art__i .card__advice.yandex-dzen > *,
.b-art__i .card__alert.yandex-dzen > *,
.b-art__i .card__ps.yandex-dzen > *,
.b-art__i .ovb-quote.yandex-dzen > * {
  margin-block-end: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i .card__quote.yandex-dzen,
  .b-art__i .card__advice.yandex-dzen,
  .b-art__i .card__alert.yandex-dzen,
  .b-art__i .card__ps.yandex-dzen,
  .b-art__i .ovb-quote.yandex-dzen {
    padding: 16px;
    gap: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .card__quote.yandex-dzen,
  .b-art__i .card__advice.yandex-dzen,
  .b-art__i .card__alert.yandex-dzen,
  .b-art__i .card__ps.yandex-dzen,
  .b-art__i .ovb-quote.yandex-dzen {
    flex-direction: column-reverse;
    justify-content: center;
    text-align: center;
    width: 100%;
    gap: 12px;
    padding: 12px;
  }
}
.b-art__i span.over-promocode {
  --fz: 14px;
  --lh: 1.362;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  padding: 0 5px;
  border-radius: var(--rd-6);
  white-space: nowrap;
  margin-block-end: 0;
  border: 1px dashed var(--color-grey3);
  text-transform: uppercase;
  color: var(--color-black2);
  cursor: pointer;
  background: var(--color-lightgrey-alt);
}
.b-art__i span.over-promocode i.icon-copy {
  --icon-w: 12px;
  margin-inline-start: 4px;
}
.b-art__i i,
.b-art__i em {
  font-family: var(--font-alt), sans-serif;
}
.b-art__i h1 {
  --fz: 24px;
  padding: 0;
}
.b-art__i h1:not(:first-child) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i h1:not(:first-child) {
    margin-block-start: 20px;
  }
}
.b-art__i h2 {
  --fz: 20px;
  padding: 0;
}
.b-art__i h2:not(:first-child) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i h2:not(:first-child) {
    margin-block-start: 20px;
  }
}
.b-art__i h3 {
  --fz: 16px;
}
.b-art__i u {
  text-decoration: none;
  border-block-end: 1px dotted;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .b-art__i u:hover {
    color: var(--color-hover);
    border-block-end: 1px dotted var(--color-hover);
  }
}
.b-art__i u:active {
  color: var(--color-hover);
  border-block-end: 1px dotted var(--color-hover);
}
.b-art__i code,
.b-art__i .over-pen-code {
  background: var(--color-lightgrey2);
  border: 1px solid var(--color-addgrey);
  border-radius: var(--rd-4);
  padding: 0 4px;
  color: var(--color-black);
}
.b-art__i mark {
  background: var(--color-hover);
  color: var(--color-white);
}
.b-art__i ul li:not(:last-child),
.b-art__i ol li:not(:last-child) {
  margin-block-end: 12px;
}
.b-art__i ul li > ul,
.b-art__i ul li > ol,
.b-art__i ol li > ul,
.b-art__i ol li > ol {
  margin-block-start: 12px;
}
.b-art__i > ul > li > ul,
.b-art__i > ol > li > ul {
  position: relative;
}
.b-art__i > ul > li > ol,
.b-art__i > ol > li > ol {
  margin-inline-start: -10px;
}
.b-art__i > ul > li > ol > li:before,
.b-art__i > ol > li > ol > li:before {
  width: 48px;
}
.b-art__i > ul > li > ol > li ol,
.b-art__i > ul > li > ul > li ol,
.b-art__i > ol > li > ol > li ol,
.b-art__i > ol > li > ul > li ol {
  margin-inline-start: -10px;
}
.b-art__i > ul > li > ol > li ol > li:before,
.b-art__i > ul > li > ul > li ol > li:before,
.b-art__i > ol > li > ol > li ol > li:before,
.b-art__i > ol > li > ul > li ol > li:before {
  width: 62px;
}
.b-art__i ul > li {
  position: relative;
  padding-inline-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i ul > li {
    padding-inline-start: 10px;
  }
}
.b-art__i ul > li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 9px;
  width: 4px;
  height: 4px;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-darkgrey);
}
.b-art__i > ul {
  margin-inline-start: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i > ul {
    margin-inline-start: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i > ul {
    margin-inline-start: 8px;
  }
}
.b-art__i ol {
  list-style-type: none;
  counter-reset: item;
}
.b-art__i ol > li {
  display: table;
  counter-increment: item;
}
.b-art__i ol > li:before {
  display: table-cell;
  content: counters(item, ".") ". ";
  padding-inline-end: 12px;
  text-align: end;
  box-sizing: border-box;
  color: var(--color-darkgrey);
  white-space: nowrap;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i ol > li:before {
    padding-inline-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i ol > li:before {
    padding-inline-end: 4px;
  }
}
.b-art__i > ol {
  margin-inline-start: 6px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i > ol {
    margin-inline-start: -2px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i > ol {
    margin-inline-start: -10px;
  }
}
.b-art__i > ol > li::before {
  width: 35px;
}
.b-art__i picture:not(.l-av__img):not(.b-mtch__trnm-str-img) {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.b-art__i picture:not(.l-av__img):not(.b-mtch__trnm-str-img) img {
  border-radius: var(--rd-20);
  border: 1px solid var(--color-grey2);
  max-width: 100%;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.b-art__i figure {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto 24px;
  width: fit-content;
  max-width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i figure {
    width: initial;
  }
}
.b-art__i figure img {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
}
.b-art__i figure figcaption {
  color: var(--color-darkgrey);
  margin-block-start: 12px;
  text-align: center;
}
.b-art__i .card__advice {
  background-color: var(--color-orange-pale);
}
.b-art__i .ovb-quote {
  background-color: var(--color-lightgrey);
}
.b-art__i .card__alert {
  background-color: var(--color-red-pale-alt);
}
.b-art__i .card__quote,
.b-art__i .card__ps {
  border: 1px solid var(--color-grey2);
}
.b-art__i .l-av {
  display: inline-block;
}
.b-art__i > table,
.b-art__i figure.table {
  display: block;
  overflow: hidden;
  border: 1px solid var(--color-addgrey);
  width: fit-content;
  overflow-y: hidden;
  overflow-x: auto;
  overscroll-behavior-x: none;
  margin: 0 0 24px;
}
@media only screen and (min-width: 549.98px) {
  .b-art__i > table,
  .b-art__i figure.table {
    border-radius: var(--rd-16);
    max-width: 100%;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i > table,
  .b-art__i figure.table {
    max-width: calc(100% + 24px);
    width: initial;
    margin: 0 -12px 16px;
    border-inline-start: none;
    border-inline-end: none;
  }
}
.b-art__i > table *,
.b-art__i figure.table * {
  word-break: normal;
}
.b-art__i table {
  border-spacing: 0;
  border-collapse: collapse;
  position: relative;
  width: 100%;
}
.b-art__i table.ps > .ps__rail-x {
  opacity: 0 !important;
}
.b-art__i table p {
  margin-block-start: 0;
}
.b-art__i table caption {
  border-block-end: 1px solid var(--color-addgrey);
  background-color: var(--color-cyan-light-alt);
  padding: 16px;
}
.b-art__i table thead {
  border-block-end: 1px solid var(--color-addgrey);
}
.b-art__i table tbody {
  position: relative;
}
.b-art__i table tbody tr:nth-child(even) td,
.b-art__i table tbody tr:nth-child(even) th {
  background-color: var(--color-grey-pale);
}
.b-art__i table tbody tr:last-of-type th,
.b-art__i table tbody tr:last-of-type td {
  border-block-end: none;
}
.b-art__i table td,
.b-art__i table th {
  position: relative;
  padding: 11px 16px;
  word-break: normal;
}
.b-art__i table td:not(:last-child),
.b-art__i table th:not(:last-child) {
  border-inline-end: 1px solid var(--color-addgrey);
}
.b-art__i table th {
  --fz: 14px;
  --lh: 1.57143;
  white-space: nowrap;
  text-align: start;
  color: var(--color-darkgrey);
}
.b-art__i table td {
  vertical-align: top;
  text-align: start;
}
.b-art__i table td strong {
  white-space: nowrap;
}
.b-art__i .video-wrapper {
  position: relative;
  aspect-ratio: 16/9;
  max-width: 600px;
  width: 100%;
  margin: 0 auto 24px;
}
.b-art__i .video-wrapper:has(iframe, video) {
  background-color: var(--color-black);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper:has(iframe, video) {
    border-radius: var(--rd-12);
  }
}
.b-art__i .video-wrapper:has(iframe, video)::before {
  content: "";
  position: absolute;
  inset-inline-start: calc(50% - 16px);
  inset-block-start: calc(50% - 16px);
  width: 32px;
  height: 32px;
  border: 3px solid transparent;
  border-radius: var(--rd-round);
  border-block-start-color: var(--color-white);
  animation: rotate-turn 0.6s linear infinite;
}
.b-art__i .video-wrapper.video-wrapper--btn {
  aspect-ratio: initial;
}
.b-art__i .video-wrapper.video-wrapper--btns {
  --lh: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 480.98px) {
  .b-art__i .video-wrapper.video-wrapper--btns {
    --fz: 14px;
  }
}
.b-art__i .video-wrapper.video-wrapper--btns > span {
  margin-inline-end: 4px;
}
.b-art__i .video-wrapper.video-wrapper--btns .l-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-color: var(--color-grey2);
  border-radius: var(--rd-12);
}
.b-art__i .video-wrapper.video-wrapper--btns .l-btn.active {
  color: var(--color-white);
  background: initial;
  background-color: var(--color-black2);
  border-color: var(--color-black2);
}
@media (hover: hover) and (min-width: 800px) {
  .b-art__i .video-wrapper.video_youku {
    overflow: hidden;
    padding-block-end: 426px;
    max-width: 757px;
    border-radius: var(--rd-16);
    margin: -59px auto -18px;
    transform: scale(0.8);
  }
}
@media only screen and (hover: hover) and (min-width: 800px) and (max-width: 549.98px) {
  .b-art__i .video-wrapper.video_youku {
    border-radius: var(--rd-12);
  }
}
@media (hover: hover) and (min-width: 800px) {
  .b-art__i .video-wrapper.video_youku iframe {
    inset-block-start: -300px;
    height: 726px;
    width: 757px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-art__i .video-wrapper {
    margin: 0 auto 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper {
    margin: 0 auto 12px;
  }
}
.b-art__i .video-wrapper--card {
  margin: 28px auto;
}
.b-art__i .video-wrapper--tip {
  margin: 28px auto 0;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i .video-wrapper--tip {
    margin: 28px -24px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper--tip {
    margin: 28px -6px 0;
  }
}
.b-art__i .video-wrapper--card-small {
  margin: 20px 120px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i .video-wrapper--card-small {
    margin: 20px -24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper--card-small {
    margin: 8px -12px;
  }
}
.b-art__i .video-wrapper iframe,
.b-art__i .video-wrapper video {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper iframe,
  .b-art__i .video-wrapper video {
    border-radius: var(--rd-12);
  }
}
.b-art__i .video-wrapper__caption {
  --fz: 16px;
  --lh: 1.5;
  margin-block-start: 8px;
  font-family: var(--font-alt), sans-serif;
  color: var(--color-darkgrey);
  position: absolute;
  inset-block-end: -28px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i .video-wrapper__caption {
    --fz: 14px;
    --lh: 1.57143;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper__caption {
    padding: 0 6px;
  }
}
.b-art__i .video-wrapper__text {
  --fz: 14px;
  --lh: 1.57143;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper__text {
    --fz: 12px;
    --lh: 1.66667;
    margin-block-start: 8px;
  }
}
.b-art__i .video-wrapper__text a {
  border-block-end: 1px dashed;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper__text a {
    border-block-end: none;
  }
}
.b-art__i .video-wrapper-rdr {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 20px;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-16);
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i .video-wrapper-rdr {
    padding: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper-rdr {
    --fz: 14px;
    gap: 16px;
    padding: 16px;
    border-radius: var(--rd-12);
  }
}
.b-art__i .video-wrapper-rdr i.icon-alert {
  --icon-w: 100px;
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .video-wrapper-rdr i.icon-alert {
    --icon-w: 72px;
  }
}
.b-art__i .instagram-wrapper {
  display: flex;
  justify-content: center;
}
.b-art__i p > img {
  max-width: 100%;
  height: auto;
}
.b-art__i > *:last-child {
  margin-block-end: 0;
}
.b-art__i .l-inf__i {
  display: inline-block;
  position: relative;
}
.b-art__i .l-inf__i > .l-av {
  --av-wh: 22px;
  --av-fz: 9px;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translate(0, -50%);
  margin-inline-end: 0;
  display: inline-block;
}
.b-art__i .l-inf__i > .l-usr {
  padding-inline-start: 26px;
  display: inline-block;
  font-weight: 700;
}
@media only screen and (min-width: 549.98px) {
  .b-art__i._mobile .card__quote,
  .b-art__i._mobile .card__advice,
  .b-art__i._mobile .card__alert,
  .b-art__i._mobile .card__ps,
  .b-art__i._mobile .ovb-quote {
    padding: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-art__i._mobile .card__quote:not(:last-child),
  .b-art__i._mobile .card__advice:not(:last-child),
  .b-art__i._mobile .card__alert:not(:last-child),
  .b-art__i._mobile .card__ps:not(:last-child),
  .b-art__i._mobile .ovb-quote:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-art__i._mobile .card__quote.yandex-dzen,
  .b-art__i._mobile .card__advice.yandex-dzen,
  .b-art__i._mobile .card__alert.yandex-dzen,
  .b-art__i._mobile .card__ps.yandex-dzen,
  .b-art__i._mobile .ovb-quote.yandex-dzen {
    padding: 16px;
    gap: 16px;
  }
}
.b-art__i .promo-button {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  white-space: nowrap;
  border-radius: var(--rd-8);
  border: 1px solid var(--color-grey3);
  padding: 0 12px;
  height: 28px;
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-art__i .promo-button:hover {
    background-color: var(--color-lightgrey2);
  }
}
.b-art__i .promo-button:active {
  background-color: var(--color-lightgrey2);
}
.b-art__i .promo-button:not(:first-child) {
  margin-block-start: 8px;
}
.b-art__i .promo-button i.icon-zap {
  --icon-w: 14px;
}
.b-art__i .sublabel {
  --fz: 12px;
  color: var(--color-darkgrey);
}
.b-art__i .accordion {
  border: 1px solid var(--color-lightgrey);
  border-inline-start: 4px solid var(--color-grey3);
  border-inline-end: none;
  padding: 21px 24px;
  margin-inline-start: -25px;
  width: calc(100% + 50px);
}
.b-art__i .accordion > .accordion-title {
  --fz: 20px;
  cursor: pointer;
  position: relative;
  font-weight: 700;
  width: 90%;
}
.b-art__i .accordion > .accordion-title > .icon-arrow {
  width: 24px;
  height: 24px;
  border-radius: var(--rd-round);
  background-color: var(--color-lightgrey);
  margin-inline-start: auto;
  position: absolute;
  inset-inline-end: -7%;
  inset-block-start: 0;
  transition: 0.3s;
}
@media only screen and (min-width: 767.98px) {
  .b-art__i .accordion > .accordion-title:hover {
    color: var(--color-hover);
  }
}
.b-art__i .accordion > .accordion-title:active {
  color: var(--color-hover);
}
.b-art__i .accordion > .accordion-content {
  padding-block-start: 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.b-art__i .accordion > .accordion-content p {
  margin: 1em 0;
  white-space: pre-wrap;
}
.b-art__i .accordion.open .accordion-title > .icon-arrow {
  rotate: 180deg;
}
.b-art__i .accordion:not(.open) {
  height: max-content;
}
.b-art__i .accordion:not(.open) .accordion-content {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .b-art__i .accordion {
    width: calc(100% + 39px);
    margin-inline-start: -20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-art__i .accordion {
    padding: 12px;
    margin-inline-start: -14px;
  }
}
.b-cnit > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit {
    margin-block-start: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-cnit .b-cmnt__in {
    border-radius: var(--rd-20);
  }
}
.b-cnit .l-ttl--big {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit .l-ttl--big {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .l-ttl--big {
    margin-block-end: 16px;
  }
}
.b-cnit__crd {
  position: relative;
  padding: 92px 24px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__crd {
    padding: 92px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__crd {
    padding: 92px 0 0;
  }
}
.b-cnit__crd .b-cnts__bg:not(.b-rtkp__knhl-bg) {
  background: url(/images3/contest/contest-bg-view.svg) 50% -2px/100% auto no-repeat, color-mix(in srgb, var(--color-white) 85%, var(--cnts-bg-clr, var(--color-red-light)) 100%);
  border: 1px solid var(--cnts-bg-clr, var(--color-red-light));
  background-blend-mode: overlay;
}
@media only screen and (min-width: 549.98px) {
  .b-cnit__crd .b-cnts__bg:not(.b-rtkp__knhl-bg) {
    height: calc(100% - 24px);
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-cnit__crd .b-cnts__bg:not(.b-rtkp__knhl-bg) {
    height: calc(100% - 18px);
  }
}
.b-cnit__crd .b-cnts__bg.b-rtkp__knhl-bg {
  background:
    url(/images3/contest/cnt6-bg-esm.svg) -695px -320px/1852px 1824px no-repeat,
    linear-gradient(
      0deg,
      var(--color-white-80) 0%,
      var(--color-white-80) 100%),
    var(--color-blue-alt);
}
.b-cnit__crd .b-cnts__bg.b-rtkp__knhl-bg::before {
  inset-block-start: -20px;
  inset-inline-start: 72px;
  width: 177px;
  height: 107px;
  background: url(/images3/bookmakers/img/king-hill-star.svg) 86px 0/80px 80px no-repeat, url(/images3/bookmakers/img/king-hill-star.svg) 0 32px/40px 40px no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__crd .b-cnts__bg.b-rtkp__knhl-bg::before {
    inset-block-start: -20px;
    inset-inline-start: 55px;
    width: 81px;
    height: 91px;
    background-size: 45px 45px, 22px 22px;
    background-position: 35px 0, 0 66px;
  }
}
.b-cnit__crd .b-cnts__bg.b-rtkp__knhl-bg::after {
  inset-block-start: 32px;
  inset-inline-end: -140px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__crd .b-cnts__bg.b-rtkp__knhl-bg::after {
    inset-block-start: -30px;
    inset-inline-end: -300px;
  }
}
.b-cnit__crd .b-cnts__img {
  position: absolute;
  width: 160px;
  height: 160px;
  inset-block-start: 12px;
  inset-inline-start: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.b-cnit__crd .b-cnts__img > i.icon-closed._white {
  --icon-w: 24px;
  width: 48px;
  height: 48px;
  border-color: var(--color-white);
  inset-block-end: -4px;
  inset-inline-end: -4px;
  border-width: 4px;
}
.b-cnit__crd.tsar_gory {
  padding: 92px 24px 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__crd.tsar_gory {
    padding: 92px 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__crd.tsar_gory {
    padding: 92px 0 12px;
  }
}
.b-cnit__crd.tsar_gory .b-rtkp__knhl-info {
  position: relative;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__crd.tsar_gory .b-rtkp__knhl-info {
    padding: 0 12px;
  }
}
.b-cnit__crd.tsar_gory .b-cnts__p._bg {
  background:
    linear-gradient(
      0deg,
      var(--color-white-80) 0%,
      var(--color-white-80) 100%),
    var(--color-blue-alt);
}
.b-cnit__top.l-crd {
  background-color: var(--color-white);
  border-radius: var(--rd-20);
  padding: 84px 24px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit__top.l-crd {
    padding: 84px 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__top.l-crd {
    border-radius: var(--rd-16);
    padding: 84px 12px 12px;
  }
}
.b-cnit__top.l-crd > h1 {
  --fz: 24px;
  font-weight: 700;
  text-align: center;
}
.b-cnit__top.l-crd > h1:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit__top.l-crd > h1:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__top.l-crd > h1:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-cnit__blck {
  --clr-rb2: var(--color-grey-light);
  padding: 24px 24px 0;
  border-radius: var(--rd-20);
  position: relative;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck {
    border-radius: var(--rd-16) var(--rd-16) 0 0;
  }
}
.b-cnit__blck::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: calc(100% - 24px);
  border-radius: var(--rd-20);
  background-color: var(--clr-rb2);
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck::before {
    height: 100%;
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-cnit__blck {
    padding: 18px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck {
    padding: 12px 0 0;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-cnit__blck:first-child .b-cnit__blck-i {
    background-color: transparent;
    padding: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck--full {
    padding: 0;
  }
}
.b-cnit__blck--full::before {
  height: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck--full::before {
    filter: brightness(0.9);
  }
}
.b-cnit__blck--full .b-cnit__blck-i {
  padding: 0 0 24px;
  background-color: transparent;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit__blck--full .b-cnit__blck-i {
    padding: 0 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck--full .b-cnit__blck-i {
    padding: 12px;
    background-color: var(--clr-rb2);
  }
}
.b-cnit__blck-i {
  background-color: var(--color-white);
  padding: 24px;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 767.98px) {
  .b-cnit__blck-i {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck-i {
    padding: 12px;
    border-radius: var(--rd-12) var(--rd-12) 0 0;
  }
}
.b-cnit__blck-i .red {
  color: var(--color-hover) !important;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck-i .l-pgn {
    margin-block-end: 0;
  }
}
.b-cnit__blck-i > .b-art__i h2 {
  --fz: 16px;
  text-transform: uppercase;
  margin-block-end: 16px;
  margin-block-start: 0;
  font-weight: 700;
  color: var(--color-black);
}
@media only screen and (min-width: 549.98px) {
  .b-cnit__blck-i > .b-art__i .l-link--sm {
    --fz: 16px;
  }
}
.b-cnit__blck-i > .b-art__i > ul > li > ul {
  padding-inline-start: 0;
}
.b-cnit__blck-i > .b-art__i > ul > li > ul::before {
  content: none;
}
.b-cnit__blck-i > .b-art__i > ul > li > ul > li > ul {
  --color-link: var(--color-darkgrey);
  padding-inline-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck-i > .b-art__i > ul > li > ul > li > ul {
    padding-inline-start: 12px;
  }
}
.b-cnit__blck-i > .b-art__i > ul > li > ul > li > ul {
  position: relative;
}
.b-cnit__blck-i > .b-art__i > ul > li > ul > li > ul::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 100%;
  background-color: var(--color-addgrey);
}
.b-cnit__blck-i > .contest6-item-sitngo > .b-cnts__info:not(:last-child),
.b-cnit__blck-i > .b-cnts__info:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit__blck-i > .contest6-item-sitngo > .b-cnts__info:not(:last-child),
  .b-cnit__blck-i > .b-cnts__info:not(:last-child) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck-i > .contest6-item-sitngo > .b-cnts__info:not(:last-child),
  .b-cnit__blck-i > .b-cnts__info:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-cnit__blck-i .b-cnts__info .b-cnts__itm.b-cnts__itm--period::before,
.b-cnit__blck-i .b-cnts__info .b-cnts__itm.b-cnts__itm--id::before {
  content: none;
}
.b-cnit__blck-i .b-bkin__sp .b-bkin__sp-a:before {
  content: "";
}
.b-cnit__blck-i .b-bkin__sp:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit__blck-i .b-bkin__sp:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .b-cnts__i .b-cnts__img {
    inset-block-start: 12px;
    width: 140px;
    height: 140px;
  }
  .b-cnit .b-cnts__i--mtg .b-cnts__img {
    inset-block-start: 0;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-cnit .b-cnts__hd .b-cnts__p {
    background-color: var(--color-white);
  }
}
.b-cnit .b-art__i ul {
  margin-inline-start: 0;
}
.b-cnit .b-art__i ul > li:before {
  background: transparent;
  border: 1px solid var(--color-darkgrey);
}
.b-cnit .b-art__i ol {
  margin-inline-start: -10px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit .b-art__i ol {
    margin-inline-start: -14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .b-art__i ol {
    margin-inline-start: -18px;
  }
}
.b-cnit .b-art__i li .b-cnts__p:last-child {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .b-art__i li .b-cnts__p:last-child {
    margin-block-end: 6px;
  }
}
.b-cnit .b-art__i p + .b-cnts__p {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit .b-art__i p + .b-cnts__p {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .b-art__i p + .b-cnts__p {
    margin-block-start: 12px;
  }
}
.b-cnit .b-rtkp__tbl {
  padding-block-end: 0;
  border-radius: 0;
  margin: 0 -24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnit .b-rtkp__tbl {
    margin: 0 -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .b-rtkp__tbl {
    margin: 0 -12px;
  }
}
.b-cnit .b-rtkp__tbl-i {
  padding: 0 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .b-rtkp__tbl-i {
    padding: 0;
  }
}
.b-cnit .b-rtkp__row._first {
  height: 44px;
}
.b-cnit .b-rtkp__row._first .b-rtkp__clmn.ppv-i {
  background-color: var(--color-blue-pale-alt4);
  border-radius: var(--rd-100);
}
.b-cnit .b-rtkp__row:nth-child(2n+3) {
  background-color: var(--color-lightgrey-alt);
}
.b-cnit .b-rtkp__row:last-child {
  border-block-end: none;
}
.b-cnit .b-bns__i-cntt .l-btn {
  --fz: 16px;
  color: var(--color-white);
}
.b-cnit .b-bkin__bns {
  margin: 0;
}
@media only screen and (min-width: 549.98px) {
  .b-cnit .b-bkin__bns {
    gap: 24px;
    padding: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .b-bkin__bns {
    margin: 0 -12px;
  }
}
.b-cnit .b-bns__item {
  border: 1px solid var(--color-grey2);
}
.b-cnit .b-actv__cnts-i {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
@media only screen and (max-width: 649.98px) {
  .b-cnit .b-actv__cnts-i {
    display: grid;
    gap: 16px;
    background-color: transparent;
    padding: 0;
  }
}
.b-cnit .b-actv__card {
  padding: 16px;
  border-radius: var(--rd-20);
  border: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 549.98px) {
  .b-cnit .b-actv__card {
    padding: 12px;
  }
}
.b-err--mtch .b-err__txt {
  max-width: 650px;
  margin-block-end: 40px;
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch .b-err__txt {
    margin-block-end: 32px;
  }
}
.b-err--mtch + .b-home__sct.b-home__sct--mtc,
.b-err--mtch .b-home.sk--hmpg {
  max-width: 1059px;
  margin: 24px auto 0;
}
@media only screen and (max-width: 767.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc,
  .b-err--mtch .b-home.sk--hmpg {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc,
  .b-err--mtch .b-home.sk--hmpg {
    margin-block-start: 16px;
  }
}
.b-err--mtch + .b-home__sct.b-home__sct--mtc {
  background: initial;
  padding: 24px 24px 0;
}
@media only screen and (max-width: 767.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc {
    padding: 18px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc {
    padding: 16px 0 0;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc {
    padding: 16px 0 12px;
  }
}
.b-err--mtch + .b-home__sct.b-home__sct--mtc::before {
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/errors/stripes-err-pc.svg) 50% 0/1059px auto no-repeat,
    var(--clr-err-bg);
  background-blend-mode: overlay;
  border-color: var(--clr-err-bg);
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/errors/stripes-err-pc.svg) 50% 0/550px auto no-repeat,
      var(--clr-err-bg);
  }
}
.b-err--mtch + .b-home__sct.b-home__sct--mtc .b-home__blc {
  border: none;
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .b-home__blc {
    padding: 0 12px 12px;
    background-color: var(--color-white);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .b-home__blc {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .b-home__head {
    padding: 0 12px;
  }
}
.b-err--mtch + .b-home__sct.b-home__sct--mtc .l-tab.l-tab--bdac.scroll-esm {
  margin-block-start: 0;
  margin-block-end: 16px;
  overflow: initial;
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .l-tab.l-tab--bdac.scroll-esm {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .l-tab.l-tab--bdac.scroll-esm .l-tab__inner > span.grey:first-child {
    --fz: 16px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .l-tab.l-tab--bdac.scroll-esm .l-tab__inner > span.grey:first-child {
    --fz: 14px;
  }
}
.b-err--mtch + .b-home__sct.b-home__sct--mtc .l-tab.l-tab--bdac.scroll-esm > .l-tab__inner {
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .l-tab.l-tab--bdac.scroll-esm > .l-tab__inner {
    padding: 12px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .l-tab.l-tab--bdac.scroll-esm > .l-tab__inner {
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100% + 36px);
    flex-wrap: nowrap;
    margin-inline-start: -18px;
    margin-inline-end: -18px;
    padding: 0 18px 16px;
    overscroll-behavior-x: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-err--mtch + .b-home__sct.b-home__sct--mtc .b-mtch__ttfr.home {
    inset-inline-start: 0;
    width: 100%;
  }
}
.b-err__blk {
  position: relative;
  max-width: 1059px;
  margin: 0 auto;
  padding: 40px 24px 24px;
  overflow: hidden;
  border-radius: var(--rd-20);
  border: 1px solid var(--clr-err-bg);
  background:
    url(/images3/errors/waves-err-pc.svg) calc(100% + 40px) calc(0% - 375px)/1158px 1201px no-repeat,
    url(/images3/errors/stripes-err-pc.svg) 50% 0/1059px auto no-repeat,
    var(--clr-err-bg);
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-err__blk {
    border-radius: var(--rd-16);
    padding: 28px 12px 12px;
    background:
      url(/images3/errors/waves-err-esm.svg) calc(50% - 30px) calc(0% - 365px)/1853px 1825px no-repeat,
      url(/images3/errors/stripes-err-pc.svg) 50% 0/550px auto no-repeat,
      var(--clr-err-bg);
  }
}
.b-err__i {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.b-err__i .l-btn:not(.l-btn--br) {
  --fz: 16px;
  background-color: var(--clr-rb1);
}
@media only screen and (max-width: 549.98px) {
  .b-err__i .l-btn:not(.l-btn--br) {
    width: 100%;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-err__i .l-btn:not(.l-btn--br):hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-err__i .l-btn:not(.l-btn--br):active {
  background-color: var(--clr-rb-hv1);
}
.b-err__code {
  --lh: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-end: 36px;
  height: 100px;
  gap: 16px;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-err__code {
    margin-block-end: 24px;
    gap: 9px;
    height: 56px;
  }
}
.b-err__code div {
  width: 134px;
  height: 100px;
  background: url(/images3/errors/over-error.svg) 50%/134px 100px no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-err__code div {
    background-size: 74px 56px;
    width: 74px;
    height: 56px;
  }
}
.b-err__code span {
  --fz: 140px;
  -webkit-text-stroke: 1px var(--clr-err);
  font-weight: 900;
  -webkit-text-fill-color: var(--color-white);
  translate: 0 -4px;
}
@media only screen and (max-width: 549.98px) {
  .b-err__code span {
    --fz: 78px;
    translate: 0 -2px;
  }
}
.b-err__txt {
  position: relative;
  max-width: 480px;
  margin-block-end: 24px;
  z-index: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-err__txt {
    --fz: 14px;
  }
}
.b-err__txt::before {
  content: "";
  position: absolute;
  inset-block-start: -40px;
  inset-inline-start: 50%;
  width: 120%;
  max-width: calc(100dvw + 48px);
  height: calc(100% + 132px);
  background-color: var(--color-cyan-pale-alt6);
  filter: blur(20px);
  border-radius: var(--rd-100);
  pointer-events: none;
  translate: -50% 0;
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-err__txt::before {
    inset-block-start: -8px;
    border-radius: var(--rd-16);
  }
}
.b-err__fltr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .b-err__fltr {
    gap: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-err__fltr {
    gap: 12px;
  }
}
.b-err__fltr .l-btn {
  --fz: 16px;
  background-color: var(--color-white);
  border: 1px solid var(--clr-err-btn-bdr);
}
@media only screen and (min-width: 767.98px) {
  .b-err__fltr .l-btn:hover {
    border-color: var(--clr-err);
    background-color: var(--color-white);
  }
}
.b-err__fltr .l-btn:active {
  border-color: var(--clr-err);
  background-color: var(--color-white);
}
.b-err__fltr .l-btn > i {
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-err__fltr .l-btn > i {
    margin-inline-end: 6px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-err__fltr .l-btn {
    flex: 0 0 100%;
  }
  .b-err__fltr .l-btn:has(> i) {
    flex: 0 0 calc(50% - 6px);
  }
}
.b-cnmy > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnmy > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnmy > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cnmy .b-cnts__itm > span {
  white-space: normal;
}
@media only screen and (min-width: 549.98px) {
  .b-cnmy .b-cnit__blck-i {
    padding: 0;
    background-color: transparent;
  }
}
.b-cnmy span.b-cnmy__clmn {
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 359.98px) {
  .b-cnmy span.b-cnmy__clmn .b-cnts__rt {
    --fz: 16px;
  }
}
.b-cnmy span.b-cnmy__clmn small {
  --fz: 14px;
  margin-block-start: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnmy span.b-cnmy__clmn small {
    --fz: 12px;
  }
}
.b-cnmy__crd .b-art__i .card__quote {
  margin-block-start: 24px;
  text-align: start;
  padding: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cnmy__crd .b-art__i .card__quote {
    padding: 12px;
    margin-block-start: 20px;
  }
}
.b-cnmy__crd > .l-ttl {
  text-align: start;
  align-self: flex-start;
}
.b-cnmy__items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.b-cnmy__item {
  flex: 0 0 calc(33.333% - 16px);
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
@media only screen and (max-width: 480.98px) {
  .b-cnmy__item {
    flex: 0 0 calc(50% - 12px);
  }
}
.b-cnmy__item > *:not(:last-child) {
  margin-block-end: 4px;
}
.b-cnmy__item span {
  --fz: 16px;
  width: fit-content;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  user-select: none;
}
.b-cnmy__item .l-link--sm {
  --fz: 16px;
}
.b-cnmy__img {
  display: flex;
  width: 160px;
  height: 160px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnmy__img {
    width: 130px;
    height: 130px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnmy__img {
    width: 100px;
    height: 100px;
  }
}
.b-cnmy__img img {
  width: 100%;
  height: auto;
}
.b-cnmy__qt {
  --fz: 12px;
  text-align: start;
  align-self: flex-start;
  width: 100%;
  margin-block-start: 24px;
  border-block-start: 1px solid var(--color-border);
  padding-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cnmy__qt {
    padding-block-start: 14px;
    margin-block-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cnmy__qt {
    padding-block-start: 8px;
    margin-block-start: 12px;
  }
}
.b-mtnt {
  margin: 0 auto;
  max-width: 774px;
}
.b-mtnt > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-mtnt > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-mtnt > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-home > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-home > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home .l-btn.visible-block-xs {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
.b-home .l-tab .l-tab__inner {
  padding: 0 0 16px;
  border-block-end: 1px solid var(--color-border);
  overflow-y: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
  overscroll-behavior-x: none;
}
.b-home__sct {
  position: relative;
  padding: 24px 24px 0;
}
.b-home__sct.addt {
  padding: 0;
}
@media only screen and (max-width: 1279.98px) {
  .b-home__sct {
    padding: 12px 12px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct {
    padding-block: 12px 0;
    padding-inline: 0 0;
  }
}
.b-home__sct .l-btn:not(.l-btn--add) {
  border-radius: var(--rd-100);
  background-color: var(--clr-rb1);
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct .l-btn:not(.l-btn--add):hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-home__sct .l-btn:not(.l-btn--add):active {
  background-color: var(--clr-rb-hv1);
}
.b-home__sct::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: calc(100% - 24px);
  border-radius: var(--rd-20);
  overflow: hidden;
  border: 1px solid var(--clr-rb2);
  z-index: -1;
}
@media only screen and (max-width: 1279.98px) {
  .b-home__sct::before {
    height: calc(100% - 16px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct::before {
    height: 100%;
    border-radius: var(--rd-16);
  }
}
.b-home__sct::before .addt {
  border: none;
}
.b-home__sct.addt::before {
  border: none;
}
.b-home__sct > .l-btn,
.b-home__sct .b-home__blc > .l-btn {
  margin-block-start: 12px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  width: 100%;
  max-width: calc(100dvw - 24px);
  padding: 8px 24px;
  height: 32px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts,
  .b-home__sct--bns,
  .b-home__sct--bktp,
  .b-home__sct--absp,
  .b-home__sct--advn {
    padding: 16px 6px 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--cnts .b-home__head,
  .b-home__sct--bns .b-home__head,
  .b-home__sct--bktp .b-home__head,
  .b-home__sct--absp .b-home__head,
  .b-home__sct--advn .b-home__head {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 1279.98px) {
  .b-home__sct--cnts .b-home__head,
  .b-home__sct--bns .b-home__head,
  .b-home__sct--bktp .b-home__head,
  .b-home__sct--absp .b-home__head,
  .b-home__sct--advn .b-home__head {
    padding: 12px 24px 0;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-home__sct--cnts .b-home__head,
  .b-home__sct--bns .b-home__head,
  .b-home__sct--bktp .b-home__head,
  .b-home__sct--absp .b-home__head,
  .b-home__sct--advn .b-home__head {
    padding: 12px 18px 0;
  }
}
.b-home__sct--cnts:not(.addt)::before,
.b-home__sct--tips:not(.addt)::before,
.b-home__sct--rtkp:not(.addt)::before {
  background:
    url(/images3/home-page/bg-home.svg) -550px -250px/1636px 1500px no-repeat,
    url(/images3/home-page/bg-block/tips.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts:not(.addt)::before,
  .b-home__sct--tips:not(.addt)::before,
  .b-home__sct--rtkp:not(.addt)::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/home-page/bg-block/tips.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-home__blc {
  background-color: var(--color-white);
  border-radius: var(--rd-20);
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__blc {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__blc {
    padding: 12px;
    border-radius: var(--rd-16);
  }
}
.b-home__blc.sk:not(:last-child) {
  margin-block-start: 12px;
}
.b-home__blc.sk {
  padding: 0;
}
.b-home__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__head {
    margin-block-end: 12px;
  }
}
.b-home__head .l-ttl2 {
  margin: 0;
}
.b-home__head .l-btn {
  height: 32px;
  padding: 8px 16px;
}
.b-home__head .l-btn:active {
  padding-block-start: 9px;
}
.b-home__clmn {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 1279.98px) {
  .b-home__clmn {
    gap: 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home__clmn {
    gap: 8px;
  }
}
.b-home__itm.l-crd:not(:last-child) {
  margin-block-end: 0;
}
.b-home__itm.l-crd {
  border-radius: var(--rd-20);
  border: 1px solid var(--clr-rb2);
  transition: all 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .b-home__itm.l-crd {
    flex: 0 0 calc(33.333% - 16px);
    border-radius: var(--rd-16);
    min-width: 276px;
  }
}
.b-home__itm.l-crd > *:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__itm.l-crd > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-home__itm.l-crd > p {
  text-align: center;
}
@media only screen and (min-width: 549.98px) {
  .b-home__itm.l-crd > p {
    --fz: 20px;
  }
}
.b-home__itm.l-crd .l-post__rare {
  border-radius: var(--rd-20);
}
.b-home__itm.l-crd .l-cat__itm {
  color: var(--color-black);
  height: 32px;
  padding: 6px 12px;
  border-radius: var(--rd-20);
}
.b-home__itm.l-crd .l-cat__itm.icon-user svg {
  margin-inline-end: 8px;
}
@media only screen and (min-width: 767.98px) {
  .b-home__itm.l-crd:hover {
    box-shadow: 0 2px 10px 0 var(--color-grey-soft-30);
  }
  .b-home__itm.l-crd:hover .b-home__kimg {
    opacity: 0.7;
  }
}
.b-home__itm.l-crd:active {
  box-shadow: 0 2px 10px 0 var(--color-grey-soft-30);
}
.b-home__itm.l-crd:active .b-home__kimg {
  opacity: 0.7;
}
.b-home__kpbg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-cyan-pale-alt2);
  border-radius: var(--rd-16);
  padding: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__kpbg {
    border-radius: var(--rd-12);
  }
}
.b-home__kpbg .l-post__rare {
  --fz: 14px;
  position: absolute;
  inset-block-end: 12px;
  inset-inline-start: 12px;
  inset-block-start: initial;
  inset-inline-end: initial;
  padding: 6px 12px;
  color: var(--color-white);
  background:
    linear-gradient(
      134.72deg,
      var(--color-pink-90) 0%,
      var(--color-orange-bright-90) 101.5%);
  border-radius: var(--rd-100);
  z-index: 3;
}
.b-home__kimg {
  display: flex;
  transition: opacity 0.2s ease;
}
.b-home__kimg img {
  width: 128px;
  height: 128px;
}
.b-home__img {
  display: flex;
  flex: 0 0 var(--home-img-wh);
  width: var(--home-img-wh);
  height: var(--home-img-wh);
}
.b-home__img img {
  width: 100%;
  height: 100%;
  border-radius: var(--rd-16);
}
.b-home__inf {
  --fz: 14px;
  --color-link: var(--color-darkgrey);
  display: flex;
  column-gap: 8px;
}
@media only screen and (max-width: 359.98px) {
  .b-home__inf {
    --fz: 12px;
  }
}
.b-home__inf:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__inf:not(:last-child) {
    margin-block-end: 4px;
  }
}
.b-home__inf > span {
  color: var(--color-darkgrey);
}
.b-home__link {
  --color-link: var(--clr-rb1);
  padding-block-start: 12px;
}
@media only screen and (min-width: 767.98px) {
  .b-home__link a:hover {
    --color-link: var(--clr-rb-hv1);
  }
}
.b-home__link a:active {
  --color-link: var(--clr-rb-hv1);
}
.b-home__sct--mtc::before {
  background:
    url(/images3/home-page/bg-home.svg) -550px -250px/1636px 1500px no-repeat,
    url(/images3/home-page/bg-block/matches.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--mtc::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/home-page/bg-block/matches.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--mtc .b-home__link.hidden-block-xs {
    margin-inline-end: 6px;
    margin-inline-start: 6px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--mtc .b-home__blc {
    border: 1px solid var(--clr-rb2);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--mtc .b-home__blc {
    padding: 0 6px 12px;
    background-color: initial;
  }
  .b-home__sct--mtc .b-home__blc .b-home__head,
  .b-home__sct--mtc .b-home__blc .l-tab > .l-tab__inner {
    padding: 0 6px;
    border-block-end: 0;
  }
  .b-home__sct--mtc .b-home__blc .l-tab > .l-tab__inner {
    padding-block-end: 12px;
  }
  .b-home__sct--mtc .b-home__blc .l-tab::before,
  .b-home__sct--mtc .b-home__blc .l-tab::after {
    content: none;
  }
}
@container match-item (max-width: 597.5px) {
  .b-home__sct--mtc .b-mtch__counts div.b-mtch__count:not(:first-child):not(.srvng):not(.gme):not(.mobl):last-of-type::after {
    content: ")";
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts {
    padding: 16px 6px 12px;
  }
  .b-home__sct--cnts .b-home__head {
    padding: 0 6px;
  }
}
.b-home__sct--cnts > .l-crd {
  position: relative;
  border-radius: var(--rd-20);
  overflow: hidden;
  border: 1px solid var(--clr-rb2);
  z-index: 1;
}
.b-home__sct--cnts > .l-crd:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 1279.98px) {
  .b-home__sct--cnts > .l-crd:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .l-crd {
    border-radius: var(--rd-16);
  }
}
.b-home__sct--cnts > .l-crd::before,
.b-home__sct--cnts > .l-crd::after {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  z-index: -1;
}
.b-home__sct--cnts > .l-crd::before {
  inset-block-end: -1300px;
  width: 1720px;
  height: 1700px;
  background: url(/images3/home-page/bubles.svg) 0 0/1720px 1700px no-repeat;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .l-crd::before {
    width: 720px;
    height: 675px;
    background: url(/images3/home-page/bubles.svg) 0 0/720px 675px no-repeat;
    inset-block-end: -200px;
  }
}
.b-home__sct--cnts > .l-crd::after {
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 1050px;
  height: 320px;
  background: url(/images3/home-page/confetti.png) 0 0/1050px 320px no-repeat;
  opacity: 0.2;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .l-crd::after {
    inset-inline-start: 50%;
    width: 530px;
    height: 500px;
    background: url(/images3/home-page/confetti-esm.png) 0 0/530px 500px no-repeat;
    transform: translate(-50%, 0);
  }
}
.b-home__sct--cnts > .l-crd > p {
  --fz: 24px;
  text-align: center;
  margin-block-end: 42px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .l-crd > p {
    margin-block-end: 28px;
    background-color: var(--color-white);
    border-radius: var(--rd-100);
    padding: 8px 0;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--cnts > .l-crd .b-home__clmn {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .l-crd .b-home__clmn {
    flex-direction: column;
    gap: 20px;
  }
}
.b-home__sct--cnts > .l-crd .b-home__itm {
  display: flex;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--cnts > .l-crd .b-home__itm {
    flex: 0 0 min-content;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .l-crd .b-home__itm {
    align-items: center;
    width: 100%;
    background-color: var(--color-white);
    border-radius: var(--rd-100);
  }
}
.b-home__sct--cnts > .l-crd .b-home__itm > span:first-child {
  position: relative;
  z-index: 1;
  height: 86px;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--cnts > .l-crd .b-home__itm > span:first-child {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .l-crd .b-home__itm > span:first-child {
    margin-inline-end: 32px;
    width: 86px;
  }
}
.b-home__sct--cnts > .l-crd .b-home__itm > span:first-child::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 86px;
  height: 100%;
  border-radius: var(--rd-round);
  background:
    linear-gradient(
      315deg,
      var(--color-blue-pale-alt5) 24.75%,
      var(--color-purple-light) 60.16%,
      var(--color-indigo-light-alt) 74.75%);
  z-index: -1;
}
.b-home__sct--cnts > .l-crd .b-home__itm > span:first-child > span {
  --fz: 56px;
  --lh: 1.53571;
  display: block;
  font-weight: 800;
  text-align: center;
  min-width: 86px;
  padding: 0 16px;
  color: var(--color-black2);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .l-crd .b-home__itm > span:first-child > span {
    --fz: 48px;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--cnts > .l-crd .b-home__itm > span:last-child {
    text-align: center;
  }
}
.b-home__sct--cnts > .b-home__clmn {
  --color-link: var(--color-black);
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--cnts > .b-home__clmn {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  }
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--cnts > .b-home__clmn {
    grid-template-columns: repeat(auto-fill, minmax(233px, 1fr));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--cnts > .b-home__clmn {
    margin: 0 -6px;
    padding: 0 6px;
    overflow-y: hidden;
    overflow-x: auto;
    overscroll-behavior-x: none;
  }
  .b-home__sct--cnts > .b-home__clmn::-webkit-scrollbar {
    display: none;
  }
}
.b-home__sct--tips::after,
.b-home__sct--tips::before {
  height: 100%;
}
.b-home__sct--tips {
  padding: 24px;
}
.b-home__sct--tips.addt {
  padding: 0;
}
@media only screen and (max-width: 1024px) {
  .b-home__sct--tips {
    padding: 24px 12px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips {
    padding: 16px 6px 12px;
  }
  .b-home__sct--tips .b-home__link.hidden-block-xs {
    margin-inline-end: 6px;
    margin-inline-start: 6px;
  }
}
.b-home__sct--tips .b-home__head,
.b-home__sct--tips .l-tab .l-tab__inner {
  padding-inline-start: 24px;
  padding-inline-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--tips .b-home__head,
  .b-home__sct--tips .l-tab .l-tab__inner {
    padding-inline-start: 18px;
    padding-inline-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .b-home__head,
  .b-home__sct--tips .l-tab .l-tab__inner {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }
}
.b-home__sct--tips .b-home__blc {
  display: block;
  padding: 12px 16px;
  border: 1px solid var(--clr-rb2);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .b-home__blc {
    padding: 12px;
  }
}
.b-home__sct--tips .b-home__blc + .b-home__blc {
  margin-block-start: 8px;
}
@media only screen and (max-width: 1024px) {
  .b-home__sct--tips .b-home__blc + .b-home__blc {
    margin-block-start: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .b-home__blc + .b-home__blc {
    margin-block-start: 6px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--tips .b-home__blc:hover {
    box-shadow: 0 2px 10px 0 var(--color-grey-soft-30);
  }
  .b-home__sct--tips .b-home__blc:hover .l-tips__item > p.wrd-ell {
    color: var(--color-hover);
  }
}
.b-home__sct--tips .b-home__blc:active {
  box-shadow: 0 2px 10px 0 var(--color-grey-soft-30);
}
.b-home__sct--tips .b-home__blc:active .l-tips__item > p.wrd-ell {
  color: var(--color-hover);
}
.b-home__sct--tips .b-home__blc > .l-cat__row {
  --fz: 14px;
  margin-block-end: 0;
  color: var(--color-darkgrey);
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .b-home__blc > .l-cat__row {
    --fz: 12px;
  }
}
.b-home__sct--tips .b-home__blc > .l-cat__row > span:not(:last-child) {
  padding-inline-end: 12px;
}
.b-home__sct--tips .b-home__blc > .l-cat__row > span:not(:last-child):has(+ div) {
  padding-inline-end: 0;
}
.b-home__sct--tips .b-home__blc > .l-cat__row > span:not(:last-child):has(+ div)::before {
  content: none;
}
.b-home__sct--tips .b-home__blc > .l-cat__row ._label {
  --fz: 12px;
  --lh: 1.33333;
  display: inline-block;
  border-radius: var(--rd-4);
  padding: 0 4px;
  font-weight: 600;
  height: 16px;
  text-transform: uppercase;
  color: var(--color-white);
  margin-inline-end: 6px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .b-home__blc > .l-cat__row ._label {
    --fz: 9px;
    --lh: 1.33333;
    padding: 0 3px;
    height: 12px;
    translate: 0 -1px;
  }
}
.b-home__sct--tips .b-home__blc > .l-cat__row ._label._empty {
  background: var(--color-grey-act);
}
.b-home__sct--tips .b-home__blc > .l-cat__row ._label._video {
  background: var(--color-indigo);
}
.b-home__sct--tips .b-home__blc > .l-cat__row ._label._review {
  background: var(--color-blue);
}
.b-home__sct--tips .l-tab .l-tab__inner {
  border-block-end: none;
}
.b-home__sct--tips .l-tips__item {
  --fz: 16px;
  --lh: 1.5;
  position: relative;
  padding: 0;
  column-gap: 12px;
  row-gap: 6px;
  border: none;
  color: var(--color-black);
  flex-wrap: nowrap;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--tips .l-tips__item:has(.l-tips__vs) .l-cat__row > p.wrd-ell {
    max-width: calc(100% - 200px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .l-tips__item {
    --fz: 14px;
    --lh: 1.35714;
  }
}
.b-home__sct--tips .l-tips__item ~ .l-tips__item,
.b-home__sct--tips .l-tips__item ~ .l-cat__row {
  padding-block-start: 12px;
  margin-block-start: 12px;
  border-block-start: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .l-tips__item ~ .l-tips__item,
  .b-home__sct--tips .l-tips__item ~ .l-cat__row {
    padding-block-start: 8px;
    margin-block-start: 8px;
  }
}
.b-home__sct--tips .l-tips__item > .l-cat__row {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .l-tips__item > .l-cat__row {
    column-gap: 12px;
    row-gap: 8px;
  }
}
.b-home__sct--tips .l-tips__item > .l-cat__row > div.grey {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .l-tips__item > .l-cat__row > div.grey {
    --fz: 12px;
    --lh: 1.362;
    flex: 0 0 100%;
    gap: 8px;
  }
}
.b-home__sct--tips .l-tips__item > .l-cat__row > div.grey i {
  display: flex;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .l-tips__item > .l-cat__row > div.grey i {
    --icon-w: 14px;
  }
}
.b-home__sct--tips .l-tips__item > .l-cat__row .l-tips__vs {
  margin-inline-end: 0;
  column-gap: 12px;
}
.b-home__sct--tips .l-tips__item > .l-cat__row .l-tips__vs .l-tips__av {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
  border: none;
  padding: 0;
}
.b-home__sct--tips .l-tips__item > .l-cat__row .l-tips__vs .l-tips__av > span {
  --fz: 12px;
}
.b-home__sct--tips .l-tips__item > .l-cat__row > p.wrd-ell {
  transition: color 0.2s ease;
  word-break: break-all;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--tips .l-tips__item > .l-cat__row > p.wrd-ell {
    max-width: calc(100% - 140px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .l-tips__item > .l-cat__row > p.wrd-ell {
    flex: 0 0 100%;
  }
}
.b-home__sct--tips .l-tips__item > .l-cat__row .b-mtch__odd {
  --fz: 14px;
  padding: 0 12px;
  flex: initial;
  gap: 0;
  text-align: start;
  min-width: initial;
  border-radius: var(--rd-12);
  background-color: var(--color-lightgrey);
  border: none;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .l-tips__item > .l-cat__row .b-mtch__odd {
    --fz: 12px;
    height: 28px;
    border-radius: var(--rd-8);
  }
}
.b-home__sct--tips .l-tips__item > small.grey {
  --fz: 14px;
  white-space: nowrap;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--tips .l-tips__item > small.grey {
    align-self: flex-start;
    margin-block: 5px 0;
    margin-inline: auto 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--tips .l-tips__item > small.grey {
    --fz: 12px;
    --lh: 1.41667;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
  }
}
.b-home__sct--tips .b-home__link {
  padding-block-start: 16px;
}
.b-home__sct--bns::before {
  background:
    url(/images3/home-page/bg-home.svg) -550px -250px/1636px 1500px no-repeat,
    url(/images3/home-page/bg-block/bonus.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bns::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/home-page/bg-block/bonus.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bns {
    overflow: hidden;
  }
  .b-home__sct--bns .b-home__head {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }
}
.b-home__sct--bns .b-bns__grid {
  margin: 0;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
}
@media only screen and (max-width: 1279.98px) {
  .b-home__sct--bns .b-bns__grid {
    gap: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bns .b-bns__grid {
    overflow: initial;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--bns .b-bns__grid {
    gap: 8px;
  }
}
@media only screen and (max-width: 679px) and (min-width: 549.98px) {
  .b-home__sct--bns .b-bns__item {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
.b-home__sct--bktp::before {
  background:
    url(/images3/home-page/bg-home.svg) -550px -250px/1636px 1500px no-repeat,
    url(/images3/home-page/bg-block/bk.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/home-page/bg-block/bk.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp {
    padding: 16px 0 0;
  }
  .b-home__sct--bktp .b-home__head {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--bktp {
    padding: 16px 0 12px;
  }
}
.b-home__sct--bktp .b-home__blc {
  border: 1px solid var(--clr-rb2);
  padding-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .b-home__blc {
    padding-block-start: 9px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--bktp .b-home__blc {
    padding-block-end: 16px;
  }
}
.b-home__sct--bktp .b-bk__tbl {
  padding: 0;
  margin: 0 -24px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: none;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--bktp .b-bk__tbl {
    margin: 0 -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .b-bk__tbl {
    margin: 0 -12px;
  }
}
.b-home__sct--bktp .l-bk__hm {
  display: flex;
  align-items: center;
  flex: 0 0 322px;
  height: 86px;
}
.b-home__sct--bktp .l-bk__hm:not(:last-child) {
  margin-inline-end: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--bktp .l-bk__hm {
    flex: 0 0 269px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk__hm {
    flex: 0 0 200px;
    height: 60px;
  }
}
.b-home__sct--bktp .l-bk {
  margin: initial;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk::before,
  .b-home__sct--bktp .l-bk::after {
    flex: 0 0 6px;
  }
}
.b-home__sct--bktp .l-bk:nth-child(2) .l-bk__home::before {
  --fz: 14px;
  content: "\41c\430\440\436\430  \43a\43e\44d\444\444\438\446\438\435\43d\442\43e\432. \427\435\43c  \43d\438\436\435  \43c\430\440\436\430, \442\435\43c  \432\44b\448\435  \440\435\439\442\438\43d\433.";
  position: absolute;
  inset-block-start: -32px;
  inset-inline-start: 50%;
  width: fit-content;
  background-color: var(--color-white);
  padding: 0 8px;
  color: var(--color-darkgrey);
  pointer-events: none;
  white-space: nowrap;
  transform: translate(-50%, 0);
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--bktp .l-bk:nth-child(2) .l-bk__home::before {
    content: "\427\435\43c  \43d\438\436\435  \43c\430\440\436\430, \442\435\43c  \432\44b\448\435  \440\435\439\442\438\43d\433";
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk:nth-child(2) .l-bk__home::before {
    inset-block-start: -18px;
  }
}
.b-home__sct--bktp .l-bk:nth-child(2) .l-bk__home::after {
  content: "";
  position: absolute;
  inset-block-start: -23px;
  inset-inline-start: 0;
  width: 100%;
  height: 0;
  pointer-events: none;
  border-block-start: 1px solid var(--color-bg-dark-10);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk:nth-child(2) .l-bk__home::after {
    inset-block-start: -9px;
  }
}
.b-home__sct--bktp .l-bk:nth-child(2n+3) .l-bk__hm,
.b-home__sct--bktp .l-bk:nth-child(2n+3) .l-bk__home {
  background-color: var(--color-indigo-pale-alt2);
}
.b-home__sct--bktp .l-bk:nth-child(2n+3) .l-bk__hm {
  border-radius: var(--rd-16) 0 0 var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk:nth-child(2n+3) .l-bk__hm {
    border-radius: var(--rd-12) 0 0 var(--rd-12);
  }
}
.b-home__sct--bktp .l-bk:nth-child(2n+3) .l-bk__home {
  border-radius: 0 var(--rd-16) var(--rd-16) 0;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk:nth-child(2n+3) .l-bk__home {
    border-radius: 0 var(--rd-12) var(--rd-12) 0;
  }
}
.b-home__sct--bktp .l-bk:not(:last-child) {
  margin-block-end: 0;
}
.b-home__sct--bktp .l-bk .l-bk__logo {
  flex: 0 0 222px;
  padding: 0 32px;
  margin-inline-end: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--bktp .l-bk .l-bk__logo {
    flex: 0 0 169px;
    padding: 0 25px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk .l-bk__logo {
    padding: 0 18px;
    flex: 0 0 116px;
  }
}
.b-home__sct--bktp .l-bk .l-bk__logo img {
  max-height: 48px;
}
.b-home__sct--bktp .l-bk .l-bk__rating {
  margin-inline-end: 20px;
}
.b-home__sct--bktp .l-bk--icon.l-bk--all {
  padding: 0 0 24px;
  height: 74px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk--icon.l-bk--all {
    padding: 0 0 9px;
    height: 35px;
  }
}
.b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__hm,
.b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__home {
  height: initial;
}
.b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__item > span {
  --fz: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 65.5px;
  cursor: help;
}
.b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__item > span > span {
  margin-block-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__item > span > span {
    display: none;
  }
}
.b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__hm .l-bk__item {
  flex: 0 0 68px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__hm .l-bk__item {
    flex: 0 0 52px;
  }
}
.b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__home .l-bk__item {
  flex: 0 0 calc(20% - 24px);
  min-width: 65.5px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk--icon.l-bk--all .l-bk__home .l-bk__item {
    min-width: 51.11px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--bktp .l-bk--icon.l-bk--all i {
    --icon-w: 20px;
  }
}
.b-home__sct--bktp .l-bk__rating,
.b-home__sct--bktp .l-bk__item {
  justify-content: center;
  box-shadow: none;
  border: none;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--bktp .l-bk__rating,
  .b-home__sct--bktp .l-bk__item {
    --fz: 20px;
  }
}
.b-home__sct--bktp .l-bk--all:nth-child(2) {
  padding-block-start: 32px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk--all:nth-child(2) {
    padding-block-start: 20px;
  }
}
.b-home__sct--bktp .l-bk__rating {
  flex: 0 0 68px;
  background-color: var(--color-indigo-pale-alt);
  border-radius: var(--rd-20);
  height: 48px;
  cursor: default;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk__rating {
    flex: 0 0 52px;
    height: 32px;
  }
}
.b-home__sct--bktp .l-bk__item {
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  padding: 0;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--bktp .l-bk__item sub {
    --fz: 12px;
  }
}
.b-home__sct--bktp .l-bk__home {
  padding-inline-end: 28px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--bktp .l-bk__home {
    padding-inline-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--bktp .l-bk__home {
    padding-inline-end: 12px;
  }
}
.b-home__sct--absp::before {
  background:
    url(/images3/home-page/bg-home.svg) -550px -250px/1636px 1500px no-repeat,
    url(/images3/home-page/bg-block/prosport.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--absp::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/home-page/bg-block/prosport.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
@media only screen and (max-width: 1279.98px) {
  .b-home__sct--absp .b-absp__body {
    gap: 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--absp .b-absp__body {
    gap: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--absp .b-home__head {
    padding-inline-start: 12px;
    padding-inline-end: 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--absp .b-home__head {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }
}
.b-home__sct--absp .l-post {
  border: 1px solid var(--clr-rb2);
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--absp .l-post {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 679px) and (min-width: 480.98px) {
  .b-home__sct--absp .l-post {
    max-width: 500px;
    margin: 0 auto;
  }
}
.b-home__sct--absp .l-post .l-post__link::before {
  content: none;
}
.b-home__sct--absp .l-post .l-post__link .l-post__image picture {
  transition: opacity 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--absp .l-post .l-post__link:hover .l-post__image picture {
    opacity: 0.7;
  }
  .b-home__sct--absp .l-post .l-post__link:hover + .l-post__bottom:before {
    opacity: 1;
  }
}
.b-home__sct--absp .l-post .l-post__link:active .l-post__image picture {
  opacity: 0.7;
}
.b-home__sct--absp .l-post .l-post__link:active + .l-post__bottom:before {
  opacity: 1;
}
.b-home__sct--absp .l-post .l-post__link + .l-post__bottom::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 10px 0 var(--color-grey-soft-30);
  border-radius: var(--rd-20);
  pointer-events: none;
  transition: opacity 0.2s ease;
  opacity: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--absp .l-post .l-post__link + .l-post__bottom::before {
    border-radius: var(--rd-16);
  }
}
.b-home__sct--absp .l-post__image {
  aspect-ratio: 273/154;
  overflow: hidden;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--absp .l-post__image {
    border-radius: var(--rd-12);
  }
}
.b-home__sct--absp .l-post__image picture {
  display: flex;
  width: 100%;
}
.b-home__sct--absp .l-post__image .l-post__rare {
  --lh: 1;
  inset-block-end: 12px;
  inset-inline-start: 12px;
  inset-block-start: initial;
  inset-inline-end: initial;
  padding: 0 12px;
  height: 32px;
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-100);
  color: var(--color-white);
  width: fit-content;
}
.b-home__sct--absp .l-post__rare {
  border-radius: var(--rd-24);
}
.b-home__sct--absp .l-post__i {
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--absp .l-post__i {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--absp .l-post__i {
    padding: 12px;
    border-radius: var(--rd-16);
  }
}
.b-home__sct--blog {
  --home-img-w: 248px;
  --home-img-h: 140px;
}
.b-home__sct--blog::before {
  background:
    url(/images3/home-page/bg-home.svg) -550px -250px/1636px 1500px no-repeat,
    url(/images3/home-page/bg-block/blogs.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/home-page/bg-block/blogs.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-home__sct--blog::after,
.b-home__sct--blog::before {
  height: 100%;
}
.b-home__sct--blog {
  padding: 24px;
}
@media only screen and (max-width: 1024px) {
  .b-home__sct--blog {
    padding: 24px 12px 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog {
    padding: 16px 6px 12px;
  }
  .b-home__sct--blog .b-home__link.hidden-block-xs {
    margin-inline-end: 6px;
    margin-inline-start: 6px;
  }
}
.b-home__sct--blog.b-mtch__prsp {
  padding: 0;
}
.b-home__sct--blog.b-mtch__prsp .b-home__card {
  position: relative;
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--blog.b-mtch__prsp .b-home__card .wrd-ell:hover::before {
    opacity: 0;
  }
}
.b-home__sct--blog.b-mtch__prsp .b-home__card .wrd-ell:active::before {
  opacity: 0;
}
.b-home__sct--blog.b-mtch__prsp .b-home__card:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog.b-mtch__prsp .b-home__card:not(:last-child) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog.b-mtch__prsp .b-home__card:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog.b-mtch__prsp .b-home__card {
    width: 100%;
    max-width: 500px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    gap: 12px;
    border-radius: var(--rd-16);
    border: 1px solid var(--clr-rb2);
    background-color: var(--color-white);
  }
  .b-home__sct--blog.b-mtch__prsp .b-home__card:not(.l-crd) {
    padding: 0;
  }
}
.b-home__sct--blog.b-mtch__prsp .b-home__card .b-home__img {
  background-color: var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog {
    --home-img-w: 100%;
    padding: 16px 6px 12px;
  }
  .b-home__sct--blog .b-home__link.hidden-block-xs {
    margin-inline-end: 6px;
    margin-inline-start: 6px;
  }
}
.b-home__sct--blog .b-home__img {
  display: flex;
  grid-area: a;
  background-color: var(--color-teal-pale-alt);
  width: var(--home-img-w);
  flex: 0 0 var(--home-img-w);
  height: var(--home-img-h);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__img {
    aspect-ratio: 324/160;
    border-radius: var(--rd-12);
    width: 100%;
    height: 100%;
  }
}
.b-home__sct--blog .b-home__img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__img img {
    aspect-ratio: 324/160;
    border-radius: var(--rd-12);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog .b-home__head {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }
}
.b-home__sct--blog .b-home__blc {
  position: relative;
  border: 1px solid var(--clr-rb2);
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__blc {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__blc.no-image .b-home__card {
    grid-template-areas: "c" "b" "d";
  }
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__blc.no-image .b-home__img {
    display: none;
  }
}
.b-home__sct--blog .b-home__blc + .b-home__blc {
  margin-block-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog .b-home__blc + .b-home__blc {
    margin-block-start: 6px;
  }
}
.b-home__sct--blog .b-home__card {
  --color-link: var(--color-black);
  display: grid;
  align-items: center;
  grid-template-columns: var(--home-img-w) 1fr;
  grid-template-areas: "a b" "a c" "a d";
  gap: 8px 16px;
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--blog .b-home__card {
    grid-template-rows: 19px 1fr 28px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__card {
    grid-template-columns: 1fr;
    grid-template-areas: "c" "b" "a" "d";
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog .b-home__card {
    gap: 12px;
  }
}
.b-home__sct--blog .b-home__card [emojiboard] {
  grid-area: d;
}
.b-home__sct--blog .b-home__card > .wrd-ell {
  grid-area: c;
  -webkit-line-clamp: 3;
}
.b-home__sct--blog .b-home__card > .wrd-ell > small {
  display: inline-block;
  padding-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog .b-home__card > .wrd-ell > small {
    padding-block-end: 16px;
  }
}
.b-home__sct--blog .b-home__card > .wrd-ell > span {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--blog .b-home__card > .wrd-ell > span {
    --fz: 12px;
  }
}
.b-home__sct--blog .b-home__card > .wrd-ell > span:not(.ttl) {
  color: var(--color-black);
}
.b-home__sct--blog .b-home__card > .wrd-ell > .ttl {
  --fz: 16px;
  font-weight: 700;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog .b-home__card > .wrd-ell > .ttl ~ * {
    display: none;
  }
}
.b-home__sct--blog .b-home__card > .wrd-ell::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 10px 0 var(--color-grey-soft-30);
  background-color: var(--color-white-30);
  opacity: 0;
  transition: opacity 0.2s ease;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--blog .b-home__card > .wrd-ell::before {
    border-radius: var(--rd-16);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--blog .b-home__card > .wrd-ell:hover::before {
    opacity: 1;
  }
}
.b-home__sct--blog .b-home__card > .wrd-ell:active::before {
  opacity: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__card > .wrd-ell.sk__line {
    height: 66px;
  }
}
.b-home__sct--blog .b-home__card .b-home__btbg {
  grid-area: d;
  display: flex;
  gap: 8px;
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--blog .b-home__card .b-home__btbg {
    align-items: center;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__card .b-home__btbg {
    flex-direction: column;
    gap: 12px;
  }
}
.b-home__sct--blog .b-home__card .b-home__inf {
  margin-block-end: 0;
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--blog .b-home__card .b-home__inf .l-utl__i--cmt {
    margin-inline-end: 0;
  }
}
.b-home__sct--blog .b-home__card .b-home__inf.l-cat__row {
  gap: 8px;
}
.b-home__sct--blog .b-home__card .b-home__inf.l-cat__row > span:not(:last-child) {
  padding-inline-end: 12px;
}
.b-home__sct--blog .b-home__card .b-home__inf.l-cat__row > * {
  position: relative;
  z-index: 1;
}
.b-home__sct--blog .b-home__card .b-home__inf.em-cm {
  grid-area: e;
  align-items: center;
}
.b-home__sct--blog .b-home__card .b-home__inf.em-cm > span {
  margin-inline-start: auto;
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--blog .b-home__card .b-home__inf.em-cm > span {
    display: none;
  }
}
.b-home__sct--blog .b-home__card .b-home__inf.em-cm .l-utl__i--cmt {
  --fz: 14px;
}
.b-home__sct--blog .b-home__card .b-home__inf:not(.em-cm) {
  grid-area: b;
}
.b-home__sct--blog .b-home__card .b-home__inf:not(.em-cm) .sk__line {
  height: 19px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog .b-home__card .b-home__inf:not(.em-cm) {
    margin-block-start: -6px;
  }
  .b-home__sct--blog .b-home__card .b-home__inf:not(.em-cm) > span:nth-child(1) {
    display: none;
  }
  .b-home__sct--blog .b-home__card .b-home__inf:not(.em-cm) span.sk__line {
    width: 80px;
  }
}
.b-home__sct--blog > .b-home__link {
  padding-block-start: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--blog > .b-home__link {
    display: none;
  }
}
.b-home__sct--blog > a.l-btn {
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--blog > a.l-btn {
    display: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp {
    padding: 16px 6px 12px;
  }
  .b-home__sct--rtkp .b-home__link.hidden-block-xs {
    margin-inline-end: 6px;
    margin-inline-start: 6px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--rtkp .b-home__blc {
    border: 1px solid var(--clr-rb2);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp .b-home__blc {
    padding: 0;
    background-color: initial;
  }
}
.b-home__sct--rtkp .l-tab__inner {
  position: relative;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp .b-home__head {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }
}
.b-home__sct--rtkp .b-rtkp__tbl {
  padding-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__tbl {
    border: 1px solid var(--clr-rb2);
    border-radius: var(--rd-16);
    background-color: var(--color-white);
  }
  .b-home__sct--rtkp .b-rtkp__tbl .b-rtkp__tbl-i {
    padding-block-end: 6px;
  }
}
.b-home__sct--rtkp .b-rtkp__tbl .b-rtkp__row._first {
  height: 54px;
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--rtkp .b-rtkp__tbl .b-rtkp__row._first {
    height: 36px;
  }
}
.b-home__sct--rtkp .b-rtkp__tbl-i {
  padding: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__tbl-i {
    padding: 0 6px;
  }
}
.b-home__sct--rtkp .b-rtkp__row {
  min-width: 730px;
  grid-template-columns: 56px 1fr 120px 120px 100px 140px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--rtkp .b-rtkp__row {
    grid-template-columns: 56px 1fr 120px 120px 100px 136px;
    min-width: 726px;
  }
}
@media only screen and (max-width: 767.98px) and (min-width: 359.98px) {
  .b-home__sct--rtkp .b-rtkp__row .b-rtkp__clmn .l-av {
    display: block !important;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__row {
    border-radius: var(--rd-12);
    grid-template-columns: 44px 1fr 100px 80px 85px 132px;
    min-width: 580px;
  }
  .b-home__sct--rtkp .b-rtkp__row .b-rtkp__clmn:first-child {
    padding-inline-start: 0;
  }
  .b-home__sct--rtkp .b-rtkp__row .b-rtkp__clmn:last-child {
    padding-inline-end: 0;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--rtkp .b-rtkp__row {
    grid-template-columns: 44px 1fr 100px 80px;
    min-width: initial;
  }
  .b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(5),
  .b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(6),
  .b-home__sct--rtkp .b-rtkp__row._first .b-rtkp__clmn:nth-child(4),
  .b-home__sct--rtkp .b-rtkp__row._first .b-rtkp__clmn:nth-child(5) {
    display: none;
  }
  .b-home__sct--rtkp .b-rtkp__row._first .b-rtkp__clmn:nth-child(3),
  .b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(4) {
    padding-inline-end: 0;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-home__sct--rtkp .b-rtkp__row {
    grid-template-columns: 32px 1fr 96px 80px;
  }
  .b-home__sct--rtkp .b-rtkp__row .b-rtkp__clmn .l-av {
    margin-inline-end: 6px;
  }
  .b-home__sct--rtkp .b-rtkp__row .b-rtkp__clmn {
    padding: 0 6px;
  }
}
.b-home__sct--rtkp .b-rtkp__row._first {
  --fz: 16px;
  position: relative;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__row._first {
    --fz: 14px;
  }
}
.b-home__sct--rtkp .b-rtkp__row:nth-child(2n+3) {
  background-color: var(--color-cyan-pale-alt5);
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__row:nth-child(2n+3) {
    border-radius: var(--rd-20);
  }
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__row:not(._first) {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__row:not(._first) {
    padding-block-start: 6px;
    padding-block-end: 6px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) {
    padding-inline-start: 0;
  }
}
.b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(2) .visible-block-sm {
  display: none !important;
}
.b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn > span.grey {
  --fz: 12px;
  display: block;
  margin-block-start: 3px;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(3) > span,
  .b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(4) > span,
  .b-home__sct--rtkp .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(5) > span {
    --fz: 20px;
  }
}
.b-home__sct--rtkp .b-rtkp__row:last-child {
  border-block-end: none;
}
.b-home__sct--rtkp .b-home__link {
  padding-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--rtkp .b-home__link {
    padding-block-start: 18px;
  }
}
.b-home__sct--advn::before {
  background:
    url(/images3/home-page/bg-home.svg) -550px -250px/1636px 1500px no-repeat,
    url(/images3/home-page/bg-block/advntg.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--advn::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/home-page/bg-block/advntg.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--advn {
    padding: 24px 6px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--advn .b-home__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    margin-block-end: 28px;
  }
  .b-home__sct--advn .b-home__head picture {
    display: flex;
    width: 208px;
    height: 18px;
  }
  .b-home__sct--advn .b-home__head picture img {
    width: 208px;
    height: 18px;
  }
}
.b-home__sct--advn .b-home__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 24px;
}
@media only screen and (max-width: 1279.98px) {
  .b-home__sct--advn .b-home__cards {
    gap: 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-home__sct--advn .b-home__cards {
    gap: 8px;
  }
}
.b-home__sct--advn .l-crd.b-home__card {
  --home-img-wh: 100px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid var(--clr-rb2);
  border-radius: var(--rd-16);
}
.b-home__sct--advn .l-crd.b-home__card:not(:last-child) {
  margin-block-end: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--advn .l-crd.b-home__card {
    padding: 24px 20px 20px;
  }
}
@media only screen and (max-width: 671px) {
  .b-home__sct--advn .l-crd.b-home__card {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--advn .l-crd.b-home__card {
    padding: 24px 16px 16px;
  }
}
.b-home__sct--advn .l-crd.b-home__card .b-home__img {
  margin-block-end: 20px;
}
.b-home__sct--advn .l-crd.b-home__card .l-ttl--md {
  --fz: 20px;
  margin-block-end: 8px;
}
.b-home__sct--advn .l-crd.b-home__card p {
  margin-block-end: 20px;
}
.b-home__sct--advn .l-crd.b-home__card .l-btn {
  margin-block-start: auto;
  border-color: var(--clr-rb1);
  background-color: initial;
  color: var(--clr-rb1);
}
@media only screen and (min-width: 767.98px) {
  .b-home__sct--advn .l-crd.b-home__card .l-btn:hover {
    background-color: var(--clr-rb-hv2);
  }
}
.b-home__sct--advn .l-crd.b-home__card .l-btn:active {
  background-color: var(--clr-rb-hv2);
}
.b-home__sct--scal::before {
  background:
    url(/images3/home-page/bg-home.svg) -550px -250px/1636px 1500px no-repeat,
    url(/images3/home-page/bg-block/social.png) 100% 0/auto auto no-repeat,
    var(--clr-rb2, var(--color-white));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--scal::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/home-page/bg-block/social.png) 100% 0/auto auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-home__sct--scal .b-home__head {
  padding: 0 24px;
}
@media only screen and (max-width: 1279.98px) {
  .b-home__sct--scal .b-home__head {
    padding: 12px 24px 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--scal .b-home__head {
    padding: 12px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--scal .b-home__head {
    padding: 4px 12px 0;
  }
}
.b-home__sct--scal .b-home__blc {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-home__sct--scal .b-home__blc {
    gap: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--scal .b-home__blc {
    gap: 8px;
  }
}
.b-home__sct--scal .l-user__info {
  padding: 16px;
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-home__sct--scal .l-user__info {
    padding: 12px;
    border-radius: var(--rd-12);
  }
}
.b-home__sct--scal .l-user__info .l-soal__item {
  --social-w: 44px;
  --social-rd: var(--rd-12);
}
.b-home__sct--scal .l-user__info .l-user__nickname {
  font-weight: 700;
}
@media only screen and (min-width: 549.98px) {
  .b-home__sct--scal .l-user__info .l-user__nickname {
    margin-block-end: 4px;
  }
}
.b-home__sct--scal .l-user__info .l-user__name {
  color: var(--color-black);
}
.b-prmy {
  max-width: 774px;
  margin: 0 auto;
}
.b-prmy > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-prmy > .profile-head .b-blog__head::before {
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/profile/bg-head.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
}
@media only screen and (max-width: 549.98px) {
  .b-prmy > .profile-head .b-blog__head::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/profile/bg-head.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
@media only screen and (max-width: 480.98px) {
  .b-prmy > .profile-head .b-blog__head::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/profile/bg-head-xs.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-prmy > .profile-head .b-blog__head.clr-1 .b-blog__btns .l-btn.l-btn--ltl:not(.l-btn--br) {
  --clr-rb1: var(--color-blue);
  --clr-rb2: var(--color-cyan-light);
  --clr-rb-hv1: var(--color-cyan-alt);
  --clr-rb-hv2: var(--color-cyan-pale-alt);
  --clr-rb-bdr: var(--color-cyan-soft-alt3);
}
.b-prmy > .profile-head > *:not(:first-child) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy > .profile-head > *:not(:first-child) {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy > .profile-head > *:not(:first-child) {
    margin-block-start: 16px;
  }
}
.b-prmy > .b-cnmy > .l-crd:has(> .b-art__i) > .l-ttl,
.b-prmy > .l-crd:has(> .b-art__i) > .l-ttl {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy > .b-cnmy > .l-crd:has(> .b-art__i) > .l-ttl,
  .b-prmy > .l-crd:has(> .b-art__i) > .l-ttl {
    margin-block-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy > .b-cnmy > .l-crd > .b-art__i,
  .b-prmy > .l-crd > .b-art__i {
    --fz: 14px;
  }
}
.b-prmy > .b-cnmy > .l-crd > .b-art__i:not(:last-child),
.b-prmy > .l-crd > .b-art__i:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy > .b-cnmy > .l-crd > .b-art__i:not(:last-child),
  .b-prmy > .l-crd > .b-art__i:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-prmy__head {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 24px;
  row-gap: 8px;
  margin-block-end: 20px;
  padding: 0 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy__head {
    column-gap: 20px;
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__head {
    margin-block-end: 16px;
    padding: 0 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-prmy__head {
    flex-direction: column;
    justify-content: center;
  }
}
.b-prmy__head .l-av {
  --av-wh: 160px;
  --av-fz: 72px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy__head .l-av {
    --av-wh: 148px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__head .l-av {
    --av-wh: 136px;
  }
}
.b-prmy__head .l-av > .l-av__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-prmy__head .l-av > .l-av__img img {
  width: auto;
  height: auto;
}
.b-prmy__head .l-av > .l-badge {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  translate: -50% 0;
  box-shadow: 0 0 0 2px var(--color-white);
  z-index: 5;
}
.b-prmy__head .l-soal__cnt {
  margin-block-start: 16px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 480.98px) {
  .b-prmy__head .l-soal__cnt {
    justify-content: center;
    width: 100%;
  }
}
.b-prmy__head .l-soal__cnt .b-blog__btns {
  margin-inline-start: initial;
}
@media only screen and (max-width: 480.98px) {
  .b-prmy__head .l-soal__cnt .b-blog__btns {
    flex: 1 1 100%;
    justify-content: center;
  }
}
.b-prmy__head > .l-more {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__head > .l-more {
    inset-inline-end: 12px;
  }
}
.b-prmy__head > .l-more .l-more__i {
  --icon-w: 12px;
  --icon-c: var(--color-black);
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 1px solid var(--clr-rb1);
  background-color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .b-prmy__head > .l-more .l-more__i:hover {
    background-color: var(--clr-rb-hv2);
  }
}
.b-prmy__head > .l-more .l-more__i:active {
  background-color: var(--clr-rb-hv2);
}
.b-prmy__head.b-blog__head-i {
  padding: 24px;
  margin-block-end: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy__head.b-blog__head-i {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__head.b-blog__head-i {
    padding: 12px;
  }
}
.b-prmy__inf {
  display: flex;
  flex-direction: column;
  height: fit-content;
}
.b-prmy__inf .l-ttl--big {
  margin-block-end: 4px;
}
.b-prmy__inf > span > span:nth-child(2) {
  margin-inline-start: 8px;
}
@media only screen and (max-width: 480.98px) {
  .b-prmy__inf {
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.b-prmy__inf .ai_mark {
  display: flex;
  gap: 4px;
  padding: 6px 8px;
  border: 1px solid var(--color-grey-act-25-alt);
  border-radius: var(--rd-6);
  background-color: var(--color-white);
  align-items: center;
}
.b-prmy__inf .ai_mark picture {
  width: 14px;
  height: 14px;
}
.b-prmy__stat {
  --color-link: var(--color-black);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__stat {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: none;
  }
  .b-prmy__stat::-webkit-scrollbar {
    display: none;
  }
}
.b-prmy__stat-i {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px 12px;
  background-color: var(--color-white);
  border-radius: var(--rd-16);
}
.b-prmy__stat-i span {
  --fz: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__stat-i span {
    --fz: 16px;
  }
}
.b-prmy__stat-i small {
  --fz: 14px;
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__stat-i {
    min-width: 100px;
  }
}
.b-prmy__stat-i.disabled {
  pointer-events: none;
  background-color: var(--color-lightgrey2);
}
.b-prmy__stat-i.disabled span,
.b-prmy__stat-i.disabled small {
  color: var(--color-addgrey);
}
.b-prmy__quote {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background-color: var(--color-lightgrey);
  padding: 20px;
  border-radius: var(--rd-16);
}
.b-prmy__quote:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__quote:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__quote {
    --fz: 14px;
    flex-wrap: wrap;
    padding: 16px;
    border-radius: var(--rd-12);
  }
}
.b-prmy__quote.sk__line {
  height: 62px;
}
.b-prmy__quote:has(> .l-cat__row) {
  padding: 16px;
}
.b-prmy__quote > .l-cat__row {
  row-gap: 16px;
  column-gap: 12px;
  justify-content: initial;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__quote > .l-cat__row {
    --fz: 14px;
  }
}
.b-prmy__quote > .l-cat__row > span:not(:last-child) {
  padding-inline-end: 13px;
}
.b-prmy__quote > .l-cat__row > span:not(:last-child)::before {
  width: 0;
  height: 16px;
  border: none;
  border-inline-end: 1px solid var(--color-grey3-70);
  border-radius: 0;
}
.b-prmy__quote > .l-cat__row > span:not(:last-child):has(+ a) {
  padding-inline-end: 0;
}
.b-prmy__quote > .l-cat__row > span:not(:last-child):has(+ a)::before {
  content: none;
}
@media only screen and (min-width: 480.98px) {
  .b-prmy__quote > .l-cat__row > a {
    margin-inline-start: auto;
  }
}
.b-prmy__blk {
  display: flex;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__blk {
    border-radius: var(--rd-12);
  }
}
.b-prmy__blk + .l-ttl {
  margin-block-end: 12px;
}
.b-prmy__blk > .b-prmy__blk {
  padding: 28px 24px 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__blk > .b-prmy__blk {
    padding: 24px;
  }
}
.b-prmy__blk > .b-prmy__blk:nth-child(1) {
  position: relative;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  margin: -1px;
  background-color: var(--color-white);
  max-width: 284px;
  width: 100%;
  flex: 0 0 284px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy__blk > .b-prmy__blk:nth-child(1) {
    max-width: initial;
    flex: initial;
    width: initial;
  }
}
.b-prmy__blk > .b-prmy__blk:nth-child(1)::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-addgrey-70);
}
.b-prmy__blk > .b-prmy__blk:nth-child(2) {
  flex-direction: column;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__blk > .b-prmy__blk:nth-child(2) {
    padding: 20px 16px;
  }
}
.b-prmy__blk > .b-prmy__blk:nth-child(2) p {
  white-space: nowrap;
  display: flex;
  column-gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__blk > .b-prmy__blk:nth-child(2) p {
    --fz: 14px;
  }
}
.b-prmy__blk > .b-prmy__blk:nth-child(2) p:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__blk > .b-prmy__blk:nth-child(2) p:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-prmy__blk > .b-prmy__blk:nth-child(2) p.hidden-block-xs:not(:last-child) {
  margin-block-end: 0;
}
.b-prmy__blk > .b-prmy__blk:nth-child(2) p > span + span {
  margin-inline-start: 8px;
}
.b-prmy__blk > .b-prmy__blk:nth-child(2) p i {
  cursor: help;
}
.b-prmy__blk > .b-prmy__blk:nth-child(2) small {
  position: relative;
  inset-block-start: -4px;
  display: inline-block;
  width: 100%;
  border-block-end: 1px dotted var(--color-addgrey);
}
.b-prmy .b-mtch__odd {
  flex: initial;
  justify-content: center;
  text-align: center;
  border: none;
  font-weight: 600;
  color: var(--color-darkgrey);
  background: var(--color-grey2);
}
.b-prmy__itm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 604px) {
  .b-prmy__itm {
    flex: 0 0 calc(50% - 12px);
  }
}
.b-prmy__itm .b-mtch__odd {
  height: 36px;
  width: 100px;
  margin-block-end: 6px;
}
.b-prmy__itm .b-mtch__odd.gry {
  background: var(--color-lightgrey);
}
.b-prmy__itm .b-mtch__odd.grn {
  color: var(--color-darkgreen);
  background:
    linear-gradient(
      0deg,
      var(--color-white-80) 0%,
      var(--color-white-80) 100%),
    var(--color-darkgreen);
}
.b-prmy__itm .b-mtch__odd.rd {
  color: var(--color-hover);
  background:
    linear-gradient(
      0deg,
      var(--color-white-80) 0%,
      var(--color-white-80) 100%),
    var(--color-hover);
}
@media only screen and (min-width: 359.98px) and (max-width: 604px) {
  .b-prmy__itm .b-mtch__odd {
    width: 130px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__itm > span {
    --fz: 14px;
  }
}
.b-prmy__props {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(162px, 1fr));
  column-gap: 26px;
  row-gap: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy__props {
    column-gap: 19px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__props {
    column-gap: 12px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-prmy__props {
    grid-template-columns: repeat(auto-fill, minmax(142px, 1fr));
  }
}
.b-prmy__prop {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__prop {
    --fz: 14px;
  }
}
.b-prmy__prop > span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: fit-content;
  row-gap: 4px;
}
.b-prmy__prop > span:first-child > i {
  margin-inline-start: 4px;
  cursor: help;
}
.b-prmy__prop > span:last-child {
  cursor: pointer;
}
.b-prmy__prop > span:last-child > i {
  margin-inline-start: 8px;
}
.b-prmy__prop i {
  --icon-c: var(--color-black);
}
.b-prmy__prop i.icon-check {
  --icon-c: var(--color-darkgreen);
}
.b-prmy__prop i.icon-ban-stroke {
  --icon-c: var(--color-hover);
}
.b-prmy .b-rtkp__tbl-i {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  overscroll-behavior-x: none;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .b-rtkp__tbl-i {
    padding: 0 12px;
    margin: 0 -12px;
  }
}
.b-prmy .b-rtkp__tbl-i .b-rtkp__row._first:has(+ .b-rtkp__row:nth-child(even)) ~ .b-rtkp__row:nth-child(odd) {
  background-color: initial;
}
.b-prmy .b-rtkp__tbl-i.cmmn .b-rtkp__row {
  grid-template-columns: 1fr 60px 88px 88px 80px;
}
.b-prmy .b-rtkp__tbl-i.cmmn .b-rtkp__clmn {
  display: block;
}
.b-prmy .b-rtkp__tbl-i.cmmn .b-rtkp__clmn:first-child {
  --lh: 1.362;
  text-align: start;
  font-weight: 400;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row {
  grid-template-columns: 1fr 60px 88px 24px 80px;
  min-width: 580px;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child {
  --lh: 1.362;
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-template-areas: "a b" "a c";
  align-items: center;
  column-gap: 12px;
  text-align: start;
  font-weight: 400;
  width: fit-content;
  row-gap: 4px;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child :nth-child(1) {
  grid-area: a;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child :nth-child(2) {
  grid-area: b;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child :nth-child(3) {
  grid-area: c;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child picture {
  --fz: 10px;
  height: 44px;
  width: 44px;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child picture img {
  width: 44px;
  height: auto;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child span {
  --fz: 16px;
}
.b-prmy .b-rtkp__tbl-i.cnts .b-rtkp__row:not(._first) .b-rtkp__clmn:first-child small {
  margin-block-start: 0;
}
.b-prmy .b-rtkp__row {
  --color-link: var(--color-black);
  grid-template-areas: "a b c d e";
  border-radius: 0;
  column-gap: 48px;
  min-width: 538px;
}
@media only screen and (max-width: 1439.98px) and (min-width: 1279.98px), only screen and (max-width: 1150px) and (min-width: 991.98px), only screen and (max-width: 800px) {
  .b-prmy .b-rtkp__row {
    column-gap: 24px;
  }
}
.b-prmy .b-rtkp__row:not(:last-child) {
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 480.98px) {
  .b-prmy .b-rtkp__row {
    min-width: 508px;
  }
}
.b-prmy .b-rtkp__row._first {
  position: static;
  mask: initial;
  -webkit-mask: initial;
  padding: 4px 0 16px;
  height: 44px;
}
.b-prmy .b-rtkp__row:not(._first) {
  padding: 11px 0;
  height: 68px;
}
.b-prmy .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(3) {
  width: fit-content;
  cursor: help;
}
.b-prmy .b-rtkp__row:not(._first) .b-rtkp__clmn:nth-child(1) {
  --fz: 16px;
}
.b-prmy .b-rtkp__row .b-rtkp__clmn {
  padding: 0;
}
.b-prmy .b-rtkp__row .b-rtkp__clmn .l-link--sm {
  --fz: 16px;
}
.b-prmy .b-rtkp__row .b-rtkp__clmn sup {
  --fz: 12px;
}
.b-prmy .b-rtkp__row .b-rtkp__clmn:nth-child(2) span {
  --fz: 16px;
  margin-block-start: initial;
}
.b-prmy .b-rtkp__row .b-rtkp__clmn:not(:first-child) {
  display: block;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-pgn .l-btn {
    width: auto;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__fill-c-i > span {
    --fz: 14px;
  }
}
.b-prmy__fill-c-i.part1 > span.b-prmy__fill-c-c:after {
  content: "";
  clip-path: polygon(50% 0, 100% 0, 100% 75%, 50% 50%);
}
.b-prmy__fill-c-i.part2 > span.b-prmy__fill-c-c:after {
  content: "";
  clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 75%, 50% 50%);
}
.b-prmy__fill-c-i.part3 > span.b-prmy__fill-c-c::after {
  content: "";
}
.b-prmy__fill-c-i.part3 > span.b-prmy__fill-c-c::before {
  content: none;
}
.b-prmy__fill-c-i + .l-grid {
  padding-block-start: 16px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__fill-c-i + .l-grid {
    padding-block-start: 12px;
  }
}
.b-prmy__fill-c-c {
  --fz: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 0 0 44px;
  height: 44px;
  width: 44px;
  color: var(--color-black);
}
.b-prmy__fill-c-c::before,
.b-prmy__fill-c-c::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-round);
  border: 3px solid var(--color-addgrey);
}
.b-prmy__fill-c-c::before {
  z-index: 1;
}
.b-prmy__fill-c-c::after {
  content: none;
  border-color: var(--color-darkgreen);
  z-index: 2;
}
.b-prmy__fill .l-grid {
  --color-link: var(--color-black);
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy__fill .l-grid {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__fill .l-grid {
    gap: 16px;
  }
}
.b-prmy__fill .l-ttl.l-ttl--h {
  display: flex;
  align-items: center;
  gap: 12px;
  text-transform: none;
  color: var(--color-black);
}
.b-prmy__fill .l-ttl.l-ttl--h i.icon-arrow {
  margin-inline-start: auto;
}
.b-prmy__fill-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__fill-item {
    --fz: 14px;
  }
}
.b-prmy__fill-item i.icon-arrow {
  margin-inline-start: auto;
  rotate: -90deg;
}
.b-prmy__fill-item.done {
  pointer-events: none;
  cursor: default;
  color: var(--color-darkgrey);
}
.b-prmy__fill-item.done i.icon-arrow {
  display: none;
}
.b-prmy__fill-ic {
  --icon-c: var(--color-black);
  --icon-w: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: var(--rd-round);
  background-color: var(--color-lightgrey);
}
.b-prmy__attn {
  --color-link: var(--color-darkgrey);
  display: grid;
  align-items: center;
  grid-template-columns: 44px 1fr;
  grid-template-areas: "a b";
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__attn {
    gap: 12px;
  }
}
.b-prmy__attn._btn {
  grid-template-columns: 44px 1fr auto;
  grid-template-areas: "a b c";
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__attn._btn {
    grid-template-columns: 44px 1fr;
    grid-template-areas: "a b" ". c";
  }
}
@media only screen and (max-width: 767.98px) {
  .b-prmy__attn.l-crd {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__attn.l-crd {
    padding: 12px;
  }
}
.b-prmy__attn i.icon-alert {
  --icon-w: 14px;
  grid-area: a;
  width: 44px;
  height: 44px;
  border-radius: var(--rd-100);
  border: 1px solid var(--color-orange-15);
  background: var(--color-orange-05);
}
.b-prmy__attn > div:not([class]) {
  grid-area: b;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.b-prmy__attn > div:not([class]) span:not([class]) {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__attn > div:not([class]) span:not([class]) {
    --fz: 14px;
  }
}
.b-prmy__attn > div:not([class]) .l-link--sm,
.b-prmy__attn > div:not([class]) span.grey {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__attn > div:not([class]) .l-link--sm,
  .b-prmy__attn > div:not([class]) span.grey {
    --fz: 12px;
  }
}
.b-prmy__attn .l-btn {
  grid-area: c;
}
@media only screen and (min-width: 549.98px) {
  .b-prmy__attn .l-btn {
    margin-inline-start: auto;
  }
}
.b-prmy__posts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__posts {
    gap: 12px;
  }
}
.b-prmy__post {
  --color-link: var(--color-black);
  border-radius: var(--rd-16);
  background-color: var(--color-lightgrey2);
  box-shadow: inset 0 0 0 1px var(--color-grey2);
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__post {
    border-radius: var(--rd-12);
  }
}
.b-prmy__post > p {
  box-shadow: inset 0 0 0 1px var(--color-grey2);
  background: var(--color-white);
  border-radius: inherit;
  padding: 16px 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__post > p {
    --fz: 14px;
    padding: 12px;
  }
}
.b-prmy__post-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__post-head {
    padding: 12px;
  }
}
.b-prmy__post-head .l-ttl2 {
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  margin-inline-end: auto;
}
.b-prmy__post-head .l-ttl2 i.icon-arrow {
  --icon-c: var(--color-link);
  rotate: -90deg;
}
.b-prmy__post-head > .l-cat__row.l-cat__row--blcs > div {
  border: 1px solid var(--color-grey2);
  background: var(--color-white);
}
.b-prmy .l-crd .l-tab.l-tab--btns {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd .l-tab.l-tab--btns {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd .l-tab.l-tab--btns.scroll-esm .l-tab__inner {
    padding-block-start: 0;
    padding-block-end: 0;
  }
}
.b-prmy .l-crd > .b-prmy__blk {
  border: 1px solid var(--color-grey2);
  overflow: hidden;
}
.b-prmy .l-crd > .b-prmy__blk:not(:last-child) {
  margin-block-end: 28px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd > .b-prmy__blk:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-prmy .l-crd > .b-prmy__blk {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-prmy .l-crd.profile-props .l-ttl {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-props .l-ttl {
    margin-block-end: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-props p {
    --fz: 14px;
  }
}
.b-prmy .l-crd.profile-props p.grey {
  text-align: start;
}
.b-prmy .l-crd.profile-props p.grey:last-child {
  margin-block-end: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy .l-crd.profile-props p.grey:last-child {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-props p.grey:last-child {
    margin-block-end: 20px;
  }
}
.b-prmy .l-crd.profile-props p.grey + .l-btn.l-btn--br.l-btn--ltl {
  margin-block-start: 12px;
}
.b-prmy .l-crd.profile-props .l-btn.l-btn--br.l-btn--ltl {
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-props .l-btn.l-btn--br.l-btn--ltl {
    margin-block-start: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-bk .l-ttl {
    margin-block-end: 12px;
  }
}
.b-prmy .l-crd.profile-bk .l-ttl + .l-bkic__row.l-bkic__row--bk:last-child {
  margin-block-end: -12px;
}
.b-prmy .l-crd.profile-bk .l-ttl + .l-bkic__row.l-bkic__row--bk,
.b-prmy .l-crd.profile-bk .l-ttl + .b-prmy__props {
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-bk .l-ttl + .l-bkic__row.l-bkic__row--bk,
  .b-prmy .l-crd.profile-bk .l-ttl + .b-prmy__props {
    margin-block-start: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-prmy .l-crd.profile-bk .l-bkic__row--bk {
    overflow: initial;
    flex-wrap: wrap;
  }
}
.b-prmy .l-crd.profile-bk .l-bkic__row.l-bkic__row--bk + .b-prmy__props {
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-bk .l-bkic__row.l-bkic__row--bk + .b-prmy__props {
    margin-block-start: 8px;
  }
}
.b-prmy .l-crd.profile-bk .l-btn.l-btn--br.l-btn--ltl {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy .l-crd.profile-bk .l-btn.l-btn--br.l-btn--ltl {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-bk .l-btn.l-btn--br.l-btn--ltl {
    margin-block-start: 16px;
  }
}
.b-prmy .l-crd.profile-bk p.grey {
  text-align: start;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-bk p.grey {
    --fz: 14px;
  }
}
.b-prmy .l-crd.profile-bk p.grey:last-child {
  margin-block-end: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy .l-crd.profile-bk p.grey:last-child {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-bk p.grey:last-child {
    margin-block-end: 20px;
  }
}
.b-prmy .l-crd.profile-bk p.grey + .l-btn.l-btn--br.l-btn--ltl {
  margin-block-start: 12px;
  margin-block-end: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy .l-crd.profile-bk p.grey + .l-btn.l-btn--br.l-btn--ltl {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-bk p.grey + .l-btn.l-btn--br.l-btn--ltl {
    margin-block-end: 20px;
  }
}
.b-prmy .l-crd.profile-tips > .l-cat__row {
  gap: 6px;
  margin-block-end: 6px;
  overflow: hidden;
  height: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-tips > .l-cat__row {
    gap: 4px;
    margin-block-end: 8px;
  }
}
.b-prmy .l-crd.profile-tips > .l-cat__row .b-mtch__odd {
  --fz: 12px;
  height: 20px;
  min-width: 36px;
  padding: 0 6px;
  border-radius: var(--rd-6);
  color: var(--color-white);
}
.b-prmy .l-crd.profile-tips > .l-cat__row .b-mtch__odd.grn {
  background: var(--color-darkgreen);
}
.b-prmy .l-crd.profile-tips > .l-cat__row .b-mtch__odd.rd {
  background: var(--color-hover);
}
.b-prmy .l-crd.profile-tips > .l-cat__row .b-mtch__odd.gry {
  background: var(--color-darkgrey);
}
.b-prmy .l-crd.profile-tips > small.grey {
  --fz: 12px;
}
.b-prmy .l-crd.profile-achievements.no-achiv > span.grey {
  display: inline-block;
  margin-block-start: 8px;
  text-align: start;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-achievements.no-achiv > span.grey {
    --fz: 14px;
  }
}
.b-prmy .l-crd.profile-achievements.no-achiv > span.grey + .l-btn.l-btn--br.l-btn--ltl {
  margin-block-start: 12px;
  margin-block-end: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy .l-crd.profile-achievements.no-achiv > span.grey + .l-btn.l-btn--br.l-btn--ltl {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.profile-achievements.no-achiv > span.grey + .l-btn.l-btn--br.l-btn--ltl {
    margin-block-start: 8px;
    margin-block-end: 20px;
  }
}
.b-prmy .l-crd.profile-achievements.no-achiv > span.grey + .l-btn.l-btn--br.l-btn--ltl > span {
  margin-inline-start: 6px;
}
.b-prmy .l-crd.l-crd--fv {
  padding-block-start: 36px;
  padding-block-end: 32px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmy .l-crd.l-crd--fv {
    padding-block-start: 30px;
    padding-block-end: 28px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.l-crd--fv {
    padding-block-start: 24px;
    padding-block-end: 24px;
  }
}
.b-prmy .l-crd.l-crd--fv > picture img {
  width: 140px;
  height: 140px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .l-crd.l-crd--fv > picture img {
    width: 100px;
    height: 100px;
  }
}
.b-prmy .b-cnmy .l-crd.l-crd--fv {
  text-align: start;
  align-items: flex-start;
}
.b-prmy .b-cnmy .l-crd.l-crd--fv .l-ttl {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .b-cnmy .l-crd.l-crd--fv .l-ttl {
    margin-block-end: 8px;
  }
}
.b-prmy .b-cnmy .l-crd.l-crd--fv > picture {
  display: none;
}
.b-prmy .b-cnmy .l-crd.l-crd--fv > span {
  max-width: initial;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy .b-cnmy .l-crd.l-crd--fv .b-cnmy__qt {
    padding-block-start: 12px;
  }
}
.b-prmy__grade-block {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 24px;
  width: 100%;
}
.b-prmy__grade-block:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__grade-block:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__grade-block {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.b-prmy__grade-block + p.grey {
  --fz: 14px;
}
.b-prmy__grade-tips {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--color-blue-soft);
  box-shadow: inset 0 0 0 1px var(--color-blue-border);
  border-radius: var(--rd-16);
  padding: 22px 24px;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__grade-tips {
    border-radius: var(--rd-12);
    padding: 16px 24px;
  }
}
.b-prmy__grade-tips > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.b-prmy__grade-tips > div i.icon-star {
  --icon-w: 12px;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: var(--rd-round);
  background-color: var(--color-blue);
}
.b-prmy__grade-tips > div b {
  --fz: 28px;
  font-weight: 600;
}
.b-prmy__grade-tips > span {
  --fz: 12px;
  opacity: 0.6;
  color: var(--color-black2);
}
.b-prmy__grade-scores {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 4px;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-prmy__grade-scores {
    padding: 12px;
    border-radius: var(--rd-12);
    border: 1px solid var(--color-grey2);
  }
}
.b-prmy__grade-score {
  --fz: 14px;
  position: relative;
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: center;
  gap: 8px;
}
.b-prmy__grade-score .b-rtkp__bsau-rt {
  --fz: 12px;
  --lh: 1;
  align-items: center;
  padding: 0 8px;
  height: 20px;
  border-radius: var(--rd-100);
  font-weight: 600;
  cursor: default;
}
.b-prmy__grade-score > div:not(.b-rtkp__bsau-rt) {
  position: relative;
  height: 6px;
  width: 100%;
  overflow: hidden;
  border-radius: var(--rd-2);
  background-color: var(--color-lightgrey);
}
.b-prmy__grade-score > div:not(.b-rtkp__bsau-rt)::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  height: 100%;
  width: calc(var(--pr-gr-ct) / (var(--pr-gr-max-ct) / 100) * 1%);
  background-color: var(--pr-gr-cr-clr, var(--color-blue));
}
.b-prmy__grade-score b {
  text-align: end;
}
.b-prmn {
  max-width: 774px;
  margin: 0 auto;
}
.b-prmn > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-prmn .b-blog__head::before {
  overflow: hidden;
  border: 1px solid var(--clr-rb2);
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/profile/bg-head-mng.png) 100% 0/100% auto no-repeat,
    var(--clr-rb2, var(--color-white));
}
@media only screen and (max-width: 549.98px) {
  .b-prmn .b-blog__head::before {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/profile/bg-head-mng.png) 100% 0/100% auto no-repeat,
      var(--clr-rb2, var(--color-white));
  }
}
.b-prmn .b-blog__head .l-tab__inner .l-tab__link:has(i.icon-ex-point) {
  position: relative;
}
.b-prmn .b-blog__head .l-tab__inner .l-tab__link:has(i.icon-ex-point) i.icon-ex-point {
  --icon-c: var(--color-white);
  --icon-w: 12px;
  position: absolute;
  inset-block-start: -6px;
  inset-inline-end: -6px;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 2px solid var(--color-white);
  border-radius: var(--rd-round);
  background: var(--color-black2);
}
.b-prmn .b-blog__head .l-tab__inner .l-tab__link:has(i.icon-ex-point) i.icon-ex-point._orange {
  background: var(--color-orange);
}
.b-prmn .b-blog__head .l-tab.l-tab--bdac.scroll-esm:not(:first-child) {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn .b-blog__head .l-tab.l-tab--bdac.scroll-esm:not(:first-child) {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn .b-blog__head .l-tab.l-tab--bdac.scroll-esm:not(:first-child) {
    margin-block-start: 12px;
    overflow: initial;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-prmn .b-blog__head .l-tab.l-tab--bdac.scroll-esm:not(:first-child) {
    margin-block-end: -24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-prmn .b-blog__head .l-tab.l-tab--bdac.scroll-esm:not(:first-child) {
    margin-block-end: -18px;
  }
}
.b-prmn .b-blog__head .l-tab.l-tab--bdac.scroll-esm:not(:first-child) .l-tab__inner {
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (min-width: 549.98px) {
  .b-prmn .b-blog__head .l-tab.l-tab--bdac.scroll-esm:not(:first-child) .l-tab__inner {
    padding-block-start: 20px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-prmn .b-blog__head .l-tab.l-tab--bdac.scroll-esm:not(:first-child) .l-tab__inner {
    padding-block-start: 16px;
  }
}
.b-prmn .b-blog__head .b-prmy__fill {
  position: relative;
  padding-block-start: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn .b-blog__head .b-prmy__fill {
    padding-block-start: 16px;
  }
}
.b-prmn .b-blog__head .b-prmy__fill .l-grid {
  padding-block-start: 16px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-prmn .b-blog__head .b-prmy__fill .l-grid {
    padding-block-start: 12px;
  }
}
.b-prmn .b-blog__head .b-prmy__fill .b-prmy__fill-item {
  cursor: default;
}
.b-prmn__main .l-crd > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__main .l-crd > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__main .l-crd > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__main .l-crd {
    border-radius: var(--rd-16);
  }
}
.b-prmn__main .l-crd > h3:not(:last-child),
.b-prmn__main .l-crd > .l-cat__row:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__main .l-crd > h3:not(:last-child),
  .b-prmn__main .l-crd > .l-cat__row:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__main .l-crd > .l-cat__row {
    justify-content: space-between;
  }
}
.b-prmn__main .l-crd .f-check:not(:last-child) {
  margin-block-end: 12px;
}
.b-prmn__main .l-crd.b-prmn__tgc .b-art__i .card__alert {
  display: flex;
  gap: 12px;
  padding: 16px;
}
@media only screen and (min-width: 549.98px) {
  .b-prmn__main .l-crd.b-prmn__tgc .b-art__i .card__alert {
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__main .l-crd.b-prmn__tgc .b-art__i .card__alert {
    flex-direction: column;
    padding: 12px;
  }
}
.b-prmn__main .l-crd.b-prmn__tgc .b-art__i .card__alert > span:not(:last-child) {
  margin-block-end: 0;
}
.b-prmn__main .l-crd.b-prmn__tgc .b-art__i:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__main .l-crd.b-prmn__tgc .b-art__i:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-prmn__main.mvi7 .b-prmn__form .l-inpt__form label span:nth-child(2) {
  display: none;
}
@media only screen and (max-width: 480.98px) {
  .b-prmn__main.mvi7 .b-prmn__form .l-inpt__form textarea:focus + label span:nth-child(1),
  .b-prmn__main.mvi7 .b-prmn__form .l-inpt__form textarea:not(:placeholder-shown) + label span:nth-child(1) {
    display: none;
  }
  .b-prmn__main.mvi7 .b-prmn__form .l-inpt__form textarea:focus + label span:nth-child(2),
  .b-prmn__main.mvi7 .b-prmn__form .l-inpt__form textarea:not(:placeholder-shown) + label span:nth-child(2) {
    display: block;
  }
}
.b-prmn__form > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__form > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__form > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__form .l-btn.l-btn--f {
    width: 100%;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__form > .l-btn.l-btn--f {
    margin-inline-start: 12px;
    margin-inline-end: 12px;
    width: calc(100% - 24px);
  }
}
.b-prmn__form .b-bk__ab {
  cursor: initial;
}
@media only screen and (min-width: 549.98px) {
  .b-prmn__form--pass .l-inpt__form {
    max-width: 336px;
  }
}
.b-prmn__gr {
  display: grid;
  grid-template-columns: 160px 1fr 1fr;
  grid-template-areas: "a b c" "a d e";
  gap: 24px;
  margin-block-end: 24px;
}
@media only screen and (min-width: 767.98px) {
  .b-prmn__gr {
    align-items: center;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__gr {
    grid-template-columns: 148px 1fr 1fr;
    gap: 18px;
    margin-block-end: 18px;
    display: flex;
    flex-direction: column;
  }
  .b-prmn__gr > .f-upl__av {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__gr {
    grid-template-columns: 136px 1fr 1fr;
    gap: 12px;
    margin-block-end: 12px;
  }
}
.b-prmn__gr .f-upl__av {
  grid-area: a;
}
.b-prmn__gr .f-upl__av .f-upl__av-cr {
  display: none;
}
.b-prmn__gr .l-av {
  --av-wh: 160px;
  --av-fz: 72px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__gr .l-av {
    --av-wh: 148px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__gr .l-av {
    --av-wh: 136px;
  }
}
.b-prmn__gr .l-slct:not(:last-child),
.b-prmn__gr .l-inpt__form:not(:last-child) {
  margin-block-end: 0;
}
.b-prmn__gr .l-slct:nth-child(2),
.b-prmn__gr .l-inpt__form:nth-child(2) {
  grid-area: b;
}
@media only screen and (min-width: 767.98px) {
  .b-prmn__gr .l-slct:nth-child(2),
  .b-prmn__gr .l-inpt__form:nth-child(2) {
    margin-block-start: auto;
  }
}
.b-prmn__gr .l-slct:nth-child(3),
.b-prmn__gr .l-inpt__form:nth-child(3) {
  grid-area: c;
}
@media only screen and (min-width: 767.98px) {
  .b-prmn__gr .l-slct:nth-child(3),
  .b-prmn__gr .l-inpt__form:nth-child(3) {
    margin-block-start: auto;
  }
}
.b-prmn__gr .l-slct:nth-child(4),
.b-prmn__gr .l-inpt__form:nth-child(4) {
  grid-area: d;
}
@media only screen and (min-width: 767.98px) {
  .b-prmn__gr .l-slct:nth-child(4),
  .b-prmn__gr .l-inpt__form:nth-child(4) {
    margin-block-end: auto;
  }
}
.b-prmn__gr .l-slct:nth-child(5),
.b-prmn__gr .l-inpt__form:nth-child(5) {
  grid-area: e;
}
@media only screen and (min-width: 767.98px) {
  .b-prmn__gr .l-slct:nth-child(5),
  .b-prmn__gr .l-inpt__form:nth-child(5) {
    margin-block-end: auto;
  }
}
.b-prmn__gr + .l-inpt__form {
  overflow: initial;
}
.b-prmn__gr + .l-inpt__form textarea {
  position: relative;
  z-index: 2;
}
.b-prmn__gr + .l-inpt__form::before {
  content: "";
  position: absolute;
  inset-block-start: -2px;
  inset-inline-start: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background:
    linear-gradient(
      134.72deg,
      var(--color-pink) 0%,
      var(--color-orange-bright) 101.5%);
  border-radius: var(--rd-16);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.b-prmn__gr + .l-inpt__form label {
  z-index: 2;
}
.b-prmn__gr + .l-inpt__form.not-about:before {
  opacity: 1;
}
.b-prmn__soals {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__soals {
    gap: 18px;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__soals {
    gap: 12px;
  }
}
.b-prmn__srv .l-ttl:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__srv .l-ttl:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-prmn__soal-srv {
  --color-link: var(--color-black);
  padding-block-start: 24px;
  border-block-start: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__soal-srv {
    padding-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__soal-srv {
    padding-block-start: 16px;
  }
}
.b-prmn__soal-srv > p {
  --fz: 16px;
  --lh: 24px;
}
.b-prmn__soal-srv > p:not(:last-child) {
  margin-block-end: 16px;
}
.b-prmn__soal-i {
  display: flex;
  align-items: center;
}
.b-prmn__soal-i:not(:last-child) {
  margin-block-end: 12px;
}
.b-prmn__soal-i .l-soal__item {
  --social-rd: 50%;
  pointer-events: none;
  margin-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__soal-i .l-soal__item {
    margin-inline-end: 8px;
  }
}
.b-prmn__soal-i .icon-trash {
  margin-inline-start: 8px;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .b-prmn__soal-i .icon-trash:hover {
    --icon-c: var(--color-black);
  }
}
.b-prmn__soal-i .icon-trash:active {
  --icon-c: var(--color-black);
}
.b-prmn__bk .b-bk__ab {
  cursor: initial;
}
.b-prmn__crds > .l-ttl2:not(:first-child) {
  padding-block-start: 24px;
}
.b-prmn__crd {
  display: grid;
  grid-template-columns: 170px 84px 1fr;
  grid-template-areas: "a b c";
  gap: 64px;
  align-items: center;
  padding: 16px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__crd {
    gap: 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__crd {
    grid-template-columns: 1fr 75px;
    grid-template-areas: "a b" "c c";
    column-gap: 12px;
    row-gap: 4px;
    border-radius: var(--rd-12);
    padding: 12px;
  }
}
.b-prmn__crd:nth-child(2n+2) {
  background: var(--color-lightgrey-alt);
}
.b-prmn__crd > div:nth-child(1) {
  grid-area: a;
  display: flex;
  align-items: center;
  gap: 8px;
}
.b-prmn__crd > div:nth-child(1) picture {
  height: 32px;
  width: 32px;
}
.b-prmn__crd > div:nth-child(1) picture img {
  --fz: 0;
  width: 100%;
  height: 100%;
}
.b-prmn__crd > div:nth-child(1) > .name {
  display: flex;
  flex-direction: column;
}
.b-prmn__crd > div:nth-child(1) > .name a {
  --fz: 12px;
}
.b-prmn__game {
  grid-area: b;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__game .l-swch__lbl {
    --fz: 14px;
  }
}
.b-prmn__adrm {
  grid-area: c;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__adrm {
    --fz: 14px;
    padding-inline-start: 40px;
  }
}
.b-prmn__adrm span {
  color: var(--color-black);
  border-block-end: 1px dotted var(--color-black);
}
.b-prmn__adrm span.grey {
  border-block-end-color: var(--color-darkgrey);
}
.b-prmn__adrm > i {
  cursor: help;
  margin-inline-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__adrm > i {
    margin-inline-start: 6px;
  }
}
.b-prmn__adrm > i.icon-check {
  --icon-c: var(--color-darkgreen);
}
.b-prmn__adrm > i.icon-ban-stroke {
  --icon-c: var(--color-hover);
}
.b-prmn__cmn-chck {
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-addgrey-70);
  width: 100%;
  height: 64px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__cmn-chck {
    border-radius: var(--rd-12);
    padding: 0 12px;
  }
}
.b-prmn__ppva {
  padding: 4px;
  width: 288px;
}
.b-prmn__ppvr {
  padding: 4px;
  width: 344px;
}
@media only screen and (max-width: 391px) {
  .b-prmn__ppvr {
    width: 312px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-prmn__ppvr {
    width: 272px;
  }
}
.b-prmn__del-l {
  --color-link: var(--color-darkred);
}
.b-prmn__ul li {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__ul li {
    --fz: 14px;
  }
}
.b-prmn__ul li:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__ul li:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__ul li:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-prmn__ul i.icon-alert {
  --icon-w: 44px;
  margin-inline-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__ul i.icon-alert {
    --icon-w: 36px;
    margin-inline-end: 12px;
  }
}
.b-prmn__dlac-img {
  width: 56px;
  height: 56px;
  background: url(/images3/profile/del-acc-hum.svg) 50% 50%/46px 54px no-repeat;
  margin: 0 auto 12px;
}
.b-prmn__dlac-img + b {
  margin-block-end: 4px;
}
.b-prmn__dlpg {
  margin: 0 auto;
  max-width: 774px;
}
.b-prmn__dlpg > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__dlpg > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__dlpg > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__dlpg {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__dlpg .l-ttl--big {
    padding: 0 12px;
  }
}
.b-prmn__dlpg .l-cat__row {
  flex-wrap: nowrap;
  justify-content: space-between;
  row-gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__dlpg .l-cat__row {
    row-gap: 8px;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-prmn__dlpg .l-cat__row .l-btn {
    --fz: 16px;
    padding: 16px 32px;
    height: 56px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-prmn__dlpg .l-cat__row .l-btn {
    padding: 14px;
  }
}
.b-prmn__tgf {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-block-end: 16px;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__tgf {
    padding-block-end: 12px;
  }
}
.b-prmn__tgf:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__tgf:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-prmn__tgf .l-swch {
  cursor: pointer;
  width: fit-content;
}
.b-prmn__tgf .l-swch > span:nth-child(2) {
  margin: 0 8px;
}
.b-prmn__subs {
  display: flex;
  flex-direction: column;
}
.b-prmn__sub {
  --color-link: var(--color-black);
  display: flex;
}
@media only screen and (min-width: 480.98px) {
  .b-prmn__sub {
    align-items: center;
    column-gap: 64px;
    row-gap: 16px;
    padding: 16px;
  }
}
@media only screen and (min-width: 480.98px) and (max-width: 767.98px) {
  .b-prmn__sub {
    column-gap: 32px;
  }
}
@media only screen and (min-width: 480.98px) {
  .b-prmn__sub:nth-child(even) {
    border-radius: var(--rd-16);
    background-color: var(--color-lightgrey-alt);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-prmn__sub {
    flex-direction: column;
    gap: 12px;
  }
  .b-prmn__sub:not(:last-child) {
    padding-block-end: 12px;
    border-block-end: 1px solid var(--color-border);
    margin-block-end: 12px;
  }
}
.b-prmn__sub-usr {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 480.98px) {
  .b-prmn__sub-usr {
    flex: 0 1 200px;
  }
}
.b-prmn__sub-usr .l-av {
  --av-wh: 32px;
  --av-fz: 15px;
}
.b-prmn__sub-usr > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.b-prmn__sub-usr > div .wrd-ell {
  word-break: break-all;
}
.b-prmn__sub-usr > div .red {
  --fz: 12px;
}
.b-prmn__sub-swchs {
  display: grid;
  grid-template-columns: 89px 115px;
  grid-template-areas: "a b";
  align-items: center;
  white-space: nowrap;
  gap: 64px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__sub-swchs {
    gap: 32px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-prmn__sub-swchs {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .b-prmn__sub-swchs .l-swch {
    height: 32px;
    padding-block: 0 0;
    padding-inline: 12px 8px;
    border-radius: var(--rd-12);
    background-color: var(--color-lightgrey);
  }
  .b-prmn__sub-swchs .l-swch__inp:checked + .l-swch__lbl:after {
    inset-inline-start: initial;
    inset-inline-end: 1px;
  }
  .b-prmn__sub-swchs .l-swch__lbl {
    width: 100%;
    padding-block: 0 0;
    padding-inline: 0 30px;
  }
}
@media only screen and (max-width: 480.98px) and (max-width: 480.98px) {
  .b-prmn__sub-swchs .l-swch__lbl {
    --fz: 14px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-prmn__sub-swchs .l-swch__lbl::before {
    inset-inline-start: initial;
    inset-inline-end: 0;
  }
  .b-prmn__sub-swchs .l-swch__lbl::after {
    inset-inline-start: initial;
    inset-inline-end: 9px;
  }
}
.b-prmn__sub-swchs .l-swch._mn {
  grid-area: a;
}
.b-prmn__sub-swchs .l-swch._tg {
  grid-area: b;
}
.b-prmn__warn {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-block-end: 1px solid var(--color-lightgrey);
  padding-block-end: 24px;
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-prmn__warn {
    padding-block-end: 18px;
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prmn__warn {
    padding-block-end: 12px;
    margin-block-end: 12px;
  }
}
.b-bkap > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkap > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkap > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-bkap__crds {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkap__crds {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__crds {
    gap: 16px;
  }
}
.b-bkap__crd {
  position: relative;
  box-shadow: 0 4px 10px 0 var(--color-blue-darkest-03);
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__crd {
    border-radius: var(--rd-16);
  }
}
.b-bkap__crd .l-btn {
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 1px var(--bk-app-color-hsl-bdr, var(--color-black));
  border: none;
  padding-block: 0 0;
  padding-inline: 18px 20px;
  border-radius: var(--rd-100);
}
.b-bkap__crd .l-btn > span,
.b-bkap__crd .l-btn i {
  position: relative;
  z-index: 2;
}
.b-bkap__crd .l-btn > span:nth-child(2) {
  margin-inline-start: 10px;
}
.b-bkap__crd .l-btn::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  background:
    linear-gradient(
      0deg,
      var(--color-white-90) 0%,
      var(--color-white-90) 100%),
    var(--bk-app-color, var(--color-grey-light));
  background-clip: content-box;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1;
}
@media only screen and (min-width: 767.98px) {
  .b-bkap__crd .l-btn:hover:before {
    opacity: 1;
  }
}
.b-bkap__crd .l-btn:active:before {
  opacity: 1;
}
.b-bkap__bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-20);
  overflow: hidden;
  pointer-events: none;
  background: url(/images3/bookmakers/app-wave.svg) -670px -308px/1850px 1824px no-repeat, var(--bk-app-color-hsl, var(--color-grey-light));
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__bg {
    border-radius: var(--rd-16);
  }
}
.b-bkap .color-circle {
  --bg-clr-mdl:var(--bk-app-color-hsl, var(--color-grey-light));
}
.b-bkap__mdbg {
  position: absolute;
  inset-block-start: -1px;
  inset-inline-start: -1px;
  width: 101%;
  height: 101%;
  border-radius: var(--rd-20);
  overflow: hidden;
  pointer-events: none;
  background: url(/images3/bookmakers/app-modal_bcg.png) -273px -196px/820px 685px no-repeat, var(--bk-app-color-hsl, var(--color-grey-light));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__mdbg {
    border-radius: var(--rd-16);
  }
}
.b-bkap__top {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0 24px;
  z-index: 1;
}
@media only screen and (max-width: 359.98px) {
  .b-bkap__top {
    padding: 16px 0 16px;
  }
}
.b-bkap__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 112px;
  width: 200px;
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__img {
    height: 80px;
  }
}
.b-bkap__img img {
  width: 100%;
  height: auto;
}
.b-bkap__links {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 16px;
  padding: 0 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkap__links {
    padding: 0 18px;
    gap: 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__links {
    padding: 0 12px;
    gap: 12px;
  }
}
.b-bkap__links > .l-btn {
  flex: 1 1 100%;
}
.b-bkap__btm {
  --color-link: var(--color-black);
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  padding: 24px;
  column-gap: 24px;
  justify-content: space-between;
  border-radius: var(--rd-20);
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-bkap__btm {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__btm {
    padding-block: 12px 12px;
    padding-inline: 16px 12px;
    margin: 0 12px 12px;
    border-radius: var(--rd-16);
  }
}
.b-bkap__btm > .l-btn {
  padding: 14px 19px;
}
.b-bkap__btm-i {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.b-bkap__btm-i span.grey {
  --fz: 14px;
}
.b-bkap__btm-i span.grey.wrd-ell {
  word-break: break-all;
}
.b-bkap__btm-i span:not(.grey) {
  --fz: 20px;
  font-weight: 700;
  width: fit-content;
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__btm-i span:not(.grey) {
    --fz: 16px;
  }
}
.b-bkap__info {
  position: relative;
  padding: 24px 24px 0;
}
@media only screen and (max-width: 767.98px) {
  .b-bkap__info {
    padding: 18px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__info {
    padding: 12px 0 0;
  }
}
.b-bkap__info::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: calc(100% - 24px);
  background-color: var(--color-grey-light);
  border-radius: var(--rd-20);
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__info::before {
    height: 100%;
    border-radius: var(--rd-16);
  }
}
.b-bkap__info.b-bkap__info--full {
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkap__info.b-bkap__info--full {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__info.b-bkap__info--full {
    padding: 12px;
  }
}
.b-bkap__info.b-bkap__info--full::before {
  height: 100%;
}
.b-bkap__info.b-bkap__info--full > .l-pgn {
  margin-block-end: 0;
  padding: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-bkap__info.b-bkap__info--full > .l-pgn {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__info.b-bkap__info--full > .l-pgn {
    margin-block-start: 12px;
  }
}
.b-bkap__info.b-bkap__info--full > .l-pgn .l-btn {
  width: fit-content;
}
.b-bkap__info.b-bkap__info--full > .l-pgn .l-btn:not(.l-btn--br) {
  background-color: var(--color-grey-act);
}
@media only screen and (min-width: 767.98px) {
  .b-bkap__info.b-bkap__info--full > .l-pgn .l-btn:not(.l-btn--br):hover {
    background-color: var(--color-cyan-mid-alt5);
  }
}
.b-bkap__info.b-bkap__info--full > .l-pgn .l-btn:not(.l-btn--br):active {
  background-color: var(--color-cyan-mid-alt5);
}
.b-bkap__info > p {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkap__info > p {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__info > p {
    margin-block-end: 12px;
  }
}
.b-bkap__info .l-ttl2:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__info > .l-ttl2:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-bkap__info .ovb-quote {
  background-color: var(--color-cyan-light);
}
.b-bkap__info .l-crd,
.b-bkap__info .ovb-quote {
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__info .l-crd,
  .b-bkap__info .ovb-quote {
    border-radius: var(--rd-16);
  }
}
.b-bkap__info .b-bkin__ul {
  margin-block-start: 16px;
}
.b-bkap__info .b-art__i figure img {
  width: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__info .b-bkin__bns {
    margin-inline-start: -12px;
    margin-inline-end: -12px;
  }
}
@media only screen and (max-width: 677px) and (min-width: 549.98px) {
  .b-bkap__info .b-bkin__bns .b-bns__item {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
.b-bkap__ques {
  padding-block-end: 0;
}
@media only screen and (min-width: 549.98px) {
  .b-bkap__ques {
    padding-block-end: 8px;
  }
  .b-bkap__ques .l-ttl--b {
    margin-block-end: 8px;
  }
}
.b-bkap__que:not(:last-child) {
  border-block-end: 1px solid var(--color-border);
}
.b-bkap__que .l-ttl--h {
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin: 0;
  padding: 16px 0;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-bkap__que .l-ttl--h {
    padding: 12px 0;
  }
}
.b-bkap__que .l-ttl--h i.icon-arrow {
  margin-inline-start: 0;
  margin-inline-end: 8px;
  rotate: -90deg;
}
.b-bkap__que .l-ttl--h.open {
  font-weight: 700;
  padding-block-end: 8px;
}
.b-bkap__que .l-ttl--h.open i.icon-arrow {
  rotate: -180deg;
}
.b-bkap__que .l-grid {
  padding-block-end: 16px;
  padding-inline-start: 24px;
}
.b-cpn > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cpn > .l-crd > .f-check + .b-cpn__item {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn > .l-crd > .f-check + .b-cpn__item {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn > .l-crd > .f-check + .b-cpn__item {
    margin-block-start: 12px;
  }
}
.b-cpn .b-blog__head .coupon6-sort.l-cat__row {
  justify-content: space-between;
}
.b-cpn .b-blog__head.b-blog__head--full::before {
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .b-cpn .b-blog__head.b-blog__head--full .l-cat__row {
    padding: 0;
  }
}
.b-cpn > .f > .l-crd .b-art__i .card__advice,
.b-cpn > .f > .l-crd .b-art__i .card__alert {
  padding: 16px;
}
.b-cpn > .f > .l-crd .b-art__i .card__advice:not(:last-child),
.b-cpn > .f > .l-crd .b-art__i .card__alert:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn > .f > .l-crd .b-art__i .card__advice:not(:last-child),
  .b-cpn > .f > .l-crd .b-art__i .card__alert:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn > .f > .l-crd .b-art__i .card__advice,
  .b-cpn > .f > .l-crd .b-art__i .card__alert {
    --fz: 14px;
    padding: 8px 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn > .f > .l-btn.l-btn--f {
    margin-inline-start: 12px;
    margin-inline-end: 12px;
  }
}
.b-cpn > .f > .l-crd > div:not(.b-art__i):not(.l-inpt__form) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn > .f > .l-crd > div:not(.b-art__i):not(.l-inpt__form) {
    margin-block-end: 12px;
  }
}
.b-cpn__unt.l-crd {
  position: fixed;
  inset-block-end: 0;
  inset-inline-start: 50%;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 30px var(--color-grey-soft-50);
  gap: 20px;
  z-index: 9;
  width: 1059px;
  pointer-events: none;
  border-radius: var(--rd-20) var(--rd-20) 0 0;
  transition: transform 0.2s ease;
  transform: translate(0, 130%);
}
@media only screen and (min-width: 991.98px) {
  .b-cpn__unt.l-crd {
    transform: translate(calc(-50% + 143px), 130%);
  }
}
@media only screen and (max-width: 1439.98px) {
  .b-cpn__unt.l-crd {
    width: calc(100% - 381px);
  }
}
@media only screen and (max-width: 1279.98px) {
  .b-cpn__unt.l-crd {
    width: calc(100% - 333px);
  }
}
@media only screen and (max-width: 991.98px) {
  .b-cpn__unt.l-crd {
    width: calc(100% - 48px);
    inset-inline-start: 24px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__unt.l-crd {
    inset-inline-start: 0;
    width: 100%;
    border-radius: var(--rd-16) var(--rd-16) 0 0;
    gap: 16px;
    flex-wrap: wrap;
  }
  .b-cpn__unt.l-crd span.grey {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__unt.l-crd {
    gap: 12px;
  }
}
.b-cpn__unt.l-crd.show {
  pointer-events: auto;
  transform: translate(0, 0);
}
@media only screen and (min-width: 991.98px) {
  .b-cpn__unt.l-crd.show {
    transform: translate(calc(-50% + 143px), 0);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__unt.l-crd.show {
    transform: translate(0, -63px);
  }
}
.b-cpn__unt.l-crd:not(:last-child) {
  margin-block-end: 0;
}
.b-cpn__unt.l-crd span.grey {
  --fz: 14px;
}
.b-cpn__unt.l-crd .f-check {
  height: 20px;
  width: 20px;
  padding-inline-start: 0;
}
.b-cpn__unt.l-crd .l-btn.l-btn--br.l-btn--ltl {
  margin: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__unt.l-crd .l-btn.l-btn--br.l-btn--ltl {
    flex: 0 0 calc(50% - 22px);
  }
}
.b-cpn__item > *:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__item > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__item > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-cpn__item + .b-cpn__item {
  padding-block-start: 20px;
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__item + .b-cpn__item {
    padding-block-start: 16px;
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__item + .b-cpn__item {
    padding-block-start: 12px;
    margin-block-start: 12px;
  }
}
.b-cpn__item.loading {
  opacity: 0;
  animation: coupon6-loading 0.2s ease-in alternate;
}
.b-cpn__item.blocked .b-cpn__it,
.b-cpn__item.blocked .l-ttl--md {
  color: var(--color-darkgrey);
}
.b-cpn__item.blocked .l-tips__av img {
  filter: grayscale(1);
}
.b-cpn__item.blocked .l-tips__av span {
  opacity: 0.6;
}
.b-cpn__item.blocked .b-art__i,
.b-cpn__item.blocked .b-cpn__cnt--h,
.b-cpn__item.blocked .b-cpn__cnt .l-inpt__form,
.b-cpn__item.blocked .b-cpn__cnt .b-cpn__it {
  opacity: 0.4;
  pointer-events: none;
}
.b-cpn__item-f {
  position: relative;
  display: flex;
  flex-direction: column;
}
.b-cpn__item-f > .l-crd:not(:last-child) {
  margin-block-end: 0;
}
.b-cpn__item-f > .l-crd:first-child:not(.b-cpn__opened) {
  padding-block-end: 10px;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.b-cpn__item-f > .l-crd > .f-check {
  height: 22px;
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__item-f > .l-crd > .f-check {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__item-f > .l-crd > .f-check {
    margin-block-end: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-cpn__item-f > .l-btn {
    min-width: 326px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__item-f > .l-btn {
    margin-inline-start: 12px;
    margin-inline-end: 12px;
    width: calc(100% - 24px);
  }
}
.b-cpn__frm.l-crd:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__frm.l-crd:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__frm.l-crd:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cpn__frm.l-crd {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__frm.l-crd {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__frm.l-crd {
    margin-block-start: 16px;
  }
}
.b-cpn__frm.l-crd > .b-art__i {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__frm.l-crd > .b-art__i {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__frm.l-crd > .b-art__i {
    margin-block-start: 16px;
  }
}
.b-cpn__head {
  display: flex;
  gap: 16px;
}
@media only screen and (min-width: 549.98px) {
  .b-cpn__head {
    align-items: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__head {
    flex-direction: column;
    gap: 12px;
  }
}
.b-cpn__head .f-check {
  width: 18px;
  height: 18px;
  padding: 0;
}
.b-cpn__head .l-tips__vs {
  margin: 0;
}
.b-cpn__body {
  position: relative;
  width: 100%;
  padding-inline-end: 32px;
}
.b-cpn__body .l-ttl--md {
  -webkit-line-clamp: 2;
}
.b-cpn__body .l-cat__row {
  column-gap: 12px;
  row-gap: 4px;
  margin-block-start: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__body .l-cat__row {
    --fz: 14px;
  }
}
.b-cpn__cnt {
  display: flex;
  gap: 8px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__cnt {
    flex-wrap: wrap;
  }
}
.b-cpn__cnt .b-cpn__it:first-child {
  flex: 1 1 auto;
  padding: 0 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__cnt .b-cpn__it:first-child {
    --fz: 14px;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__cnt .b-cpn__it:first-child:not(.b-cpn__it--h):not(.b-cpn__it--frm) {
    flex: 1 1 100%;
  }
}
.b-cpn__cnt .b-cpn__it:nth-child(2) {
  flex: 0 0 84px;
}
.b-cpn__cnt .b-cpn__it:nth-child(2) > span:nth-child(2) {
  display: flex;
  align-items: center;
}
.b-cpn__cnt .b-cpn__it:nth-child(2) > span:nth-child(2) > i.icon-arrow-alt._red {
  position: relative;
  inset-block-start: -1px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__cnt .b-cpn__it:nth-child(2):not(.b-cpn__it--frm),
  .b-cpn__cnt .b-cpn__it:nth-child(3):not(.b-cpn__it--frm),
  .b-cpn__cnt .b-cpn__it:nth-child(4):not(.b-cpn__it--frm) {
    flex: 0 0 calc(33.333% - 26px);
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 549.98px) {
  .b-cpn__cnt .b-cpn__it:nth-child(2):not(.b-cpn__it--frm),
  .b-cpn__cnt .b-cpn__it:nth-child(3):not(.b-cpn__it--frm),
  .b-cpn__cnt .b-cpn__it:nth-child(4):not(.b-cpn__it--frm) {
    flex: 0 0 calc(33.333% - 22px);
  }
}
.b-cpn__cnt--h {
  flex-direction: column;
  gap: 0;
  border-radius: var(--rd-12);
}
.b-cpn__cnt .l-inpt__form {
  flex: 0 1 90px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__cnt .l-inpt__form {
    flex: 0 0 calc(33.333% - 27px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__cnt .l-inpt__form {
    flex: 0 0 calc(33.333% - 22px);
  }
}
.b-cpn__cnt > .b-cpn__it.icon-trash {
  cursor: pointer;
  align-items: center;
  flex: 0 0 56px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__cnt > .b-cpn__it.icon-trash {
    flex: 0 0 40px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-cpn__cnt > .b-cpn__it.icon-trash:hover {
    --icon-c: var(--color-black);
  }
}
.b-cpn__cnt > .b-cpn__it.icon-trash:active {
  --icon-c: var(--color-black);
}
.b-cpn__it {
  border-radius: var(--rd-16);
  height: 56px;
  display: flex;
  padding: 0 12px;
  border: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it {
    border-radius: var(--rd-12);
  }
}
.b-cpn__it:not(.b-cpn__it--h) {
  flex-direction: column;
  justify-content: center;
}
.b-cpn__it:not(.b-cpn__it--h) span.grey {
  --fz: 12px;
  margin-block-end: 2px;
}
.b-cpn__it i.icon-arrow-alt._green {
  rotate: 180deg;
}
.b-cpn__it.b-cpn__it--h {
  box-shadow: none;
}
.b-cpn__it--h {
  flex: 0 0 100%;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.b-cpn__it--h > span {
  flex: 1 1 auto;
  padding-inline-end: 16px;
}
.b-cpn__it--h i.icon-arrow {
  margin-inline-start: auto;
}
@media only screen and (min-width: 767.98px) {
  .b-cpn__it--h:hover {
    background-color: var(--color-bg-lightgrey);
  }
}
.b-cpn__it--h:active {
  background-color: var(--color-bg-lightgrey);
}
.b-cpn__it--h.open {
  border-radius: var(--rd-12) var(--rd-12) 0 0;
}
.b-cpn__it--h.open + .b-cpn__it-list {
  display: block;
}
.b-cpn__it--h.open i.icon-arrow {
  rotate: 180deg;
}
.b-cpn__it--h.over {
  pointer-events: none;
}
.b-cpn__btm.l-crd {
  position: relative;
  display: flex;
  align-items: center;
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
@media only screen and (min-width: 767.98px) {
  .b-cpn__btm.l-crd {
    padding-block-start: 10px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-cpn__btm.l-crd {
    padding-block-start: 6px;
  }
}
.b-cpn__btm.l-crd .l-btn {
  margin-inline-end: 18px;
}
@media only screen and (min-width: 549.98px) {
  .b-cpn__btm.l-crd .l-btn {
    min-width: 140px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__btm.l-crd .l-btn {
    margin-inline-end: 14px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-cpn__btm.l-crd .l-btn {
    flex: 1 1 50%;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-cpn__btm.l-crd .l-btn {
    margin-inline-end: 10px;
  }
}
.b-cpn__btm.l-crd .l-btn:last-child {
  margin-inline-end: 0;
}
.b-cpn__it-list {
  display: none;
  padding: 8px 20px;
  border: 1px solid var(--color-grey2);
  border-block-start: none;
  border-radius: 0 0 var(--rd-12) var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-list {
    padding: 0 12px;
  }
}
.b-cpn__it-it {
  position: relative;
  padding-inline-start: 28px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it {
    padding-inline-start: 24px;
  }
}
.b-cpn__it-it > i {
  position: absolute;
  inset-block-start: 15px;
  inset-inline-start: 0;
  display: flex;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it > i {
    inset-block-start: 14px;
  }
}
.b-cpn__it-it > i.icon-closed {
  --icon-c: var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it span:not(.grey) {
    --fz: 14px;
  }
}
.b-cpn__it-it span:not(.grey) > span.grey {
  --fz: 14px;
  margin-inline-start: 4px;
  border-color: var(--color-darkgrey);
}
.b-cpn__it-it span:not(.grey) > span.grey.l-link--sm {
  cursor: help;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it span:not(.grey) > span.grey {
    --fz: 12px;
  }
}
.b-cpn__it-it span:not(.grey) > span.grey > i {
  --fz: 12px;
  position: relative;
  inset-block-start: -2px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it span:not(.grey) > span.grey > i {
    --fz: 10px;
  }
}
.b-cpn__it-it span:not(.grey) + .b-cpn__odd {
  margin-inline-start: 6px;
}
.b-cpn__it-it span.grey {
  --fz: 13px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it span.grey {
    --fz: 12px;
  }
}
.b-cpn__it-it > div {
  --color-link: var(--color-black);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 0;
  row-gap: 4px;
}
.b-cpn__it-it > div ul {
  --color-link: var(--color-blue);
}
.b-cpn__it-it > div > a.l-link--sm {
  border: none;
}
@media only screen and (min-width: 549.98px) {
  .b-cpn__it-it > div > a.l-link--sm {
    --fz: 16px;
  }
}
.b-cpn__it-it > div > a.l-link--sm.open + ul {
  --fz: 14px;
  display: block;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it > div > a.l-link--sm.open + ul {
    --fz: 12px;
  }
}
.b-cpn__it-it > div > a.l-link--sm.open + ul > li {
  position: relative;
  padding-inline-start: 0;
  color: var(--color-darkgrey);
}
.b-cpn__it-it > div > a.l-link--sm.open + ul > li::before {
  content: none;
}
.b-cpn__it-it > div > ul {
  display: none;
  flex: 0 0 100%;
}
.b-cpn__it-it > div > ul > *:not(:last-child) {
  margin-block-end: 4px;
}
.b-cpn__it-it:not(._no-country) + .b-cpn__it-it > div {
  border-block-start: 1px solid var(--color-lightgrey);
}
.b-cpn__it-it._no-country {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px;
  margin: -8px -20px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it._no-country {
    --fz: 14px;
    padding: 12px;
    margin: 0 -12px;
    gap: 8px;
  }
}
.b-cpn__it-it._no-country::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23F5F5F5' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.b-cpn__it-it._no-country i {
  position: static;
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__it-it._no-country i {
    height: 19px;
  }
}
.b-cpn__odd {
  --fz: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 20px;
  font-weight: 600;
  border-radius: var(--rd-6);
  -webkit-user-select: none;
  user-select: none;
  padding: 0 6px;
}
.b-cpn__odd + .b-cpn__odd {
  margin-inline-start: 4px;
}
.b-cpn__odd.active {
  background: var(--gradient-pink-orange);
  color: var(--color-white);
}
.b-cpn__odd:not(.active) {
  border: 1px solid var(--color-grey2);
  color: var(--color-darkgrey);
}
.b-cpn__odd:last-of-type:not(:last-child) {
  margin-inline-end: 6px;
}
.b-cpn__ppvr {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 140px;
  margin: 0 -12px;
  padding: 0 12px;
}
.b-cpn__ppvr > div:not(:last-child) {
  margin-block-end: 8px;
}
.b-cpn__ppvr > div {
  display: flex;
  align-items: center;
}
.b-cpn__ppvr > div > span:nth-child(2) {
  margin-inline-start: 8px;
}
.b-cpn__ppvr > div > i.icon-closed-stroke {
  --icon-w: 12px;
  position: relative;
  inset-block-start: -1px;
}
.b-cpn__ppvr > div > i.icon-arrow-alt._red {
  position: relative;
  inset-block-start: -1px;
}
.b-cpn__ppvr > div > i.icon-arrow-alt._green {
  rotate: 180deg;
}
.b-cpn__auth-t.l-crd {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__auth-t.l-crd {
    --fz: 14px;
    gap: 12px;
  }
}
.b-cpn__auth-t.l-crd > div {
  display: flex;
  flex-direction: column;
  gap: inherit;
}
.b-cpn__auth-t.l-crd i.icon-alert {
  --icon-w: 24px;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: var(--rd-round);
  background: var(--color-red-pale);
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__auth-t.l-crd i.icon-alert {
    --icon-w: 20px;
    flex: 0 0 36px;
    height: 36px;
    width: 36px;
  }
}
.b-cpn__auth-t.l-crd._red {
  border: 1px solid var(--color-hover-15);
  background: var(--color-red-pale);
}
.b-cpn__auth-t-b {
  display: flex;
  align-items: center;
  gap: 16px;
}
.b-cpn__inff {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__inff {
    gap: 12px;
  }
}
.b-cpn__inff i {
  align-self: flex-start;
  background: url(/images3/common/light-b.svg) 50% 50%/24px 24px no-repeat, var(--color-cyan-light-alt);
  border-radius: var(--rd-round);
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}
.b-cpn__mctp {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__mctp {
    gap: 8px;
  }
}
.b-cpn__mctp + .l-ttl--md {
  margin-block-start: 36px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__mctp + .l-ttl--md {
    margin-block-start: 24px;
  }
}
.b-cpn__mcft {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__mcft {
    --fz: 14px;
    gap: 8px;
  }
}
.b-cpn__mcft .l-swch {
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-16);
  padding: 0 16px;
  height: 44px;
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__mcft .l-swch {
    padding: 0 12px;
    border-radius: var(--rd-12);
  }
}
.b-cpn__mcft .l-swch.active .l-swch__lbl:before {
  background-image:
    linear-gradient(
      120deg,
      var(--color-pink),
      var(--color-orange-bright));
}
.b-cpn__mcft .l-swch.active .l-swch__lbl::after {
  inset-inline-start: initial;
  inset-inline-end: 1px;
}
.b-cpn__mcft .l-swch .l-swch__lbl {
  --lh: 1;
  padding-block: 0 0;
  padding-inline: 0 40px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__mcft .l-swch .l-swch__lbl {
    --fz: 14px;
    padding-block: 0 0;
    padding-inline: 0 36px;
  }
}
.b-cpn__mcft .l-swch .l-swch__lbl::before {
  inset-inline-start: initial;
  inset-inline-end: 0;
}
.b-cpn__mcft .l-swch .l-swch__lbl::after {
  inset-inline-start: initial;
  inset-inline-end: 9px;
}
.b-cpn__mcbt {
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
  background-color: var(--color-cyan-light);
  padding: 0 16px;
  height: 44px;
  border-radius: var(--rd-16);
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__mcbt {
    padding: 0 12px;
    border-radius: var(--rd-12);
  }
  .b-cpn__mcbt > span {
    white-space: nowrap;
    overflow: hidden;
    width: 72px;
  }
}
.b-cpn__mcbt i.icon-arrow svg {
  rotate: -90deg;
}
.b-cpn__prw {
  border-block-start: 1px solid var(--color-lightgrey);
  padding-block-start: 24px;
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__prw {
    padding-block-start: 20px;
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__prw {
    padding-block-start: 16px;
    margin-block-start: 16px;
  }
}
.b-cpn__prw .l-swch {
  width: fit-content;
}
.b-cpn__prw > *:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__prw > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cpn__ai {
  display: flex;
  flex-direction: column;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  background-color: var(--color-lightgrey2);
  padding: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__ai {
    padding: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai {
    border-radius: var(--rd-12);
    padding: 12px;
  }
}
.b-cpn__ai:not(:first-child) {
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__ai:not(:first-child) {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai:not(:first-child) {
    margin-block-start: 12px;
  }
}
.b-cpn__ai-head {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-head {
    gap: 8px;
  }
}
.b-cpn__ai-head:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-head:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-cpn__ai-head i.icon-ai-gradient {
  --icon-w: 20px;
}
.b-cpn__ai-head > span {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-inline-end: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-head > div:has(.l-btn) {
    width: calc(50% - 4px);
  }
}
.b-cpn__ai-head .l-btn {
  --fz: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 32px;
  border-radius: var(--rd-12);
  padding: 0 16px;
  border: 1px solid transparent;
  background-color: var(--color-white);
  background-clip: padding-box;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-head .l-btn {
    width: 100%;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-cpn__ai-head .l-btn:hover {
    background-color: var(--color-white-85);
  }
}
.b-cpn__ai-head .l-btn:active {
  background-color: var(--color-white-85);
}
.b-cpn__ai-head .l-btn::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  opacity: 25%;
}
.b-cpn__ai-head .l-btn::before,
.b-cpn__ai-head .l-btn > span._ld,
.b-cpn__ai-head .l-btn > span:before,
.b-cpn__ai-head .l-btn > span:after {
  --ai-ld-ps: 14px;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  border-radius: var(--rd-round);
  translate: -50% -50%;
}
.b-cpn__ai-head .l-btn::before {
  width: 4px;
  height: 4px;
  animation: ai-load-2 1s ease infinite alternate;
  z-index: 1;
}
.b-cpn__ai-head .l-btn > span {
  --lh: 1.362;
  translate: 0 -1px;
}
.b-cpn__ai-head .l-btn > span._ld::before,
.b-cpn__ai-head .l-btn > span._ld::after {
  width: 8px;
  height: 8px;
}
.b-cpn__ai-head .l-btn > span._ld::before {
  translate: calc(-50% - var(--ai-ld-ps)) -50%;
  animation: ai-load-1 1s ease infinite alternate;
}
.b-cpn__ai-head .l-btn > span._ld::after {
  translate: calc(-50% + var(--ai-ld-ps)) -50%;
  animation: ai-load-3 1s ease infinite alternate;
}
.b-cpn__ai-head .l-btn._gpt5::before,
.b-cpn__ai-head .l-btn._gpt5 > span._ld:before,
.b-cpn__ai-head .l-btn._gpt5 > span._ld:after {
  background-color: var(--color-teal-deep-alt2);
}
.b-cpn__ai-head .l-btn._gpt5 span {
  background:
    linear-gradient(
      90deg,
      var(--color-teal-deep-alt3) 0%,
      var(--color-teal-deep-alt2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.b-cpn__ai-head .l-btn._gpt5::after {
  background:
    linear-gradient(
      90deg,
      var(--color-teal-deep-alt3) 0%,
      var(--color-teal-deep-alt2) 100%);
}
.b-cpn__ai-head .l-btn._deepseek::before,
.b-cpn__ai-head .l-btn._deepseek > span._ld:before,
.b-cpn__ai-head .l-btn._deepseek > span._ld:after {
  background-color: var(--color-lavender-indigo);
}
.b-cpn__ai-head .l-btn._deepseek span {
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt3) 0%,
      var(--color-lavender-indigo) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.b-cpn__ai-head .l-btn._deepseek::after {
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt3) 0%,
      var(--color-lavender-indigo) 100%);
}
.b-cpn__ai-head .l-btn._loading {
  cursor: no-drop;
}
@media only screen and (min-width: 767.98px) {
  .b-cpn__ai-head .l-btn._loading:hover {
    background-color: var(--color-white);
  }
}
.b-cpn__ai-head .l-btn._loading:active {
  background-color: var(--color-white);
}
.b-cpn__ai-head .l-btn._loading > span {
  background: var(--color-white);
}
.b-cpn__ai-head .l-btn._loading > i {
  opacity: 0;
}
.b-cpn__ai-head .l-btn._loading::before,
.b-cpn__ai-head .l-btn._loading > span._ld:before,
.b-cpn__ai-head .l-btn._loading > span._ld:after {
  content: "";
}
.b-cpn__ai-ac {
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  background: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-ac {
    border-radius: var(--rd-12);
  }
}
.b-cpn__ai-ac:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-ac:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-cpn__ai-ac._open .b-cpn__ai-ach {
  padding-block-end: 16px;
}
.b-cpn__ai-ac._open .b-cpn__ai-ach .icon-arrow svg {
  rotate: 180deg;
}
.b-cpn__ai-ac._open .b-cpn__ai-acc {
  display: block;
}
.b-cpn__ai-ach {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: padding-bottom 0.2s ease;
  padding: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__ai-ach {
    padding: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-ach {
    padding: 12px;
  }
}
.b-cpn__ai-ach > .l-avrd__logo {
  --avrd-logo-wh: 44px;
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-ach > .l-avrd__logo {
    --avrd-logo-wh: 32px;
  }
}
.b-cpn__ai-ach > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.b-cpn__ai-ach > div .icon-arrow svg {
  --icon-c: var(--color-black);
  transition: rotate 0.2s ease;
}
.b-cpn__ai-ach > div > span:not([class]) {
  display: flex;
  align-items: center;
  gap: 4px;
}
.b-cpn__ai-ach > div > span.grey {
  --fz: 12px;
}
.b-cpn__ai-acc {
  position: relative;
  display: none;
  padding: 16px 20px 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__ai-acc {
    padding: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-acc {
    padding: 16px 12px 12px;
  }
}
.b-cpn__ai-acc::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 20px;
  width: calc(100% - 40px);
  border-block-start: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 767.98px) {
  .b-cpn__ai-acc::before {
    inset-inline-start: 16px;
    width: calc(100% - 32px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-cpn__ai-acc::before {
    inset-inline-start: 12px;
    width: calc(100% - 24px);
  }
}
@media only screen and (min-width: 549.98px) {
  .b-roi .l-tab__inner {
    column-gap: 32px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-roi .l-tab__inner {
    column-gap: 24px;
  }
}
.b-roi__p {
  padding: 16px;
  border-radius: var(--rd-16);
  background-color: var(--color-cyan-light-alt);
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-roi__p {
    --fz: 14px;
    margin-block-end: 12px;
  }
}
.b-roi__calc {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__calc {
    row-gap: 16px;
    column-gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__calc {
    --fz: 14px;
    row-gap: 12px;
    column-gap: 16px;
  }
}
.b-roi__calc > .b-roi__calc {
  flex-wrap: nowrap;
  margin-inline-end: auto;
}
@media only screen and (min-width: 549.98px) and (max-width: 590px) {
  .b-roi__calc > .b-roi__calc {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-roi__calc > .b-roi__calc {
    flex: 0 0 100%;
  }
}
.b-roi__itm {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__itm {
    gap: 9px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__itm {
    gap: 6px;
  }
}
.b-roi__itm .l-inpt__form {
  width: 56px;
}
@media only screen and (max-width: 549.98px) {
  .b-roi__itm .l-inpt__form {
    --input-fz: 14px;
    width: 52px;
  }
}
.b-roi__pv {
  cursor: pointer;
}
.b-roi__pv > span {
  display: inline-block;
  border-block-end: 1px dotted var(--color-black);
}
.b-roi__pv.disabled {
  color: var(--color-addgrey);
  cursor: no-drop;
}
.b-roi__pv.disabled > span {
  border-color: var(--color-addgrey);
}
.b-roi__blck {
  overflow: hidden;
  background-color: var(--color-lightgrey2);
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .b-roi__blck {
    border-radius: var(--rd-16);
  }
}
.b-roi__blck > .b-roi__row {
  --fz: 14px;
  padding: 12px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__blck > .b-roi__row {
    padding: 12px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__blck > .b-roi__row {
    --fz: 12px;
    padding: 12px;
  }
}
@media only screen and (max-width: 650px) {
  .b-roi__blck > .b-roi__row .b-roi__clmn:nth-child(4) {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
  }
  .b-roi__blck > .b-roi__row .b-roi__clmn:nth-child(4) > span {
    text-align: end;
  }
  .b-roi__blck > .b-roi__row .b-roi__clmn:nth-child(4) > span:nth-child(1),
  .b-roi__blck > .b-roi__row .b-roi__clmn:nth-child(4) > span:nth-child(2) {
    display: none;
  }
  .b-roi__blck > .b-roi__row .b-roi__clmn:nth-child(4) > span:nth-child(3) {
    display: block;
  }
}
.b-roi__row {
  position: relative;
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__row {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__row {
    gap: 16px;
  }
}
.b-roi__clmn {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-roi__clmn {
    gap: 8px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-roi__clmn:nth-child(1) {
    gap: 8px;
  }
}
.b-roi__clmn:nth-child(1) > span:nth-child(1) {
  width: 48px;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__clmn:nth-child(1) > span:nth-child(1) {
    width: 25px;
  }
}
.b-roi__clmn:nth-child(1) > span:nth-child(2) {
  width: 44px;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__clmn:nth-child(1) > span:nth-child(2) {
    width: fit-content;
  }
}
.b-roi__clmn:nth-child(2) {
  flex: 1 1 auto;
}
.b-roi__clmn:nth-child(3) {
  flex: 0 0 64px;
  justify-content: center;
}
@media only screen and (max-width: 549.98px) {
  .b-roi__clmn:nth-child(3) {
    flex: 0 0 56px;
  }
}
.b-roi__clmn:nth-child(4) > span {
  width: 64px;
  text-align: center;
}
@media only screen and (max-width: 549.98px) {
  .b-roi__clmn:nth-child(4) > span {
    width: 54px;
  }
}
.b-roi__clmn:nth-child(4) > span:nth-child(3) {
  display: none;
}
.b-roi__blck-i {
  padding: 12px 24px 24px;
  background-color: var(--color-white);
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 767.98px) {
  .b-roi__blck-i {
    padding: 6px 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__blck-i {
    padding: 0 12px 12px;
    border-radius: var(--rd-16);
  }
}
.b-roi__blck-i .b-roi__row {
  padding: 12px 0;
}
.b-roi__blck-i .b-roi__row + .b-roi__row,
.b-roi__blck-i .b-roi__row + .b-roi__tot {
  border-block-start: 1px solid var(--color-addgrey-50);
}
@media only screen and (max-width: 767.98px) {
  .b-roi__blck-i .b-roi__row {
    padding-block-start: 42px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__blck-i .b-roi__row {
    padding-block-start: 39px;
  }
}
.b-roi__blck-i .b-roi__clmn:nth-child(1) > span:nth-child(1),
.b-roi__blck-i .b-roi__clmn:nth-child(4) > span {
  --fz: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__blck-i .b-roi__clmn:nth-child(1) {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-start: 0;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 549.98px) {
  .b-roi__blck-i .b-roi__clmn:nth-child(1) span {
    --fz: 14px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-roi__blck-i .b-roi__clmn:nth-child(1) span:nth-child(1) {
    --fz: 16px;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 549.98px) {
  .b-roi__blck-i .b-roi__clmn:nth-child(1) span:nth-child(1) {
    --fz: 14px;
  }
}
@media only screen and (max-width: 650px) {
  .b-roi__blck-i .b-roi__clmn:nth-child(4) {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
  }
  .b-roi__blck-i .b-roi__clmn:nth-child(4) > span {
    --fz: 16px;
    text-align: end;
  }
}
.b-roi__blck-i .l-tips__info-s,
.b-roi__blck-i .l-tips__info-f {
  height: 100%;
  pointer-events: none;
}
.b-roi__blck-i .l-tips__info-f {
  grid-template-columns: 1fr;
  grid-template-areas: "a" "b";
  margin-inline-end: 0;
  border-radius: var(--rd-16);
}
.b-roi__blck-i .l-tips__info-f.grn {
  border-color: var(--color-green-dark-25);
  background:
    linear-gradient(
      0deg,
      var(--color-white-95),
      var(--color-white-95)),
    var(--color-darkgreen);
}
.b-roi__blck-i .l-tips__info-f.rd {
  border-color: var(--color-darkred-25);
  background:
    linear-gradient(
      0deg,
      var(--color-white-95),
      var(--color-white-95)),
    var(--color-darkred);
}
.b-roi__blck-i .l-tips__info-s {
  flex: 0 0 100%;
}
.b-roi__blck-i .l-pgn {
  margin-block-end: 0;
}
.b-roi__blck-i .l-pgn .l-btn {
  width: auto;
}
.b-roi__mr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  padding: 16px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-roi__mr {
    --fz: 14px;
    padding: 12px 0 8px;
  }
}
.b-roi__tot {
  --fz: 20px;
  padding-block-start: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  font-weight: 700;
}
.b-roi__tot:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__tot:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__tot:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 650px) {
  .b-roi__tot {
    --fz: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-roi__tot {
    padding-block-start: 18px;
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__tot {
    padding-block-start: 12px;
    gap: 16px;
  }
}
.b-roi__tot > span {
  margin-inline-start: auto;
}
.b-roi__tot-c {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 650px) {
  .b-roi__tot-c {
    flex-direction: column;
    justify-content: center;
    gap: 4px;
  }
}
.b-roi__tot-c span {
  width: 64px;
  text-align: center;
}
@media only screen and (max-width: 650px) {
  .b-roi__tot-c span {
    text-align: end;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__tot-c span {
    width: 54px;
  }
}
.b-roi__frml {
  --fz: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background:
    linear-gradient(
      0deg,
      var(--color-white-90),
      var(--color-white-90)),
    var(--color-blue);
  border: 1px solid var(--color-addgrey-70);
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
  border-radius: var(--rd-16);
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .b-roi__frml {
    --fz: 20px;
    padding: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-roi__frml {
    --fz: 16px;
    padding: 12px;
  }
}
.b-roi__frml::before {
  content: "";
  position: absolute;
  inset-block-start: -422px;
  inset-inline-start: 50%;
  width: 1855px;
  height: 1874px;
  transform: translate(calc(-50% - 211px), 0);
  background: url(/images3/bg2/tips-roi.svg) 100% 100%/1855px 1824px no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .b-roi__frml::before {
    width: 1855px;
    height: 1825px;
    inset-block-start: -348px;
    transform: translate(calc(-50% - 50px), 0);
    background: url(/images3/bg2/tips-roi-esm.svg) 100% 100%/1855px 1824px no-repeat;
  }
}
.b-bkpg > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-bkpg__frml {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--color-addgrey-70);
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
  border-radius: var(--rd-16);
}
.b-bkpg__frml .b-bkap__bg {
  border-radius: var(--rd-16);
}
.b-bkpg__frml .b-bkap__bg::before {
  opacity: 0.1;
}
.b-bkpg__frml .b-bkap__bg::after {
  inset-block-start: -348px;
  inset-inline-start: -650px;
}
.b-bkpg__frml .b-bkpg__frml-i .l-frml {
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__frml .b-bkpg__frml-i .l-frml {
    padding: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__frml .b-bkpg__frml-i .l-frml {
    padding: 16px;
  }
}
.b-bkpg__frml-i {
  display: flex;
}
@media only screen and (min-width: 1439.98px) {
  .b-bkpg__frml-i {
    align-items: center;
  }
}
@media only screen and (max-width: 1439.98px) {
  .b-bkpg__frml-i {
    flex-direction: column;
  }
}
.b-bkpg__frml-i .l-frml {
  display: flex;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: none;
}
.b-bkpg__frml-i .l-frml:not(:last-child) {
  border-inline-end: none;
}
.b-bkpg__frml-i .l-frml::-webkit-scrollbar-button {
  display: block;
  width: 5px;
}
.b-bkpg__frml-i .l-frml .l-frml__i {
  --fz: 20px;
  margin: 0 auto;
  width: fit-content;
  font-weight: 400;
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__frml-i .l-frml .l-frml__i {
    --fz: 13px;
  }
}
.b-bkpg__frml-i .l-frml .l-frml__i span.result {
  padding: 0;
}
.b-bkpg__frml-i .l-frml .l-frml__i span.result i {
  --icon-c: var(--color-white);
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__frml-i .l-frml .l-frml__i span.result i {
    --icon-w: 12px;
  }
}
.b-bkpg__frml-l {
  --fz: 16px;
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__frml-l {
    --fz: 14px;
    margin-block-start: 12px;
    padding-inline-start: 12px;
  }
}
.b-bkpg .bookmakers-comments-item + .bookmakers-comments-item,
.b-bkpg .bookmakers-comments-item + .b-cmnt__item,
.b-bkpg .b-cmnt__item:not(.sk--cmnt) + .bookmakers-comments-item,
.b-bkpg .b-cmnt__item:not(.sk--cmnt) + .b-cmnt__item {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg .bookmakers-comments-item + .bookmakers-comments-item,
  .b-bkpg .bookmakers-comments-item + .b-cmnt__item,
  .b-bkpg .b-cmnt__item:not(.sk--cmnt) + .bookmakers-comments-item,
  .b-bkpg .b-cmnt__item:not(.sk--cmnt) + .b-cmnt__item {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg .bookmakers-comments-item + .bookmakers-comments-item,
  .b-bkpg .bookmakers-comments-item + .b-cmnt__item,
  .b-bkpg .b-cmnt__item:not(.sk--cmnt) + .bookmakers-comments-item,
  .b-bkpg .b-cmnt__item:not(.sk--cmnt) + .b-cmnt__item {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg .bookmakers-comments-item,
  .b-bkpg .b-cmnt__item:not(.sk--cmnt) {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg .bookmakers-pages-comments .l-cat__row,
  .b-bkpg .bookmakers-pages-promo .l-cat__row {
    padding: 0;
  }
}
.b-bkpg .bookmakers-pages-comments over-pagination2 .l-pgn,
.b-bkpg .bookmakers-pages-promo over-pagination2 .l-pgn {
  margin-block-end: 0;
}
.b-bkpg .bookmakers-pages-comments over-pagination2 .l-btn.l-btn--br,
.b-bkpg .bookmakers-pages-promo over-pagination2 .l-btn.l-btn--br {
  width: fit-content;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg .bookmakers-pages-promo.b-blog__head.b-blog__head--full.clr-8 .b-bkin__bns {
    margin-inline-start: -12px;
    margin-inline-end: -12px;
  }
}
.b-bkpg .bookmakers-pages-comments .b-blog__btns .l-btn svg {
  transform: scale(1);
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg .bookmakers-pages-comments .b-blog__btns .l-btn.l-btn--br {
    padding: 6px 9px;
  }
}
.b-bkpg__gnrl {
  position: relative;
  display: block;
  border-radius: var(--rd-20);
  overflow: hidden;
  margin-block-start: 24px;
  padding: 24px;
  background-position: 28% -306px, 0 0;
  background-size: 710px 710px, 100% 100%;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__gnrl {
    padding: 20px;
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gnrl {
    border-radius: var(--rd-16);
    padding: 16px;
    margin-block-start: 16px;
    margin-inline-start: 12px;
    margin-inline-end: 12px;
  }
}
.b-bkpg__gnrl h4,
.b-bkpg__gnrl p {
  position: relative;
  z-index: 3;
}
.b-bkpg__gnrl h4 {
  --fz: 20px;
  font-weight: 800;
  color: var(--color-white);
}
.b-bkpg__gnrl h4:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gnrl h4:not(:last-child) {
    margin-block-end: 4px;
  }
}
.b-bkpg__gnrl p {
  color: var(--color-lightgrey2);
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gnrl p {
    --fz: 14px;
  }
}
.b-bkpg__gnrl > picture {
  position: absolute;
  display: flex;
  z-index: 2;
}
.b-bkpg__gnrl > picture img {
  width: 100%;
  height: auto;
}
.b-bkpg__gnrl.safe {
  background-image:
    url(/images3/bookmakers/page/bg-gnrl.svg),
    linear-gradient(
      90deg,
      var(--color-blue-darkest-alt) 0%,
      var(--color-cyan-dark) 100%);
}
.b-bkpg__gnrl.safe h4,
.b-bkpg__gnrl.safe p {
  max-width: 350px;
}
@media only screen and (max-width: 630px) {
  .b-bkpg__gnrl.safe h4,
  .b-bkpg__gnrl.safe p {
    max-width: 290px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gnrl.safe h4,
  .b-bkpg__gnrl.safe p {
    max-width: 70%;
  }
}
.b-bkpg__gnrl.safe > picture {
  inset-block-start: -14px;
  inset-inline-end: -33px;
  width: 228px;
  height: 180px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gnrl.safe > picture {
    inset-block-start: initial;
    inset-block-end: -17px;
    inset-inline-end: -17px;
    width: 128px;
    height: 101px;
  }
}
.b-bkpg__gnrl.case {
  background-image:
    url(/images3/bookmakers/page/bg-gnrl.svg),
    linear-gradient(
      90deg,
      var(--color-cyan-darkest) 0%,
      var(--color-cyan-deep-alt3) 100%);
}
.b-bkpg__gnrl.case h4,
.b-bkpg__gnrl.case p {
  max-width: 378px;
}
@media only screen and (max-width: 680px) {
  .b-bkpg__gnrl.case h4,
  .b-bkpg__gnrl.case p {
    max-width: 65%;
  }
}
.b-bkpg__gnrl.case > picture {
  inset-block-start: -12px;
  inset-inline-end: -26px;
  width: 240px;
  height: 180px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gnrl.case > picture {
    inset-block-start: initial;
    inset-block-end: -22px;
    inset-inline-end: -28px;
    width: 135px;
    height: 101px;
  }
}
.b-bkpg__gnrl.gift-lg {
  background:
    linear-gradient(
      90deg,
      var(--color-cyan-darkest-alt2) 0%,
      var(--color-cyan-deep-alt4) 100%);
  margin: 16px 0 20px;
  padding: 12px 16px;
}
.b-bkpg__gnrl.gift-lg h4,
.b-bkpg__gnrl.gift-lg p {
  max-width: 76%;
}
.b-bkpg__gnrl.gift-lg > picture {
  inset-block-start: -38px;
  inset-inline-end: -36px;
  width: 136px;
  height: 174px;
}
.b-bkpg__gbp {
  padding-block-start: 16px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gbp {
    padding-block-start: 12px;
  }
}
.b-bkpg__gbp .l-ttl--b {
  display: flex;
  align-items: center;
}
.b-bkpg__gbp .l-ttl--b:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gbp .l-ttl--b:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-bkpg__gbp .l-ttl--b i {
  --icon-w: 20px;
  border-radius: var(--rd-round);
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__gbp .l-ttl--b i {
    margin-inline-end: 8px;
  }
}
.b-bkpg__gbp .l-ttl--b i._red {
  background-color: var(--color-red-light-alt4);
}
.b-bkpg__gbp .l-ttl--b i._green {
  background-color: var(--color-green-light-alt2);
}
.b-bkpg__gbp-bk ul > li:before {
  background: none;
  border: 1px solid var(--color-darkgrey);
}
.b-bkpg__cntn {
  position: relative;
  padding: 24px 24px 0;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__cntn {
    padding: 18px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__cntn {
    padding: 12px 0 0;
  }
}
.b-bkpg__cntn .b-bkap__bg {
  background-color: var(--color-grey-light);
  height: calc(100% - 24px);
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__cntn .b-bkap__bg {
    height: calc(100% - 18px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__cntn .b-bkap__bg {
    height: 100%;
  }
}
.b-bkpg__cntn .b-bkap__bg::after,
.b-bkpg__cntn .b-bkap__bg::before {
  content: none;
}
.b-bkpg__cntn .l-ttl--h {
  color: var(--color-black);
  font-weight: 700;
}
.b-bkpg__cntn .l-ttl--h i.icon-arrow {
  --icon-c: var(--color-black);
}
.b-bkpg__cntn .b-art__i > ol {
  margin-inline-start: 0;
}
.b-bkpg__cntn .b-art__i > ol > li:before {
  width: 17.42px;
}
.b-bkpg__cntn .b-art__i > ol > li > ol {
  margin-inline-start: 0;
}
.b-bkpg__cntn .b-art__i > ol > li > ol > li::before {
  width: 30.83px;
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__cntn .b-art__i > ol > li > ol > li {
    --fz: 14px;
  }
  .b-bkpg__cntn .b-art__i > ol > li > ol > li::before {
    width: 27.48px;
  }
}
.b-bkpg__cntn .b-art__i .b-bkpg__lnkc {
  border-block-end: 1px dotted var(--color-link);
}
@media only screen and (min-width: 549.98px) {
  .bookmakers-pages-comments > .l-crd > .l-cat__row {
    flex-wrap: nowrap;
  }
  .bookmakers-pages-comments > .l-crd > .l-cat__row .l-btn.l-btn--ltl {
    margin-inline-start: auto;
  }
}
@media only screen and (max-width: 549.98px) {
  .bookmakers-pages-comments > .l-pgn > .l-btn.l-btn--br,
  .bookmakers-pages-promo > .l-pgn > .l-btn.l-btn--br {
    width: fit-content;
  }
}
@media only screen and (max-width: 549.98px) {
  .bookmakers-pages-promo.b-blog__head.b-blog__head--full.clr-8 > .l-pgn {
    display: none;
  }
}
.b-bkpg__head {
  position: relative;
  padding-block: 30px 0;
  padding-inline: 24px 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__head {
    padding-block: 27px 0;
    padding-inline: 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__head {
    padding: 24px 0 0;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bkpg__head .b-bkap__bg {
    height: calc(100% - 24px);
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-bkpg__head .b-bkap__bg {
    height: calc(100% - 18px);
  }
}
.b-bkpg__head:not(.b-bkpg__head--nmbk) .b-bkap__bg {
  border: 1px solid var(--bk-app-color-hsl, var(--color-grey-light));
  background:
    url(/images3/home-page/bg.svg) -439px -166px/1595px 1430px no-repeat,
    url(/images3/bookmakers/bg-hdr.png) 100% 0/100% auto no-repeat,
    var(--bk-app-color-hsl, var(--color-grey-light));
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__head:not(.b-bkpg__head--nmbk) .b-bkap__bg {
    background:
      url(/images3/home-page/bg-esm.svg) -720px -347px/1852px 1824px no-repeat,
      url(/images3/bookmakers/bg-hdr.png) 100% 0/100% auto no-repeat,
      var(--bk-app-color-hsl, var(--color-grey-light));
  }
}
.b-bkpg__head:not(.b-bkpg__head--nmbk) .b-bkpg__btns .l-btn {
  background-color: var(--bk-app-color-hsl, var(--color-grey-light));
}
@media only screen and (min-width: 767.98px) {
  .b-bkpg__head:not(.b-bkpg__head--nmbk) .b-bkpg__btns .l-btn:hover {
    filter: brightness(0.95);
    background-color: var(--bk-app-color-hsl, var(--color-grey-light));
  }
}
.b-bkpg__head:not(.b-bkpg__head--nmbk) .b-bkpg__btns .l-btn:active {
  filter: brightness(0.95);
  background-color: var(--bk-app-color-hsl, var(--color-grey-light));
}
.b-bkpg__top {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-block-end: 30px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__top {
    margin-block-end: 23px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__top {
    margin-block-end: 16px;
    padding: 0 12px;
  }
}
.b-bkpg__t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.b-bkpg__logo {
  display: flex;
  align-items: center;
  height: 52px;
  padding: 0 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__logo {
    height: 44px;
    padding: 0 12px;
  }
}
.b-bkpg__logo img {
  height: auto;
  width: 100%;
  max-width: 200px;
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__logo img {
    max-width: 155px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bkpg__logo img {
    max-width: 140px;
  }
}
.b-bkpg__btns {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__btns {
    gap: 12px;
  }
}
.b-bkpg__btns .l-btn {
  padding: 14px 19px;
}
@media only screen and (min-width: 549.98px) {
  .b-bkpg__btns .l-btn {
    min-width: 117px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__btns .l-btn {
    height: 32px;
    padding: 6px 15px;
  }
}
.b-bkpg__btns .l-btn > span:nth-child(2) {
  margin-inline-start: 10px;
}
.b-bkpg__body {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 32px 28px;
  border-radius: var(--rd-20);
  background-color: var(--color-white);
  box-shadow: 0 4px 10px 0 var(--color-blue-darkest-03);
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__body {
    padding: 22px 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__body {
    border-radius: var(--rd-16);
    padding: 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__body {
    gap: 8px;
  }
}
.b-bkpg__clmn {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__clmn {
    --fz: 14px;
  }
  .b-bkpg__clmn .l-swch__lbl,
  .b-bkpg__clmn l-rtng__value {
    --fz: 14px;
  }
}
.b-bkpg__clmn .l-swch__lbl,
.b-bkpg__clmn l-rtng__value {
  --lh: 1.362;
}
.b-bkpg__clmn .l-swch__inp:checked + .l-swch__lbl:before {
  background: var(--bk-app-color);
}
.b-bkpg__clmn > span.grey:first-child {
  --fz: 14px;
  display: flex;
  align-items: center;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__clmn > span.grey:first-child {
    margin-block-end: 12px;
  }
}
.b-bkpg__clmn > span.grey:first-child i.icon-rating-gradient {
  --icon-w: 12px;
  margin-inline-end: 6px;
}
.b-bkpg__clmn > span:nth-child(2) {
  --color-link: var(--color-black);
  --fz: 36px;
  --lh: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__clmn > span:nth-child(2) {
    --fz: 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__clmn > span:nth-child(2) {
    --fz: 28px;
  }
}
.b-bkpg__clmn > span:nth-child(2) > a {
  --lh: 1;
  border-block-end: 1px dotted var(--color-link);
  display: inline-block;
  height: 36px;
}
.b-bkpg__clmn > span:nth-child(2) > sup {
  --fz: 14px;
  color: var(--color-darkgrey);
  margin-inline-start: 4px;
}
.b-bkpg__clmn > *:nth-child(3) {
  margin-block-start: 12px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__clmn > *:nth-child(3) {
    margin-block-start: 8px;
    height: 19px;
  }
}
.b-bkpg__clmn > *:nth-child(3) > svg {
  --icon-c: var(--bk-app-color);
  margin-inline-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__clmn > *:nth-child(3) > svg {
    --icon-w: 12px;
  }
}
.b-bkpg__clmn .l-rtng:nth-child(3) {
  height: 22px;
}
@media only screen and (max-width: 650px) {
  .b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__body {
    display: none;
  }
  .b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__value {
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__clmn .l-rtng:nth-child(3) {
    height: 19px;
  }
  .b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__value {
    --fz: 14px;
  }
}
.b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__bg::before,
.b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__scale::before,
.b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__brdr::before {
  color: var(--bk-app-color);
}
.b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__brdr {
  background-color: var(--color-white);
}
.b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__brdr::before {
  z-index: 1;
}
.b-bkpg__clmn .l-rtng:nth-child(3) .l-rtng__scale:before {
  z-index: 1;
}
.b-bkpg__clmn:nth-child(1) {
  min-width: 110px;
}
@media only screen and (max-width: 650px) {
  .b-bkpg__clmn:nth-child(1) {
    min-width: 102px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__clmn:nth-child(1) {
    min-width: 95px;
  }
}
.b-bkpg__clmn:nth-child(2) {
  min-width: 184px;
}
@media only screen and (max-width: 650px) {
  .b-bkpg__clmn:nth-child(2) {
    min-width: 108px;
  }
}
.b-bkpg__clmn:nth-child(2) > span.grey:first-child > span:nth-child(1) {
  display: none;
}
@media only screen and (max-width: 650px) {
  .b-bkpg__clmn:nth-child(2) > span.grey:first-child > span:nth-child(1) {
    display: block;
  }
}
@media only screen and (max-width: 650px) {
  .b-bkpg__clmn:nth-child(2) > span.grey:first-child > span:nth-child(2) {
    display: none;
  }
}
.b-bkpg__clmn:nth-child(3) {
  min-width: 148px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__clmn:nth-child(3) {
    min-width: 96px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__clmn:nth-child(3) {
    min-width: 76px;
  }
}
.b-bkpg__plrs {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__plrs {
    --fz: 14px;
  }
  .b-bkpg__plrs > .l-av:nth-child(4) {
    display: none;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__plrs > .l-av:nth-child(3) {
    display: none;
  }
}
.b-bkpg__plrs > *:nth-child(1) {
  margin-inline-start: -2px;
}
.b-bkpg__plrs > *:last-child {
  margin-inline-end: -2px;
}
.b-bkpg__plrs > *:nth-child(1) {
  z-index: 1;
}
.b-bkpg__plrs > *:nth-child(2) {
  z-index: 2;
}
.b-bkpg__plrs > *:nth-child(3) {
  z-index: 3;
}
.b-bkpg__plrs > *:nth-child(4) {
  z-index: 4;
}
.b-bkpg__plrs > *:nth-child(5) {
  z-index: 5;
}
.b-bkpg__plrs > .l-av {
  --av-wh: 40px;
  --av-fz: 14px;
  border: 2px solid var(--color-white);
}
.b-bkpg__plrs > .l-av.b-bkpg__plr::after {
  inset-block-start: -2px;
  inset-inline-start: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 1px solid var(--bk-app-color);
  box-shadow: inset 0 0 0 2px var(--color-white);
}
.b-bkpg__plrs:not(.b-bkpg__plrs--null) {
  cursor: pointer;
}
.b-bkpg__plrs > *:not(:first-child) {
  margin-inline-start: -12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__plrs > *:not(:first-child) {
    margin-inline-start: -20px;
  }
}
.b-bkpg__plrs > small {
  position: relative;
  display: flex;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: var(--rd-round);
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
}
@media only screen and (max-width: 650px) {
  .b-bkpg__plrs > small:nth-child(4) {
    display: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__plrs > small:nth-child(3) {
    display: none;
  }
}
.b-bkpg__plrs > small::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-round);
  border: 1px dashed var(--color-darkgrey);
}
.b-bkpg__plrs > span.grey {
  --fz: 12px;
  --lh: 1.362;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  z-index: 6;
  white-space: nowrap;
  margin: 0;
}
.b-bkpg__plrs.b-bkpg__plrs--null {
  margin-inline-start: -2px;
  margin-inline-end: -2px;
  width: fit-content;
}
.b-bkpg__plrs-c {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 2px solid var(--color-white);
  background-color: var(--bk-app-color);
  color: var(--color-white);
  border-radius: var(--rd-round);
}
.b-bkpg__pv {
  --fz: 14px;
  padding-block-end: 12px;
  margin-block-end: 12px;
  border-block-end: 1px solid var(--color-border);
}
.b-bkpg__pv .l-rtng__value {
  --fz: 14px;
}
.b-bkpg__pv .l-rtng__bg::before,
.b-bkpg__pv .l-rtng__scale::before,
.b-bkpg__pv .l-rtng__brdr::before {
  color: var(--bk-app-color);
}
.b-bkpg__mdl-c {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  column-gap: 16px;
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__mdl-c {
    grid-template-columns: repeat(auto-fill, minmax(162px, 1fr));
    column-gap: 12px;
  }
}
.b-bkpg__mdl-c.b-bkpg__mdl-c--fst:not(:last-child) {
  margin-block-end: 0;
}
.b-bkpg__mdl-c.b-bkpg__mdl-c--fst .b-bkpg__mdl-i {
  height: auto;
}
@media only screen and (max-width: 359.98px) {
  .b-bkpg__mdl-c.b-bkpg__mdl-c--fst .b-bkpg__mdl-i:nth-child(2) {
    display: none;
  }
}
.b-bkpg__mdl-c.b-bkpg__mdl-c--fst .icon-rating-gradient {
  margin-inline-start: auto;
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__mdl-c.b-bkpg__mdl-c--fst .icon-rating-gradient {
    --icon-w: 12px;
  }
}
.b-bkpg__mdl-i {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 0 16px;
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__mdl-i {
    --fz: 14px;
    height: 36px;
  }
}
@media only screen and (min-width: 359.98px) {
  .b-bkpg__mdl-i:nth-child(4n+3),
  .b-bkpg__mdl-i:nth-child(4n+4) {
    background:
      linear-gradient(
        0deg,
        var(--color-white-80),
        var(--color-white-80)),
      var(--bk-app-color);
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bkpg__mdl-i:nth-child(2n+2) {
    background:
      linear-gradient(
        0deg,
        var(--color-white-80),
        var(--color-white-80)),
      var(--bk-app-color);
  }
}
.b-bkpg__mdl-i > div {
  display: flex;
  justify-content: center;
  margin-inline-start: auto;
  font-weight: 800;
  min-width: 18.75px;
  max-width: 18.75px;
  text-align: center;
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__mdl-i > div {
    min-width: 16.41px;
    max-width: 16.41px;
  }
}
.b-bkpg__mdl-i > i:not(.icon-rating) {
  --icon-w: 20px;
  position: relative;
  margin-inline-end: 12px;
}
.b-bkpg__mdl-i > i:not(.icon-rating) > span {
  --fz: 12px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  inset-block-start: -8px;
  inset-inline-end: 0;
  height: 16px;
  padding: 0 4px;
  color: var(--color-white);
  background-color: var(--color-orange-deep-alt);
  border-radius: var(--rd-100);
  transform: translate(50%, 0);
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__mdl-i > i:not(.icon-rating) > span {
    --fz: 10px;
    inset-block-start: -7px;
    height: 14px;
  }
}
.b-bkpg__lgn {
  --fz: 12px;
  position: relative;
}
.b-bkpg__lgn > span {
  position: relative;
  inset-block-start: 2px;
  display: inline-block;
  width: 16px;
  height: 12px;
  background-color: var(--color-orange-deep-alt);
  border-radius: var(--rd-100);
}
.b-bkpg__info {
  position: relative;
  padding: 24px 24px 0;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__info {
    padding: 18px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__info {
    padding: 16px 12px 0;
  }
}
.b-bkpg__info .l-ttl2 {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__info .l-ttl2 {
    margin-block-end: 12px;
  }
}
.b-bkpg__info .b-bkap__bg {
  height: calc(100% - 24px);
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__info .b-bkap__bg {
    height: calc(100% - 18px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__info .b-bkap__bg {
    height: 100%;
  }
}
.b-bkpg__info .b-bkap__bg::after {
  content: none;
}
.b-bkpg__info .b-bkap__bg::before {
  background-color: var(--color-grey-light);
  opacity: 1;
}
.b-bkpg__info > .l-crd {
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__info > .l-crd {
    padding: 18px 18px 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__info > .l-crd {
    padding: 0;
    background-color: initial;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__info > .l-crd > .l-tab::before {
    background:
      linear-gradient(
        270deg,
        transparent 0%,
        var(--color-grey-light) 66.67%);
  }
  .b-bkpg__info > .l-crd > .l-tab::after {
    background:
      linear-gradient(
        90deg,
        transparent 0%,
        var(--color-grey-light) 66.67%);
  }
  .b-bkpg__info > .l-crd > .l-tab {
    margin: 0 -12px 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bkpg__info > .l-crd > .l-tab .l-tab__inner {
    border-block-end: 1px solid var(--color-border);
  }
}
.b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i > .b-bkpg__cl--cn {
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i > .b-bkpg__cl--cn:hover {
    background-color: var(--color-addgrey);
  }
}
.b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i > .b-bkpg__cl--cn:active {
  background-color: var(--color-addgrey);
}
.b-bkpg__info .b-bkpg__itm:nth-child(2n+3) > .b-bkpg__itm-i {
  background: var(--color-lightgrey);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__info .b-bkpg__itm:nth-child(2n+3) > .b-bkpg__itm-i {
    border-radius: var(--rd-12);
  }
}
.b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i {
  --fz: 16px;
  grid-template-areas: ". a b c";
  text-align: center;
  height: auto;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i {
    --fz: 14px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i {
    --fz: 12px;
  }
}
.b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i .b-bkpg__cl {
  padding: 0;
}
.b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i .b-bkpg__cl > span {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (max-width: 1439.98px) and (min-width: 1279.98px), only screen and (max-width: 1100px) and (min-width: 991.98px), only screen and (max-width: 800px) {
  .b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i .b-bkpg__cl > span > span.bkpg-tp {
    display: none;
  }
}
.b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i .b-bkpg__cl > span > span.bkpg-rt + .icon-rating-gradient {
  --icon-w: 16px;
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i .b-bkpg__cl > span > span.bkpg-rt {
    display: none;
  }
  .b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i .b-bkpg__cl > span > span.bkpg-rt + .icon-rating-gradient {
    display: inline-flex;
  }
}
.b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i i {
  --icon-w: 12px;
  margin-inline-start: 2px;
}
.b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i {
  position: relative;
  padding: 0 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i {
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl {
    margin: 0 -12px;
    background-color: var(--color-white);
    padding: 12px 8px 16px;
    border-radius: var(--rd-16);
  }
}
.b-bkpg__tbl.b-bkpg__info {
  margin: -12px;
  padding: 16px;
  overflow-y: hidden;
  overflow-x: auto;
  overscroll-behavior-x: none;
  max-width: calc(100vw - 24px);
  width: 464px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl.b-bkpg__info {
    width: 448px;
  }
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info {
    width: 365px;
    padding: 12px 8px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm-i {
  --fz: 16px;
  height: 56px;
  padding: 0 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm-i {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm-i {
    height: 60px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm:not(.sprt) .b-bkpg__itm-i {
  grid-template-columns: 116px 76px 120px 88px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm:not(.sprt) .b-bkpg__itm-i {
    grid-template-columns: 112px 76px 120px 84px;
  }
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm:not(.sprt) .b-bkpg__itm-i {
    grid-template-columns: 32px 68px 128px 96px;
  }
}
@media only screen and (max-width: 389px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm:not(.sprt) .b-bkpg__itm-i {
    grid-template-columns: 32px 68px calc(100vw - 260px) 96px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm:not(.sprt) .b-bkpg__itm-i {
    grid-template-columns: 32px 68px 100px 96px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm:not(.sprt) > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(1) i > span {
  --fz: 12px;
  inset-inline-start: 20px;
  height: 16px;
  min-width: 16px;
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt .b-bkpg__itm-i {
  grid-template-columns: 224px 120px 56px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt .b-bkpg__itm-i {
    grid-template-columns: 112px 120px 56px;
  }
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt .b-bkpg__itm-i {
    grid-template-columns: 128px 112px 56px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt.b-bkpg__itm--tot {
  margin: 12px 0;
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i {
  grid-template-columns: 344px 56px;
  height: 32px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i {
    grid-template-columns: 232px 56px;
  }
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i {
    grid-template-columns: 240px 56px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl > span {
  --fz: 16px;
  --lh: 1.375;
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl::before {
  inset-inline-start: -46px;
  width: calc(100% + 78px);
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl::before {
    width: calc(100% + 74px);
  }
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl::before {
    width: calc(100% + 70px);
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i > .b-bkpg__cl--cn.b-bkpg__cl {
  height: 40px;
  width: 52px;
  cursor: default;
  background-color: var(--color-grey2);
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i > .b-bkpg__cl--cn.b-bkpg__cl {
    height: 32px;
    width: 44px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm {
  width: fit-content;
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__cl.grey .icon-rating-gradient {
  --icon-w: 16px;
}
@media only screen and (min-width: 488px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(1) i {
    --icon-w: 20px;
  }
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(1) i + span {
    display: none;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__itm:nth-child(1) > .b-bkpg__itm-i .b-bkpg__cl.grey {
  --fz: 14px;
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__frml-i .l-frml {
  padding: 20px 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__frml-i .l-frml {
    padding: 16px 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__frml-i .l-frml {
    padding: 12px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__frml-i .l-frml .l-frml__i {
  --fz: 14.5px;
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__frml-i .l-frml .l-frml__i {
    --fz: 12px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__frml {
  margin-block-start: 12px;
  min-width: fit-content;
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__frml {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__tbl.b-bkpg__info.sprt {
    width: 344px;
  }
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info.sprt {
    width: 340px;
  }
}
.b-bkpg__tbl.b-bkpg__info .b-bkpg__dlp {
  --fz: 12px;
  padding: 0;
  background: initial;
  margin-block-end: 0;
}
@media only screen and (max-width: 487px) {
  .b-bkpg__tbl.b-bkpg__info .b-bkpg__dlp {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }
}
.b-bkpg__itm {
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__itm {
    border-radius: var(--rd-12);
  }
}
.b-bkpg__itm > .b-bkpg__itm-i {
  grid-template-areas: "a b c d";
  height: 86px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm > .b-bkpg__itm-i {
    height: 73px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__itm > .b-bkpg__itm-i {
    height: 60px;
  }
}
.b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(1) {
  display: flex;
  align-items: center;
}
.b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(1) i {
  --icon-w: 24px;
  position: relative;
  margin-inline-end: 8px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(1) i {
    --icon-w: 20px;
    margin-inline-end: 6px;
  }
}
.b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(1) i > span {
  --fz: 12px;
  --lh: 1;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-brown);
  inset-block-start: -8px;
  inset-inline-start: 24px;
  height: 16px;
  min-width: 16px;
  padding: 0 4px;
  border-radius: var(--rd-100);
  color: var(--color-white);
  text-align: center;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(1) i > span {
    --fz: 10px;
    inset-inline-start: 20px;
    height: 14px;
    min-width: 14px;
  }
}
.b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(2),
.b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(3),
.b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(4) {
  text-align: center;
}
.b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(4) > div {
  margin: 0 auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 68px;
  border: 1px solid var(--color-darkgrey);
  border-radius: var(--rd-16);
  transition: box-shadow 0.2s ease;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(4) > div {
    width: 48px;
    height: 40px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(4) > div {
    margin-inline-end: 0;
    border: none;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(4) > div {
    height: 32px;
    width: 32px;
    border-radius: var(--rd-12);
  }
}
.b-bkpg__itm > .b-bkpg__itm-i .b-bkpg__cl:not(.grey):nth-child(4) > div > svg {
  transition: transform 0.2s ease;
}
@media only screen and (min-width: 549.98px) {
  .b-bkpg__itm > .b-bkpg__itm-i.open .b-bkpg__cl:nth-child(4) > div {
    box-shadow: 0 2px 30px var(--color-grey-soft-50);
  }
}
.b-bkpg__itm > .b-bkpg__itm-i.open .b-bkpg__cl:nth-child(4) svg {
  rotate: 180deg;
}
.b-bkpg__itm > .b-bkpg__itm-i.open + .l-frml {
  display: block;
}
.b-bkpg__itm > .l-frml {
  display: none;
  padding: 24px 24px 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm > .l-frml {
    padding: 18px 18px 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__itm > .l-frml {
    padding: 12px;
  }
}
.b-bkpg__itm > .l-frml .l-frml__i {
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__itm > .l-frml .l-frml__i {
    --fz: 14px;
  }
}
.b-bkpg__itm.cmn {
  margin: 0 -10px;
  padding: 10px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%238C8C8C' stroke-width='2' stroke-dasharray='8%2c 12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
@media only screen and (min-width: 549.98px) {
  .b-bkpg__itm.cmn {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__itm.cmn {
    margin: 0 -5px;
    padding: 5px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%238C8C8C' stroke-width='2' stroke-dasharray='4%2c 7' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__itm.cmn {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%238C8C8C' stroke-width='2' stroke-dasharray='2%2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: var(--rd-12);
  }
}
.b-bkpg__itm.cmn .b-bkpg__cl:nth-child(4)::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.b-bkpg__itm:not(.sprt) .b-bkpg__cl:nth-child(1),
.b-bkpg__itm:not(.sprt) .b-bkpg__cl:nth-child(2),
.b-bkpg__itm:not(.sprt) .b-bkpg__cl:nth-child(4) {
  position: relative;
  z-index: 2;
  width: fit-content;
}
.b-bkpg__itm:not(.sprt) .b-bkpg__cl:nth-child(2),
.b-bkpg__itm:not(.sprt) .b-bkpg__cl:nth-child(4) {
  margin: 0 auto;
}
.b-bkpg__itm:not(.sprt) .b-bkpg__cl.grey:nth-child(1),
.b-bkpg__itm:not(.sprt) .b-bkpg__cl.grey:nth-child(3) {
  margin: 0 auto;
}
.b-bkpg__itm.sprt .b-bkpg__itm-i {
  grid-template-columns: 1fr 184px 124px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm.sprt .b-bkpg__itm-i {
    grid-template-columns: 1fr 150px 80px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__itm.sprt .b-bkpg__itm-i {
    grid-template-columns: 1fr 120px 60px;
  }
}
.b-bkpg__itm.sprt:not(.b-bkpg__itm--tot):not(:first-child) .b-bkpg__cl:first-child {
  display: block;
}
.b-bkpg__itm.sprt:not(.b-bkpg__itm--tot):not(:first-child) .b-bkpg__cl:first-child span:not(.grey) {
  margin-inline-end: 4px;
}
.b-bkpg__itm.sprt:not(.b-bkpg__itm--tot):not(:first-child) .b-bkpg__cl:first-child span.grey {
  display: inline-block;
}
.b-bkpg__itm.sprt.b-bkpg__itm--tot {
  margin: 16px 0;
}
.b-bkpg__itm.sprt.b-bkpg__itm--tot + .b-bkpg__frml {
  box-shadow: none;
}
.b-bkpg__itm.sprt.b-bkpg__itm--tot + .b-bkpg__frml .l-frml {
  padding: 20px 12px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm.sprt.b-bkpg__itm--tot + .b-bkpg__frml .l-frml {
    padding: 14px 6px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__itm.sprt.b-bkpg__itm--tot + .b-bkpg__frml .l-frml {
    padding: 8px 0;
  }
}
.b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i {
  grid-template-columns: 1fr 124px;
  background: var(--color-white);
  grid-template-areas: ". a";
  height: 48px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i {
    grid-template-columns: 1fr 80px;
    height: 40px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i {
    grid-template-columns: 1fr 60px;
    height: 32px;
  }
}
.b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl {
  position: relative;
  justify-content: center;
  height: 100%;
}
.b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl > span {
  --fz: 20px;
  --lh: 1.35;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl > span {
    --fz: 18px;
    --lh: 1.33333;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl > span {
    --fz: 16px;
    --lh: 1.375;
  }
}
.b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl > span > span {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: calc(100% + 4px);
  transform: translate(0, calc(-50% - 1px));
}
.b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -34px;
  width: calc(100% + 200px);
  height: 100%;
  background-color: var(--color-grey-light);
  border-radius: var(--rd-100) 0 0 var(--rd-100);
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm.sprt.b-bkpg__itm--tot .b-bkpg__itm-i .b-bkpg__cl::before {
    inset-inline-start: -40px;
  }
}
.b-bkpg__itm-i {
  display: grid;
  grid-template-columns: 1fr 120px 180px 164px;
  align-items: center;
}
@media only screen and (max-width: 1439.98px) and (min-width: 1279.98px), only screen and (max-width: 1100px) and (min-width: 991.98px), only screen and (max-width: 800px) {
  .b-bkpg__itm-i {
    grid-template-columns: 1fr 80px 100px 125px;
  }
}
@media only screen and (min-width: 480.98px) {
  .b-bkpg__itm-i {
    --fz: 20px;
  }
}
@media only screen and (min-width: 480.98px) and (max-width: 767.98px) {
  .b-bkpg__itm-i {
    --fz: 18px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bkpg__itm-i {
    --fz: 14px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__itm-i {
    grid-template-columns: 1fr 70px 80px 120px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__itm-i {
    grid-template-columns: 1fr 36px 62px 110px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bkpg__itm-i {
    grid-template-columns: 1fr 20px 62px 88px;
  }
}
.b-bkpg__sptb {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-16);
  cursor: pointer;
}
.b-bkpg__cl:nth-child(1) {
  grid-area: a;
}
.b-bkpg__cl:nth-child(2) {
  grid-area: b;
}
.b-bkpg__cl:nth-child(3) {
  grid-area: c;
}
.b-bkpg__cl:nth-child(4) {
  grid-area: d;
}
.b-bkpg__cl sub {
  --fz: 10px;
}
.b-bkpg__cl.b-bkpg__cl--cn {
  --lh: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 68px;
  background-color: var(--color-grey2);
  border-radius: var(--rd-16);
  font-weight: 800;
  margin: 0 auto;
  z-index: 1;
  transition: background-color 0.2s ease;
}
.b-bkpg__cl.b-bkpg__cl--cn > span {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__cl.b-bkpg__cl--cn {
    width: 48px;
    height: 40px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-bkpg__cl.b-bkpg__cl--cn {
    height: 32px;
    width: 32px;
    border-radius: var(--rd-12);
  }
}
.b-bkpg__dlp {
  --fz: 14px;
  background: var(--color-lightgrey);
  border-radius: var(--rd-16);
  padding: 12px;
  margin-block-start: 12px;
  margin-block-end: 16px;
}
.b-bkpg__dlp > span:nth-child(1) {
  --fz: 12px;
  --lh: 1.16667;
  display: inline-block;
  width: 21px;
  height: 16px;
  border-radius: var(--rd-100);
  padding: 0 4px;
  color: var(--color-white);
  background: var(--color-brown);
}
@media only screen and (max-width: 767.98px) {
  .b-bkpg__dlp > span:nth-child(1) {
    --fz: 10px;
    --lh: 1.2;
    height: 14px;
    width: 19px;
  }
}
.b-bkpg__ppv {
  --fz: 14px;
}
.b-bkpg__ppv > span.grey {
  display: inline-block;
  margin-block-end: 8px;
}
.b-bkpg__ppv-r {
  display: flex;
  justify-content: space-between;
  padding-inline-end: 8px;
}
.b-bkpg__ppv-r:not(:last-child) {
  margin-block-end: 8px;
}
.b-bkpg__ppv-r i {
  --icon-w: 44px;
}
.b-bkpg__ppv-t {
  margin: 0 -12px;
  padding: 0 12px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 180px;
}
.b-bkpg__ppv-t > .b-bns__bk {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  border-radius: var(--rd-12);
  padding: 8px;
  min-width: 216px;
}
.b-bkpg__ppv-t > .b-bns__bk::after {
  inset-block-start: 50%;
  inset-inline-start: 6px;
  width: 32px;
  height: 32px;
  transform: translate(0, -50%);
  border: 1px solid var(--color-hover);
  box-shadow: inset 0 0 0 2px var(--color-white);
  z-index: 2;
}
.b-bkpg__ppv-t > .b-bns__bk::before {
  content: none;
}
.b-bkpg__ppv-t > .b-bns__bk picture {
  width: 28px;
  height: 28px;
}
.b-bkpg__ppv-t > .b-bns__bk > span {
  --fz: 16px;
  color: var(--color-black);
  margin-block-start: 0;
}
.b-bkpg__ppv-t > .b-bns__bk > span:nth-child(2) {
  display: block;
  margin-inline-start: 8px;
}
.b-bkpg__ppv-t > .b-bns__bk > span:nth-child(3) {
  font-weight: 700;
  display: block;
  width: 44px;
  text-align: center;
  margin-inline-start: auto;
}
.b-bkpg__ppv-t > .b-bns__bk.active {
  background: var(--color-lightgrey);
}
.b-prcm {
  width: 100%;
  max-width: 774px;
  margin: 0 auto;
}
.b-prcm > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prcm > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prcm > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-prcm .l-crd {
    border-radius: var(--rd-20);
  }
}
.b-prcm__item {
  position: relative;
  color: var(--color-black);
  display: block;
}
.b-prcm__item:not(:last-child) {
  margin-block-end: 20px;
  border-block-end: 1px solid var(--color-border);
  padding-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-prcm__item:not(:last-child) {
    margin-block-end: 12px;
    padding-block-end: 12px;
  }
}
.b-prcm__item > a {
  display: block;
  color: var(--color-black);
}
.b-prcm__item .l-cat__row {
  --fz: 12px;
  gap: 8px;
}
.b-prcm__item .l-cat__row:not(:last-child) {
  margin-block-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-prcm__item .l-cat__row:not(:last-child) {
    margin-block-end: 8px;
  }
}
.b-prcm__item .l-cat__row span:not(:last-child) {
  padding-inline-end: 12px;
}
.b-prcm__item .l-more {
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -4px;
}
.b-lrng > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-lrng > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lrng > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-lrng .l-inpt__form {
    margin-block-end: 16px;
  }
}
.b-lrng .l-tab__inner {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: none;
}
@media only screen and (max-width: 549.98px) {
  .b-lrng__list {
    margin: 0 -12px;
  }
}
.b-lrng__list .b-lrng__item {
  padding: 16px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-lrng__list .b-lrng__item {
    display: flex;
    flex-direction: column;
    column-gap: 4px;
    padding: 12px;
  }
  .b-lrng__list .b-lrng__item span.grey {
    --fz: 14px;
  }
}
.b-lrng__list .sk {
  display: flex;
  margin-block-end: 10px;
  gap: 5px;
}
.b-lrng__list .sk .sk__line:first-child {
  width: 80%;
}
.b-lrng__list .sk .sk__line:last-child {
  width: 20%;
}
.b-lrng__item {
  --color-link: var(--color-black);
}
.b-lrng__item:not(:last-child) {
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (min-width: 549.98px) {
  .b-auth {
    max-width: 432px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-auth {
    background-color: var(--color-white);
    padding: 16px;
  }
  .b-auth .f--auth {
    max-width: 432px;
    margin: 0 auto;
  }
}
.b-auth .l-ttl2 {
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .b-auth .l-ttl2 {
    height: 19px;
  }
}
.b-auth .f--auth {
  background-color: var(--color-white);
  border-radius: var(--rd-20);
}
@media only screen and (min-width: 549.98px) {
  .b-auth .f--auth {
    padding: 16px;
  }
}
.b-auth .f--auth .f-upl__av,
.b-auth .f--auth .f-upl__av .l-av {
  --av-wh: 136px;
}
.b-auth .f--auth .l-av::after {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  inset-inline-start: -2px;
  inset-block-start: -2px;
}
.b-auth .f--auth .f-upl__av {
  width: var(--av-wh);
  margin: 0 auto;
  margin-block-end: 20px;
}
.b-auth .f--auth .l-btn + .b-auth__text {
  margin-block-start: 16px;
}
.b-auth .f--auth .l-link {
  white-space: nowrap;
}
.b-auth .f--auth > .f-check + .f-check {
  margin-block-start: 8px;
}
.b-auth .f--auth > .f-check + .f-desc {
  margin-block-start: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-auth .f--auth > .f-check + .f-desc {
    margin-block-start: 16px;
  }
}
.b-auth__text {
  --fz: 16px;
  text-align: center;
  color: var(--color-darkgrey);
}
.b-auth__blk p:not(:last-of-type) {
  margin-block-end: 8px;
}
.b-auth__blk {
  padding: 24px;
  border-radius: var(--rd-20);
  background-color: var(--color-cyan-light);
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-auth__blk {
    padding: 18px;
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-auth__blk {
    padding: 12px;
    border-radius: var(--rd-16);
    margin-block-end: 16px;
  }
}
.b-auth__blk._sm {
  padding: 16px;
  border-radius: var(--rd-12);
  margin-block-end: 16px;
}
.b-auth__blk._sm .b-auth__blk-i:not(:last-child) {
  margin-block-end: 8px;
}
.b-auth__blk-i {
  display: flex;
  align-items: center;
  gap: 12px;
}
.b-auth__blk-i:not(:last-child) {
  margin-block-end: 12px;
}
.b-auth__blk-i .l-soal__item {
  --social-w: 24px;
}
.b-actv {
  --fz: 16px;
  max-width: 774px;
  margin: 0 auto;
}
.b-actv > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-actv > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-actv__bg {
  position: absolute;
  inset-block-start: -60px;
  inset-inline-start: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
.b-actv__bg img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767.98px) {
  .b-actv__bg {
    inset-block-start: auto;
    inset-block-end: 0;
    height: 100%;
    z-index: 0;
  }
  .b-actv__bg img {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 100%;
    object-fit: cover;
  }
  .b-actv__bg img:first-child {
    display: none;
  }
}
.b-actv__ac,
.b-actv__info,
.b-actv__card,
.b-actv__blk {
  padding: 24px;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 767.98px) {
  .b-actv__ac,
  .b-actv__info,
  .b-actv__card,
  .b-actv__blk {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv__ac,
  .b-actv__info,
  .b-actv__card,
  .b-actv__blk {
    padding: 12px;
  }
}
.b-actv__ac,
.b-actv__info,
.b-actv__card {
  background-color: var(--color-white);
}
.b-actv__card {
  transition: box-shadow 0.2s ease;
}
@media only screen and (max-width: 767.98px) {
  .b-actv__card {
    border-radius: var(--rd-16);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv__card {
    border-radius: var(--rd-12);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-actv__card:hover {
    box-shadow: 0 2px 30px var(--color-addgrey-40);
  }
}
.b-actv__card:active {
  box-shadow: 0 2px 30px var(--color-addgrey-40);
}
.b-actv__ac i.icon-check {
  --icon-w: 24px;
  display: flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  background-color: var(--color-darkgreen);
  border-radius: var(--rd-round);
}
.b-actv__ac i.icon-check svg {
  margin: auto;
}
@media only screen and (max-width: 767.98px) {
  .b-actv__ac i.icon-check {
    --icon-w: 16px;
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 649.98px) {
  .b-actv__ac i.icon-check {
    --icon-w: 12px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-actv__ac {
    position: relative;
    overflow: hidden;
    border-radius: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-actv__hdr-ac,
  .b-actv__blk {
    position: relative;
    z-index: 1;
  }
}
.b-actv__hdr-ac {
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-rows: 24px 24px;
  column-gap: 16px;
  grid-template-areas: "icon-h ttl-h" "icon-h text-h";
  color: var(--color-darkgreen);
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-actv__hdr-ac {
    background-color: var(--color-white-90);
    border-radius: var(--rd-20);
    grid-template-columns: 34px 1fr;
    grid-template-rows: 17px 17px;
    column-gap: 12px;
    margin-block-end: 16px;
  }
}
@media (max-width: 649.98px) {
  .b-actv__hdr-ac {
    grid-template-columns: 20px 1fr;
    grid-template-rows: auto auto;
    gap: 8px;
    grid-template-areas: "icon-h ttl-h" "text-h text-h";
    margin-block-end: 12px;
  }
}
.b-actv__hdr-ac .l-ttl {
  grid-area: ttl-h;
  color: var(--color-darkgreen);
  margin-block-end: 0;
  font-weight: 700;
  transform: translate(0px, -4px);
}
@media (max-width: 649.98px) {
  .b-actv__hdr-ac .l-ttl {
    transform: translate(0, 0);
  }
}
.b-actv__hdr-ac i {
  --icon-c: var(--color-white);
  grid-area: icon-h;
}
.b-actv__hdr-ac span {
  grid-area: text-h;
}
.b-actv__blk {
  padding: 24px;
  background: var(--color-orange-pale);
  border-radius: var(--rd-20);
}
@media (min-width: 649.98px) {
  .b-actv__info,
  .b-actv__strt-i,
  .b-actv__cnts-i {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-actv__info,
  .b-actv__strt-i,
  .b-actv__cnts-i {
    gap: 24px;
  }
}
.b-actv__info.addt,
.b-actv__strt-i.addt,
.b-actv__cnts-i.addt {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(323px, 1fr));
  gap: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-actv__info.addt,
  .b-actv__strt-i.addt,
  .b-actv__cnts-i.addt {
    gap: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv__info.addt,
  .b-actv__strt-i.addt,
  .b-actv__cnts-i.addt {
    gap: 12px;
  }
}
.b-actv__info {
  grid-template-areas: "card-o card-tw" "card-o card-th";
}
.b-actv__info .b-actv__card {
  display: flex;
  flex-direction: column;
}
.b-actv__info .b-actv__card:first-child {
  grid-area: card-o;
  background: var(--color-teal-light);
}
.b-actv__info .b-actv__card:nth-child(2) {
  grid-area: card-tw;
  background: var(--color-orange-light);
}
.b-actv__info .b-actv__card:last-child {
  grid-area: card-th;
  background: var(--color-lightgrey-soft);
}
.b-actv__info .b-actv__card span + .l-btn {
  margin-block-start: 12px;
}
.b-actv__info .b-actv__card :nth-last-child(2) {
  flex: 1 1 auto;
}
.b-actv__info .l-ttl {
  margin-block-end: 12px;
}
.b-actv__info .l-btn {
  display: block;
  color: var(--color-black);
  text-align: center;
}
@media only screen and (min-width: 767.98px) {
  .b-actv__info .l-btn:hover {
    color: var(--color-white);
  }
}
.b-actv__info .l-btn:active {
  color: var(--color-white);
}
@media only screen and (max-width: 767.98px) {
  .b-actv__info {
    border-radius: 0;
  }
}
@media (max-width: 649.98px) {
  .b-actv__info > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv__info > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-actv__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-actv__img img {
  display: block;
  width: 204px;
  height: auto;
  margin: 48px 0;
}
@media (max-width: 649.98px) {
  .b-actv__img img {
    width: 146px;
    margin: 24px 0;
  }
}
.b-actv__strt .l-ttl,
.b-actv__cnts .l-ttl {
  text-align: center;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-actv__strt .l-ttl,
  .b-actv__cnts .l-ttl {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv__strt .l-ttl,
  .b-actv__cnts .l-ttl {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-actv__strt .b-actv__card:nth-child(2n+1),
  .b-actv__strt .l-link:nth-child(2n+1),
  .b-actv__cnts .b-actv__card:nth-child(2n+1),
  .b-actv__cnts .l-link:nth-child(2n+1) {
    border-radius: 0 var(--rd-20) var(--rd-20) 0;
  }
  .b-actv__strt .b-actv__card:nth-child(2n+2),
  .b-actv__strt .l-link:nth-child(2n+2),
  .b-actv__cnts .b-actv__card:nth-child(2n+2),
  .b-actv__cnts .l-link:nth-child(2n+2) {
    border-radius: var(--rd-20) 0 0 var(--rd-20);
  }
}
@media (max-width: 649.98px) {
  .b-actv__strt .b-actv__card,
  .b-actv__strt .l-link,
  .b-actv__cnts .b-actv__card,
  .b-actv__cnts .l-link {
    border-radius: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
  .b-actv__strt .b-actv__card + .l-link,
  .b-actv__strt .l-link + .l-link,
  .b-actv__cnts .b-actv__card + .l-link,
  .b-actv__cnts .l-link + .l-link {
    border-block-start: 1px solid var(--color-addgrey-40);
  }
  .b-actv__strt .b-actv__card + .b-actv__card,
  .b-actv__strt .l-link + .b-actv__card,
  .b-actv__cnts .b-actv__card + .b-actv__card,
  .b-actv__cnts .l-link + .b-actv__card {
    border-block-start: 1px solid var(--color-addgrey-40);
  }
}
@media (max-width: 649.98px) {
  .b-actv__strt-i,
  .b-actv__cnts-i {
    background-color: var(--color-white);
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv__strt-i,
  .b-actv__cnts-i {
    padding: 0 12px;
  }
}
.b-actv__strt-i .l-link {
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  padding: 24px;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 767.98px) {
  .b-actv__strt-i .l-link {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv__strt-i .l-link {
    padding: 12px;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-actv__strt-i .l-link:hover {
    box-shadow: var(--shadow-grey);
  }
}
.b-actv__strt-i .l-link:active {
  box-shadow: var(--shadow-grey);
}
.b-actv__strt-i img {
  width: 48px;
  height: auto;
  margin-inline-end: 16px;
}
@media (max-width: 649.98px) {
  .b-actv__strt-i img {
    margin-inline-end: 12px;
    width: 42px;
  }
}
.b-actv__cnts {
  text-align: center;
}
.b-actv__cnts-i {
  text-align: start;
  margin-block-end: 24px;
}
.b-actv__cnts-i:has(> .addt) {
  margin-block-end: 0;
}
.b-actv__cnts-i .b-actv__card {
  display: flex;
  align-items: center;
}
.b-actv__cnts-i .b-actv__card > div span {
  display: block;
  margin-block-end: 8px;
}
.b-actv__cnts-i .b-actv__card > div span:first-child {
  margin-block-end: 12px;
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-actv__cnts-i .b-actv__card > div span:first-child:hover {
    color: var(--color-hover);
  }
}
.b-actv__cnts-i .b-actv__card > div span:first-child:active {
  color: var(--color-hover);
}
.b-actv__cnts-i .b-actv__card picture,
.b-actv__cnts-i .b-actv__card picture span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-actv__cnts-i .b-actv__card picture {
  width: 108px;
  height: 108px;
  margin-inline-end: 16px;
}
.b-actv__cnts-i .b-actv__card picture img {
  width: 100%;
  height: auto;
}
.b-actv__cnts-i .b-actv__card picture span {
  --fz: 28px;
  --lh: 1;
  width: 80%;
  height: 80%;
  text-transform: uppercase;
  border: 1px solid var(--color-bg-dark-10);
  color: var(--color-black);
  border-radius: var(--rd-round);
}
.b-actv__cnts-i .b-actv__card:nth-child(6n+1) .b-actv__prze {
  background: var(--color-red-mid);
}
.b-actv__cnts-i .b-actv__card:nth-child(6n+2) .b-actv__prze {
  background: var(--color-cyan-mid-alt9);
}
.b-actv__cnts-i .b-actv__card:nth-child(6n+3) .b-actv__prze {
  background: var(--color-orange-mid-alt2);
}
.b-actv__cnts-i .b-actv__card:nth-child(6n+4) .b-actv__prze {
  background: var(--color-orange-mid-alt3);
}
.b-actv__cnts-i .b-actv__card:nth-child(6n+5) .b-actv__prze {
  background: var(--color-indigo-mid);
}
.b-actv__cnts-i .b-actv__card:nth-child(6n+6) .b-actv__prze {
  background: var(--color-teal-deep-alt5);
}
.b-actv__cnts-i .b-actv__card.addt {
  border: 1px solid var(--color-grey2);
}
.b-actv__cnts-i .b-actv__card.addt > div span {
  --fz: 16px;
  font-weight: 700;
}
@media only screen and (max-width: 767.98px) {
  .b-actv__cnts-i {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-actv__cnts-i {
    margin-block-end: 16px;
  }
}
.b-actv__prze {
  display: inline-block;
  padding: 8px 16px;
  border-radius: var(--rd-20);
  color: var(--color-white);
}
.odds2-view .b-prw {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .odds2-view .b-prw {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .odds2-view .b-prw {
    margin-block-end: 16px;
  }
}
.b-prw {
  --fz: 16px;
  display: flex;
  flex-direction: column;
  color: var(--color-darkgrey);
  overflow: hidden;
  position: relative;
  z-index: 6;
}
@media only screen and (min-width: 549.98px) {
  .b-prw {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-prw {
    --fz: 14px;
  }
}
.b-prw:has(+ .l-flr--prld),
.b-prw:has(+ .l-flr--top) {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.b-prw:has(+ .l-flr--prld) + .l-flr--prld,
.b-prw:has(+ .l-flr--prld) + .l-flr--prld .l-flr--top .l-flr__i,
.b-prw:has(+ .l-flr--prld) + .l-flr--top .l-flr__i,
.b-prw:has(+ .l-flr--top) + .l-flr--prld,
.b-prw:has(+ .l-flr--top) + .l-flr--prld .l-flr--top .l-flr__i,
.b-prw:has(+ .l-flr--top) + .l-flr--top .l-flr__i {
  border-radius: 0;
  border-inline-start: none;
  border-inline-end: none;
}
.b-prw:has(+ .l-flr--prld) + .l-flr--prld .l-flr__txt,
.b-prw:has(+ .l-flr--prld) + .l-flr--prld .l-flr--top .l-flr__i .l-flr__txt,
.b-prw:has(+ .l-flr--prld) + .l-flr--top .l-flr__i .l-flr__txt,
.b-prw:has(+ .l-flr--top) + .l-flr--prld .l-flr__txt,
.b-prw:has(+ .l-flr--top) + .l-flr--prld .l-flr--top .l-flr__i .l-flr__txt,
.b-prw:has(+ .l-flr--top) + .l-flr--top .l-flr__i .l-flr__txt {
  border-start-end-radius: 0;
}
.b-prw:has(+ .l-flr--top) {
  transition: border-radius 1s ease;
}
@media only screen and (min-width: 549.98px) {
  .b-prw + .b-art,
  .b-prw + div > .b-art {
    margin-block-start: -16px;
  }
  .b-prw + .b-art .b-art__cntt,
  .b-prw + div > .b-art .b-art__cntt {
    position: static;
    padding-block-start: 40px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-prw + .b-art .b-art__cntt,
  .b-prw + div > .b-art .b-art__cntt {
    padding-block-start: 34px;
  }
}
.b-prw__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: var(--color-bg-dark);
  inset-block-start: 0;
  inset-inline-start: 0;
  display: flex;
  justify-content: space-between;
}
.b-prw__bg::before,
.b-prw__bg::after {
  content: "";
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-prw__bg::before,
  .b-prw__bg::after {
    width: 100% !important;
    background-size: cover;
  }
}
.b-prw__bg::before {
  background-image: url(/images3/common/preview-left.svg);
  width: 347px;
}
@media only screen and (max-width: 767.98px) {
  .b-prw__bg::before {
    background-image: url(/images3/common/preview-mobile.svg);
  }
}
.b-prw__bg::after {
  background-image: url(/images3/common/preview-right.svg);
  width: 347px;
}
@media only screen and (max-width: 767.98px) {
  .b-prw__bg::after {
    content: none;
  }
}
.b-prw__evnts {
  position: relative;
  padding: 0 12px;
}
@media only screen and (min-width: 549.98px) {
  .b-prw__evnts {
    border-radius: var(--rd-20);
    overflow: hidden;
    z-index: 1;
  }
}
.b-prw__evnts .b-prw__cnt {
  padding: 24px 12px;
  margin: 0 -12px;
  max-height: 373px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (max-width: 767.98px) {
  .b-prw__evnts .b-prw__cnt {
    padding: 18px 12px;
    max-height: 340px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prw__evnts .b-prw__cnt {
    padding: 12px;
    max-height: 320px;
  }
}
.b-prw__evnts .b-prw__cnt::-webkit-scrollbar {
  width: 16px;
  display: block;
}
.b-prw__evnts .b-prw__cnt::-webkit-scrollbar-thumb {
  background-color: var(--color-grey-deep-alt);
}
.b-prw__evnts .b-prw__cnt::-webkit-scrollbar-button {
  display: block;
  height: 10px;
}
.b-prw__evnts .b-prw__cnt .b-prw__bk:last-child {
  z-index: 5;
}
.b-prw__evnts::before,
.b-prw__evnts::after {
  content: "";
  width: 100%;
  height: 40px;
  position: absolute;
  inset-inline-start: 0;
  z-index: 4;
  pointer-events: none;
}
@media only screen and (max-width: 767.98px) {
  .b-prw__evnts::before,
  .b-prw__evnts::after {
    height: 30px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prw__evnts::before,
  .b-prw__evnts::after {
    height: 20px;
  }
}
.b-prw__evnts::before {
  inset-block-start: -1px;
  background:
    linear-gradient(
      180deg,
      var(--color-grey-darkest-alt) 0%,
      transparent 100%);
}
.b-prw__evnts::after {
  inset-block-end: -1px;
  background:
    linear-gradient(
      0deg,
      var(--color-grey-darkest-alt) 0%,
      transparent 100%);
}
.b-prw > .b-prw__cnt {
  padding-block-end: 36px;
}
@media only screen and (max-width: 767.98px) {
  .b-prw > .b-prw__cnt {
    padding-block-end: 30px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prw > .b-prw__cnt {
    padding-block-end: 24px;
  }
}
.b-prw__cnt {
  position: relative;
  padding: 24px 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 480.98px) {
  .b-prw__cnt {
    padding: 12px 12px 0;
  }
}
.b-prw__cat {
  --color-link: var(--color-darkgrey);
  text-align: center;
}
.b-prw__cat + .b-prw__cat {
  margin-block-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-prw__cat + .b-prw__cat {
    margin-block-start: 4px;
  }
}
.b-prw__cat + .l-evnt__cnt {
  margin-block-start: 32px;
}
@media only screen and (max-width: 767.98px) {
  .b-prw__cat + .l-evnt__cnt {
    margin-block-start: 26px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prw__cat + .l-evnt__cnt {
    margin-block-start: 20px;
  }
}
.b-prw__bk {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 60px;
  margin-block-end: 0;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .b-prw__bk {
    padding: 0 12px;
  }
}
.b-prw__bk + .l-evnt {
  margin-block-start: 48px;
}
@media only screen and (max-width: 767.98px) {
  .b-prw__bk + .l-evnt {
    margin-block-start: 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-prw__bk + .l-evnt {
    margin-block-start: 24px;
  }
}
.b-prw__bk-i {
  margin: 0 auto;
  text-align: center;
}
.b-prw__bk-i:first-child {
  margin-inline-end: auto;
}
.b-prw__bk-i > .l-cf:not(:first-child) {
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prw__bk-i > .l-cf:not(:first-child) {
    margin-block-start: 12px;
  }
}
.b-prw__bk-ttl {
  text-align: center;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-prw__bk-ttl {
    margin-block-end: 12px;
  }
}
.b-prw .l-flr {
  position: relative;
  z-index: 1;
}
.b-prw .l-flr__i {
  position: relative;
  background:
    linear-gradient(
      269.99deg,
      transparent 11.14%,
      var(--color-grey-dark-90) 49.75%,
      transparent 80.09%) !important;
  border: transparent;
  justify-content: center;
  flex-wrap: nowrap;
}
.b-prw .l-flr__i::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--color-bg-dark);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.b-prw .l-flr__txt {
  color: var(--color-white);
}
@media only screen and (max-width: 480.98px) {
  .b-prw .l-flr__txt {
    --fz: 14px;
  }
}
.b-prw__bk-scr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-block-end: 0;
}
.b-prw__scr {
  display: inline-flex;
  color: var(--color-addgrey);
}
.b-prw__scr:first-child:not(.sid30) {
  font-weight: 800;
}
.b-prw__scr:first-child:not(.sid30):not(:last-child) {
  margin-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-prw__scr:first-child:not(.sid30):not(:last-child) {
    margin-inline-end: 8px;
  }
}
.b-prw__scr:first-child:not(.sid30) > span.score + span.score {
  padding-inline-start: 5px;
}
.b-prw__scr:not(:first-child):not(.gme):nth-child(2):before {
  content: "(";
  color: var(--color-darkgrey);
}
.b-prw__scr:not(:first-child):not(.gme)::after {
  content: ",";
  color: var(--color-darkgrey);
  margin-inline-end: 4px;
}
.b-prw__scr.gme {
  color: var(--color-orange-mid);
  margin-inline-start: 8px;
}
.b-prw__scr.gme > span.score:before {
  color: var(--color-addgrey);
}
.b-prw__scr.pl1 > span.srvng.pl1:before,
.b-prw__scr.pl2 > span.srvng.pl2:before {
  content: "";
}
.b-prw__scr > small {
  color: var(--color-darkgrey);
  margin-inline-end: 4px;
}
.b-prw__scr > span.score {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.b-prw__scr > span.score + span.score {
  position: relative;
  padding-inline-start: 4px;
}
.b-prw__scr > span.score + span.score::before {
  content: ":";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  height: 100%;
}
.b-prw__scr > span.score > span {
  height: 22px;
}
@media only screen and (max-width: 480.98px) {
  .b-prw__scr > span.score > span {
    height: 19px;
  }
}
.b-prw__scr > span.score > span:nth-child(2) {
  margin-block-start: -22px;
}
@media only screen and (max-width: 480.98px) {
  .b-prw__scr > span.score > span:nth-child(2) {
    margin-block-start: -19px;
  }
}
.b-prw__scr > span.srvng {
  position: relative;
  height: 22px;
  width: 8px;
}
@media only screen and (max-width: 480.98px) {
  .b-prw__scr > span.srvng {
    width: 6px;
    height: 19px;
  }
}
.b-prw__scr > span.srvng::before {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  width: 8px;
  height: 8px;
  transform: translate(0, -50%);
  border-radius: var(--rd-round);
  background-color: var(--color-orange-mid);
}
@media only screen and (max-width: 480.98px) {
  .b-prw__scr > span.srvng::before {
    width: 6px;
    height: 6px;
  }
}
.b-prw__scr > span.srvng.pl1 {
  margin-inline-end: 4px;
}
@media only screen and (max-width: 480.98px) {
  .b-prw__scr > span.srvng.pl1 {
    margin-inline-end: 2px;
  }
}
.b-prw__scr > span.srvng.pl2 {
  margin-inline-start: 4px;
}
@media only screen and (max-width: 480.98px) {
  .b-prw__scr > span.srvng.pl2 {
    margin-inline-start: 2px;
  }
}
div.b-prw__scr:not(:first-child):not(.gme):last-of-type:after {
  content: ")";
  margin-inline-end: 0;
}
.b-bcf {
  display: grid;
  overflow: hidden;
}
.b-bcf:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bcf:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bcf:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-bcf + span.grey {
  --fz: 14px;
  display: block;
}
@media only screen and (max-width: 549.98px) {
  .b-bcf + span.grey {
    --fz: 12px;
  }
}
.b-bcf + span.grey:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bcf + span.grey:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bcf__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));
  gap: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bcf__items {
    gap: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bcf__items {
    grid-template-columns: repeat(auto-fill, minmax(162px, 1fr));
    gap: 12px;
  }
}
.b-bcf__item {
  --fz: 14px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  height: 78px;
  padding: 0 16px;
  border-radius: var(--rd-16) var(--rd-16) var(--rd-24) var(--rd-16);
  border: 1px solid var(--color-addgrey-70);
  background: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .b-bcf__item {
    --fz: 12px;
    padding: 0 12px;
    height: 66px;
    gap: 4px;
    border-radius: var(--rd-12) var(--rd-12) var(--rd-24) var(--rd-12);
  }
}
.b-bcf__item > span {
  color: var(--color-darkgrey);
}
.b-bcf__item > span > span.green {
  --fz: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-bcf__item > span > span.green {
    --fz: 16px;
  }
}
.b-bcf__logo {
  position: absolute;
  inset-block-end: -1px;
  inset-inline-end: -1px;
  width: 44px;
  height: 44px;
  border-radius: var(--rd-round);
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .b-bcf__logo {
    width: 40px;
    height: 40px;
  }
}
.b-bcf__logo img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-bcf__link {
    --fz: 14px;
  }
}
.b-bkin {
  position: relative;
  padding: 24px 24px 0;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin {
    padding: 20px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin {
    padding: 20px 0 0;
  }
}
.b-bkin:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin:not(:last-child) {
    margin-block-end: 16px;
  }
}
.b-bkin > .l-pgn {
  margin-block-end: 0;
}
.b-bkin > .l-pgn .l-btn {
  --fz: 16px;
  background-color: var(--clr-rb1);
}
@media only screen and (max-width: 549.98px) {
  .b-bkin > .l-pgn .l-btn {
    width: 100%;
  }
}
@media only screen and (min-width: 767.98px) {
  .b-bkin > .l-pgn .l-btn:hover {
    background-color: var(--clr-rb-hv1);
  }
}
.b-bkin > .l-pgn .l-btn:active {
  background-color: var(--clr-rb-hv1);
}
.b-bkin::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: calc(100% - 24px);
  border-radius: var(--rd-20);
  background-color: var(--clr-rb2);
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin::before {
    border-radius: var(--rd-16);
    height: 100%;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-bkin.b-bkin--jrnl .l-ttl2 {
    align-self: baseline;
  }
}
.b-bkin.b-bkin--jrnl .l-ttl2:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin.b-bkin--jrnl .l-ttl2:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bkin.b-bkin--jrnl .b-bkin__list .l-brdc {
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin.b-bkin--jrnl .l-plev {
    border-radius: var(--rd-12);
    border: 1px solid var(--clr-rb2);
    margin-block-end: 8px;
    padding: 12px;
  }
}
.b-bkin.b-bkin--abt .b-bkin__ul li {
  display: flex;
}
.b-bkin.b-bkin--abt .b-bkin__ul li p {
  margin: auto 0;
}
.b-bkin.b-bkin--que .b-bkin__sp .b-art__i {
  margin-block-end: 0;
}
.b-bkin.b-bkin--bns {
  padding-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin.b-bkin--bns {
    padding-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin.b-bkin--bns {
    padding-block-end: 12px;
  }
}
.b-bkin.b-bkin--bns::before {
  height: 100%;
}
.b-bkin.b-bkin--bns .b-bkin__head .l-ttl2 {
  align-self: baseline;
  margin-block-end: 0;
}
.b-bkin.b-bkin--bns .b-bkin__bns .l-btn.l-btn--br {
  background-color: var(--color-white);
  border-color: var(--clr-rb1);
  color: var(--clr-rb1);
  height: 56px;
}
@media only screen and (min-width: 767.98px) {
  .b-bkin.b-bkin--bns .b-bkin__bns .l-btn.l-btn--br:hover {
    background-color: var(--clr-rb2);
  }
}
.b-bkin.b-bkin--bns .b-bkin__bns .l-btn.l-btn--br:active {
  background-color: var(--clr-rb2);
}
.b-bkin.b-bkin--abrt .b-bkin__head .l-ttl2 {
  align-self: baseline;
  margin-block-end: 0;
}
.b-bkin.b-bkin--abrt .b-bkin__i {
  text-align: start;
}
.b-bkin.bk-rating-comments {
  padding-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin.bk-rating-comments {
    padding-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin.bk-rating-comments {
    padding-block-end: 16px;
  }
}
.b-bkin.bk-rating-comments::before {
  height: 100%;
}
@media only screen and (min-width: 767.98px) {
  .b-bkin.bk-rating-comments .b-bkin__head .l-btn:hover {
    background-color: var(--color-cyan-light-alt8);
  }
}
.b-bkin.bk-rating-comments .b-bkin__head .l-btn:active {
  background-color: var(--color-cyan-light-alt8);
}
.b-bkin.bk-rating-comments .b-cmnt__item {
  border-radius: 0;
}
.b-bkin.bk-rating-comments .b-cmnt__item:first-child {
  padding: 0;
}
.b-bkin.bk-rating-comments .b-cmnt__item:not(:last-child) {
  margin-block-end: 0;
}
.b-bkin.bk-rating-comments .b-cmnt__item:not(:first-child) {
  border-block-start: 1px solid var(--color-bg-lightgrey);
  padding: 16px 0 0;
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin.bk-rating-comments .b-cmnt__item:not(:first-child) {
    padding: 12px 0 0;
    margin-block-start: 12px;
  }
}
.b-bkin.bk-rating-comments .b-cmnt__item .b-cmnt__cnt {
  margin-block-end: 0;
}
.b-bkin__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__head {
    padding: 0 12px;
  }
}
.b-bkin__head > p {
  max-width: 460px;
}
.b-bkin__head > .l-pgn {
  margin: 16px 0 0;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__head > .l-pgn {
    margin: 12px 0 0;
  }
}
.b-bkin__img {
  display: flex;
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__img {
    margin-block-end: 12px;
  }
}
.b-bkin__img img {
  width: 86px;
  height: 86px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__img img {
    width: 64px;
    height: 64px;
  }
}
.b-bkin .l-ttl2:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin .l-ttl2:not(:last-child) {
    margin-block-end: 4px;
  }
}
.b-bkin__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  width: 100%;
}
.b-bkin__row-i {
  flex: 1 0 122px;
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__row-i {
    flex: 1 0 95px;
  }
}
.b-bkin__bg {
  --fz: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  color: var(--color-white);
  background-color: var(--clr-rb1);
  clip-path: url(#clip-img);
  margin-block-end: 8px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__bg {
    --fz: 22px;
    width: 75px;
    height: 75px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__bg {
    --fz: 20px;
    width: 64px;
    height: 64px;
  }
}
.b-bkin__bg::before {
  transform: scale(3.5);
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__bg::before {
    transform: scale(3.125);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__bg::before {
    transform: scale(2.75);
  }
}
.b-bkin__i {
  background-color: var(--color-white);
  border-radius: var(--rd-20);
  padding: 24px;
}
.b-bkin__i:not(:first-child) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__i:not(:first-child) {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__i:not(:first-child) {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__i {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__i {
    padding: 12px;
    border-radius: var(--rd-16);
  }
}
.b-bkin__i {
  text-align: center;
}
.b-bkin__i > *:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (min-width: 549.98px) {
  .b-bkin__i > * {
    text-align: start;
  }
}
.b-bkin__i > .l-ttl2 {
  text-align: start;
}
.b-bkin__i > .l-ttl2:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__i > .l-ttl2:not(:last-child) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__i > .l-ttl2:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bkin__i over-pagination2 {
  text-align: center;
}
@media only screen and (min-width: 549.98px) {
  .b-bkin__i .l-link:last-child {
    display: block;
    width: fit-content;
  }
}
.b-bkin__i .b-bkin__row:not(:last-child) {
  margin-block-end: 32px;
}
.b-bkin__i .b-bkin__row-i {
  flex: 1 0 45%;
  max-width: 330px;
  white-space: normal;
}
.b-bkin__i > p {
  text-align: start;
}
@media only screen and (min-width: 767.98px) {
  .b-bkin__i > a.l-btn.l-btn--br:hover {
    color: var(--color-black);
  }
}
.b-bkin__i > a.l-btn.l-btn--br:active {
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__i .b-bkin__head:has(+ .nm) > .l-ttl2 {
    align-self: baseline;
  }
}
.b-bkin__abrt {
  --color-link: var(--color-black);
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__abrt {
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
  }
}
.b-bkin__abrt-itm {
  display: flex;
  justify-content: flex-start;
  padding: 16px;
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-16);
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__abrt-itm {
    border-radius: var(--rd-12);
    padding: 12px;
  }
}
.b-bkin__abrt-itm i,
.b-bkin__abrt-itm picture {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}
.b-bkin__abrt-itm i img,
.b-bkin__abrt-itm picture img {
  width: inherit;
  height: inherit;
}
.b-bkin__abrt-itm i.icon-other {
  --icon-w: 28px;
  background-color: var(--color-lightgrey-alt);
  border-radius: var(--rd-round);
}
.b-bkin__abrt-itm > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.b-bkin__abrt-itm > div h4 {
  font-weight: 700;
}
.b-bkin__abrt-itm > div .grey {
  --fz: 14px;
}
.b-bkin__abrt-itm i.icon-arrow {
  align-self: center;
}
.b-bkin__abrt-itm i.icon-arrow svg {
  rotate: -90deg;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__abrt-itm i.icon-arrow {
    display: none;
  }
}
.b-bkin__l:not(:last-child),
.b-bkin__list:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__l:not(:last-child),
  .b-bkin__list:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__l:not(:last-child),
  .b-bkin__list:not(:last-child) {
    margin-block-end: 12px;
  }
}
.b-bkin__list .l-brdc {
  --fz: 14px;
  position: relative;
  align-items: center;
  padding: 8pt 12px;
  background-color: var(--color-lightgrey);
  overflow: hidden;
  max-width: 100%;
  margin-block-end: 20px;
}
@media only screen and (min-width: 549.98px) {
  .b-bkin__list .l-brdc {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__list .l-brdc {
    margin-block-end: 16px;
    max-width: calc(100% + 24px);
    margin-inline-start: -12px;
    margin-inline-end: -12px;
  }
}
.b-bkin__list .l-brdc::before {
  margin: initial;
  margin-inline-end: 8px;
  margin-inline-start: 0;
  flex: 0 0 16px;
}
.b-bkin__list .l-brdc::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 24px;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent -20%,
      var(--color-lightgrey) 50%);
}
.b-bkin__ul li {
  position: relative;
  min-height: 36px;
  padding-inline-start: 52px;
  text-align: start;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__ul li {
    padding-inline-start: 48px;
  }
}
.b-bkin__ul li:not(:last-child) {
  margin-block-end: 24px;
}
.b-bkin__ul li > *:not(:last-child) {
  margin-block-end: 4px;
}
.b-bkin__ul li::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 36px;
  height: 36px;
  background: url(/images3/bookmakers/img/checkmark.png) 0 0/100% no-repeat;
}
.b-bkin__ul--bkap li:before {
  content: none;
}
.b-bkin__ul--bkap .b-bkap__bk-img {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 36px;
  height: 36px;
}
.b-bkin__ul--bkap .b-bkap__bk-img img {
  width: 100%;
  height: 100%;
}
.b-bkin__q {
  border-radius: var(--rd-16);
  padding: 16px;
  background-color: var(--clr-rb2);
}
.b-bkin__q--sm {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: var(--rd-100);
}
.b-bkin__q--sm i[class^=icon-],
.b-bkin__q--sm i[class*=" icon-"] {
  --icon-c: var(--clr-rb1);
  --icon-w: 24px;
  margin-inline-start: -4px;
  margin-inline-end: 8px;
}
.b-bkin__qs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-block-start: 8px;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__qs {
    gap: 8px;
  }
}
.b-bkin__sp {
  text-align: start;
}
.b-bkin__sp:not(:last-child) {
  padding-block-end: 16px;
  border-block-end: 1px solid var(--color-addgrey-40);
}
.b-bkin__sp.open .b-bkin__sp-q {
  font-weight: 700;
}
.b-bkin__sp.open .b-bkin__sp-q i.icon-arrow {
  rotate: -180deg;
}
.b-bkin__sp.open .b-bkin__sp-a {
  display: flex;
}
.b-bkin__sp-q {
  display: flex;
  cursor: pointer;
  transition: color 0.2s ease;
}
.b-bkin__sp-q i.icon-arrow {
  position: relative;
  inset-block-start: 2px;
  rotate: -90deg;
  margin-block: 0 0;
  margin-inline: 0 8px;
  -webkit-user-select: none;
  user-select: none;
}
@media only screen and (min-width: 767.98px) {
  .b-bkin__sp-q:hover {
    color: var(--color-hover);
  }
}
.b-bkin__sp-q:active {
  color: var(--color-hover);
}
.b-bkin__sp-a {
  position: relative;
  display: none;
  margin-block-start: 12px;
  animation: fadeIn 0.2s;
}
.b-bkin__sp-a::before {
  content: "\2014";
  flex: 0 0 16px;
  width: 16px;
  margin-inline-end: 8px;
  display: inline-block;
}
.b-bkin__sp-a .b-art__i figure {
  max-width: 987px;
}
@media only screen and (max-width: 1439.98px) {
  .b-bkin__sp-a .b-art__i figure {
    max-width: calc(100dvw - 453px);
  }
}
@media only screen and (max-width: 991.98px) {
  .b-bkin__sp-a .b-art__i figure {
    max-width: calc(100dvw - 168px);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__sp-a .b-art__i figure {
    max-width: calc(100dvw - 144px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__sp-a .b-art__i figure {
    max-width: calc(100dvw - 48px);
  }
}
.b-bkin__bns {
  margin-block-start: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-bkin__bns {
    margin-block-start: 16px;
    gap: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-bkin__bns {
    margin-block-start: 12px;
    padding: 0 12px;
    gap: 12px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-bkin__bns {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-abt {
    background-color: var(--color-white);
  }
}
@media only screen and (min-width: 549.98px) {
  .b-abt .b-abt__head {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    padding: 24px;
    z-index: 3;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-abt .b-abt__head {
    padding: 24px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-abt .b-abt__head {
    padding: 12px 12px 24px;
    margin-block-end: -24px;
  }
}
.b-abt .b-abt__head h1.l-ttl2 {
  margin: 0;
}
.b-abt__bg {
  position: absolute;
  inset-block-start: 150px;
  inset-inline-start: -333px;
  width: 100vw;
  max-width: 1440px;
  padding-block-end: 250%;
  max-height: 1695px;
  pointer-events: none;
  z-index: -1;
  background: url(/images3/about/about-bg.svg) 0 0/1440px auto no-repeat;
}
@media only screen and (max-width: 1440px) {
  .b-abt__bg {
    background: url(/images3/about/about-bg.svg) 0 0/100vw auto no-repeat;
  }
}
@media only screen and (max-width: 991.98px) {
  .b-abt__bg {
    inset-inline-start: -24px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-abt__bg {
    display: none;
  }
}
.b-abt__blk {
  padding: 24px 0;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk {
    padding: 20px 0;
  }
}
.b-abt__blk:not(:last-child) .b-abt__i p {
  text-align: start;
}
@media only screen and (min-width: 549.98px) {
  .b-abt__blk:not(:nth-child(2)) {
    margin-block-end: 100px;
  }
}
.b-abt__blk:not(:nth-child(2)) .b-abt__blk-i > h2 + p {
  margin-block-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk:not(:nth-child(2)) .b-abt__blk-i > h2 + p {
    margin-block-start: 24px;
  }
}
.b-abt__blk:not(:nth-child(2)) .b-abt__blk-i > p + p {
  margin-block-start: 36px;
}
@media only screen and (min-width: 549.98px) {
  .b-abt__blk:nth-child(2) {
    padding-block-start: 0;
  }
}
.b-abt__blk:nth-child(2) .b-abt__blk-i {
  --bg-c: var(--color-white);
  padding-block-end: 32px;
}
@media only screen and (min-width: 549.98px) {
  .b-abt__blk:nth-child(2) .b-abt__blk-i {
    border-start-end-radius: var(--rd-20);
  }
  .b-abt__blk:nth-child(2) .b-abt__blk-i::before {
    content: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk:nth-child(2) .b-abt__blk-i {
    --bg-c: var(--color-lightgrey-soft);
    padding-block-end: 24px;
  }
}
.b-abt__blk:nth-child(2) .b-abt__blk-i p {
  margin-block-end: 32px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk:nth-child(2) .b-abt__blk-i p {
    margin-block-end: 24px;
  }
}
.b-abt__blk:nth-child(3) .b-abt__blk-i {
  --bg-c: var(--color-cyan-light);
}
.b-abt__blk:nth-child(3) .b-abt__btn {
  --abtn-clr: var(--color-cyan-alt2);
}
.b-abt__blk:nth-child(4) .b-abt__blk-i {
  --bg-c: var(--color-indigo-soft);
}
.b-abt__blk:nth-child(4) .b-abt__btn {
  --abtn-clr: var(--color-blue-mid-alt2);
}
.b-abt__blk:nth-child(5) .b-abt__blk-i {
  --bg-c: var(--color-teal-soft);
}
.b-abt__blk:nth-child(5) .b-abt__btn {
  --abtn-clr: var(--color-teal-deep-alt7);
}
.b-abt__blk:nth-child(6) .b-abt__blk-i {
  --bg-c: var(--color-orange-light);
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk:nth-child(6) .b-abt__blk-i {
    text-align: start;
  }
}
.b-abt__blk:nth-child(6) .b-abt__i:not(:last-child) {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk:nth-child(6) .b-abt__i:not(:last-child) {
    text-align: start;
  }
}
.b-abt__blk:nth-child(6) .b-abt__i:last-child > div .b-abt__btn {
  --abtn-clr: var(--color-brown);
  margin-block-end: 48px;
}
.b-abt__blk:nth-child(6) .b-abt__i:last-child > .b-abt__btn {
  --abtn-clr: var(--color-grey-act);
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk:nth-child(6) .b-abt__i:not(:nth-child(3)) {
    position: relative;
    margin-block-start: 60px;
  }
  .b-abt__blk:nth-child(6) .b-abt__i:not(:nth-child(3))::before {
    content: "";
    position: absolute;
    inset-block-start: -40px;
    inset-inline-start: 0;
    width: 100%;
    height: 22px;
    background: url(/images3/about/wawe-line.svg) 0% 50%/100% 100% no-repeat;
    clip-path: none;
  }
}
.b-abt__blk:last-child {
  padding-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk:last-child .b-abt__blk-i::after {
    display: none;
  }
}
.b-abt__blk:last-child .b-abt__blk-i .b-abt__i:last-child {
  border-end-end-radius: var(--rd-8);
  border-end-start-radius: var(--rd-8);
}
.b-abt__blk:last-child .b-abt__blk-i .b-abt__i:last-child::after {
  display: none;
}
.b-abt__blk-i {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--bg-c);
  padding: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-abt__blk-i {
    padding: 24px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk-i {
    padding: 24px 12px;
  }
}
.b-abt__blk-i > h2 {
  --fz: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__blk-i > h2 {
    --fz: 20px;
    font-weight: 700;
  }
}
.b-abt__logo-sm {
  align-self: flex-end;
  display: inline-flex;
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-16);
  margin-block-end: 24px;
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__logo-sm {
    display: none;
  }
}
.b-abt__logo-sm img {
  width: 40px;
  height: 52px;
}
.b-abt__logo {
  max-width: 324px;
  width: 100%;
  display: flex;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .b-abt__logo {
    margin-block-end: 18px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-abt__logo {
    max-width: 250px;
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .b-abt__logo {
    max-width: 208px;
  }
}
.b-abt__logo img {
  width: 100%;
  height: auto;
}
.b-abt__img {
  display: flex;
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__img {
    margin-block-end: 6px;
  }
}
.b-abt__img img {
  width: 64px;
  height: 64px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__img img {
    width: 48px;
    height: 48px;
  }
}
.b-abt__i {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 549.98px) {
  .b-abt__i {
    background-color: var(--color-white);
    padding: 24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-abt__i {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-abt__i.clip-l-r,
  .b-abt__i.clip-r-l {
    margin-block-start: 24px;
  }
}
.b-abt__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 250px;
  height: 56px;
  border-radius: var(--rd-100);
  overflow: hidden;
  color: var(--color-white);
  margin-block-start: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__btn {
    min-width: 234px;
    height: 44px;
  }
}
.b-abt__btn::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--abtn-clr);
  z-index: -1;
  transition: all 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .b-abt__btn:hover {
    color: var(--color-white);
  }
  .b-abt__btn:hover::before {
    filter: brightness(0.9);
  }
}
.b-abt__btn:active {
  color: var(--color-white);
}
.b-abt__btn:active::before {
  filter: brightness(0.9);
}
.b-abt__usrs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(115px, auto));
  justify-content: center;
  text-align: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-block-start: 24px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__usrs {
    gap: 12px;
    justify-content: flex-start;
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
  }
}
.b-abt__usr {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-black);
}
.b-abt__usr > span:not(:last-child) {
  margin-block-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__usr > span {
    max-width: 100px;
  }
}
.b-abt__av {
  width: 100px;
  height: 100px;
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__av {
    width: 60px;
    height: 60px;
    margin-block-end: 6px;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-abt__av {
    position: relative;
    padding: 3px;
    border-radius: var(--rd-round);
    overflow: hidden;
  }
  .b-abt__av.b-g::before {
    background-color: var(--color-cyan-light-alt);
  }
  .b-abt__av.b-g::after {
    background-color: var(--color-orange-light-alt);
  }
  .b-abt__av.g-b::before {
    background-color: var(--color-orange-light-alt);
  }
  .b-abt__av.g-b::after {
    background-color: var(--color-cyan-light-alt);
  }
  .b-abt__av::before,
  .b-abt__av::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
  }
  .b-abt__av::before {
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .b-abt__av::after {
    width: 150px;
    height: 150px;
    clip-path: url(#clip-img);
    z-index: 2;
  }
}
.b-abt__av .l-av {
  width: 100%;
  height: 100%;
  z-index: 3;
}
@media only screen and (min-width: 549.98px) {
  .b-abt__av .l-av {
    --av-fz: 30px;
  }
}
.b-abt__roi {
  margin-block-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .b-abt__roi {
    --fz: 14px;
  }
  .b-abt__roi sup {
    --fz: 9px;
  }
}
.b-dtpc {
  min-width: 332px;
  text-align: start;
}
.b-dtpc > *:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 480.98px) {
  .b-dtpc {
    min-width: 312px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-dtpc {
    min-width: 272px;
  }
}
.b-dtpc__date {
  --fz: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.b-dtpc__date:not(:last-child) {
  margin-block-end: 16px;
}
.b-dtpc__date span {
  padding: 0px 24px;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .b-dtpc__date span:hover {
    color: var(--color-hover);
  }
}
.b-dtpc__date span:active {
  color: var(--color-hover);
}
.b-dtpc__date i {
  --icon-c: var(--color-black);
  cursor: pointer;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.b-dtpc__date i:last-child {
  rotate: 180deg;
}
.b-dtpc__date i._disabled {
  --icon-c: var(--color-grey);
  pointer-events: none;
  cursor: not-allowed;
}
.b-dtpc__mnths {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}
.b-dtpc__mnths:not(:last-child) {
  margin-block-end: 8px;
}
.b-dtpc__body {
  position: relative;
  display: grid;
  row-gap: 12px;
  margin: 0 -4px;
  overflow: hidden;
  z-index: 1;
}
.b-dtpc__body:not(.b-dtpc__body--day) {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.active:nth-child(4)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.active:nth-child(8)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-f:nth-child(4)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-f:nth-child(8)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-l:nth-child(4)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-l:nth-child(8)::before {
  border-radius: 0 var(--rd-16) var(--rd-16) 0;
}
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.active:nth-child(5)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.active:nth-child(9)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-f:nth-child(5)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-f:nth-child(9)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-l:nth-child(5)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-l:nth-child(9)::before {
  border-radius: var(--rd-16) 0 0 var(--rd-16);
}
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-f:nth-child(4)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-f:nth-child(8)::before {
  width: calc(50% - 4px);
}
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-l:nth-child(5)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.chck-l:nth-child(9)::before {
  width: calc(50% - 4px);
  inset-inline-start: 4px;
}
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(4)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(8)::before {
  width: calc(100% - 4px);
}
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(5)::before,
.b-dtpc__body:not(.b-dtpc__body--day) .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(9)::before {
  width: calc(100% - 4px);
  inset-inline-start: 4px;
}
.b-dtpc__body--day {
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(5, 1fr);
  row-gap: 8px;
  margin: 0 -2px;
}
.b-dtpc__body--day .b-dtpc__item {
  padding-block-end: calc(100% - 4px);
}
.b-dtpc__body--day .b-dtpc__item span {
  width: calc(100% - 4px);
  inset-inline-start: 2px;
}
.b-dtpc__body--day .b-dtpc__item.disabled.chck-f span,
.b-dtpc__body--day .b-dtpc__item.disabled.chck-l span {
  background-color: var(--color-darkgrey);
  color: var(--color-white);
}
.b-dtpc__body--day .b-dtpc__item.active:nth-child(7)::before,
.b-dtpc__body--day .b-dtpc__item.active:nth-child(14)::before,
.b-dtpc__body--day .b-dtpc__item.active:nth-child(21)::before,
.b-dtpc__body--day .b-dtpc__item.active:nth-child(28)::before,
.b-dtpc__body--day .b-dtpc__item.active:nth-child(35)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(7)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(14)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(21)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(28)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(35)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(7)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(14)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(21)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(28)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(35)::before {
  border-radius: 0 var(--rd-16) var(--rd-16) 0;
}
.b-dtpc__body--day .b-dtpc__item.active:nth-child(8)::before,
.b-dtpc__body--day .b-dtpc__item.active:nth-child(15)::before,
.b-dtpc__body--day .b-dtpc__item.active:nth-child(22)::before,
.b-dtpc__body--day .b-dtpc__item.active:nth-child(29)::before,
.b-dtpc__body--day .b-dtpc__item.active:nth-child(36)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(8)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(15)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(22)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(29)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(36)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(8)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(15)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(22)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(29)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(36)::before {
  border-radius: var(--rd-16) 0 0 var(--rd-16);
}
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(7)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(14)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(21)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(28)::before,
.b-dtpc__body--day .b-dtpc__item.chck-f:nth-child(35)::before {
  width: calc(50% - 2px);
}
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(8)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(15)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(22)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(29)::before,
.b-dtpc__body--day .b-dtpc__item.chck-l:nth-child(36)::before {
  width: calc(50% - 2px);
  inset-inline-start: 2px;
}
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(7)::before,
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(14)::before,
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(21)::before,
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(28)::before,
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(35)::before {
  width: calc(100% - 2px);
}
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(8)::before,
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(15)::before,
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(22)::before,
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(29)::before,
.b-dtpc__body--day .b-dtpc__item.active:not(.chck-f):not(.chck-l):nth-child(36)::before {
  width: calc(100% - 2px);
  inset-inline-start: 2px;
}
.b-dtpc__item {
  position: relative;
  padding-block-end: 44px;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .b-dtpc__item:not(.disabled):hover span {
    color: var(--color-hover);
  }
}
.b-dtpc__item:not(.disabled):active span {
  color: var(--color-hover);
}
.b-dtpc__item span {
  --lh: 1;
  pointer-events: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 8px);
  inset-inline-start: 4px;
  height: 100%;
  border-radius: var(--rd-100);
  transition: color 0.2s ease 0s;
  z-index: 3;
}
.b-dtpc__item.active::before,
.b-dtpc__item.chck-f::before,
.b-dtpc__item.chck-l::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-cyan-light-alt);
  z-index: -1;
}
.b-dtpc__item.selected span {
  background-color: var(--color-cyan-light-alt-40);
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .b-dtpc__item.selected:hover span {
    background-color: var(--color-cyan-light-alt-40);
    color: var(--color-hover);
  }
}
.b-dtpc__item.selected:active span {
  background-color: var(--color-cyan-light-alt-40);
  color: var(--color-hover);
}
.b-dtpc__item.chck-f span,
.b-dtpc__item.chck-l span {
  background-color: var(--color-blue);
  color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .b-dtpc__item.chck-f:hover span,
  .b-dtpc__item.chck-l:hover span {
    background-color: var(--color-blue);
    color: var(--color-white);
  }
}
.b-dtpc__item.chck-f:active span,
.b-dtpc__item.chck-l:active span {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.b-dtpc__item.chck-f.today span::before,
.b-dtpc__item.chck-l.today span::before {
  background: var(--color-white);
}
.b-dtpc__item.chck-f::before,
.b-dtpc__item.chck-f.active::before {
  inset-inline-start: 50%;
  width: 50%;
}
.b-dtpc__item.chck-f.chck-l::before,
.b-dtpc__item.chck-f.active.chck-l::before {
  display: none;
}
.b-dtpc__item.chck-l::before,
.b-dtpc__item.chck-l.active::before {
  inset-inline-start: 0;
  width: 50%;
}
.b-dtpc__item.disabled {
  cursor: no-drop;
}
.b-dtpc__item.disabled span {
  color: var(--color-darkgrey);
}
.b-dtpc__item.today span::before {
  content: "";
  position: absolute;
  inset-block-end: 20%;
  inset-inline-start: 50%;
  height: 3px;
  width: 35%;
  transform: translate(-50%, 0);
  border-radius: var(--rd-16);
  background: var(--gradient-pink-orange);
}
.b-dtpc .l-btn {
  --icon-c: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-dtpc .l-btn svg {
  margin-inline-end: 8px;
  margin-inline-start: 0;
}
.b-dtpc .l-btn:disabled svg {
  display: none;
}
.b-dtpc__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 200px;
}
.b-dtpc__time {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "a b" "c c";
  gap: 16px;
  margin-inline-start: -12px;
  margin-inline-end: -12px;
  padding: 16px 12px 0;
  width: calc(100% + 24px);
  max-width: 356px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .b-dtpc__time {
    gap: 12px;
    padding: 12px 12px 0;
  }
}
.b-dtpc__time:not(:has(.b-dtpc__time-inp)) {
  grid-template-columns: 1fr;
  grid-template-areas: "c";
}
.b-dtpc__time .l-btn {
  --fz: 16px;
  border-radius: var(--rd-12);
  padding: 0 12px;
  height: 44px;
  width: 100%;
}
.b-dtpc__time .l-btn.l-btn--g {
  grid-area: b;
}
.b-dtpc__time .l-btn:not(.l-btn--g) {
  grid-area: c;
}
.b-dtpc__time-inp {
  grid-area: a;
  display: flex;
  align-items: center;
  gap: 8px;
}
.b-dtpc__time-inp .l-inpt__form {
  flex: 1 1 50%;
}
.b-dtpc__time-inp .l-inpt__form input {
  text-align: center;
}
.b-lnpt__cnt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 1439.98px) {
  .b-lnpt__cnt:not(.b-lnpt__cnt--one) {
    gap: 24px;
  }
}
@media only screen and (max-width: 1439.98px) {
  .b-lnpt__cnt:not(.b-lnpt__cnt--one) {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 549.98px) {
  .b-lnpt__cnt:not(.b-lnpt__cnt--one) .l-crd {
    padding: 16px;
  }
}
.b-lnpt__cnt--one {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .b-lnpt__cnt--one .l-crd {
    padding: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lnpt__clmn .l-crd {
    padding: 16px 12px;
  }
}
.b-lnpt__clmn .l-crd .l-ttl--h i.icon-arrow {
  margin-inline-start: auto;
}
.b-lnpt__body {
  display: none;
  gap: 12px;
}
.b-lnpt__body-1 {
  grid-template-columns: 1fr;
}
.b-lnpt__body-2 {
  grid-template-columns: repeat(2, 1fr);
}
.b-lnpt__body-2 .b-lnpt__lbl,
.b-lnpt__body-2 .b-lnpt__txt--c {
  grid-column-start: 1;
  grid-column-end: 3;
}
.b-lnpt__body-3 {
  grid-template-columns: repeat(3, 1fr);
}
.b-lnpt__body-3 .b-lnpt__lbl,
.b-lnpt__body-3 .b-lnpt__txt--c {
  grid-column-start: 1;
  grid-column-end: 4;
}
.b-lnpt__body-4 {
  grid-template-columns: auto repeat(3, 1fr);
}
.b-lnpt__body-4 .b-lnpt__lbl,
.b-lnpt__body-4 .b-lnpt__txt--c {
  grid-column-start: 1;
  grid-column-end: 5;
}
.b-lnpt__txt {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-lnpt__txt--c {
  text-align: center;
}
.b-lnpt__item {
  position: relative;
  min-height: 44px;
  border-radius: var(--rd-12);
  overflow: hidden;
  z-index: 1;
}
.b-lnpt__item * {
  pointer-events: none;
}
@media only screen and (max-width: 549.98px) {
  .b-lnpt__item {
    min-height: 78px;
  }
}
.b-lnpt__item::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-pink-orange);
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: -1;
}
.b-lnpt__item.odds2-link {
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .b-lnpt__item.odds2-link:hover::before {
    opacity: 1;
  }
  .b-lnpt__item.odds2-link:hover .b-lnpt__item-i {
    border-color: transparent;
  }
}
.b-lnpt__item.odds2-link:active::before {
  opacity: 1;
}
.b-lnpt__item.odds2-link:active .b-lnpt__item-i {
  border-color: transparent;
}
.b-lnpt__item.odds2-link.active .b-lnpt__item-i span.grey {
  color: var(--color-white) !important;
}
.b-lnpt__item.odds2-link.active .b-lnpt__item-i span.grey::before {
  opacity: 1;
}
.b-lnpt__item-i {
  position: relative;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--color-addgrey);
  height: 100%;
  background-color: var(--color-white);
  transition: border-color 0.2s ease;
  background-clip: content-box;
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .b-lnpt__item-i {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 8px 8px;
  }
}
.b-lnpt__item-i span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 11px;
  height: 100%;
}
@media only screen and (max-width: 767.98px) {
  .b-lnpt__item-i span {
    padding: 5px 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-lnpt__item-i span:not(.grey) {
    text-align: center;
    padding: 0;
    margin-block-end: 4px;
  }
}
.b-lnpt__item-i span.grey {
  transition: color 0.2s ease;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .b-lnpt__item-i span.grey {
    padding: 5px 12px;
  }
}
@media only screen and (max-width: 359.98px) {
  .b-lnpt__item-i span.grey {
    padding: 3px 6px;
  }
}
.b-lnpt__item-i span.grey::before {
  content: "";
  position: absolute;
  inset-block-start: -1px;
  inset-inline-start: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-12);
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: -1;
}
@media only screen and (max-width: 549.98px) {
  .b-lnpt__item-i span.grey::before {
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
  }
}
.b-lnpt__lbl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-16);
  color: var(--color-darkgrey);
}
.b-slbl.not-cur .b-slbl__cnt > .icon-close,
.b-slbl.not-cur .b-slbl__cnt > .icon-arrow-slide {
  opacity: 0;
}
.b-slbl__bg {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100dvw;
  height: 100dvh;
  background-color: var(--color-bg-dark-90);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 100002;
}
.b-slbl__bg.open {
  opacity: 1;
}
.b-slbl__cnt {
  position: fixed;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100vw;
  translate: 0 100%;
  padding: 12px;
  background-color: var(--color-white);
  border-radius: var(--rd-16) var(--rd-16) 0 0;
  transition: translate 0.4s ease, opacity 0.2s ease;
  z-index: 100003;
}
@media only screen and (min-width: 767.98px) {
  .b-slbl__cnt {
    inset-inline-start: 50%;
    translate: -50% 100%;
    max-width: 540px;
    border-radius: var(--rd-20);
    padding: 24px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .b-slbl__cnt {
    padding: 18px;
  }
}
.b-slbl__cnt > .icon-arrow-slide {
  --icon-w: 24px;
  position: absolute;
  inset-block-start: -32px;
  inset-inline-start: 0;
  width: 100%;
  height: 32px;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
@media only screen and (min-width: 767.98px) {
  .b-slbl__cnt > .icon-arrow-slide {
    display: none;
  }
}
.b-slbl__cnt > .icon-close {
  --icon-w: 12px;
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: -48px;
  width: 32px;
  height: 32px;
  border-radius: var(--rd-round);
  background-color: var(--color-white-60);
  transition: background-color 0.2s ease, opacity 0.4s ease;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .b-slbl__cnt > .icon-close:hover {
    background-color: var(--color-white-50);
  }
}
.b-slbl__cnt > .icon-close:active {
  background-color: var(--color-white-50);
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt > .icon-close {
    display: none;
  }
}
.b-slbl__cnt .b-mdl__ttl2 {
  opacity: 0;
  pointer-events: none;
}
.b-slbl__cnt .b-mdl__close.icon-close {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .b-slbl__cnt.open {
    translate: -50% -40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt.open {
    translate: 0 0;
  }
}
.b-slbl__cnt.open > .icon-arrow-slide {
  transition: opacity 0.4s ease 0.4s;
  opacity: 1;
}
.b-slbl__cnt.pd-t {
  padding: 12px 0 0;
}
.b-slbl__cnt:has(.l-tltp),
.b-slbl__cnt.pd-0 {
  padding: 0;
}
.b-slbl__cnt.pd-b {
  padding-block-end: 32px;
}
.b-slbl__cnt.pd-8 {
  padding: 0;
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt.pd-8 {
    padding-block-end: 8px;
  }
}
.b-slbl__cnt:has(.b-mdl__tips-info) {
  max-width: 640px;
}
@media only screen and (min-width: 767.98px) {
  .b-slbl__cnt:has(.b-mdl__prvw) {
    max-width: 640px;
  }
}
.b-slbl__cnt > *:nth-child(3) {
  border-radius: inherit;
}
@media only screen and (min-width: 767.98px) {
  .page:has(.modal .b-mdl__mtch-view) .b-slbl .b-slbl__cnt.open,
  .page:has(.modal .b-mdl__mttp) .b-slbl .b-slbl__cnt.open {
    translate: -50% -24px;
  }
}
@media only screen and (min-width: 767.98px) {
  .page:has(.modal .b-mdl__tips-info) .b-slbl .b-slbl__cnt,
  .page:has(.modal .b-mdl__mtch-view) .b-slbl .b-slbl__cnt,
  .page:has(.modal .b-mdl__mttp) .b-slbl .b-slbl__cnt {
    max-width: 640px;
  }
}
.b-slbl__cnt .b-mdl__trnm.b-mdl__trnm--ln .b-mdl__ttl2,
.b-slbl__cnt .b-mdl__time .b-mdl__ttl2,
.b-slbl__cnt .b-mdl__adrb .b-mdl__ttl2,
.b-slbl__cnt .b-mdl__bk-qrapp .b-mdl__ttl2,
.b-slbl__cnt .b-mdl__video .b-mdl__ttl2,
.b-slbl__cnt .b-mdl__login .b-mdl__ttl2,
.b-slbl__cnt .b-mdl__cmplnt .b-mdl__ttl2 {
  opacity: 1;
  pointer-events: auto;
}
.b-slbl__cnt .l-slct._sub-list {
  overflow: hidden;
  margin: 0 -12px;
  padding: 0 12px;
}
.b-slbl__cnt .l-bkic__cnt.l-bkic__cnt--trbk {
  width: 100%;
  padding: 0;
  max-height: 80dvh;
  padding-block-end: 8px;
}
.b-slbl__cnt .l-bkic__cnt.l-bkic__cnt--trbk .l-ttl {
  --fz: 16px;
  margin-block-end: 12px;
}
.b-slbl__cnt .l-bkic__cnt.l-bkic__cnt--trbk .l-bkic__row {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100dvh - 252px);
}
.b-slbl__cnt .b-mdl__trnm.b-mdl__trnm--ln .b-mdl__chks {
  height: calc(var(--chks-height) + 20px);
}
.b-slbl__cnt .b-mdl__trnm.b-mdl__trnm--ln.bk-modal .b-mdl__ttl2 {
  display: none;
}
.b-slbl__cnt.mtch-view {
  border-radius: var(--rd-24);
  padding: 0;
}
@media only screen and (min-width: 767.98px) {
  .b-slbl__cnt.mtch-view {
    max-width: 640px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt.mtch-view {
    border-radius: var(--rd-24) var(--rd-24) 0 0;
  }
}
.b-slbl__cnt.mtch-view .b-mdl__ttl2 {
  display: none;
}
.b-slbl__cnt.mtch-view .b-mdl__mtch-view-scr {
  height: calc(100dvh - 60px);
  max-height: calc(100dvh - 60px);
}
.b-slbl__cnt.cmnts-slbl {
  padding: 0;
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in {
  padding: 0;
  background: initial;
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in > .l-ttl {
  position: relative;
  padding-block-start: 16px;
  margin: 0;
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in > .l-ttl::before {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  height: 12px;
  background:
    linear-gradient(
      0deg,
      transparent 0%,
      var(--color-white) 70%);
  z-index: 2;
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in > .l-ttl > .sk__line {
  height: 22px;
  width: 150px;
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-cmnt__slide-cnt {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100dvh - 185px);
  height: 100dvh;
  padding: 0;
  transition: height 0.4s ease;
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-cmnt__slide-cnt > .b-ch__item:first-child {
  padding-block-start: 32px;
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-cmnt__slide-cnt > .b-ch__item:first-child {
    padding-block-start: 28px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-cmnt__slide-cnt > .b-ch__item:first-child {
    padding-block-start: 24px;
  }
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-cmnt__slide-cnt .l-pgn {
  margin: 0;
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-cmnt__slide-cnt.uploading {
  max-height: calc(100dvh - 249px);
}
@media only screen and (max-width: 480.98px) {
  .b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-cmnt__slide-cnt.uploading {
    max-height: calc(100dvh - 237px);
  }
}
.b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-ch__form {
  padding: 12px;
  box-shadow: var(--shadow-grey);
  background-color: var(--color-white);
  border-radius: var(--rd-16) var(--rd-16) 0 0;
}
@media only screen and (min-width: 767.98px) {
  .b-slbl__cnt.cmnts-slbl .b-cmnt__in .b-ch__form {
    border-radius: var(--rd-20);
  }
}
.b-slbl__cnt.cmnts-slbl:not(.cmnts-view) .b-cmnt__in:not(.items) > .l-ttl {
  display: none;
}
.b-slbl__cnt.cmnts-slbl:not(.cmnts-view) .b-cmnt__in:not(.items) .b-cmnt__slide-cnt {
  height: 0;
}
.b-slbl__cnt.cmnts-slbl:not(.cmnts-view) .b-cmnt__in:not(.items) .b-cmnt__slide-cnt > * {
  display: none;
}
.b-slbl__cnt .b-mdl__time {
  overflow: initial;
}
.b-slbl__cnt .b-mdl__time > .b-mdl__ftr {
  margin-block-end: -12px;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
.b-slbl__cnt .b-mdl__rtkp-bsau .b-rtkp__bsau-cnt {
  max-height: calc(100dvh - 161px);
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__rtkp-bsau .b-rtkp__bsau-cnt {
    max-height: calc(100dvh - 151px);
  }
}
.b-slbl__cnt .b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt {
  max-height: calc(100dvh - 227px);
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__rtkp-bsau .b-rtkp__bsau-inf ~ .b-rtkp__bsau-cnt {
    max-height: calc(100dvh - 200px);
  }
}
.b-slbl__cnt .b-mdl__odds {
  border-radius: inherit;
}
.b-slbl__cnt .b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt {
  height: calc(100dvh - 152px);
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt {
    height: calc(100dvh - 116px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt {
    height: calc(100dvh - 112px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-slbl__cnt .b-mdl__odds .b-mdl__odds-i > .b-mdl__odds-cnt {
    height: calc(100dvh - 108px);
  }
}
.b-slbl__cnt .b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt {
  height: calc(100dvh - 135px);
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt {
    height: calc(100dvh - 127px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__odds .b-mdl__odds-tips > .b-mdl__odds-cnt {
    height: calc(100dvh - 108px);
  }
}
.b-slbl__cnt .b-mdl__video .b-mdl__vid-i {
  max-height: calc(100dvh - 100px);
}
.b-slbl__cnt .b-mdl__grade {
  max-width: 640px;
  overflow: hidden;
  border-radius: var(--rd-16) var(--rd-16) 0 0;
}
.b-slbl__cnt .b-mdl__grade .b-mdl__ttl2 {
  margin: 0;
}
.b-slbl__cnt .b-mdl__grade .b-mdl__grade-inr {
  max-height: calc(100dvh - 50px);
}
.b-slbl__cnt .b-dtpc .b-dtpc__time {
  max-width: 100dvw;
}
.b-slbl__cnt .b-mdl__mttn .b-mdl__ttl2:not(:last-child) {
  margin-block-end: 0;
}
.b-slbl__cnt .b-mdl__mttn .b-mdl__mttn-cnt {
  max-height: calc(100dvh - 117px);
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__mttn .b-mdl__mttn-cnt {
    max-height: calc(100dvh - 103px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-slbl__cnt .b-mdl__mttn .b-mdl__mttn-cnt {
    max-height: calc(100dvh - 100px);
  }
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__mttn .b-mtch__strm-hdr:has(.b-mtch__strm-top) {
    border-radius: var(--rd-16) var(--rd-16) 0 0;
  }
}
.b-slbl__cnt .b-mdl__mttn .b-mtch__strm-hdr:has(.b-mtch__strm-top) ~ .b-mdl__mttn-cnt {
  max-height: calc(100dvh - 209px);
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__mttn .b-mtch__strm-hdr:has(.b-mtch__strm-top) ~ .b-mdl__mttn-cnt {
    max-height: calc(100dvh - 177px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-slbl__cnt .b-mdl__mttn .b-mtch__strm-hdr:has(.b-mtch__strm-top) ~ .b-mdl__mttn-cnt {
    max-height: calc(100dvh - 174px);
  }
}
.b-slbl__cnt .b-blog__head.b-blog__head--full-rm.clr-5::before {
  border: none;
}
.b-slbl__cnt .b-blog__head.b-blog__head--full-rm.clr-5 .l-btn {
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__mtch-trns {
    padding-block-end: 12px;
  }
  .b-slbl__cnt .b-mdl__mtch-trns::after {
    inset-block-end: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__mtch-trns .b-mdl__mtch-trns-i {
    max-height: calc(100dvh - 60px);
  }
}
@media only screen and (min-width: 767.98px) {
  .b-slbl__cnt .b-mdl__mtch-trns .b-mdl__mtch-trns-i {
    max-height: calc(90dvh - 40px);
  }
}
.b-slbl__cnt .b-mdl__prc {
  overflow: hidden;
  border-radius: var(--rd-16) var(--rd-16) 0 0;
}
.b-slbl__cnt .b-mdl__prc .b-mdl__prc-inr {
  max-height: calc(100dvh - 70px);
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__prc .b-mdl__prc-body {
    padding-block-end: 32px;
  }
}
.b-slbl__cnt .b-lolt__exch-mdl .b-lolt__exch-frm,
.b-slbl__cnt .b-lolt__exch-mdl .b-lolt__exch-list {
  height: 100dvh;
  max-height: calc(100dvh - 165px - 70px);
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-lolt__exch-mdl .b-lolt__exch-frm,
  .b-slbl__cnt .b-lolt__exch-mdl .b-lolt__exch-list {
    max-height: calc(100dvh - 149px - 70px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-lolt__exch-mdl .b-lolt__exch-frm,
  .b-slbl__cnt .b-lolt__exch-mdl .b-lolt__exch-list {
    max-height: calc(100dvh - 133px - 70px);
  }
}
@media only screen and (max-width: 480.98px) {
  .b-slbl__cnt .b-lolt__exch-mdl .b-lolt__exch-frm,
  .b-slbl__cnt .b-lolt__exch-mdl .b-lolt__exch-list {
    max-height: calc(100dvh - 130px - 70px);
  }
}
.b-slbl__cnt .b-prmn__ppvr {
  width: 100%;
  padding: 0;
}
.b-slbl__cnt .b-ch__list.b-ch__list--srch._grade {
  padding-block: 20px 20px;
  padding-inline: 20px 8px;
}
.b-slbl__cnt .b-art__cntt.py8t {
  padding: 0;
  border-radius: inherit;
}
.b-slbl__cnt .b-art__cntt.py8t .l-mtvw__block.sub.open {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  max-height: calc(100dvh - 70px);
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
  border-radius: inherit;
  gap: 16px;
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-art__cntt.py8t .l-mtvw__block.sub.open {
    padding-block: 20px 20px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-art__cntt.py8t .l-mtvw__block.sub.open {
    padding-block: 16px 16px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
    gap: 12px;
  }
}
.b-slbl__cnt .b-art__cntt.py8t .l-mtvw__block.sub.open::-webkit-scrollbar {
  display: block;
}
.b-slbl__cnt .b-art__cntt.py8t .l-mtvw__block.sub.open::-webkit-scrollbar-button {
  display: block;
  height: 5px;
}
.b-slbl__cnt .b-art__cntt.py8t .l-mtvw__block.sub.open .l-tpmt__card {
  overflow: initial;
}
.b-slbl__cnt .b-mdl__prvw {
  padding: 0;
  border-radius: inherit;
}
.b-slbl__cnt .b-mdl__prvw .b-mdl__prvw-list,
.b-slbl__cnt .b-mdl__prvw .b-mdl__prvw-itm-i {
  max-height: calc(100dvh - 70px);
}
.b-slbl__cnt .b-mdl__tips-info {
  border-radius: inherit;
}
.b-slbl__cnt .b-mdl__tips-info .b-mdl__tips-info-i {
  max-height: calc(100dvh - 70px);
}
.b-slbl__cnt .b-mdl__trtb {
  padding: 20px 24px 0;
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__trtb {
    padding: 16px 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__trtb {
    padding: 12px 12px 0;
  }
  .b-slbl__cnt .b-mdl__trtb:has(.b-mtch__fltr.tbl--addt) .l-crd.l-mttb__table {
    max-height: calc(90dvh - 153px);
  }
}
@media only screen and (min-width: 549.98px) {
  .b-slbl__cnt .b-mdl__trtb .l-mttb {
    border-radius: 0 0 var(--rd-20) var(--rd-20);
  }
}
.b-slbl__cnt .b-mdl__trtb .l-crd.l-mttb__table {
  max-height: calc(90dvh - 87px);
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__trtb .l-crd.l-mttb__table {
    max-height: calc(100dvh - 113px);
    padding-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__trtb .l-crd.l-mttb__table {
    max-height: calc(100dvh - 109px);
  }
}
.b-slbl__cnt .b-mdl__prvw.o8u7:not(:has(.b-mdl__prvw-itm)) .b-art__cntt {
  max-height: calc(100dvh - 70px);
}
.b-slbl__cnt .b-mdl__prvw.o8u7 .b-mdl__prvw-itm.open {
  position: static;
  translate: 0 0;
}
.b-slbl__cnt .b-mdl__tpcn .b-mdl__ttl2 {
  opacity: 1;
  pointer-events: auto;
}
.b-slbl__cnt .b-mdl__tpcn .b-mdl__tpcn-i {
  max-height: calc(100dvh - 70px);
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__tpcn .b-mdl__tpcn-i {
    padding-block: 18px 20px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__tpcn .b-mdl__tpcn-i {
    padding-block: 12px 16px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__cnts {
    padding-block-end: 16px;
  }
}
.b-slbl__cnt .b-mdl__cnts .b-mdl__cnts-vrts {
  max-height: calc(100dvh - 267px);
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__cnts .b-mdl__cnts-vrts {
    padding-block: 12px 16px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__cnts {
    padding-block-end: 16px;
  }
}
.b-slbl__cnt .b-mdl__cnts .b-mdl__cnts-vrts {
  max-height: calc(100dvh - 267px);
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__cnts .b-mdl__cnts-vrts {
    max-height: calc(100dvh - 261px);
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__cnts {
    padding-block-end: 16px;
  }
}
.b-slbl__cnt .b-mdl__cnts .b-mdl__cnts-vrts {
  max-height: calc(100dvh - 267px);
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__cnts .b-mdl__cnts-vrts {
    max-height: calc(100dvh - 261px);
  }
}
.b-slbl__cnt .l-tltp {
  max-height: calc(100dvh - 70px);
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .l-tltp {
    padding-block-end: 12px;
  }
  .b-slbl__cnt .l-tltp._pb8 {
    padding-block-end: 16px;
  }
  .b-slbl__cnt .l-tltp._pb10 {
    padding-block-end: 14px;
  }
}
.b-slbl__cnt .b-mdl__prrg .b-mdl__prrg-i {
  max-height: calc(100dvh - 70px);
  padding-block: 24px 24px;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__prrg .b-mdl__prrg-i {
    padding-block: 18px 20px;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 480.98px) {
  .b-slbl__cnt .b-mdl__prrg .b-mdl__prrg-i {
    padding-block: 12px 20px;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.b-slbl__cnt .b-mdl__login {
  max-height: calc(100dvh - 70px);
  padding-block: 16px 16px;
  padding-inline: 16px calc(16px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .b-slbl__cnt .b-mdl__login {
    padding-block: 16px 16px;
    padding-inline: 32px calc(16px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .b-slbl__cnt .b-mdl__login {
    padding-block: 12px 12px;
    padding-inline: 32px calc(12px - var(--sb-reserved));
  }
}
.l-fltr {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-fltr {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-fltr {
    gap: 8px;
  }
}
.l-fltr.dotted .l-fltr__item {
  border-style: dotted;
}
.l-fltr.loading .l-fltr__item {
  opacity: 0.3;
  filter: grayscale(1);
  cursor: no-drop;
}
.l-fltr:has(.l-slct.l-fltr__item--wbft._base) {
  gap: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-fltr:has(.l-slct.l-fltr__item--wbft._base) {
    gap: 16px;
  }
}
.l-fltr:has(.l-slct.l-fltr__item--wbft._base) ._base:has(+ .tips-hdr-sort) {
  margin-inline-end: auto;
}
.l-fltr__item {
  cursor: pointer;
}
.l-fltr__item span {
  color: var(--color-darkgrey);
  margin-inline-start: 4px;
}
.l-fltr__item:not(.l-fltr__item--wbft) {
  --fz: 14px;
  border: 1px solid var(--color-black);
  border-radius: var(--rd-100);
  padding: 11px 20px;
  display: flex;
  height: 44px;
  transition: initial;
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .l-fltr__item:not(.l-fltr__item--wbft):not(.active):hover {
    transition: all 0.2s ease;
    border-color: var(--color-hover);
    color: var(--color-hover);
  }
}
.l-fltr__item:not(.l-fltr__item--wbft):not(.active):active {
  transition: all 0.2s ease;
  border-color: var(--color-hover);
  color: var(--color-hover);
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item:not(.l-fltr__item--wbft) {
    padding: 8px 11px;
    height: 36px;
  }
}
.l-fltr__item:not(.l-fltr__item--wbft).active {
  background: var(--gradient-pink-orange);
  color: var(--color-white);
  border-color: transparent;
}
.l-fltr__item:not(.l-fltr__item--wbft).active span {
  opacity: 0.6;
  color: var(--color-white);
}
.l-fltr__item:not(.l-fltr__item--wbft):active {
  color: initial;
}
.l-fltr__item--bdgr {
  --fz: 16px;
  --lh: 1;
  display: flex;
  align-items: center;
  border-radius: var(--rd-16);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey2);
  padding: 10px 20px;
  height: 44px;
  color: var(--color-black);
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item--bdgr {
    --fz: 14px;
    border-radius: var(--rd-12);
    height: 32px;
    padding: 5px 11px;
  }
}
.l-fltr__item--bdgr > span {
  color: var(--color-darkgrey);
  margin-inline-start: 4px;
  text-align: center;
  min-width: 18.3px;
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item--bdgr > span {
    min-width: 16px;
  }
}
.l-fltr__item--bdgr.active {
  color: var(--color-hover);
  border-color: var(--color-pink);
}
.l-fltr__item--wbft.l-swch,
.l-fltr__item--wbft.l-fltr__item {
  --fz: 16px;
  --lh: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--rd-16);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey2);
  padding: 10px 16px;
  height: 44px;
  color: var(--color-black);
  white-space: nowrap;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item--wbft.l-swch,
  .l-fltr__item--wbft.l-fltr__item {
    --fz: 14px;
    border-radius: var(--rd-12);
    height: 32px;
    padding: 5px 11px;
    gap: 6px;
  }
}
.l-fltr__item--wbft.l-swch > .wrd-ell,
.l-fltr__item--wbft.l-fltr__item > .wrd-ell {
  --lh: 1.362;
}
.l-fltr__item--wbft.l-swch .icon-sort-arrows,
.l-fltr__item--wbft.l-fltr__item .icon-sort-arrows {
  margin-inline-end: 8px;
}
.l-fltr__item--wbft.l-swch._base,
.l-fltr__item--wbft.l-fltr__item._base {
  height: 24px;
  background-color: initial;
  border: initial;
  padding: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item--wbft.l-swch._base,
  .l-fltr__item--wbft.l-fltr__item._base {
    height: 22px;
  }
}
.l-fltr__item--wbft.l-swch._grey,
.l-fltr__item--wbft.l-fltr__item._grey {
  background-color: var(--color-lightgrey);
  border: none;
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item--wbft.l-swch._grey,
  .l-fltr__item--wbft.l-fltr__item._grey {
    padding: 6px 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item--wbft.l-swch .l-swch__lbl {
    --fz: 14px;
  }
}
.l-fltr__item--wbft.l-fltr__item {
  justify-content: center;
}
@media only screen and (min-width: 767.98px) {
  .l-fltr__item--wbft.l-fltr__item:hover {
    background-color: var(--color-lightgrey-alt);
  }
}
.l-fltr__item--wbft.l-fltr__item:active {
  background-color: var(--color-lightgrey-alt);
}
.l-fltr__item--wbft.l-fltr__item.active {
  color: var(--color-hover);
}
.l-fltr__item--wbft.l-fltr__item {
  position: relative;
  background-clip: padding-box;
}
.l-fltr__item--wbft.l-fltr__item::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  background: var(--gradient-pink-orange);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: -1;
  margin: -1px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item--wbft.l-fltr__item::before {
    border-radius: var(--rd-12);
  }
}
.l-fltr__item--wbft.l-fltr__item.lv > span {
  text-align: center;
  min-width: 18.3px;
}
@media only screen and (max-width: 549.98px) {
  .l-fltr__item--wbft.l-fltr__item.lv > span {
    min-width: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-fltr__item--wbft.l-fltr__item.lv {
    min-width: 94px;
  }
}
.l-fltr__item--wbft.l-fltr__item.active {
  border-color: transparent;
}
.l-fltr__item--wbft.l-fltr__item.active::before {
  opacity: 1;
}
.l-brgr {
  position: relative;
  display: none;
  cursor: pointer;
}
@media only screen and (max-width: 767.98px) {
  .l-brgr {
    display: flex;
    margin-inline-end: 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-brgr {
    margin-inline-end: 12px;
  }
}
.l-brgr__ftr.l-cat__row {
  --color-link: var(--color-darkgrey);
  padding: 0 12px;
  margin-block-start: 40px;
  row-gap: 8px;
  column-gap: 12px;
}
.l-brgr__ftr.l-cat__row:not(:last-child) {
  margin-block-end: 0;
}
@media only screen and (min-width: 767.98px) {
  .l-brgr__ftr.l-cat__row {
    display: none;
  }
}
.l-brgr__ftr.l-cat__row > span:not(:last-child) {
  padding-inline-end: 16px;
}
.l-brgr__ftr.l-cat__row a {
  --fz: 14px;
}
.l-brgr__bnrs {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.l-brgr__bnrs:empty {
  display: none;
}
.l-brgr__bnrs::before {
  content: "";
  position: absolute;
  inset-block-start: -20px;
  inset-inline-start: 0;
  width: 100%;
  height: 20px;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--color-white) calc(100% - 4px));
}
.l-brgr__bnr {
  position: relative;
  display: flex;
  align-items: center;
  height: 74px;
  width: 100%;
  background-color: var(--bk-app-color);
}
.l-brgr__bnr > picture:first-child {
  position: relative;
  display: flex;
  border-radius: var(--rd-round);
  border: 4px solid var(--color-white);
  box-shadow: inset 0 0 0 1px var(--color-white);
  overflow: hidden;
  height: 78px;
  width: 78px;
  flex: 0 0 78px;
  margin-inline-start: -32px;
  z-index: 1;
}
.l-brgr__bnr > picture:first-child img {
  width: 100%;
  height: 100%;
}
.l-brgr__bnr > picture:last-child {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.l-brgr__bnr > picture:last-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 50%;
}
.l-brgr__bnr-b {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-block: 8px 12px;
  padding-inline: 8px 12px;
  color: var(--color-white);
  width: 100%;
  z-index: 1;
}
.l-brgr__bnr-b > span.wrd-ell {
  --fz: 12px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.l-brgr__bnr-b > b > span {
  background:
    linear-gradient(
      90deg,
      var(--color-cyan-alt6) -0.17%,
      var(--color-purple-alt2) 101.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.l-brgr__bnr-m {
  --fz: 8px;
  --lh: 1.375;
  position: absolute;
  inset-block-end: 2px;
  inset-inline-end: 4px;
  color: var(--color-white-50);
  z-index: 1;
}
@media only screen and (min-width: 480.98px) {
  .l-brgr__bnmb {
    display: none;
  }
}
.l-brgr__bnmb > a {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 70px;
  width: 100dvw;
  background-color: var(--bk-app-color);
  padding-block: 10px 12px;
  padding-inline: 12px 12px;
  gap: 2px;
  color: var(--color-white);
  z-index: 1;
}
.l-brgr__bnmb > a b {
  --fz: 18px;
}
.l-brgr__bnmb > a span {
  --fz: 14px;
  color: var(--color-cyan-light);
}
.l-brgr__bnmb > a picture {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
  z-index: -1;
}
.l-brgr__bnmb > a picture img {
  width: auto;
  height: 70px;
}
.l-av {
  --av-wh: 28px;
  --av-fz: 14px;
  position: relative;
  display: block;
  width: var(--av-wh);
  height: var(--av-wh);
  flex: 0 0 var(--av-wh);
  border-radius: var(--rd-round);
  z-index: 1;
  background: var(--color-white);
}
.l-av > span {
  position: absolute;
  inset-block-start: -2px;
  inset-inline-end: -2px;
  width: 16px;
  height: 16px;
  background: var(--gradient-pink-orange);
  border: 2px solid var(--color-white);
  border-radius: var(--rd-round);
  z-index: 5;
}
@media only screen and (max-width: 549.98px) {
  .l-av > span {
    width: 12px;
    height: 12px;
  }
}
.l-av::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-round);
  box-shadow: inset 0px 0px 0px 1px var(--color-bg-dark-10);
  z-index: 4;
}
.l-av > .l-badge {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  box-shadow: 0 0 0 1px var(--color-white);
  z-index: 5;
}
.l-av._wh16 {
  --av-wh: 16px;
  --av-fz: 8px;
}
.l-av._wh32 {
  --av-wh: 32px;
  --av-fz: 15px;
}
.l-av.blck > span {
  background: var(--color-black);
}
.l-av__img:not(picture),
.l-av__img img,
.l-av img {
  border-radius: var(--rd-round);
  overflow: hidden;
  display: block;
}
.l-av__img:not(picture),
.l-av__img img,
.l-av img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  background-color: var(--color-white);
  z-index: 3;
}
picture.l-av__img,
picture.l-av,
.l-av picture {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-radius: var(--rd-round);
}
picture.l-av__img::before,
picture.l-av__img::after,
picture.l-av::before,
picture.l-av::after,
.l-av picture::before,
.l-av picture::after {
  content: "";
  position: absolute;
  display: block;
  inset-inline-start: 0;
  width: 100%;
  height: 50%;
  opacity: 0.25;
  overflow: hidden;
  filter: blur(6px);
}
picture.l-av__img::before,
picture.l-av::before,
.l-av picture::before {
  inset-block-start: 0;
  background: var(--color-orange-soft-alt);
  background:
    linear-gradient(
      68deg,
      var(--color-purple-alt) 0%,
      var(--color-indigo-light) 50%,
      var(--color-blue-light-alt) 100%);
}
picture.l-av__img::after,
picture.l-av::after,
.l-av picture::after {
  inset-block-start: 50%;
  background: var(--color-purple-alt);
  background:
    linear-gradient(
      22deg,
      var(--color-orange-soft-alt) 0%,
      var(--color-indigo-light) 49%,
      var(--color-cyan-soft) 100%);
}
picture.l-av__img span:not(.black),
picture.l-av span:not(.black),
.l-av picture span:not(.black) {
  --fz: var(--av-fz);
  --lh: 1;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  text-transform: uppercase;
  color: var(--color-black);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.l-drpdwn {
  display: block;
  position: absolute;
  inset-block-start: 64px;
  inset-inline-start: 0;
  background-color: var(--color-white);
  white-space: nowrap;
  text-align: start;
  cursor: default;
  z-index: 10;
}
@media only screen and (min-width: 767.98px) {
  .l-drpdwn {
    border-radius: 0 0 var(--rd-16) var(--rd-16);
    box-shadow: var(--shadow-grey);
    width: 100%;
    border-block-start: 1px solid var(--color-grey2);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-drpdwn {
    transition-property: transform;
    transition: transform 0.4s ease-in-out;
  }
}
.l-drpdwn._user {
  inset-inline-start: auto;
  inset-inline-end: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: calc(100dvh - 88px);
  width: initial;
  padding-block: 24px 0;
  padding-inline: 0 0;
}
@media only screen and (max-width: 767.98px) {
  .l-drpdwn._user {
    padding: 0;
    border-radius: 0;
    position: fixed;
    inset-block-start: 0;
    inset-inline-end: 0;
    transform: translate(100%, 0);
    width: 60%;
    height: 100%;
    max-height: 100dvh;
    overflow: hidden;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-drpdwn._user {
    width: 86%;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-drpdwn._user {
    width: 95%;
  }
}
.l-drpdwn._user::-webkit-scrollbar {
  display: block;
}
.l-drpdwn._user .l-drpdwn__content {
  flex-direction: column;
}
.l-drpdwn._user .l-drpdwn__content .b-hdr__close {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .l-drpdwn._user .l-drpdwn__content {
    position: relative;
    background-color: var(--color-white);
    height: 100%;
    padding-block-start: 12px;
    padding-block-end: 0;
  }
  .l-drpdwn._user .l-drpdwn__content .b-hdr__close {
    cursor: pointer;
    display: block;
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 0;
  }
}
.l-drpdwn._user .l-user__info {
  margin-block-end: 12px;
}
@media only screen and (max-width: 480.98px) {
  .l-drpdwn._user .l-user__info {
    margin-block-end: 8px;
  }
}
.l-drpdwn._user .l-user__info > .l-user__body > *:first-child {
  margin-block-start: 4px;
}
.l-drpdwn._user .l-user__info > .l-user__body .l-link--b {
  --lh: 1;
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 24px;
}
.l-drpdwn._user .l-user__info .l-btn.l-btn--ltl.l-btn--b {
  --icon-c: var(--color-blue);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0;
  box-shadow: inset 0 0 0 1px var(--color-blue-border);
  background-color: var(--color-blue-soft);
  color: var(--color-blue);
}
@media only screen and (min-width: 767.98px) {
  .l-drpdwn._user .l-user__info .l-btn.l-btn--ltl.l-btn--b:hover {
    background-color: var(--color-blue-01);
  }
}
.l-drpdwn._user .l-user__info .l-btn.l-btn--ltl.l-btn--b:active {
  background-color: var(--color-blue-01);
}
@media only screen and (min-width: 767.98px) {
  .l-drpdwn:not(._user) > .l-drpdwn__content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px 218px;
    gap: 12px;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 1439.98px) {
  .l-drpdwn:not(._user) > .l-drpdwn__content {
    padding: 20px 12px;
    max-width: 996px;
  }
}
.l-drpdwn__content {
  display: flex;
  overflow: hidden;
}
@media only screen and (min-width: 767.98px) {
  .l-drpdwn__content {
    border-radius: 0 0 var(--rd-16) var(--rd-16);
  }
}
@media only screen and (max-width: 767.98px) {
  .l-drpdwn__content {
    overflow-x: hidden;
    overflow-y: scroll;
    flex-direction: column;
    height: calc(100dvh - 117px);
    padding-block-end: 12px;
  }
  .l-drpdwn__content::-webkit-scrollbar {
    display: block;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-drpdwn__content {
    height: calc(100dvh - 105px);
  }
}
.l-drpdwn__content._menu {
  flex-direction: column;
}
.l-drpdwn__content._menu .b-hdr__nav-item {
  height: auto;
  padding: 0;
  width: fit-content;
}
.l-drpdwn__content._menu .b-hdr__nav-item .b-hdr__nav-link {
  padding: 8px 12px;
  width: 100%;
  border-radius: var(--rd-12);
}
.l-drpdwn__content._menu .b-hdr__nav-item .l-drpdwn {
  inset-block-start: -1px;
  z-index: 1;
}
@media only screen and (min-width: 767.98px) {
  .l-drpdwn__content._menu .b-hdr__nav-item:hover {
    cursor: pointer;
  }
  .l-drpdwn__content._menu .b-hdr__nav-item:hover .l-drpdwn {
    opacity: 1;
    pointer-events: auto;
  }
}
.l-drpdwn__content._menu .b-hdr__nav-item:active {
  cursor: pointer;
}
.l-drpdwn__content._menu .b-hdr__nav-item:active .l-drpdwn {
  opacity: 1;
  pointer-events: auto;
}
.l-drpdwn__item .l-list__item--grey {
  --fz: 14px;
  position: relative;
  width: 100%;
  padding: 0 12px 8px;
  color: var(--color-darkgrey);
  background-color: var(--color-white);
  z-index: 3;
}
@media only screen and (max-width: 767.98px) {
  .l-drpdwn__item .l-list__item--grey {
    margin-block-start: 12px;
    height: 56px;
    padding: 24px 12px 12px;
    border-block-start: 1px solid var(--color-border);
  }
}
@media only screen and (min-width: 767.98px) {
  .l-drpdwn__item .l-list__item--null {
    height: 27px;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-drpdwn__item .l-list__item--null {
    display: none;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-drpdwn__item:not(:last-child) {
    padding-inline-end: 12px;
  }
  .l-drpdwn__item._bdr {
    border-inline-end: 1px solid var(--color-grey2-60);
  }
  .l-drpdwn__item._bdr:has(~ .l-drpdwn__item:nth-child(3)) {
    flex: 0 0 calc(33.333% - 8px);
  }
  .l-drpdwn__item._bdr:has(~ .l-drpdwn__item:nth-child(3)) ~ .l-drpdwn__item {
    flex: 0 1 calc(33.333% - 8px);
  }
  .l-drpdwn__item._bdr .l-list.l-list--drpdwn > .l-pgn {
    padding: 8px 12px;
    margin: 0;
  }
}
.l-list {
  display: flex;
  flex-direction: column;
}
.l-list + .l-list {
  margin-block-start: 24px;
}
@media only screen and (max-width: 480.98px) {
  .l-list + .l-list {
    margin-block-start: 16px;
  }
}
.l-list__item {
  --fz: 14px;
  color: var(--color-grey-mid);
  margin-block-end: 8px;
}
@media only screen and (max-width: 480.98px) {
  .l-list__item {
    --fz: 12px;
  }
}
.l-list__item small {
  --fz: 12px;
  display: block;
}
@media only screen and (max-width: 480.98px) {
  .l-list__item small {
    --fz: 10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-list__item.visible-block-sm {
    position: relative;
    padding-inline-start: 12px !important;
  }
  .l-list__item.visible-block-sm::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: var(--rd-round);
    border: 1px solid var(--color-darkgrey);
    inset-inline-start: 0;
    inset-block-start: 20px;
  }
}
.l-list__item .l-list {
  margin-block-end: -24px;
}
.l-list__item .l-list .l-list__item {
  padding-inline-start: 24px;
  position: relative;
}
.l-list__item .l-list .l-list__item::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-darkgrey);
  opacity: 0.5;
  inset-block-start: 8px;
  inset-inline-start: 9px;
}
@media only screen and (max-width: 480.98px) {
  .l-list__item .l-list .l-list__item::before {
    inset-block-start: 6px;
  }
}
.l-list__link {
  color: var(--color-addgrey);
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  width: fit-content;
}
@media only screen and (min-width: 767.98px) {
  .l-list__link:hover {
    color: var(--color-hover);
  }
}
.l-list__link:active {
  color: var(--color-hover);
}
@media only screen and (max-width: 767.98px) {
  .l-list__link:active {
    color: var(--color-hover);
  }
  .l-list__link span {
    white-space: normal;
  }
}
.l-list__item-sub {
  --fz: 14px;
  --color-link: var(--color-darkgrey);
  display: flex;
  flex-wrap: wrap;
  column-gap: 4px;
  max-width: 232px;
  margin-block-start: -20px;
  color: var(--color-darkgrey);
}
@media only screen and (max-width: 767.98px) {
  .l-list__item-sub {
    display: none;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-list__item-sub a:hover {
    --color-link: var(--color-black);
  }
}
.l-list__item-sub a:active {
  --color-link: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .l-list--drpdwn.overflow {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 317px;
    height: 100%;
    margin-block: -8px -8px;
    margin-inline: 0 -8px;
    padding-block: 8px 8px;
    padding-inline: 0 12px;
  }
  .l-list--drpdwn.overflow::-webkit-scrollbar-button {
    display: block;
    height: 4px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-list--drpdwn.clmn2 {
    column-count: 2;
    column-gap: 0;
    display: block;
  }
}
.l-list--drpdwn .l-list__btn {
  --fz: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-black);
  background-color: var(--color-bg-lightgrey);
  border-radius: var(--rd-100);
  padding: 6px 0;
  width: 100%;
  transition: all 0.2s ease 0s;
}
@media only screen and (min-width: 767.98px) {
  .l-list--drpdwn .l-list__btn:hover {
    background-color: var(--color-grey);
    color: var(--color-white);
  }
}
.l-list--drpdwn .l-list__btn:active {
  background-color: var(--color-grey);
  color: var(--color-white);
}
@media only screen and (max-width: 767.98px) {
  .l-list--drpdwn .l-list__btn {
    margin-block-start: 10px;
  }
}
.l-list--drpdwn .l-list__item {
  display: flex;
  flex-direction: column;
  text-align: start;
  width: 100%;
  margin: 0;
  white-space: normal;
}
@media only screen and (max-width: 767.98px) {
  .l-list--drpdwn .l-list__item {
    display: inline-block;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-list--drpdwn .l-list__item.ml-2cl {
    margin-inline-start: -30px;
    width: calc(100% + 30px);
  }
  .l-list--drpdwn .l-list__item.ml-2cl-w {
    width: calc(100% - 30px);
  }
}
.l-list--drpdwn .l-list__item--mobile {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .l-list--drpdwn .l-list__item--mobile + .l-list__item {
    border: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-list--drpdwn .l-list__item--mobile {
    display: flex;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-list--drpdwn .l-list__item {
    padding: 11px 0;
  }
}
.l-list--drpdwn .l-list__link {
  --fz: 16px;
  position: relative;
  color: var(--color-black);
  padding: 8px 12px;
  width: 100%;
}
@media only screen and (min-width: 767.98px) {
  .l-list--drpdwn .l-list__link {
    border-radius: var(--rd-12);
  }
}
@media only screen and (min-width: 767.98px) {
  .l-list--drpdwn .l-list__link:hover {
    background-color: var(--color-lightgrey);
  }
}
.l-list--drpdwn .l-list__link:active {
  background-color: var(--color-lightgrey);
}
.l-list--drpdwn .l-list__link > span.grey {
  margin-inline-start: 8px;
}
.l-list--drpdwn .l-list__link > span {
  position: relative;
  z-index: 2;
}
.l-list--drpdwn .l-list__link > i:not(.icon-arrow),
.l-list--drpdwn .l-list__link > picture {
  --hd-ic-wh: 44px;
  --icon-w: 28px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--hd-ic-wh);
  width: var(--hd-ic-wh);
  flex: 0 0 var(--hd-ic-wh);
  margin-inline-end: 12px;
  background-color: var(--color-lightgrey-alt);
  border-radius: var(--rd-12);
  z-index: 2;
}
.l-list--drpdwn .l-list__link > i:not(.icon-arrow).no-bg,
.l-list--drpdwn .l-list__link > picture.no-bg {
  background-color: initial;
}
@media only screen and (max-width: 767.98px) {
  .l-list--drpdwn .l-list__link > i:not(.icon-arrow),
  .l-list--drpdwn .l-list__link > picture {
    --hd-ic-wh: 36px;
  }
}
.l-list--drpdwn .l-list__link > i:not(.icon-arrow) img,
.l-list--drpdwn .l-list__link > picture img {
  height: calc(var(--hd-ic-wh) - 16px);
  width: calc(var(--hd-ic-wh) - 16px);
  flex: 0 0 calc(var(--hd-ic-wh) - 16px);
}
.l-list--drpdwn .l-list__sub {
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-list--drpdwn .l-list__sub {
    margin-inline-start: -12px;
  }
}
.l-list--drpdwn .l-list__sub.open {
  height: var(--usr-sub-h);
}
.l-list--drpdwn .l-list__sub.open + .l-list__item .l-list__link {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
.l-list--drpdwn .l-list__sub-i {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-block: 16px 16px;
  padding-inline: 24px 12px;
  border-block-start: 1px solid var(--color-border);
  border-block-end: 1px solid var(--color-border);
  background-color: var(--color-lightgrey2);
}
@media only screen and (max-width: 767.98px) {
  .l-list--drpdwn .l-list__sub-i {
    padding: 12px;
    gap: 8px;
  }
}
.l-list--drpdwn .l-list__sub-i > span.grey {
  white-space: normal;
}
.l-list--drpdwn .l-list__sub-i .b-frcs__avrd-pnt-i,
.l-list--drpdwn .l-list__sub-i .b-frcs__avrd-pnt:not(:has(.b-frcs__avrd-pnt-i)) {
  border-radius: var(--rd-12);
  padding: 12px 16px;
  background:
    url(/images3/bg2/user-bonuses/user-grade-stars.png) calc(100% - 16px) 0/auto auto no-repeat,
    linear-gradient(
      90deg,
      var(--color-white-60) 0%,
      var(--color-white-40) 99.31%),
    var(--color-blue-pale);
  border: 1px solid var(--color-blue-pale);
  background-blend-mode: overlay;
  cursor: pointer;
  flex-direction: column;
  align-items: initial;
  justify-content: initial;
}
.l-list--drpdwn .l-list__sub-i .b-frcs__avrd-pnt-i::before,
.l-list--drpdwn .l-list__sub-i .b-frcs__avrd-pnt:not(:has(.b-frcs__avrd-pnt-i))::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/images3/bg2/user-bonuses/user-grade-star.png) calc(100% + 20px) -6px/auto auto no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .l-list--drpdwn .l-list__sub-i .b-frcs__avrd-pnt-i,
  .l-list--drpdwn .l-list__sub-i .b-frcs__avrd-pnt:not(:has(.b-frcs__avrd-pnt-i)) {
    border-radius: var(--rd-8);
    padding: 12px;
  }
}
.l-list--drpdwn .l-list__item--grey:not(:first-child) {
  padding-block-start: 20px;
}
@media only screen and (min-width: 767.98px) {
  .l-list--user {
    padding-block: 0 12px;
    padding-inline: 12px 0;
  }
}
@media only screen and (min-width: 767.98px) and (max-width: 767.98px) {
  .l-list--user {
    padding-block: 0 12px;
    padding-inline: 6px 0;
  }
}
.l-list--user .l-list__item {
  padding: 0;
}
.l-list--user .l-list__item > span {
  --fz: 16px;
  color: var(--color-darkgrey);
  margin-inline-start: 8px;
}
.l-list--user .l-list__item .l-list__link {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  height: 48px;
}
.l-list--user .l-list__item .l-list__link > i {
  --hd-ic-wh: 24px;
  background-color: initial;
  border-radius: 0;
}
.l-list--user .l-list__item .l-list__link._sub {
  height: auto;
  padding: 16px 12px;
}
.l-list--user .l-list__item .l-list__link._sub > div {
  display: flex;
  flex-direction: column;
}
.l-list--user .l-list__item .l-list__link._sub > div > div {
  display: flex;
  align-items: center;
}
.l-list--user .l-list__item .l-list__link._sub > div > div > i.icon-alert-alt {
  margin-inline-start: 8px;
}
.l-list--user .l-list__item .l-list__link._sub > div > span.grey {
  --fz: 14px;
  display: flex;
  align-items: flex-end;
  height: 23px;
  overflow: hidden;
  transition: height 0.4s ease;
}
@media only screen and (max-width: 767.98px) {
  .l-list--user .l-list__item .l-list__link._sub > div > span.grey {
    height: 21px;
  }
}
.l-list--user .l-list__item .l-list__link._sub > i:not(.icon-arrow) {
  --icon-w: 24px;
  align-self: flex-start;
}
.l-list--user .l-list__item .l-list__link._sub i.icon-arrow {
  --icon-c: var(--color-black2);
  --icon-w: 16px;
  margin-block: 0 0;
  margin-inline: auto 0;
  align-self: flex-start;
  width: 16px;
  flex: 0 0 16px;
}
.l-list--user .l-list__item .l-list__link._sub.open > div > span.grey {
  height: 0;
}
.l-list--user .l-list__item .l-list__link._sub.open i.icon-arrow {
  rotate: 180deg;
}
.l-list--user .l-list__item .l-list__link._sub.open {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
@media only screen and (max-width: 767.98px) {
  .l-list--user .l-list__item {
    display: flex;
  }
}
.l-list--hot {
  display: flex;
  flex-direction: column;
  width: 266px;
}
.l-list--hot .l-list__item {
  position: relative;
  margin: 0;
}
.l-list--hot .l-list__item .l-list__link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: var(--rd-12);
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-list--hot .l-list__item .l-list__link:hover {
    background-color: var(--color-lightgrey-alt);
  }
  .l-list--hot .l-list__item .l-list__link:hover > span {
    border-color: var(--color-lightgrey-alt);
  }
}
.l-list--hot .l-list__item .l-list__link:active {
  background-color: var(--color-lightgrey-alt);
}
.l-list--hot .l-list__item .l-list__link:active > span {
  border-color: var(--color-lightgrey-alt);
}
.l-list--hot .l-list__item .l-list__link .l-list__img {
  display: block;
  flex: 0 0 44px;
  height: 44px;
  margin-inline-end: 12px;
  border-radius: var(--rd-round);
  background-color: var(--color-grey-light-alt3);
  align-self: flex-start;
}
.l-list--hot .l-list__item .l-list__link .l-list__img img {
  --fz: 0;
  width: 100%;
  height: 100%;
}
.l-list--hot .l-list__item .l-list__link .l-list__text {
  --fz: 14px;
  color: var(--color-black);
  white-space: normal;
  transition: color 0.2s ease;
}
.l-list--hot .l-list__item .l-list__link > span {
  position: absolute;
  inset-block-start: 6px;
  inset-inline-start: 42px;
  width: 16px;
  height: 16px;
  background: var(--gradient-pink-orange);
  border: 2px solid var(--color-white);
  border-radius: var(--rd-round);
  z-index: 5;
  transition: border-color 0.2s ease;
}
.l-list--hot .l-list__item .l-list__link .l-flr__marking {
  --fz: 8px;
  inset-block-end: 2px;
  inset-inline-end: 12px;
}
.l-list__clmn2 {
  display: flex;
  flex-wrap: wrap;
}
.l-list__clmn2 .l-list__item {
  flex: 0 0 50%;
}
.l-list__clmn2 + .l-pgn {
  margin-block-start: 12px;
}
.l-tgs {
  --color-link: var(--color-darkgrey);
  --fz: 14px;
  --lh: 1.57143;
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  column-gap: 12px;
}
.l-flr {
  display: none !important;
  height: 82px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr {
    height: 60px;
  }
}
.l-flr:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 480.98px) {
  .l-flr:not(:last-child) {
    margin-block-end: 16px;
  }
}
.l-flr.active {
  display: block !important;
}
.l-flr--top {
  block-size: 0;
  margin-block: 0 var(--b2-mb, 0);
  margin-inline: 0 0;
  transition: margin 1s ease;
}
.l-flr--top:not(:last-child) {
  margin-block: 0 var(--b2-mb, 0);
  margin-inline: 0 0;
}
.l-flr--top + * .b-art__cntt,
.l-flr--top + * {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  transition: border-radius 1s ease;
}
.l-flr--top + section.b-art,
.l-flr--top + * {
  position: relative;
  z-index: 5;
  transition: margin-top 1s ease, border-radius 1s ease;
}
.l-flr--top + section.b-art > .b-art__cntt,
.l-flr--top + * > .b-art__cntt {
  transition: padding-top 1s ease, border-radius 1s ease;
}
.l-flr--top .l-flr__i {
  height: 80px;
  border-radius: var(--rd-20) var(--rd-20) 0 0;
}
@media only screen and (max-width: 549.98px) {
  .l-flr--top .l-flr__i {
    border-radius: 0;
    height: 60px;
  }
}
.l-flr--top .l-flr__txt {
  border-end-end-radius: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-flr--top .l-flr__txt {
    border-start-end-radius: 0;
  }
}
.l-flr--top .l-flr__marking._alt {
  padding: 0 4px;
}
.l-flr--prld {
  background-color: var(--color-white);
  border-radius: var(--rd-20) var(--rd-20) 0 0;
  height: var(--flr-prld-h, 72px);
  margin: 0;
}
.l-flr--prld:not(:last-child) {
  margin: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-flr--prld {
    border-radius: var(--rd-12) var(--rd-12) 0 0;
    height: var(--flr-prld-h, 53px);
  }
}
.l-flr--prld .l-flr__matches.l-flr--top,
.l-flr--prld .l-flr--top {
  block-size: initial;
  transition: initial;
  margin: initial;
}
.l-flr--prld .l-flr__matches.l-flr--top:not(:last-child),
.l-flr--prld .l-flr--top:not(:last-child) {
  margin: initial;
}
.l-flr--prld + * .b-art__cntt,
.l-flr--prld + * {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) {
  height: auto;
}
@media only screen and (max-width: 549.98px) {
  .l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) {
    border-radius: 0;
  }
}
.l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) .l-flr__matches.l-flr--top {
  height: 100%;
}
.l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) .l-flr__matches .l-flr__i {
  height: 100%;
}
@media only screen and (min-width: 549.98px) {
  .l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) .l-flr__matches .l-flr__i {
    gap: 24px;
  }
}
.l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) .l-flr__matches .l-flr__i::before {
  inset-inline-end: -12px;
  width: calc(50% + 12px);
}
@media only screen and (max-width: 549.98px) {
  .l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) .l-flr__matches .l-flr__i::before {
    inset-inline-end: -22px;
    width: calc(50% + 22px);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) .l-flr__matches .l-flr__i {
    border-radius: 0;
  }
}
.l-flr--prld:has(.l-flr__matches.o8bt.l-flr--top) .l-flr__matches .l-flr__i .l-flr__txt > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}
.l-flr--btw.active {
  margin-block-start: -50px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr--btw.active {
    margin-block-start: -34px;
  }
}
.l-flr--mtch + .l-flr.active {
  display: none !important;
}
.l-flr.right .l-flr__i {
  width: 100%;
  margin: 0;
}
.l-flr.right .l-flr__i::before {
  inset-inline-start: initial;
  inset-inline-end: 0;
  background: url(/images3/bg2/banner-bg-right.png) 0 0/172px 82px no-repeat;
  background-color: var(--flr-color, var(--color-white));
}
.l-flr.right .l-flr__i .l-flr__img {
  padding-inline-start: 0;
  padding-inline-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr.right .l-flr__i .l-flr__img {
    padding-inline-end: 8px;
  }
}
.l-flr--ps {
  position: fixed;
  inset-block-end: 24px;
  inset-inline-end: 0;
  width: fit-content;
  border-radius: var(--rd-100) 0 0 var(--rd-100);
  background:
    linear-gradient(
      134.72deg,
      var(--color-pink-24) 0%,
      var(--color-orange-bright-24) 101.5%);
  background-origin: border-box;
  border: 1px solid transparent;
  border-inline-end: none;
  transform: translate(calc(100% - 68px), 0);
  animation: promo-string 0.8s 1 ease-in-out;
  cursor: pointer;
  z-index: 12;
  transition: transform 0.4s ease;
  max-width: 50%;
}
@media only screen and (max-width: 549.98px) {
  .l-flr--ps {
    inset-block-end: 82px;
    animation: promo-string-esm 0.8s 1 ease-in-out;
    transform: translate(calc(100% - 56px), 0);
    max-width: calc(100% - 20px);
  }
}
.l-flr--ps.open {
  transform: translate(0, 0);
}
.l-flr--ps.open > div:before {
  opacity: 1;
}
.l-flr--ps.open > div > a {
  opacity: 1;
}
.l-flr--ps > div {
  --color-link: var(--color-black);
  --fz: 16px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 11px 11px;
  padding-inline: 11px 24px;
  border-radius: var(--rd-100) 0 0 var(--rd-100);
  white-space: nowrap;
  width: fit-content;
  max-height: 66px;
  max-width: 400px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr--ps > div {
    --fz: 14px;
    max-height: 58px;
    gap: 8px;
    padding: 11px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-flr--ps > div {
    max-width: 348px;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-flr--ps > div {
    max-width: 308px;
  }
}
.l-flr--ps > div::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-100) 0 0 var(--rd-100);
  background:
    linear-gradient(
      134.72deg,
      var(--color-pink-08) 0%,
      var(--color-orange-bright-08) 101.5%),
    var(--color-white);
  opacity: 0.6;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.l-flr--ps > div > span {
  position: relative;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  background: url(/images3/common/light.svg) 50% 50%/15px 28px no-repeat, var(--gradient-pink-orange);
  border-radius: var(--rd-round);
}
@media only screen and (max-width: 549.98px) {
  .l-flr--ps > div > span {
    width: 36px;
    height: 36px;
    background-size: auto 20px, auto;
    flex: 0 0 36px;
  }
}
.l-flr--ps > div > span::before {
  content: "";
  position: absolute;
  inset-block-start: -12px;
  inset-inline-start: -12px;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  border-radius: var(--rd-100) 0 0 var(--rd-100);
}
.l-flr--ps > div > a {
  opacity: 0;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.l-flr.vidc {
  height: 102px;
}
.l-flr.vidc .l-flr__i {
  height: 102px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr.vidc .l-flr__i {
    border-radius: var(--rd-16);
  }
}
.l-flr.vidc .l-flr__img {
  flex: 0 0 120px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr.vidc .l-flr__txt {
    align-items: flex-start;
    padding-block-start: 12px;
  }
}
.l-flr.vidc .l-flr__txt div.wrd-ell {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
@media only screen and (max-width: 549.98px) {
  .l-flr.vidc .l-flr__txt div.wrd-ell {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}
.l-flr.vidc .l-flr__txt div.wrd-ell b {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr.vidc .l-flr__txt div.wrd-ell b {
    --fz: 14px;
  }
}
.l-flr.vidc .l-flr__txt div.wrd-ell span {
  --fz: 14px;
  word-break: break-word;
}
@media only screen and (max-width: 549.98px) {
  .l-flr.vidc .l-flr__txt div.wrd-ell span {
    --fz: 12px;
  }
}
.l-flr.vidc .l-flr__marking._alt {
  inset-inline-end: 0;
  inset-inline-start: initial;
  padding-block: 0 6px;
  padding-inline: 0 12px;
  background: initial;
  border: initial;
}
@media only screen and (max-width: 549.98px) {
  .l-flr.vidc .l-flr__marking._alt {
    padding-block: 0 2px;
    padding-inline: 0 6px;
  }
}
.l-flr.vidc .l-flr__marking._alt div {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 549.98px) {
  .l-flr.vidc:not(.l-flr--top) .l-flr__i {
    border-radius: 0;
  }
  .l-flr.vidc:not(.l-flr--top) .l-flr__i .l-flr__txt {
    border-radius: var(--rd-12) 0 0 var(--rd-12);
  }
  .l-flr.vidc:not(.l-flr--top) .l-flr__i .l-flr__marking._alt {
    padding-inline-start: 4px;
  }
}
.l-flr.bnr-tg {
  --fz: 16px;
  --lh: 1.5;
  position: relative;
  display: flex !important;
  align-items: center;
  height: 64px;
  color: var(--color-black);
  width: fit-content;
  padding-block: 0 0;
  padding-inline: 80px 40px;
  border-radius: var(--rd-30) var(--rd-12) var(--rd-12) var(--rd-30);
  border: 1px solid var(--color-cyan-light-alt7);
  background:
    url(/images3/common/bnr-tg/bnr-tg-bg.png) 100% 50%/522px 64px no-repeat,
    linear-gradient(
      0deg,
      var(--color-white-90) 0%,
      var(--color-white-90) 100%),
    linear-gradient(
      180deg,
      var(--color-cyan-mid-alt4) 0%,
      var(--color-cyan-mid-alt3) 100%);
}
@media only screen and (max-width: 480.98px) {
  .l-flr.bnr-tg {
    --fz: 14px;
    --lh: 1.57143;
    width: 100%;
    padding-block: 0 0;
    padding-inline: 76px 40px;
  }
}
.l-flr.bnr-tg::before {
  content: "";
  position: absolute;
  inset-block-start: -4px;
  inset-inline-start: -4px;
  width: 72px;
  height: 72px;
  background: url(/images3/common/bnr-tg/bnr-tg-logo.svg) 50%/100% 100% no-repeat;
  z-index: 1;
}
.l-flr.bnr-tg::after {
  content: "";
  position: absolute;
  inset-block-start: -10px;
  inset-inline-end: -10px;
  width: 46px;
  height: 42px;
  background: url(/images3/common/bnr-tg/bnr-tg-star.svg) 50%/100% 100% no-repeat;
  z-index: 1;
}
.l-flr__i {
  --fz: 16px;
  position: relative;
  display: flex;
  align-items: center;
  height: 82px;
  width: 100%;
  border-radius: var(--rd-20);
  background-color: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-white) 80%, var(--flr-color) 100%);
  overflow: hidden;
  z-index: 5;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__i {
    --fz: 12px;
    border-radius: var(--rd-12);
    height: 60px;
    border-inline-start: none;
    border-inline-end: none;
  }
}
.l-flr__i::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 5;
}
.l-flr__img {
  position: relative;
  display: flex;
  flex: 0 0 172px;
  height: 100%;
  z-index: 3;
}
@media only screen and (max-width: 767.98px) {
  .l-flr__img {
    flex: 0 0 150px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__img {
    flex: 0 0 128px;
  }
}
.l-flr__img img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.l-flr__img + .l-flr__txt {
  margin-inline-start: -20px;
}
.l-flr__txt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--rd-20);
  padding: 0 24px;
  gap: 16px;
  color: var(--color-black);
  height: 100%;
  width: 100%;
  box-shadow: 0 4px 10px 0 var(--color-blue-darkest-03);
  z-index: 4;
}
.l-flr__txt > div.wrd-ell {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.l-flr__txt > div.wrd-ell > b {
  word-break: break-word;
}
.l-flr__txt > div.wrd-ell > span:first-child {
  word-break: break-word;
}
.l-flr__txt > div.wrd-ell > span:not(:first-child) {
  word-break: break-all;
}
.l-flr__txt > div.wrd-ell > i {
  --lh: 1.625;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__txt > div.wrd-ell > i {
    --lh: 1.4375;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-flr__txt {
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__txt {
    padding: 0 12px;
    border-radius: var(--rd-12);
  }
}
.l-flr__txt::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    url(/images3/common/banner-bg.svg) calc(100% - 30px) -300px/1016px 965px no-repeat,
    linear-gradient(
      0deg,
      var(--color-white-90) 0%,
      var(--color-white-90) 100%),
    var(--flr-color, var(--color-black2));
  z-index: -1;
}
.l-flr__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-flr__list {
    gap: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__list {
    grid-template-columns: repeat(auto-fit, minmax(296px, 1fr));
    gap: 12px;
  }
}
.l-flr__list .l-flr:not(:last-child) {
  margin-block-end: 0;
}
.l-flr__marking {
  --fz: 10px;
  position: absolute;
  inset-block-end: 4px;
  inset-inline-end: 12px;
  white-space: nowrap;
  color: var(--color-black);
  opacity: 0.35;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__marking {
    --fz: 8px;
    inset-block-end: 2px;
    inset-inline-end: 8px;
    color: var(--color-darkgrey);
    opacity: 0.7;
  }
}
.l-flr__marking._alt {
  display: flex;
  align-items: center;
  inset-inline-end: initial;
  inset-inline-start: 0;
  inset-block-end: 0;
  opacity: 1;
  border-radius: 0 var(--rd-6) 0 0;
  padding-block: 0 0;
  padding-inline: 12px 4px;
  height: 16px;
  border: 1px solid color-mix(in srgb, var(--color-white) 100%, var(--flr-color) 17.5%);
  border-block-end: none;
  border-inline-start: none;
  background: var(--color-white-80);
  cursor: pointer;
  z-index: 5;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__marking._alt {
    height: 12px;
    border-radius: 0 var(--rd-4) 0 0;
    padding-block: 0 0;
    padding-inline: 8px 4px;
  }
}
.l-flr__marking._alt div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.l-flr__marking._alt div span {
  --fz: 10px;
  --lh: 1;
  opacity: 0.6;
  color: var(--color-black2);
}
@media only screen and (max-width: 549.98px) {
  .l-flr__marking._alt div span {
    --fz: 8px;
  }
}
.l-flr__marking i.icon-faq {
  --icon-w: 8px;
  opacity: 0.6;
}
.l-flr__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-100);
  background: var(--color-white);
  box-shadow: 0 4px 10px 0 var(--color-blue-darkest-03);
  height: 32px;
  width: 64px;
  flex: 0 0 64px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__arrow {
    display: none;
  }
}
.l-flr__arrow.icon-arrow-alt {
  --icon-c: var(--flr-color, var(--color-black2));
}
.l-flr__arrow.icon-arrow-alt svg {
  rotate: -90deg;
}
.l-flr__matches {
  text-align: start;
}
.l-flr__matches:not(._tourney) {
  block-size: 0;
  margin-block: 0 var(--b8-mb, 0);
  margin-inline: 0 0;
  transition: margin 1s ease;
}
.l-flr__matches:not(._tourney):not(:last-child) {
  margin-block: 0 var(--b8-mb, 0);
  margin-inline: 0 0;
}
.l-flr__matches:not(._tourney) + .b-mtch__day.l-crd {
  z-index: 5;
}
.l-flr__matches:not(._tourney) .l-flr__i {
  padding-block: 0 0;
  padding-inline: 120px 0;
  max-height: 120px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches:not(._tourney) .l-flr__i {
    padding-block: 0 0;
    padding-inline: 88px 0;
  }
}
.l-flr__matches:not(._tourney) .l-flr__i:not(:has(> picture)) {
  padding-inline-start: 65px;
}
@media only screen and (max-width: 767.98px) {
  .l-flr__matches:not(._tourney) .l-flr__i:not(:has(> picture)) {
    padding-inline-start: 59px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches:not(._tourney) .l-flr__i:not(:has(> picture)) {
    padding-inline-start: 56px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-flr__matches:not(._tourney) .l-flr__i:not(:has(> picture)) {
    padding-inline-start: 47px;
  }
}
.l-flr__matches:not(._tourney) .l-flr__i > picture {
  display: flex;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 120px;
  flex: 0 0 120px;
  height: 100%;
  border-radius: 0 var(--rd-8) var(--rd-8) 0;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches:not(._tourney) .l-flr__i > picture {
    width: 88px;
    flex: 0 0 88px;
  }
}
.l-flr__matches:not(._tourney) .l-flr__i > picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.l-flr__matches:not(._tourney) .l-flr__i .l-flr__txt {
  padding-block: 15px 15px;
  padding-inline: 16px 88px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches:not(._tourney) .l-flr__i .l-flr__txt {
    padding-block: 7px 7px;
    padding-inline: 12px 32px;
  }
}
.l-flr__matches:not(._tourney) .l-flr__i .l-flr__marking._alt {
  inset-inline-end: 0;
  inset-inline-start: initial;
  border-radius: var(--rd-6) 0 0 0;
  border: none;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches:not(._tourney) .l-flr__i .l-flr__marking._alt {
    border-radius: var(--rd-4) 0 0 0;
  }
}
.l-flr__matches:not(.loading):not(._tourney) + .b-mtch__day.l-crd {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.l-flr__matches .l-flr__i {
  justify-content: space-between;
  height: auto;
  max-height: 82px;
  background-color: initial;
  padding-block: 12px 12px;
  padding-inline: 80px 24px;
  border: 1px solid color-mix(in srgb, var(--color-white) 100%, var(--flr-color) 17.5%);
  border-radius: var(--rd-20) var(--rd-20) 0 0;
  gap: 100px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches .l-flr__i {
    border-radius: var(--rd-16) var(--rd-16) 0 0;
    padding-block: 8px 8px;
    padding-inline: 52px 12px;
    gap: 20px;
    max-height: 68px;
  }
}
.l-flr__matches .l-flr__i::before,
.l-flr__matches .l-flr__i::after {
  content: "";
  position: absolute;
  inset: initial;
  inset-block-start: 0;
  background-blend-mode: overlay;
  overflow: hidden;
  width: calc(50% + 2px);
  height: 100%;
  border: none;
  border-radius: initial;
  background: url(/images3/bg2/bg-matches-bnr.png) 0 50%/1280px 120px no-repeat, color-mix(in srgb, var(--color-white) 100%, var(--flr-color) 100%);
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches .l-flr__i::before,
  .l-flr__matches .l-flr__i::after {
    background: url(/images3/bg2/bg-matches-bnr-esm.png) 0 50%/1040px 100px no-repeat, color-mix(in srgb, var(--color-white) 100%, var(--flr-color) 100%);
  }
}
.l-flr__matches .l-flr__i::before {
  inset-inline-start: -2px;
}
.l-flr__matches .l-flr__i::after {
  inset-inline-end: -4px;
  width: calc(50% + 4px);
  background-position: 100% 50%;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches .l-flr__i::after {
    inset-inline-end: -22px;
    width: calc(50% + 22px);
  }
}
.l-flr__matches .l-flr__i .l-flr__txt {
  justify-content: initial;
  border-radius: 0;
  padding: 0;
  height: initial;
  width: initial;
  box-shadow: none;
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches .l-flr__i .l-flr__txt {
    gap: 6px;
  }
}
.l-flr__matches .l-flr__i .l-flr__txt::before {
  content: none;
}
.l-flr__matches .l-flr__i .l-flr__txt picture {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: var(--rd-round);
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches .l-flr__i .l-flr__txt picture {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
}
.l-flr__matches .l-flr__i .l-flr__txt picture img {
  width: 100%;
  height: 100%;
}
.l-flr__matches .l-flr__i .l-flr__arrow {
  --icon-c: var(--color-black2);
  display: flex;
  position: relative;
  z-index: 2;
  box-shadow: none;
  border: 1px solid color-mix(in srgb, var(--color-white) 100%, var(--flr-color) 17.5%);
  width: 44px;
  flex: 0 0 44px;
  height: 28px;
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches .l-flr__i .l-flr__arrow {
    --icon-w: 14px;
    width: 28px;
    flex: 0 0 28px;
    border-radius: var(--rd-10);
  }
}
.l-flr__matches .l-flr__i .l-flr__marking._alt {
  padding: 0 4px;
}
.l-flr__matches._tourney .l-flr__i {
  border: 1px solid var(--color-lightgrey);
  border-block-start-color: var(--color-grey2);
  border-radius: 0 0 var(--rd-16) var(--rd-16);
  padding-block: 12px 12px;
  padding-inline: 55px 12px;
  background-color: var(--color-lightgrey);
  gap: 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-flr__matches._tourney .l-flr__i {
    padding-block: 12px 12px;
    padding-inline: 47px 12px;
    gap: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches._tourney .l-flr__i {
    padding-block: 8px 8px;
    padding-inline: 39px 12px;
    border-radius: 0 0 var(--rd-12) var(--rd-12);
    gap: 6px;
  }
}
.l-flr__matches._tourney .l-flr__i::before,
.l-flr__matches._tourney .l-flr__i::after {
  background-blend-mode: initial;
  background: url(/images3/bg2/bg-matches-bnr.png) 0 50%/1280px 120px no-repeat;
  opacity: 0.5;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches._tourney .l-flr__i::before,
  .l-flr__matches._tourney .l-flr__i::after {
    background: url(/images3/bg2/bg-matches-bnr-esm.png) 0 50%/1040px 100px no-repeat;
  }
}
.l-flr__matches._tourney .l-flr__i::before {
  width: calc(50% + 75px);
  inset-inline-start: -75px;
}
.l-flr__matches._tourney .l-flr__i::after {
  background-position: 100% 50%;
  width: calc(50% + 16px);
  inset-inline-end: -16px;
}
.l-flr__matches._tourney .l-flr__i .l-flr__txt span.wrd-ell {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.l-flr__matches._tourney .l-flr__i .l-flr__arrow {
  border-color: var(--color-grey-light-alt7);
}
.l-flr__matches._double.loading {
  margin: 0;
}
.l-flr__matches._double .l-flr__matches {
  margin: 0;
}
.l-flr__matches._double .l-flr__matches:not(:last-child) {
  margin: 0;
}
.l-flr__matches._double:not(._bns):not(.loading) .l-flr__matches:not(.o8bt) {
  opacity: 0;
  pointer-events: none;
}
.l-flr__matches._double._bns {
  margin-block: 0 var(--bb-mb, 0);
  margin-inline: 0 0;
}
.l-flr__matches._double._bns:not(:last-child) {
  margin-block: 0 var(--bb-mb, 0);
  margin-inline: 0 0;
}
.l-flr__matches._double._bns .l-flr__matches.o8bt {
  opacity: 0;
  pointer-events: none;
}
.l-flr__matches._view {
  block-size: initial;
  max-width: 600px;
  width: 100%;
  margin-block: 32px 0;
  margin-inline: auto auto;
}
@media only screen and (max-width: 767.98px) {
  .l-flr__matches._view {
    margin-block: 24px 0;
    margin-inline: auto auto;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches._view {
    margin-block: 16px 0;
    margin-inline: auto auto;
  }
}
.l-flr__matches._view:not(:last-child) {
  margin-block: 32px 0;
  margin-inline: auto auto;
}
@media only screen and (max-width: 767.98px) {
  .l-flr__matches._view:not(:last-child) {
    margin-block: 24px 0;
    margin-inline: auto auto;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches._view:not(:last-child) {
    margin-block: 16px 0;
    margin-inline: auto auto;
  }
}
.l-flr__matches._view + .l-flr__matches._view {
  margin-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches._view + .l-flr__matches._view {
    margin-block-start: 8px;
  }
}
.l-flr__matches._view .l-flr__i {
  padding: 16px;
  border-radius: var(--rd-16);
  gap: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches._view .l-flr__i {
    border-radius: var(--rd-12);
    padding: 8px 12px;
  }
}
.l-flr__matches._view .l-flr__i span.wrd-ell {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.l-flr__matches._view .l-flr__i::before {
  inset-inline-start: -16px;
  width: calc(50% + 16px);
}
.l-flr__matches._view .l-flr__i::after {
  inset-inline-end: -110px;
  width: calc(50% + 110px);
}
@media only screen and (max-width: 549.98px) {
  .l-flr__matches._view .l-flr__i::after {
    inset-inline-end: -18px;
    width: calc(50% + 18px);
  }
}
.l-flr__block {
  box-shadow: inset 0 0 0 1px var(--color-green-mid-15);
  background:
    linear-gradient(
      90deg,
      var(--color-white-80) 0%,
      var(--color-white-10) 100%),
    linear-gradient(
      0deg,
      var(--color-white-90) 0%,
      var(--color-white-90) 100%),
    linear-gradient(
      135deg,
      var(--color-green-mid) 0%,
      var(--color-cyan-mid) 100%);
  border-radius: var(--rd-16);
  text-align: start;
  padding: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__block {
    border-radius: var(--rd-12);
    padding: 12px;
  }
}
.l-flr__block p:not(:last-child) {
  --fz: 14px;
  margin-block-start: 2px;
  margin-block-end: 16px;
  color: var(--color-black2);
  opacity: 0.6;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__block p:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-flr__block._mtch {
  max-width: 600px;
  margin: 32px auto 0;
}
@media only screen and (max-width: 767.98px) {
  .l-flr__block._mtch {
    margin: 26px auto 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__block._mtch {
    margin: 20px auto 0;
  }
}
.l-flr__block._card {
  padding: 20px 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-flr__block._card {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-flr__block._card {
    padding: 12px;
  }
}
.l-flr__block-itm {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-radius: var(--rd-12);
  box-shadow: inset 0 0 0 1px var(--color-cyan-mid-15);
  background-color: var(--color-white-60);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__block-itm {
    --fz: 12px;
    border-radius: var(--rd-8);
    padding: 8px;
    gap: 4px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-flr__block-itm:hover {
    background-color: var(--color-white-80);
  }
}
.l-flr__block-itm:active {
  background-color: var(--color-white-80);
}
.l-flr__block-itm:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__block-itm:not(:last-child) {
    margin-block-end: 4px;
  }
}
.l-flr__block-itm > .icon-arrow._blue,
.l-flr__block-itm .l-flr__i > .icon-arrow._blue {
  margin-inline-start: auto;
  rotate: -90deg;
}
.l-flr__block-itm .l-flr__i {
  border: none;
  padding: 0;
  border-radius: 0;
  max-height: initial;
  height: auto;
  background-color: initial;
}
.l-flr__block-itm .l-flr__i .l-flr__txt:before,
.l-flr__block-itm .l-flr__i::before,
.l-flr__block-itm .l-flr__i::after {
  content: none;
}
.l-flr__block-itm .l-flr__txt {
  padding: 0;
  box-shadow: none;
  justify-content: initial;
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__block-itm .l-flr__txt {
    gap: 6px;
  }
}
.l-flr__block-itm .l-flr__txt .wrd-ell {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.l-flr__block-itm .l-flr__txt picture:not(.l-av__img) {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-flr__block-itm .l-flr__txt picture:not(.l-av__img) {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
}
.l-flr__block-itm .l-flr__txt picture:not(.l-av__img) img {
  width: 100%;
  height: 100%;
  border-radius: var(--rd-round);
}
.l-flr__block-itm .l-flr__arrow {
  display: none;
}
.l-user {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--header-h);
  padding: 0 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 549.98px) {
  .l-user > .l-av {
    --av-wh: 44px;
    --av-fz: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-user > .l-av {
    --av-wh: 36px;
    --av-fz: 17px;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-user {
    padding: 0 4px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-user:hover {
    background-color: var(--color-lightgrey-alt);
  }
}
.l-user:active {
  background-color: var(--color-lightgrey-alt);
}
.l-user__info {
  color: var(--color-black);
  display: flex;
  flex-direction: column;
  margin-block-end: 20px;
  padding-block: 0 0;
  padding-inline: 24px calc(24px - var(--sb-reserved));
}
@media only screen and (max-width: 767.98px) {
  .l-user__info {
    padding-block: 0 0;
    padding-inline: 18px calc(18px - var(--sb-reserved));
  }
}
@media only screen and (max-width: 549.98px) {
  .l-user__info {
    padding-block: 0 0;
    padding-inline: 12px calc(12px - var(--sb-reserved));
  }
}
.l-user__body {
  --fz: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-inline-start: 12px;
}
.l-user__body .l-user__nickname {
  white-space: normal;
}
.l-user__lnk {
  --color-link: var(--color-black);
  display: flex;
}
.l-user__lnk > .l-av {
  --av-wh: 44px;
  --av-fz: 20px;
}
.l-user__lnk + .l-user__body {
  margin-inline-start: 56px;
  gap: 8px;
}
.l-user__lnk + .l-user__body > a {
  width: fit-content;
}
.l-user__lnk .b-prmy__fill-c-i {
  margin-inline-start: auto;
}
@media only screen and (max-width: 767.98px) {
  .l-user__lnk .b-prmy__fill-c-i {
    margin-inline-end: 32px;
  }
}
.l-user__nickname {
  --fz: 16px;
  margin-block-end: 2px;
}
.l-user__nickname b {
  word-break: break-word;
}
.l-user__name {
  color: var(--color-darkgrey);
  margin-block-end: 4px;
}
.l-user__scores {
  display: grid;
  min-width: max-content;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.l-user__scores .l-user__score {
  margin-block-end: 0;
}
.l-user__score {
  display: flex;
  border-radius: var(--rd-12);
  border: 1px solid var(--usr-score-color, var(--color-grey2));
  margin-block-end: 12px;
}
@media only screen and (max-width: 480.98px) {
  .l-user__score {
    border-radius: var(--rd-8);
    margin-block-end: 8px;
  }
}
.l-user__score *.grey {
  --fz: 12px;
}
.l-user__score.cr-pr {
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-user__score.cr-pr:hover {
    background-color: var(--color-lightgrey2);
  }
}
.l-user__score.cr-pr:active {
  background-color: var(--color-lightgrey2);
}
.l-user__score._bank {
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  z-index: 1;
}
.l-user__score._bank::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/images3/header/usr-bank-bg.png) 100% 50%/516px auto no-repeat, color-mix(in srgb, var(--color-white) 90%, var(--usr-score-color, var(--color-black)) 10%);
  background-blend-mode: overlay;
  overflow: hidden;
  border-radius: inherit;
  z-index: -2;
}
.l-user__score._bank::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      400px 110px at 0% 30%,
      white 0%,
      white 55%,
      var(--color-white-60) 70%,
      transparent 100%);
  overflow: hidden;
  border-radius: inherit;
  z-index: -1;
}
.l-user__score._bank._gr,
.l-user__score._bank._rd {
  border-color: color-mix(in srgb, var(--color-white) 80%, var(--usr-score-color, var(--color-grey2)) 20%);
}
.l-user__score._bank._gr > div:last-child,
.l-user__score._bank._rd > div:last-child {
  border: 1px solid color-mix(in srgb, var(--color-white) 80%, var(--usr-score-color, var(--color-grey2)) 20%);
  box-shadow: 0 0 8px 0 color-mix(in srgb, var(--color-white) 80%, var(--usr-score-color, var(--color-grey2)) 20%) inset;
}
.l-user__score._bank._gr {
  --usr-score-color: var(--color-darkgreen);
}
.l-user__score._bank._rd {
  --usr-score-color: var(--color-hover);
}
.l-user__score._bank > div {
  display: flex;
  flex-direction: column;
}
.l-user__score._bank > div:first-child {
  gap: 8px;
  width: 100%;
}
.l-user__score._bank > div:first-child > div:not([class]) span {
  font-weight: 700;
  color: var(--usr-score-color, var(--color-black));
}
.l-user__score._bank > div:first-child > div:not([class]) span:nth-child(1) {
  --fz: 24px;
}
.l-user__score._bank > div:first-child > div:not([class]) span:nth-child(2) {
  --fz: 14px;
  margin-inline-start: 8px;
}
.l-user__score._bank > div:last-child {
  gap: 2px;
  text-align: center;
  border-radius: var(--rd-12);
  border: 1px solid var(--usr-score-color, var(--color-grey2));
  background: var(--color-white);
  box-shadow: 0 0 8px 0 var(--usr-score-color, var(--color-grey2)) inset;
  padding: 8px 12px;
  width: fit-content;
}
.l-user__score._bank > div:last-child b {
  --fz: 14px;
  color: var(--color-darkgrey);
}
.l-user__score._rtgr {
  align-items: center;
  padding: 12px 16px;
}
.l-user__score._rtgr > div {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-user__score._rtgr > div:first-child {
  padding-inline-end: 12px;
  cursor: help;
}
.l-user__score._rtgr > div:first-child > b {
  --fz: 14px;
}
.l-user__score._rtgr > div:last-child {
  position: relative;
  padding-inline-start: 13px;
}
.l-user__score._rtgr > div:last-child::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 50%;
  translate: 0 -50%;
  height: 12px;
  border-inline-start: 1px solid var(--color-grey3-80);
}
.l-user__score._cmn {
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  align-items: center;
}
@media only screen and (max-width: 359.98px) {
  .l-user__score._cmn {
    padding: 12px 8px;
  }
}
.l-user__score._cmn > div {
  --fz: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-black);
}
.l-user__score._cmn i.icon-loyalty {
  --icon-c: var(--color-indigo);
}
.l-user__score._cmn i.icon-cup {
  --icon-c: var(--color-gold-mid);
}
.l-user__score-pr {
  --usr-pr-cl: var(--color-grey-act);
  --usr-pr-bg: var(--color-lightgrey-soft);
  --fz: 16px;
  --color-link: var(--color-black);
  position: relative;
  display: flex;
  border-radius: var(--rd-12);
  white-space: normal;
  cursor: pointer;
  background: url(/images3/bg2/user-bonuses/user-promo-code.png) calc(100% + 10px) 50%/auto auto no-repeat, var(--usr-pr-bg);
  background-blend-mode: overlay;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 100%, var(--usr-pr-cl) 25%);
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .l-user__score-pr {
    border-radius: var(--rd-8);
  }
}
.l-user__score-pr > div:not([class]),
.l-user__score-pr > a:not([class]) {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  gap: 4px;
  max-width: calc(100% - 60px);
}
@media only screen and (max-width: 549.98px) {
  .l-user__score-pr > div:not([class]),
  .l-user__score-pr > a:not([class]) {
    padding: 12px;
  }
}
.l-user__score-pr > div:not([class]) > span.grey,
.l-user__score-pr > a:not([class]) > span.grey {
  --fz: 14px;
}
.l-user__score-pr .b-cnts__img {
  position: absolute;
  inset-block-end: -8px;
  inset-inline-end: -4px;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
}
.l-user__score-pr .b-cnts__img > i {
  --icon-w: 12px;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  inset-block-end: 6px;
  inset-inline-end: 2px;
  border-color: var(--color-lightgrey2);
}
.l-user__score-pr:has(.b-cnts__img) {
  background: url(/images3/bg2/user-bonuses/user-promo-contest.png) calc(100% + 44px) 50%/auto auto no-repeat, var(--usr-pr-bg);
}
.l-user__score-pr:has(.b-cnts__img):has(i) {
  border-end-end-radius: var(--rd-8);
}
.l-user__actvt {
  --fz: 14px;
  color: var(--color-darkgrey);
}
.l-user__cntc {
  --color-link: var(--color-black);
  margin-block-start: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.l-user__link {
  --icon-c: var(--color-blue);
  display: flex;
  align-items: center;
}
.l-user__link svg {
  margin-inline-end: 8px;
}
.l-user__link:not(:last-child) {
  margin-block-end: 8px;
}
.l-user__uptp {
  padding-block: 8px 8px;
  padding-inline: 12px 0;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .l-user__uptp {
    padding: 8px 0;
    margin-block-start: 8px;
  }
}
.l-user__uptp-i {
  --fz: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
}
.l-user__uptp-i > span,
.l-user__uptp-i .l-btn.l-btn--ltl {
  color: var(--color-darkgrey);
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-user__uptp-i:hover > span,
  .l-user__uptp-i:hover .l-btn.l-btn--ltl {
    color: var(--color-black);
  }
}
.l-user__uptp-i:active > span,
.l-user__uptp-i:active .l-btn.l-btn--ltl {
  color: var(--color-black);
}
.l-user__uptp-i .l-btn.l-btn--ltl {
  --fz: 16px;
  height: 28px;
  padding: 0 8px;
  border-radius: var(--rd-8);
  background-color: var(--color-lightgrey);
}
.l-user__attn {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: var(--rd-6);
  border: 1px solid var(--color-orange-15);
  background-color: var(--color-orange-05);
  height: 24px;
  padding: 0 8px;
  color: var(--color-orange);
  width: fit-content;
}
.l-user__attn i {
  --icon-w: 14px;
}
@media only screen and (min-width: 767.98px) {
  .l-user__attn:hover {
    background-color: var(--color-orange-10);
  }
}
.l-user__attn:active {
  background-color: var(--color-orange-10);
}
.l-soal {
  display: flex;
  flex-direction: column;
}
.l-soal__cnt {
  display: flex;
  align-items: center;
  gap: 12px;
}
.l-soal__cnt._prit {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
  gap: 12px;
}
@media only screen and (max-width: 663px) {
  .l-soal__cnt._prit {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
@media only screen and (max-width: 549.98px) {
  .l-soal__cnt._prit {
    gap: 8px;
  }
}
.l-soal__prit {
  --fz: 16px;
  --lh: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  padding: 16px 12px 12px;
  gap: 8px;
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .l-soal__prit {
    padding: 12px 12px 8px;
    border-radius: var(--rd-12);
    gap: 4px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-soal__prit:hover {
    background-color: var(--color-bg-lightgrey);
  }
}
.l-soal__prit:active {
  background-color: var(--color-bg-lightgrey);
}
.l-soal__prit .l-soal__item {
  --social-rd: 50%;
}
i.l-soal__item,
.l-soal__item {
  --social-w: 32px;
  --social-h: var(--social-w);
  --social-rd: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--social-w);
  height: var(--social-h);
  flex: 0 0 var(--social-w);
  border-radius: var(--social-rd);
  overflow: hidden;
}
i.l-soal__item.icon-dzen,
.l-soal__item.icon-dzen {
  background: var(--color-white);
  --icon-w: 75%;
  --icon-c: var(--color-bg-dark);
}
i.l-soal__item.icon-facebook,
.l-soal__item.icon-facebook {
  background: var(--color-cyan-mid-alt7);
  --icon-w: 56.25%;
  --icon-c: var(--color-white);
}
i.l-soal__item.icon-odnoklassniki,
.l-soal__item.icon-odnoklassniki {
  background: var(--color-orange-mid-alt6);
  --icon-w: 62.5%;
  --icon-c: var(--color-white);
}
i.l-soal__item.icon-rutube,
.l-soal__item.icon-rutube {
  --icon-w: 100%;
}
i.l-soal__item.icon-telegram,
.l-soal__item.icon-telegram {
  background:
    linear-gradient(
      180deg,
      var(--color-cyan-mid-alt4) 0%,
      var(--color-cyan-mid-alt3) 100%);
  --icon-w: 50%;
  --icon-c: var(--color-white);
}
i.l-soal__item.icon-telegram > svg,
.l-soal__item.icon-telegram > svg {
  translate: -8% 0;
}
i.l-soal__item.icon-instagram,
.l-soal__item.icon-instagram {
  background:
    linear-gradient(
      45deg,
      var(--color-orange-mid-alt7),
      var(--color-red-alt2),
      var(--color-purple-deep),
      var(--color-purple-dark));
  --icon-w: 62.5%;
  --icon-c: var(--color-white);
}
i.l-soal__item.icon-twitter,
.l-soal__item.icon-twitter {
  background: var(--color-lightblue);
  --icon-w: 50%;
  --icon-c: var(--color-white);
}
i.l-soal__item.icon-vkontakte,
.l-soal__item.icon-vkontakte {
  background: var(--color-cyan-mid-alt6);
  --icon-w: 62.5%;
  --icon-c: var(--color-white);
}
i.l-soal__item.icon-whatsapp,
.l-soal__item.icon-whatsapp {
  background: var(--color-green-alt2);
  --icon-w: 62.5%;
  --icon-c: var(--color-white);
}
i.l-soal__item.icon-x,
.l-soal__item.icon-x {
  background: var(--color-white);
  --icon-w: 62.5%;
  --icon-c: var(--color-black);
}
i.l-soal__item.icon-yandex,
.l-soal__item.icon-yandex {
  background: var(--color-red-mid-alt);
  --icon-w: 50%;
  --icon-c: var(--color-white);
  --social-rd: 50%;
}
i.l-soal__item._link,
.l-soal__item._link {
  transition: filter 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  i.l-soal__item._link:hover,
  .l-soal__item._link:hover {
    filter: brightness(0.95);
  }
}
i.l-soal__item._link:active,
.l-soal__item._link:active {
  filter: brightness(0.95);
}
.l-ttl {
  --fz: 16px;
  text-transform: uppercase;
  color: var(--color-darkgrey);
  margin-block-end: 16px;
}
.l-ttl--b {
  font-weight: 700;
  color: var(--color-black);
}
.l-ttl--bk {
  color: var(--color-black);
}
.l-ttl--big {
  --fz: 24px;
  color: var(--color-black);
  font-weight: 700;
}
@media only screen and (max-width: 549.98px) {
  .l-ttl--big {
    --fz: 20px;
  }
}
.l-ttl--lg {
  --fz: 24px;
  color: var(--color-black);
  font-weight: 700;
}
.l-ttl--md {
  --fz: 20px;
  color: var(--color-black);
  font-weight: 700;
}
@media only screen and (max-width: 767.98px) {
  .l-ttl--md {
    --fz: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-ttl--md {
    --fz: 16px;
  }
}
.l-ttl--md2 {
  --fz: 20px;
  color: var(--color-black);
  font-weight: 700;
}
.l-ttl--sm {
  --fz: 14px;
  color: var(--color-black);
  font-weight: 700;
}
.l-ttl--bld {
  font-weight: 700;
  color: var(--color-black);
  text-transform: none;
}
.l-ttl--h,
.l-ttl--q {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
  -webkit-user-select: none;
  user-select: none;
}
@media only screen and (min-width: 767.98px) {
  .l-ttl--h:hover,
  .l-ttl--q:hover {
    color: var(--color-hover);
  }
}
.l-ttl--h:active,
.l-ttl--q:active {
  color: var(--color-hover);
}
.l-ttl--h.open + .l-grid,
.l-ttl--q.open + .l-grid {
  display: grid;
}
.l-ttl--h.open + .l-tgs2,
.l-ttl--q.open + .l-tgs2 {
  display: flex;
}
.l-ttl--h.open + .l-mtch,
.l-ttl--q.open + .l-mtch {
  position: relative;
  display: flex;
  flex-direction: column;
}
.l-ttl--h.open + .l-mtch > i.icon-ex-point,
.l-ttl--q.open + .l-mtch > i.icon-ex-point {
  --icon-c: var(--color-hover);
  position: absolute;
  cursor: help;
  inset-block-start: 50%;
  inset-inline-end: 0;
  translate: 0 -50%;
}
.l-ttl--h.open + .b-lnpt__body,
.l-ttl--q.open + .b-lnpt__body {
  display: grid;
}
.l-ttl--h {
  margin: -24px;
  padding: 24px;
  width: calc(100% + 48px);
}
@media only screen and (max-width: 767.98px) {
  .l-ttl--h {
    margin: -18px;
    padding: 18px;
    width: calc(100% + 36px);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-ttl--h {
    margin: -16px -12px -12px;
    padding: 16px 12px 12px;
    width: calc(100% + 24px);
  }
}
.l-ttl--h i.icon-arrow {
  position: relative;
  inset-block-start: -1px;
  margin-inline-start: 8px;
  pointer-events: none;
}
.l-ttl--h + .l-tgs2,
.l-ttl--h + .l-mtch {
  display: none;
}
.l-ttl--h.open {
  margin-block-end: 0;
  padding-block-end: 16px;
}
@media only screen and (max-width: 480.98px) {
  .l-ttl--h.open {
    padding-block-end: 12px;
  }
}
.l-ttl--h.open i.icon-arrow {
  rotate: 180deg;
}
.l-ttl--h.open + .fq__crd {
  display: block;
}
.l-ttl--h.fq {
  color: var(--color-darkgrey);
}
.l-ttl--h + .fq__crd {
  display: none;
}
.l-ttl--q {
  padding: 16px 0;
  width: 100%;
}
@media only screen and (max-width: 480.98px) {
  .l-ttl--q {
    padding: 12px 0;
  }
}
.l-ttl--q svg {
  position: relative;
  inset-block-start: -1px;
  margin-inline-end: 8px;
  rotate: -90deg;
  transition: rotate 0.2s ease;
}
.l-ttl--q.open {
  padding-block-end: 8px;
  font-weight: 700;
}
.l-ttl--q.open svg {
  rotate: -180deg;
}
.l-ttl._cnt-inv {
  padding: 20px 0 16px;
  margin: 0;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .l-ttl._cnt-inv {
    --fz: 12px;
    padding-block: 16px 12px;
    padding-inline: 12px 0;
  }
}
.l-ttl2 {
  --fz: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding-inline-start: 0;
  margin-block-end: 11px;
}
@media only screen and (max-width: 480.98px) {
  .l-ttl2 {
    --fz: 14px;
  }
}
.l-more {
  --fz: 14px;
  color: var(--color-darkgrey);
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.l-more__d {
  align-self: flex-end;
}
.l-more__dt {
  --fz: 14px;
  --lh: 1.57143;
  color: var(--color-darkgrey);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 549.98px) {
  .l-more__dt {
    --fz: 12px;
    --lh: 1.66667;
  }
}
.l-more__dt:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-more__dt:not(:last-child) {
    margin-block-end: 6px;
  }
}
.l-more__dt.l-cat__row:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-more__dt.l-cat__row:not(:last-child) {
    margin-block-end: 8px;
  }
}
.l-more__dt-lb-i {
  display: flex;
  align-items: center;
  gap: 8px;
}
.l-more__dt-lb {
  background: var(--gradient-pink-orange);
  border: 1px solid transparent;
  background-origin: border-box;
  border-radius: var(--rd-7);
  height: 20px;
  width: fit-content;
}
.l-more__dt-lb > div {
  --lh: 1;
  --fz: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: var(--color-white);
  border-radius: var(--rd-6);
  height: 100%;
  padding: 0 5px;
}
.l-more__dt-lb > div > span {
  background: var(--gradient-pink-orange);
  -webkit-background-clip: text;
  background-clip: text;
  text-fill-color: transparent;
  color: transparent;
}
.l-more__dt-lb i.icon-diamond-gradient {
  --icon-w: 12px;
}
.l-more__i {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-round);
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-more__i {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-more__i:hover {
    background-color: var(--color-lightgrey2);
  }
}
.l-more__i:active {
  background-color: var(--color-lightgrey2);
}
.l-more__i i.icon-options {
  --icon-w: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-more__i i.icon-options {
    --icon-w: 10px;
  }
}
.l-more__dtpr {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 6px;
  width: fit-content;
}
.l-more__dtpr i.icon-pencil {
  --icon-w: 14px;
  --icon-c: var(--color-grey3);
}
@media only screen and (min-width: 767.98px) {
  .l-more__dtpr:hover i.icon-pencil {
    --icon-c: var(--color-darkgrey);
  }
}
.l-more__dtpr:active i.icon-pencil {
  --icon-c: var(--color-darkgrey);
}
.l-noti__cnt {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 2;
}
.l-noti__cnt .l-noti__item {
  border-radius: var(--rd-6);
}
.l-noti__item {
  --fz: 12px;
  --lh: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: 0 4px;
  margin-inline-start: 8px;
  white-space: nowrap;
  height: 16px;
  min-width: 16px;
  color: var(--color-white);
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-100);
}
.l-noti__item._big {
  height: 20px;
  min-width: 20px;
  padding: 0 6px;
  border-radius: var(--rd-6);
}
.l-noti__item._big-alt {
  height: 24px;
  min-width: 24px;
  padding: 0 8px;
  border-radius: var(--rd-6);
}
.l-noti__item._black {
  background: var(--color-black2);
}
.l-noti__item._grey {
  background: var(--color-lightgrey);
  color: var(--color-darkgrey);
}
.l-noti__item._red {
  --fz: 14px;
  margin: 0;
  background: var(--color-red-pale);
  color: var(--color-hover);
  gap: 6px;
  font-weight: 400;
}
.l-noti__item._red > div:first-child {
  display: flex;
  align-items: center;
  gap: 6px;
}
.l-noti__item._red > div:first-child::after {
  content: "";
  display: inline-block;
  height: 10px;
  border-inline-end: 1px solid var(--color-hover-20);
}
.l-btn {
  --btn-loading-c1: var(--color-cyan-deep-alt);
  --btn-loading-c2: var(--color-blue);
  --fz: 14px;
  --lh: 1;
  color: var(--color-white);
  position: relative;
  display: inline-block;
  background-color: var(--color-blue);
  border: none;
  border-radius: var(--rd-16);
  padding: 14px 24px;
  height: 44px;
  cursor: pointer;
  outline-style: none;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  transition: all 0.2s ease;
  width: fit-content;
}
@media only screen and (min-width: 767.98px) {
  .l-btn:hover {
    background-color: var(--color-blue-h);
  }
}
.l-btn:active {
  background-color: var(--color-blue-a);
}
.l-btn.disabled,
.l-btn:disabled {
  cursor: no-drop;
  background-color: var(--color-blue-d);
  position: static;
}
.l-btn.loading {
  cursor: no-drop;
  animation: btnLoading 60s linear infinite;
  background:
    repeating-linear-gradient(
      60deg,
      var(--btn-loading-c1) 5px,
      var(--btn-loading-c2) 0,
      var(--btn-loading-c1) 25px) 0 0/23px;
}
.l-btn._fz16 {
  --fz: 16px;
}
@media only screen and (min-width: 549.98px) {
  .l-btn._fz16-mesm {
    --fz: 16px;
  }
}
.l-btn--g {
  background-color: var(--color-lightgrey);
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .l-btn--g:hover {
    background-color: var(--color-grey2-h);
  }
}
.l-btn--g:active {
  background-color: var(--color-grey2-a);
}
.l-btn--g.disabled,
.l-btn--g:disabled {
  background-color: var(--color-grey2-d);
  color: var(--color-addgrey);
}
.l-btn--t {
  --fz: 16px;
  background: var(--color-white-60);
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .l-btn--t:hover {
    background: var(--color-white-80);
  }
}
.l-btn--t:active {
  background: var(--color-white-80);
}
.l-btn--br {
  padding: 14px 23px;
  background-color: transparent;
  border: 1px solid var(--color-black);
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .l-btn--br:hover {
    background-color: var(--color-border-h);
  }
}
.l-btn--br:active {
  background-color: var(--color-border-a);
}
.l-btn--br.disabled,
.l-btn--br:disabled {
  color: var(--color-addgrey);
  border-color: var(--color-addgrey);
  background-color: transparent;
}
.l-btn--br.active {
  background: var(--gradient-pink-orange);
  color: var(--color-white);
  border-color: transparent;
}
.l-btn--br__lgt {
  background-color: var(--color-lightgrey);
  padding: 4px 12px;
  height: 32px;
  color: var(--color-black);
  border: none;
  display: flex;
  align-items: center;
  border-radius: var(--rd-12);
}
@media only screen and (min-width: 767.98px) {
  .l-btn--br__lgt:hover {
    background-color: var(--color-grey-pale-alt2);
  }
}
.l-btn--br__lgt:active {
  background-color: var(--color-grey-pale-alt2);
}
.l-btn--br-g {
  border-color: var(--color-grey2);
}
.l-btn--w {
  background-color: var(--color-white);
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .l-btn--w:hover {
    color: var(--color-white);
  }
}
.l-btn--w:active {
  color: var(--color-white);
}
.l-btn--w.disabled,
.l-btn--w:disabled {
  color: var(--color-white);
}
.l-btn--add {
  background-color: var(--color-grey2);
  color: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease 0s;
  height: 28px;
  padding: 0 7px;
}
@media only screen and (min-width: 767.98px) {
  .l-btn--add:hover {
    background-color: var(--color-grey2-h);
  }
}
.l-btn--add:active {
  background-color: var(--color-grey2-a);
}
.l-btn--b {
  width: 100%;
}
@media only screen and (max-width: 480.98px) {
  .l-btn--b-xs {
    width: 100%;
    text-align: center;
  }
}
.l-btn--f {
  --fz: 16px;
  padding: 16px 32px;
  height: 56px;
  border-radius: var(--rd-20);
}
.l-btn--f-esm {
  --fz: 16px;
  padding: 16px 32px;
  height: 56px;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .l-btn--f-esm {
    --fz: 14px;
    height: 44px;
    padding: 11px 24px;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-btn--l {
    --fz: 13px;
    padding: 8px 12px;
    height: 32px;
    border-radius: var(--rd-12);
  }
}
.l-btn--s {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-addgrey);
  max-width: 88px;
  border-radius: var(--rd-12);
  width: 100%;
  height: 56px;
  padding: 0;
}
@media only screen and (min-width: 767.98px) {
  .l-btn--s:hover {
    background-color: var(--color-bg-lightgrey);
  }
}
.l-btn--s:active {
  background-color: var(--color-grey2-h);
}
@media only screen and (max-width: 549.98px) {
  .l-btn--sm {
    --fz: 14px;
    padding: 8px 11px;
    height: 32px;
  }
}
.l-btn--grd {
  background: var(--gradient-pink-orange);
  padding: 9px 8px;
  height: 32px;
}
@media only screen and (min-width: 767.98px) {
  .l-btn--grd:hover {
    filter: brightness(0.95);
  }
}
.l-btn--grd:active {
  filter: brightness(0.95);
}
.l-btn--ltl {
  padding: 6px 16px;
  height: 32px;
  border-radius: var(--rd-12);
}
.l-btn--ltl > span.crc-cnt {
  --fz: 12px;
  --lh: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: var(--rd-round);
  background-color: var(--color-white);
  color: var(--clr-rb1);
  font-weight: 600;
  padding: 0 4px;
  margin-inline-start: 8px;
}
.l-btn--ltl.l-btn--br__lgt {
  --icon-c: var(--color-black2);
  --icon-w: 14px;
  padding: 4px 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-btn--ltl.l-btn--br__lgt:last-child {
    margin-inline-start: 8px;
  }
}
.l-btn--err {
  color: var(--color-white);
  background-color: var(--color-darkred);
}
@media only screen and (min-width: 767.98px) {
  .l-btn--err:hover {
    background-color: var(--color-darkred-dark);
  }
}
.l-btn--err:active {
  background-color: var(--color-darkred-dark);
}
.l-btn--dzen {
  --fz: 16px;
  padding-block: 10px 10px;
  padding-inline: 20px 24px;
  height: 52px;
  background-color: var(--color-grey-darkest);
  color: var(--color-white);
  border-radius: var(--rd-16);
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .l-btn--dzen {
    width: 100%;
  }
}
.l-btn--dzen::before {
  content: "";
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  background: url(/images3/common/dzen-btn.svg) 50% 50%/32px 32px no-repeat;
  margin-inline-end: 12px;
}
@media only screen and (min-width: 767.98px) {
  .l-btn--dzen:hover {
    background-color: var(--color-grey-darkest-85);
  }
}
.l-btn--dzen:active {
  background-color: var(--color-grey-darkest-85);
}
.l-btn--black {
  background-color: var(--color-black2);
  color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .l-btn--black:hover {
    background-color: var(--color-grey-deep);
  }
}
.l-btn--black:active {
  background-color: var(--color-grey-deep);
}
.l-btn--brw {
  background-color: var(--color-white);
  color: var(--color-black);
  border: 1px solid var(--color-grey2);
}
@media only screen and (min-width: 767.98px) {
  .l-btn--brw:hover {
    background-color: var(--color-lightgrey2);
    color: var(--color-black);
  }
}
.l-btn--brw:active {
  background-color: var(--color-lightgrey2);
  color: var(--color-black);
}
.l-btn--rd-xl {
  border-radius: var(--rd-100);
}
.l-btn._tg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background-color: var(--color-cyan-mid-alt8);
}
@media only screen and (max-width: 549.98px) {
  .l-btn._tg {
    width: 100%;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-btn._tg:hover {
    background-color: var(--color-blue);
  }
}
.l-btn._tg:active {
  background-color: var(--color-blue);
}
.l-btn._tg svg {
  --icon-w: 14px;
  --icon-c: var(--color-white);
}
.l-btn._tg.active {
  box-shadow: inset 0 0 0 1px var(--color-grey2);
  background: var(--color-lightgrey);
  color: var(--color-black);
}
.l-btn._tg.active svg {
  --icon-c: var(--color-black);
}
a.l-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 767.98px) {
  a.l-btn:hover {
    color: var(--color-white);
  }
}
a.l-btn:active {
  color: var(--color-white);
}
a.l-btn.disabled {
  pointer-events: none;
}
@media only screen and (min-width: 767.98px) {
  a.l-btn--br:hover,
  a.l-btn--g:hover {
    color: var(--color-black);
  }
}
a.l-btn--br:active,
a.l-btn--g:active {
  color: var(--color-black);
}
.l-link {
  color: var(--color-link);
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-link:hover {
    --color-link: var(--color-hover);
  }
}
.l-link:active {
  --color-link: var(--color-hover);
}
.l-link--png {
  --fz: 16px;
  cursor: pointer;
  display: inline-block;
  border-block-end: 1px dotted var(--color-link);
  transition: color 0.2s ease, border-color 0.2s ease;
}
@media only screen and (min-width: 480.98px) {
  .l-link--png {
    margin-block-start: 4px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-link--png {
    --fz: 14px;
  }
}
.l-link--sm {
  --fz: 14px;
  border-width: 0 0 1px 0;
  cursor: pointer;
  outline-style: none;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  padding: 0;
}
@media only screen and (min-width: 549.98px) {
  .l-link--sm._pc {
    --fz: 16px;
  }
}
.l-link--g {
  --color-link: var(--color-darkgrey);
  --fz: 14px;
}
.l-link--b {
  --color-link: var(--color-white);
  --fz: 14px;
  display: inline-block;
  background-color: var(--color-black);
  width: fit-content;
  padding: 4px 8px;
  border-radius: var(--rd-6);
  margin-block-start: 4px;
}
@media only screen and (min-width: 767.98px) {
  .l-link--b:hover {
    --color-link: var(--color-white);
    opacity: 0.7;
  }
}
.l-link--b:active {
  --color-link: var(--color-white);
  opacity: 0.7;
}
.l-link__mdl {
  --color-link: var(--color-black);
  display: flex;
  align-items: center;
}
.l-link__mdl .l-link {
  --fz: 14px;
}
.l-crd {
  position: relative;
  padding: 24px;
  background-color: var(--color-white);
}
@media only screen and (min-width: 549.98px) {
  .l-crd {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 767.98px) {
  .l-crd {
    padding: 20px 18px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd {
    padding: 16px 12px 12px;
    border-radius: var(--rd-16);
  }
}
.l-crd:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-crd:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd:not(:last-child) {
    margin-block-end: 16px;
  }
}
.l-crd._bd-gr {
  --fz: 16px;
  border: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 767.98px) {
  .l-crd._bd-gr {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd._bd-gr {
    --fz: 14px;
    padding: 12px;
  }
}
.l-crd._bd-gr {
  --fz: 16px;
  border: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 767.98px) {
  .l-crd._bd-gr {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd._bd-gr {
    --fz: 14px;
    padding: 12px;
  }
}
.l-crd._bd-gr._cntr {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.l-crd._user {
  padding: 24px;
  border-block-start: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 767.98px) {
  .l-crd._user {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd._user {
    padding: 12px;
  }
}
.l-crd--bns-c-p .bdr-w {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  grid-column-start: 1;
  grid-column-end: 4;
  padding-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-crd--bns-c-p .bdr-w {
    grid-column-end: 3;
    gap: 20px;
    padding-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd--bns-c-p .bdr-w {
    gap: 16px;
    padding-block-start: 16px;
  }
}
.l-crd--bns-c-p .bdr-w::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 0;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 359.98px) {
  .l-crd--bns-c-p .l-grid .l-slct {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-crd--bns-c-p .l-grid .l-inpt__form:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.l-crd--bns-c-p .l-grid .l-inpt__form:nth-child(4),
.l-crd--bns-c-p .l-grid .l-inpt__form:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: 4;
}
@media only screen and (max-width: 767.98px) {
  .l-crd--bns-c-p .l-grid .l-inpt__form:nth-child(4),
  .l-crd--bns-c-p .l-grid .l-inpt__form:nth-child(5) {
    grid-column-end: 3;
  }
}
.l-crd > .l-ttl2,
.l-crd h1.l-ttl2 {
  min-height: 22px;
}
@media only screen and (max-width: 480.98px) {
  .l-crd > .l-ttl2,
  .l-crd h1.l-ttl2 {
    min-height: 19px;
  }
}
.l-crd > .l-ttl2:last-child,
.l-crd h1.l-ttl2:last-child {
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-crd > .l-pgn {
    margin-block-end: 0;
  }
}
.l-crd .l-crd__q:not(:last-child) {
  border-block-end: 1px solid var(--color-grey2);
}
.l-crd .l-crd__q:first-child {
  margin-block-start: -16px;
}
@media only screen and (max-width: 480.98px) {
  .l-crd .l-crd__q:first-child {
    margin-block-start: -12px;
  }
}
.l-crd .l-crd__q:last-child {
  margin-block-end: -16px;
}
@media only screen and (max-width: 480.98px) {
  .l-crd .l-crd__q:last-child {
    margin-block-end: -12px;
  }
}
.l-crd .l-crd__q .l-grid {
  padding-inline-start: 24px;
  margin-block-end: 16px;
}
@media only screen and (max-width: 480.98px) {
  .l-crd .l-crd__q .l-grid {
    margin-block-end: 12px;
  }
}
.l-crd--fl {
  display: flex;
  align-items: center;
  padding: 3px;
}
.l-crd--fl span {
  margin-inline-end: 24px;
}
.l-crd--fl .l-btn {
  --lh: 1;
  border-radius: var(--rd-100);
  height: 44px;
  min-width: 64px;
  padding: 11px 18px;
}
.l-crd--fl .l-btn:not(:last-child) {
  margin-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-crd--fl .l-btn {
    padding: 7px 12px;
    height: 36px;
    min-width: 52px;
  }
}
.l-crd--bg {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 549.98px) {
  .l-crd--bg > p {
    padding-inline-end: 150px;
  }
}
.l-crd--bg .l-btn {
  display: inline-flex;
  text-align: center;
}
@media only screen and (min-width: 767.98px) {
  .l-crd--bg .l-btn:hover {
    color: var(--color-white);
  }
}
.l-crd--bg .l-btn:active {
  color: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .l-crd--bg .l-btn {
    width: 100%;
  }
}
.l-crd--bg::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: -50px;
  width: 431px;
  height: 441px;
  transform: translate(50%, -50%);
  background: url(/images3/common/bubbles.svg) 150% 50% no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .l-crd--bg::before {
    inset-block-start: calc(100% - 100px);
    inset-inline-end: 0;
    width: 100%;
    height: 480px;
    transform: translate(0, 0);
    background: url(/images3/common/bubbles-m.svg) 50% 50% no-repeat;
  }
}
.l-crd--fv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.l-crd--fv .l-ttl--bld {
  --fz: 20px;
  margin-block-end: 8px;
}
.l-crd--fv > picture {
  display: flex;
  margin-block-end: 12px;
}
.l-crd--fv > picture img {
  width: 86px;
  height: 64px;
}
.l-crd--fv p {
  margin-block-end: 24px;
}
.l-crd--fv > span {
  max-width: 470px;
}
@media only screen and (max-width: 549.98px) {
  .l-crd--fv > span {
    --fz: 14px;
  }
}
.l-crd--fv > span + .l-btn,
.l-crd--fv > span + a {
  margin-block-start: 12px;
}
.l-crd--fv > span + .l-cat__row {
  margin-block-start: 8px;
}
.l-crd__fv {
  position: relative;
  padding: 11px 11px 0;
  border-radius: var(--rd-20) var(--rd-20) 0 0;
  border: 1px solid var(--color-addgrey);
  display: flex;
  flex-direction: column;
  max-width: 360px;
  width: 100%;
  border-block-end: none;
  text-align: start;
}
@media only screen and (max-width: 480.98px) {
  .l-crd__fv {
    max-width: 288px;
  }
}
.l-crd__fv span {
  display: inline-block;
  margin-block-end: 12px;
}
.l-crd__fv span:not(:nth-child(5)) {
  height: 24px;
  border-radius: var(--rd-100);
}
.l-crd__fv span:first-child,
.l-crd__fv span:nth-child(3),
.l-crd__fv span:nth-child(4) {
  background-color: var(--color-lightgrey);
}
.l-crd__fv span:nth-child(2),
.l-crd__fv span:nth-child(5) {
  background-color: var(--color-addgrey);
}
.l-crd__fv span:first-child {
  width: 45%;
}
.l-crd__fv span:nth-child(2) {
  width: 80%;
}
.l-crd__fv span:nth-child(3) {
  width: 100%;
}
.l-crd__fv span:nth-child(4) {
  width: 70%;
}
.l-crd__fv span:nth-child(5) {
  height: 52px;
  width: 100%;
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-crd__fv span:nth-child(5) {
    height: 48px;
  }
}
.l-crd__fv i {
  --icon-w: 24px;
  position: absolute;
  inset-block-start: 11px;
  inset-inline-end: 11px;
  cursor: default;
  z-index: 1;
}
.l-crd__fv i::after {
  content: "";
  position: absolute;
  inset-block-start: 18px;
  inset-inline-start: 6px;
  width: 20px;
  height: 24px;
  display: block;
  background: url(/images3/common/hover.png) no-repeat;
}
.l-crd--grey {
  color: var(--color-darkgrey);
}
@media only screen and (max-width: 549.98px) {
  .l-crd--grey {
    padding: 0 12px;
    text-align: center;
  }
}
.l-crd--grey:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-crd--grey:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd--grey:not(:last-child) {
    margin-block-end: 16px;
  }
}
.l-crd > p.notif {
  visibility: hidden;
  color: var(--color-hover);
  padding: 10px 10px 0;
}
.l-crd > p.notif.active {
  visibility: visible;
}
.l-crd > .per-fltr {
  display: flex;
  margin: 16px 0;
  gap: 8px;
  overflow: scroll;
}
.l-crd--chld.srch {
  width: 700px;
  margin: 5px;
  max-height: 256px;
  overflow: scroll;
}
@media only screen and (max-width: 549.98px) {
  .l-crd--chld.srch {
    width: 100%;
  }
}
.l-crd--chld.srch .b-lrng__item {
  border-block-end: none;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .l-crd--chld.srch .b-lrng__item {
    display: flex;
    flex-direction: row;
  }
}
.l-crd--chld.srch .icon-blank {
  --icon-w: 20px;
  margin-inline-end: 5px;
}
@media only screen and (max-width: 549.98px) {
  .l-crd--chld.srch .icon-blank {
    --icon-w: 16px;
    padding-inline-end: 16px;
  }
}
.l-crd._grades {
  padding: 8px 0;
}
@media only screen and (max-width: 549.98px) {
  .l-crd._grades {
    padding: 0;
  }
}
.l-crd._grades .l-acrd {
  padding: 0 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-crd._grades .l-acrd {
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd._grades .l-acrd {
    padding: 0 12px;
  }
}
.l-crd._grades .l-acrd:not(:last-child) .l-tips__grade {
  box-shadow: inset 0 -1px 0 0 var(--color-lightgrey);
}
.l-crd._grades .l-acrd:not(:last-child) .l-avrd:last-child {
  box-shadow: inset 0 -1px 0 0 var(--color-grey2);
}
.l-crd._grades .l-acrd__cn {
  margin-block-start: -1px;
  margin-inline: -24px;
}
@media only screen and (max-width: 767.98px) {
  .l-crd._grades .l-acrd__cn {
    margin-inline: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd._grades .l-acrd__cn {
    margin-inline: -12px;
  }
}
.l-crd._grades .l-acrd__cn .l-avrd {
  padding: 16px 24px;
  margin: 0;
}
@media only screen and (max-width: 767.98px) {
  .l-crd._grades .l-acrd__cn .l-avrd {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-crd._grades .l-acrd__cn .l-avrd {
    padding: 12px;
  }
}
.l-crd._grades .l-acrd__cn .l-avrd:first-child {
  border-block-start: 1px solid var(--color-grey2);
}
.l-crd._grades .l-acrd__cn .l-avrd:not(:first-child) {
  padding-block-start: 0;
}
@property --pgPercentage { syntax: "<number>"; inherits: false; initial-value: 0; }
.f {
  --fz: 16px;
  position: relative;
  text-align: start;
}
.f-check,
.f-radio {
  --fz: 16px;
  display: flex;
  align-items: center;
  padding-inline-start: 26px;
  width: fit-content;
  position: relative;
  cursor: pointer;
}
.f-check input,
.f-radio input {
  position: absolute;
  cursor: pointer;
  height: 0;
  width: 0;
  opacity: 0;
}
.f-check input:focus + span:after,
.f-radio input:focus + span:after {
  border-color: var(--color-grey);
}
.f-check input:checked + span:after,
.f-radio input:checked + span:after {
  border-color: transparent;
}
.f-check input:checked + span:before,
.f-radio input:checked + span:before {
  opacity: 1;
}
.f-check span,
.f-radio span {
  text-align: start;
}
.f-check > span:first-of-type:not(:last-child),
.f-radio > span:first-of-type:not(:last-child) {
  margin-inline-end: 6px;
}
.f-check > span:first-of-type::before,
.f-check > span:first-of-type::after,
.f-radio > span:first-of-type::before,
.f-radio > span:first-of-type::after {
  content: "";
  height: 18px;
  width: 18px;
  position: absolute;
  inset-block-start: 2px;
  inset-inline-start: 0;
  transition: all 0.2s ease 0s;
}
.f-check > span:first-of-type::before,
.f-radio > span:first-of-type::before {
  opacity: 0;
  background: var(--gradient-pink-orange);
}
.f-check > span:first-of-type::after,
.f-radio > span:first-of-type::after {
  border: 1px solid var(--color-addgrey);
}
.f-check > span:first-of-type.dotted,
.f-radio > span:first-of-type.dotted {
  border-block-end: 1px dotted var(--color-black);
  cursor: pointer;
  transition: all 0.2s ease 0s;
}
@media only screen and (min-width: 767.98px) {
  .f-check > span:first-of-type.dotted:hover,
  .f-radio > span:first-of-type.dotted:hover {
    border-color: var(--color-hover);
    color: var(--color-hover);
  }
}
.f-check > span:first-of-type.dotted:active,
.f-radio > span:first-of-type.dotted:active {
  border-color: var(--color-hover);
  color: var(--color-hover);
}
.f-check > .grey,
.f-radio > .grey {
  margin-inline-start: 4px;
}
.f-check + .l-btn,
.f-radio + .l-btn {
  margin-block-start: 16px;
}
.f-check:has(input[disabled]),
.f-check.disabled,
.f-radio:has(input[disabled]),
.f-radio.disabled {
  opacity: 0.5;
  cursor: no-drop;
  transition: opacity 0.2s ease;
}
.f-check input.ng-invalid.ng-touched:not(:checked) + span:after {
  border-color: var(--color-red-pale-alt);
  background-color: var(--color-red-pale-alt);
  background-image: none;
}
.f-check > span:first-of-type::before,
.f-check > span:first-of-type::after {
  border-radius: var(--rd-5);
}
.f-check > span:first-of-type::after {
  background-image: url(/images3/interface2/check2.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 2px 2px;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.f-check > span:first-of-type.dash::after {
  background-image: url(/images3/interface2/check-dash.svg);
  background-size: 12px;
  background-position: 2px 6px;
}
.f-check > span:first-of-type.img {
  display: flex;
  align-items: center;
}
.f-check > span:first-of-type.img > picture {
  width: 28px;
  height: 28px;
}
.f-check:has(input[disabled]),
.f-check.disabled {
  cursor: no-drop;
  color: var(--color-darkgrey);
}
.f-check:has(input[disabled]) span.grey,
.f-check.disabled span.grey {
  color: var(--color-darkgrey) !important;
}
.f-check:has(input[disabled]) input:checked + span:before,
.f-check.disabled input:checked + span:before {
  opacity: 0.3;
}
.f-check.dis-act {
  color: var(--color-darkgrey);
}
.f-check.dis-act span.grey {
  color: var(--color-darkgrey) !important;
}
.f-radio:not(:last-child) {
  margin-block-end: 8px;
}
.f-radio input:checked + span:after {
  width: 10px;
  height: 10px;
  inset-inline-start: 4px;
  inset-block-start: 6px;
  background-color: var(--color-white);
  z-index: 1;
}
.f-radio > span:first-of-type::before,
.f-radio > span:first-of-type::after {
  border-radius: var(--rd-round);
}
.f-radio > span:first-of-type::before {
  border: 5px solid transparent;
  background: var(--gradient-pink-orange);
  background-origin: border-box;
}
.f-radio__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .f-radio__list {
    gap: 12px;
  }
}
.f-radio__list:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .f-radio__list:not(:last-child) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .f-radio__list:not(:last-child) {
    margin-block-end: 12px;
  }
}
.f-radio__list._scroll {
  overflow: hidden scroll;
  margin-inline-end: calc(var(--sp-reserved) * -1);
  max-height: 700px;
}
.f-radio__list._scroll::-webkit-scrollbar {
  display: block;
}
.f-radio__item {
  display: grid;
  grid-template-columns: 1fr 16px;
  grid-template-areas: "a c" "b c";
  column-gap: 16px;
  align-items: start;
}
@media only screen and (max-width: 549.98px) {
  .f-radio__item {
    column-gap: 12px;
  }
}
.f-radio__item .f-radio {
  grid-area: a;
  margin: 0;
  padding-inline-start: 34px;
}
@media only screen and (max-width: 549.98px) {
  .f-radio__item .f-radio {
    padding-inline-start: 30px;
  }
}
.f-radio__item .l-cat__row {
  --fz: 14px;
  grid-area: b;
  margin-block: 0 0;
  margin-inline: 34px 0;
}
@media only screen and (max-width: 549.98px) {
  .f-radio__item .l-cat__row {
    --fz: 12px;
    margin-block: 0 0;
    margin-inline: 30px 0;
    flex-direction: column;
    align-items: baseline;
    gap: 2px;
  }
  .f-radio__item .l-cat__row > span:not(:last-child) {
    padding: 0;
  }
  .f-radio__item .l-cat__row > span:not(:last-child)::before {
    content: none;
  }
}
.f-radio__item .l-cat__row:not(:last-child) {
  margin-block: 0 0;
  margin-inline: 34px 0;
}
@media only screen and (max-width: 549.98px) {
  .f-radio__item .l-cat__row:not(:last-child) {
    margin-block: 0 0;
    margin-inline: 30px 0;
  }
}
.f-radio__item .icon-trash {
  grid-area: c;
  cursor: pointer;
  margin: auto;
}
.f-radio__item:has(.l-cat__row span) {
  row-gap: 4px;
}
.f-radio__item:has(+ .f-radio__item) .l-cat__row {
  padding-block-end: 16px;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .f-radio__item:has(+ .f-radio__item) .l-cat__row {
    padding-block-end: 12px;
  }
}
.f-radio__block {
  display: flex;
  flex-direction: column;
}
.f-radio__block > div.grey {
  --fz: 16px;
}
.f-radio__block > div.grey:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .f-radio__block > div.grey:not(:last-child) {
    margin-block-end: 12px;
  }
}
.f-radio__block .f-radio:not(:last-child) {
  margin-block-end: 12px;
}
.f-error {
  text-align: start;
  color: var(--color-darkred);
}
.f-error + .l-btn {
  margin-block-start: 20px;
}
.f-upl--cmt.file-upload--image-hover .f-upl__i,
.f-upl--cmt.active .f-upl__i {
  position: absolute;
  border: 1px dashed var(--color-darkgrey);
}
.f-upl--cmt.file-upload--image-hover .f-upl__l span,
.f-upl--cmt.active .f-upl__l span {
  height: 50px;
}
.f-upl--cmt.file-upload--image-hover .f-upl__img-c,
.f-upl--cmt.active .f-upl__img-c {
  visibility: hidden;
}
.f-upl--cmt .f-upl__i {
  position: static;
  border: none;
}
.f-upl--cmt .f-upl__img-c {
  display: flex;
  border-radius: 0;
  margin-block-end: 8px;
  overflow-x: scroll;
  overflow-y: hidden;
  overscroll-behavior-x: none;
}
.f-upl--cmt .f-upl__img-c::-webkit-scrollbar {
  width: 0;
}
.f-upl--cmt .f-upl__img-c::-webkit-scrollbar-thumb {
  width: 4px;
  border: 2px solid transparent;
}
.f-upl--cmt .f-upl__img {
  height: 44px;
  width: 78px;
  position: relative;
  border-radius: var(--rd-12);
}
.f-upl--cmt .f-upl__img:not(:last-child) {
  margin-inline-end: 16px;
}
.f-upl--cmt .f-upl__img::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-bg-dark-10);
  border-radius: var(--rd-12);
  z-index: 2;
}
.f-upl--cmt .f-upl__img::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-image: url(/images3/interface2/no-image.svg);
  width: 24px;
  height: 20px;
}
.f-upl--cmt .f-upl__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--color-white);
  position: relative;
  z-index: 2;
  border-radius: var(--rd-12);
}
.f-upl--cmt .f-upl__d {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -4px;
  cursor: pointer;
  background-color: var(--color-white);
  z-index: 3;
  border-radius: var(--rd-round);
}
.f-upl--cmt .l-spnr {
  --spnr-wh: 20px;
}
.f-upl--ps {
  position: relative;
  min-height: 56px;
}
.f-upl--ps .f-upl__i {
  border: none;
  height: auto;
  padding-block-end: 1px;
}
.f-upl--ps .f-upl__img-c {
  margin-block-end: 64px;
}
@media only screen and (max-width: 549.98px) {
  .f-upl--ps .f-upl__img-c {
    margin-block-end: 56px;
  }
}
@media only screen and (max-width: 480.98px) {
  .f-upl--ps .f-upl__img-c {
    margin-block-end: 68px;
  }
}
.f-upl--ps .f-upl__img-c.active ~ .f-upl__l {
  pointer-events: auto;
}
.f-upl--ps .f-upl__img-c + .f-upl__l {
  margin-block-start: 64px;
}
@media only screen and (max-width: 549.98px) {
  .f-upl--ps .f-upl__img-c + .f-upl__l {
    margin-block-start: 56px;
  }
}
.f-upl--ps .f-upl__l {
  border: 1px dashed var(--color-darkgrey);
  border-radius: var(--rd-12);
  max-height: 56px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.f-upl--ps .f-upl__l i.icon-photo {
  display: none;
}
.f-upl--ps.active.f-upl__i {
  min-height: 56px;
  padding-block-end: 1px;
}
.f-upl--ps.active.f-upl__i .f-upl__img-c,
.f-upl--ps.active.f-upl--cmt .f-upl__img-c {
  display: flex;
  visibility: visible;
}
.f-upl--ps.active.f-upl__i .f-upl__l,
.f-upl--ps.active.f-upl--cmt .f-upl__l {
  height: 56px;
  max-height: 56px;
  background-color: var(--color-bg-lightgrey);
  border-color: var(--color-black);
}
.f-upl--ps.active.f-upl__i .f-upl__l span,
.f-upl--ps.active.f-upl--cmt .f-upl__l span {
  height: 100%;
}
.f-upl--ps.active.f-upl__i .f-upl__i,
.f-upl--ps.active.f-upl--cmt .f-upl__i {
  position: static;
  border: none;
}
.f-upl.upld .f-upl__i {
  border: 1px solid var(--color-darkgrey);
}
.f-upl.file-upload--image-hover .f-upl__i,
.f-upl.active .f-upl__i {
  z-index: 2;
  background-color: var(--color-white);
}
.f-upl.file-upload--image-hover .f-upl__l,
.f-upl.active .f-upl__l {
  width: 100%;
  inset-inline-start: 0;
}
.f-upl.file-upload--image-hover .f-upl__l i.icon-photo,
.f-upl.active .f-upl__l i.icon-photo {
  display: none;
}
.f-upl.file-upload--image-hover .f-upl__l span,
.f-upl.active .f-upl__l span {
  display: flex !important;
  flex-wrap: wrap;
  white-space: normal;
  text-align: center;
}
.f-upl__i {
  width: 100%;
  height: 44px;
  border-radius: var(--rd-12);
  position: relative;
  border: dashed 1px var(--color-darkgrey);
}
.f-upl__i.file-upload--image-hover,
.f-upl__i.active {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-lightgrey);
}
.f-upl__i.file-upload--image-hover .f-upl__img-c,
.f-upl__i.active .f-upl__img-c {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .f-upl__i.file-upload--image-hover:hover,
  .f-upl__i.active:hover {
    background-color: var(--color-white);
  }
}
.f-upl__i.file-upload--image-hover:active,
.f-upl__i.active:active {
  background-color: var(--color-white);
}
.f-upl__reset {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-black);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  cursor: pointer;
}
.f-upl__img-c {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: var(--rd-round);
  overflow: hidden;
}
.f-upl__img-c:not(.loading) .l-spnr {
  display: none;
}
.f-upl__img-c.active ~ .f-upl__l {
  pointer-events: none;
}
.f-upl__img-c.active ~ .f-upl__l i.icon-photo {
  pointer-events: auto;
  position: relative;
  inset-block-start: 32px;
}
@media only screen and (max-width: 480.98px) {
  .f-upl__img-c.active ~ .f-upl__l i.icon-photo {
    inset-block-start: 26px;
  }
}
.f-upl__img-c ~ .f-upl__l i.icon-photo {
  position: relative;
  inset-block-start: -3px;
}
.f-upl__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--color-white);
}
.f-upl__l {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.f-upl__l input {
  display: none;
}
.f-upl__l span {
  --fz: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-darkgrey);
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.f-upl__l i.icon-photo {
  --icon-w: 24px;
}
@media only screen and (max-width: 549.98px) {
  .f-upl__l i.icon-photo {
    --icon-w: 20px;
  }
}
.l-spnr {
  --spnr-wh: 24px;
  --spnr-c: var(--color-link);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-spnr svg {
  width: var(--spnr-wh);
  height: var(--spnr-wh);
  animation: spinner-rotate 2s linear infinite;
}
.l-spnr circle {
  fill: none;
  stroke: var(--spnr-c);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: spinner-dash 1.5s ease-in-out infinite;
}
.f--auth .f-upl {
  margin-block-end: 46px;
}
.f--auth .f-upl__img-c {
  pointer-events: none;
  z-index: 1;
}
.f--auth .f-upl__i {
  margin: 0 auto;
  border-radius: var(--rd-round);
  width: 110px;
  height: 110px;
  overflow: visible;
}
.f--auth .f-upl__i::before {
  content: "";
  position: absolute;
  border-radius: var(--rd-round);
  width: 100%;
  height: 100%;
  display: inline-block;
  inset-inline-start: 0;
  inset-block-start: 0;
  overflow: hidden;
}
.f--auth .f-upl__i.file-upload--image-hover::before,
.f--auth .f-upl__i.active::before {
  display: none;
}
.f--auth .f-upl__i .f-upl__l .icon-add {
  --icon-w: 40px;
  transform: translate(-50%, -50%);
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
}
.f--auth .f-upl__i .f-upl__l span {
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -30px;
  height: auto;
}
.f-desc {
  --fz: 16px;
  color: var(--color-black);
}
.f-desc:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .f-desc:not(:last-child) {
    margin-block-end: 16px;
  }
}
.f-desc._sm:not(:last-child) {
  margin-block-end: 16px;
}
.f-desc._grey {
  color: var(--color-darkgrey);
}
.f-upl__av {
  position: relative;
}
.f-upl__av .l-av::after {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  inset-inline-start: -4px;
  inset-block-start: -4px;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='1000' ry='1000' stroke='%238C8C8C' stroke-width='2' stroke-dasharray='9' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.f-upl__av .l-av > .l-av__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.f-upl__av .l-av > .l-av__img img {
  width: auto;
  height: auto;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 {
  display: flex;
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 0;
  pointer-events: auto;
  z-index: 3;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5.ngx-ix-hidden {
  display: none;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div {
  display: flex;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper {
  z-index: 3;
  outline: 4000px solid var(--color-black-50);
  border-radius: var(--rd-round);
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper::after {
  content: none;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-move {
  border: 2px solid var(--color-white-50);
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize {
  opacity: 1;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-top,
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-left,
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-right,
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottom {
  display: none;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topleft {
  inset-block-start: -10px;
  inset-inline-start: -10px;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topleft .ngx-ic-square {
  clip-path: polygon(0 0, 100% 0, 100% 4px, 4px 4px, 4px 100%, 0 100%);
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topright {
  inset-block-start: -10px;
  inset-inline-end: -10px;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-topright .ngx-ic-square {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%, 12px 4px, 0 4px);
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomright {
  inset-block-end: -10px;
  inset-inline-end: -10px;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomright .ngx-ic-square {
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 12px, 12px 12px, 12px 0);
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomleft {
  inset-block-end: -10px;
  inset-inline-start: -10px;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize.ngx-ic-bottomleft .ngx-ic-square {
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 12px, 4px 12px, 4px 0);
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div .ngx-ic-cropper .ngx-ic-resize .ngx-ic-square {
  background: var(--gradient-pink-orange);
  border: none;
  width: 16px;
  height: 16px;
}
.f-upl__av.av8t image-cropper.f-upl__av-cr.crs5 > div img.ngx-ic-source-image {
  width: 100%;
  height: auto;
  max-height: 600px;
  overflow: initial;
  border-radius: initial;
}
.f-upl__av-dr {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background: var(--color-white-90);
  z-index: 100002;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.f-upl__av-dr::before {
  content: "";
  position: absolute;
  inset-block-start: 80px;
  inset-inline-start: 80px;
  width: calc(100% - 160px);
  height: calc(100% - 160px);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%238C8C8C' stroke-width='2' stroke-dasharray='14%2c 18' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.f-upl__av-dr span {
  --fz: 36px;
  display: block;
  font-weight: 800;
  color: var(--color-darkgrey);
}
.f-upl__av-dr.drop {
  pointer-events: auto;
  opacity: 1;
}
.f-upl__av-rs {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--rd-round);
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.f-upl__av-rs i.icon-trash {
  --icon-c: var(--color-black);
  cursor: pointer;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 1px solid var(--color-black);
  border-radius: var(--rd-round);
}
.f-upl__av-sl {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-round);
  cursor: pointer;
  z-index: 2;
}
.f-upl__av-sl input {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .f-upl__av-sl:hover .f-upl__av-upl {
    opacity: 1;
  }
  .f-upl__av-sl:hover::before {
    opacity: 0.7;
  }
}
.f-upl__av-sl:active .f-upl__av-upl {
  opacity: 1;
}
.f-upl__av-sl:active::before {
  opacity: 0.7;
}
.f-upl__av-sl::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  border-radius: var(--rd-round);
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: -1;
}
.f-upl__av-sl:not(.loading) .l-spnr {
  display: none;
}
.f-upl__av-sl.loading .f-upl__av-upl {
  opacity: 0;
}
.f-upl__av-sl.loading::before {
  opacity: 0.7;
}
.f-upl__av-sl.no-av::before {
  opacity: 0;
}
.f-upl__av-sl.no-av .f-upl__av-upl {
  opacity: 1;
}
.f-upl__av-upl {
  --fz: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.2s ease;
  max-width: 60px;
  gap: 8px;
}
.f-upl__av-upl i.icon-photo-alt {
  --icon-w: 44px;
}
.f-upl__image {
  width: 294px;
  height: auto;
  padding: 4px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%238C8C8C' stroke-width='2' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 480.98px) {
  .f-upl__image {
    width: 100%;
  }
}
.f-upl__image image-cropper.f-upl__img-cr {
  position: fixed;
  inset-block-start: -300vh;
  inset-inline-start: -300vw;
  opacity: 0;
  pointer-events: none;
  aspect-ratio: 1;
}
.f-upl__image .f-upl__av-sl {
  border-radius: initial;
}
.f-upl__image .f-upl__av-sl::before {
  border-radius: initial;
}
.f-upl__image .f-upl__av-rs {
  inset-block-start: -6px;
  inset-inline-end: -6px;
  width: 28px;
  height: 28px;
}
.f-upl__image .f-upl__av-rs i.icon-trash {
  --icon-c: var(--color-black);
  --icon-w: 12px;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.f-upl__image-i {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.f-upl__image-i > .card__alert {
  position: absolute;
  inset-inline-start: 8px;
  inset-inline-end: 8px;
  inset-block-end: 8px;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 4px;
  padding: 8px 12px;
  border-radius: var(--rd-8);
  background-color: var(--color-white);
}
.f-upl__image-i > .card__alert span {
  white-space: nowrap;
  margin-block-end: 0;
}
.f-upl__image-i > .card__alert span.bold {
  font-weight: 700;
}
.f-upl__image-i._blog:has(.f-upl__av-sl:not(.no-av)) {
  aspect-ratio: initial;
}
.f-upl__image-i._blog .f-upl__img-cur picture {
  aspect-ratio: initial;
}
.f-upl__image-i._blog .f-upl__img-cur picture img {
  object-fit: initial;
  width: auto;
  max-height: 161px;
}
@media only screen and (max-width: 480.98px) {
  .f-upl__image-i._blog .f-upl__img-cur picture img {
    max-height: clamp-calc(320px, 480px, 162px, 252px);
  }
}
.f-upl__img-cur picture {
  display: flex;
  justify-content: center;
  background-color: var(--color-lightgrey);
  aspect-ratio: 16/9;
  border-radius: var(--rd-8);
  overflow: hidden;
}
.f-upl__img-cur picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.l-grid {
  display: none;
  gap: 24px;
  grid-template-columns: 100%;
}
@media only screen and (max-width: 767.98px) {
  .l-grid {
    gap: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid {
    gap: 12px;
  }
}
.l-grid.open {
  display: grid;
}
.l-grid .f-check {
  height: fit-content;
}
.l-grid--main {
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 549.98px) {
  .l-grid--main {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-grid--main.l-grid--mdr .f-radio__block:not(:first-child) {
    margin-block-start: 2px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--main.l-grid--mdr .f-radio__block:not(:first-child) {
    margin-block-start: 8px;
  }
}
.l-grid--main.l-grid--mdr:not(:last-child) {
  margin-block-end: 16px;
}
.l-grid--review {
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 549.98px) {
  .l-grid--review {
    grid-template-columns: 1fr;
  }
}
.l-grid--links {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
}
@media only screen and (max-width: 767.98px) {
  .l-grid--links {
    gap: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--links {
    gap: 12px;
  }
}
.l-grid--links:not(:last-child) {
  margin-block-end: 16px;
}
.l-grid--links > i {
  cursor: pointer;
  width: auto;
  height: auto;
  flex: initial;
}
@media only screen and (min-width: 767.98px) {
  .l-grid--links > i:hover {
    --icon-c: var(--color-black);
  }
}
.l-grid--links > i:active {
  --icon-c: var(--color-black);
}
.l-grid--bns {
  grid-template-columns: 180px 180px 1fr;
}
.l-grid--bns > *:last-child {
  grid-column-start: 1;
  grid-column-end: 4;
}
@media only screen and (max-width: 767.98px) {
  .l-grid--bns {
    grid-template-columns: 1fr 1fr;
  }
  .l-grid--bns > *:last-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .l-grid--bns > *:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.l-grid--btns {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.l-grid--btns .l-btn {
  --fz: 16px;
  height: 56px;
}
@media only screen and (min-width: 549.98px) {
  .l-grid--btns .l-btn {
    min-width: 170px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--btns {
    padding: 0 12px;
  }
  .l-grid--btns .l-btn {
    width: 100%;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--btns:has(.b-nav__btns) {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--btns .b-nav__btns {
    width: 100%;
  }
}
.l-grid--btns .b-nav__btns:not(:last-child) {
  margin-block-end: 0;
}
.l-grid--btns .b-nav__btns.disabled {
  cursor: no-drop;
  border-radius: var(--rd-100);
}
.l-grid--btns .b-nav__btns.disabled .l-btn {
  pointer-events: none;
  background-color: var(--color-blue-d);
}
.l-grid--btns .b-nav__btns.disabled .l-btn.icon-clock-alt:after {
  opacity: 0.5;
}
.l-grid--btns .b-nav__btns .l-btn:not(.icon-clock-alt) {
  padding-inline-start: 32px;
  padding-inline-end: 28px;
}
@media only screen and (max-width: 549.98px) {
  .l-grid--btns .b-nav__btns .l-btn:not(.icon-clock-alt) {
    padding-inline-end: 24px;
    padding-inline-start: 28px;
  }
}
.l-grid--btns .b-nav__btns .l-btn.icon-clock-alt {
  flex: 0 0 60px;
  min-width: 60px;
  width: 60px;
  padding-block: 0 0;
  padding-inline: 20px 24px;
}
.l-grid--btns .b-nav__btns .l-btn.icon-clock-alt.active {
  background-color: var(--color-blue-h);
}
.l-grid--btns .b-nav__btns .l-btn.icon-clock-alt::after {
  content: "";
  position: absolute;
  inset-inline-start: -1px;
  inset-block-start: 0;
  height: 100%;
  border-inline-start: 1px solid var(--color-cyan-alt4);
  transition: opacity 0.2s ease;
}
.l-grid--prcd {
  position: relative;
  display: grid;
  grid-template-columns: 180px 1fr 16px;
  gap: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-grid--prcd {
    gap: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--prcd {
    gap: 12px;
    grid-template-columns: 1fr;
  }
}
.l-grid--prcd:not(:last-child) {
  padding-block-end: 24px;
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-grid--prcd:not(:last-child) {
    margin-block-end: 18px;
    padding-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--prcd:not(:last-child) {
    margin-block-end: 12px;
    padding-block-end: 12px;
  }
}
.l-grid--prcd:not(:last-child)::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: calc(100% - 40px);
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .l-grid--prcd:not(:last-child)::before {
    width: calc(100% - 36px);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--prcd:not(:last-child)::before {
    width: 100%;
  }
}
.l-grid--prcd i.icon-trash {
  cursor: pointer;
  margin: auto;
}
@media only screen and (min-width: 549.98px) {
  .l-grid--prcd i.icon-trash span {
    display: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-grid--prcd i.icon-trash {
    align-items: center;
  }
  .l-grid--prcd i.icon-trash svg {
    margin-block: 0 0;
    margin-inline: 0 8px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-grid--prcd i.icon-trash:hover {
    --icon-c: var(--color-black);
  }
}
.l-grid--prcd i.icon-trash:active {
  --icon-c: var(--color-black);
}
.l-grid._g12 {
  gap: 12px;
  height: fit-content;
}
.l-grid._tpfl {
  display: grid;
  align-items: center;
  white-space: nowrap;
  gap: 12px;
  grid-template-columns: 1fr 112px;
}
@media only screen and (max-width: 549.98px) {
  .l-grid._tpfl {
    grid-template-columns: 1fr 1fr;
  }
}
.l-grid._tpfl:not(._kf) .l-inpt__form input {
  color: transparent;
  caret-color: var(--color-black);
}
@media only screen and (min-width: 549.98px) {
  .l-grid._tpfl._kf {
    grid-template-columns: 112px 112px;
  }
}
.l-inf {
  display: flex;
  justify-content: space-between;
}
.l-inf:not(:last-child) {
  margin-block-end: 24px;
}
.l-inf {
  gap: 16px;
}
.l-inf > .l-inf__i {
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-inf > .l-inf__i {
    gap: 12px;
  }
}
.l-inf__i {
  --color-link: var(--color-black);
  display: flex;
  align-items: center;
}
.l-inf__i .l-av {
  margin-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-inf__i .l-av {
    margin-inline-end: 8px;
  }
}
.l-inf__i .l-usr {
  word-break: break-all;
  transition: color 0.2s ease 0s;
}
.l-inf__i .l-usr .l-av__img-ai {
  width: 14px;
  height: 14px;
  display: inline-flex;
}
.l-inf__i i {
  --fz: 10px;
  --lh: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: var(--color-lightgrey);
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-round);
  cursor: help;
  font-weight: 700;
  margin-inline-start: 2px;
  translate: 0 -1px;
}
@media only screen and (min-width: 767.98px) {
  .l-inf__i i:hover {
    background-color: var(--color-lightgrey-alt);
  }
}
.l-inf__i i:active {
  background-color: var(--color-lightgrey-alt);
}
.l-bk__ics-a {
  --fz: 14px;
  position: relative;
  border-block-end: 1px dotted var(--color-link);
}
.l-bk__ics-a.marked::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: -12px;
  width: 8px;
  height: 8px;
  border-radius: var(--rd-round);
  background: var(--gradient-pink-orange);
  transform: translate(0, -50%);
}
.l-bk--crds {
  container-type: inline-size;
  container-name: bk-rating-item;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.l-bk--crds:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds {
    gap: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-bk--crds._other {
    gap: 24px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .l-bk--crds._other {
    gap: 18px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds._other .l-bk__card {
    grid-template-columns: 132px auto 1fr auto auto;
    grid-template-areas: "l r p b1 b2" "c c c c c";
  }
}
.l-bk--crds._other .l-bk__card {
  border: none;
  border-radius: 0;
}
.l-bk--crds._other .l-bk__card:not(:last-child) {
  border-block-end: 1px solid var(--color-border);
  padding-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds._other .l-bk__card:not(:last-child) {
    padding-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds._other .l-bk__card:not(:last-child) {
    padding-block-end: 12px;
  }
}
.l-bk--crds._other .l-bk__card .l-bk__c-h-i {
  max-width: 132px;
  height: 48px;
  padding-inline-end: 16px;
  margin: 0;
}
.l-bk--crds._other .l-bk__card .l-bk__c-h-i picture {
  padding: 0;
}
.l-bk--crds._other .l-bk__card .l-bk__c-h-b .l-btn {
  background-color: var(--color-lightgrey);
  color: var(--color-black);
  border: none;
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds._other .l-bk__card .l-bk__c-h-b .l-btn:hover {
    background-color: var(--color-grey2-h);
  }
}
.l-bk--crds._other .l-bk__card .l-bk__c-h-b .l-btn:active {
  background-color: var(--color-grey2-a);
}
.l-bk--crds._other .l-bk__card .l-bk__c-c {
  padding: 0;
}
.l-bk--crds._other .l-bk__card .l-bk__c-b {
  width: 100%;
}
.l-bk--crds._other .l-bk__card .l-bk__c-tbl-inr {
  padding-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds._other .l-bk__card .l-bk__c-tbl-inr {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds._other .l-bk__card .l-bk__c-tbl-inr {
    padding-block-start: 12px;
  }
}
@media only screen and (min-width: 660px) {
  .l-bk--crds._other .l-bk__card {
    overflow: initial;
  }
  .l-bk--crds._other .l-bk__card .l-bk__c-c {
    position: static;
  }
}
@container bk-rating-item (min-width: 850.5px) {
  .l-bk--crds._other .l-bk__card .l-bk__c-b {
    margin-block: auto auto;
    margin-inline: 0 16px;
    width: calc(100% - 16px);
  }
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds._other .l-bk__card .l-bk__c-h-b:not(:has(+ .l-bk__c-h-b)) {
    margin-inline-end: 0;
  }
}
@container bk-rating-item (max-width: 850.5px) {
  .l-bk--crds._other .l-bk__card {
    grid-template-columns: 132px auto auto 1fr;
    grid-template-areas: "l r b1 b2" "c c c c" "p p p p";
  }
  .l-bk--crds._other .l-bk__card .l-bk__c-b {
    margin: 20px 0 0;
  }
  @media only screen and (max-width: 767.98px) {
    .l-bk--crds._other .l-bk__card .l-bk__c-b {
      margin: 16px 0 0;
    }
  }
  @media only screen and (max-width: 767.98px) {
    .l-bk--crds._other .l-bk__card {
      grid-template-columns: 132px 1fr;
      grid-template-areas: "l r" "c c" "p p" "b b";
    }
    .l-bk--crds._other .l-bk__card .l-bk__c-h-b {
      margin-inline: 0;
    }
    .l-bk--crds._other .l-bk__card .l-bk__c-h-r {
      margin-inline-end: 0;
    }
  }
}
.l-bk--crds .l-bk__card {
  display: grid;
  grid-template-columns: 200px auto auto 1fr;
  grid-template-areas: "l r b1 b2" "c c c c" "p p p p";
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-20);
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__card {
    grid-template-columns: auto 1fr;
    grid-template-areas: "l r" "c c" "p p" "b b";
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__card {
    grid-template-columns: 1fr auto;
    grid-template-areas: "l r" "c c" "p p" "b b";
    border-radius: var(--rd-16);
  }
}
.l-bk--crds .l-bk__card .l-btn {
  --fz: 16px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__card .l-btn {
    border-radius: var(--rd-12);
  }
}
.l-bk--crds .l-bk__card .l-btn {
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__card .l-btn {
    padding: 14px 16px;
  }
}
.l-bk--crds .l-bk__c-h {
  position: relative;
  grid-area: l;
  pointer-events: none;
  grid-column: 1/-1;
  height: 84px;
  width: 100%;
  background: url(/images3/bookmakers/card-head-pc.png) calc(100% + 50px) 0/664px auto no-repeat, color-mix(in srgb, var(--color-white) 80%, var(--bk-rating-card-color, var(--color-black)) 40%);
  background-blend-mode: overlay;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-h {
    height: 68px;
    background: url(/images3/bookmakers/card-head-esm.png) 100% 0/550px auto no-repeat, color-mix(in srgb, var(--color-white) 80%, var(--bk-rating-card-color, var(--color-black)) 40%);
  }
}
.l-bk--crds .l-bk__c-h::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--color-white-50) 0%,
      var(--color-white) 60%);
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b {
    grid-area: b1;
    width: 128px;
    margin-block: auto auto;
    margin-inline: 0 20px;
  }
  .l-bk--crds .l-bk__c-h-b:has(+ .l-bk__c-h-b) {
    margin-block: auto auto;
    margin-inline: 0 16px;
  }
  .l-bk--crds .l-bk__c-h-b + .l-bk__c-h-b {
    grid-area: b2;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b {
    grid-area: b;
    margin: 16px;
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-h-b {
    margin: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b + .l-bk__c-h-b .l-btn,
  .l-bk--crds .l-bk__c-h-b:has(+ .l-bk__c-h-b) .l-btn {
    max-width: calc(50% - 6px);
  }
}
@media only screen and (max-width: 767.98px) and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-h-b + .l-bk__c-h-b .l-btn,
  .l-bk--crds .l-bk__c-h-b:has(+ .l-bk__c-h-b) .l-btn {
    max-width: calc(50% - 4px);
  }
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b:has(+ .l-bk__c-h-b) .l-btn {
    margin-inline-end: auto;
    background-color: var(--color-lightgrey);
    color: var(--color-black);
  }
}
@media only screen and (max-width: 767.98px) and (min-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b:has(+ .l-bk__c-h-b) .l-btn:hover {
    background-color: var(--color-grey2-h);
  }
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b:has(+ .l-bk__c-h-b) .l-btn:active {
    background-color: var(--color-grey2-a);
  }
  .l-bk--crds .l-bk__c-h-b + .l-bk__c-h-b .l-btn {
    margin-inline-start: auto;
  }
}
.l-bk--crds .l-bk__c-h-b > .sk__line {
  width: 100%;
  height: 44px;
  border-radius: var(--rd-16);
  background-color: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-h-b > .sk__line {
    border-radius: var(--rd-12);
  }
}
.l-bk--crds .l-bk__c-h-b .l-btn {
  border-color: color-mix(in srgb, var(--color-white) 99%, var(--bk-rating-card-color, var(--color-black)) 33%);
  background-color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b .l-btn:hover {
    border-color: color-mix(in srgb, var(--color-white) 99%, var(--bk-rating-card-color, var(--color-black)) 80%);
  }
}
.l-bk--crds .l-bk__c-h-b .l-btn:active {
  border-color: color-mix(in srgb, var(--color-white) 99%, var(--bk-rating-card-color, var(--color-black)) 80%);
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b .l-btn {
    background-color: var(--color-blue);
    color: var(--color-white);
    border: none;
  }
}
@media only screen and (max-width: 767.98px) and (min-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b .l-btn:hover {
    background-color: var(--color-blue-h);
  }
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-b .l-btn:active {
    background-color: var(--color-blue-a);
  }
}
.l-bk--crds .l-bk__c-h-i {
  grid-area: l;
  position: relative;
  display: block;
  height: 84px;
  max-width: 200px;
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-i {
    max-width: 170px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-h-i {
    height: 68px;
    max-width: 132px;
  }
}
.l-bk--crds .l-bk__c-h-i picture {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 30px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-i picture {
    min-width: 135px;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-h-i picture {
    padding: 0 19px;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-bk--crds .l-bk__c-h-i picture {
    padding: 0 14px;
  }
}
.l-bk--crds .l-bk__c-h-i picture > .sk__line {
  height: 44px;
}
.l-bk--crds .l-bk__c-h-i img {
  width: 100%;
  height: auto;
  max-height: 48px;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-h-i img {
    max-height: 38px;
  }
}
.l-bk--crds .l-bk__c-h-i::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: var(--rd-round);
  background-color: var(--color-white);
  pointer-events: none;
  filter: blur(25px);
}
.l-bk--crds .l-bk__c-h-r {
  --bk-rating-color: var(--color-black2);
  --fz: 20px;
  position: relative;
  grid-area: r;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 0 0;
  padding-inline: 20px 16px;
  height: 44px;
  width: 128px;
  background-color: var(--bk-rating-color);
  border: 2px solid var(--bk-rating-color);
  border-radius: var(--rd-16);
  color: var(--color-white);
  gap: 8px;
  font-weight: 600;
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease;
  cursor: pointer;
  margin-block: auto auto;
  margin-inline: 0 16px;
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-r {
    padding-block: 0 0;
    padding-inline: 16px 12px;
    margin-block: auto auto;
    margin-inline: auto 16px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds .l-bk__c-h-r:hover {
    --bk-rating-color: var(--color-grey-dark-alt);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-h-r {
    border-radius: var(--rd-12);
    width: 116px;
    margin-block: auto auto;
    margin-inline: auto 12px;
  }
}
.l-bk--crds .l-bk__c-h-r:active {
  --bk-rating-color: var(--color-grey-dark-alt);
}
.l-bk--crds .l-bk__c-h-r i.icon-rating {
  --icon-w: 14px;
  --icon-c: var(--color-white);
}
.l-bk--crds .l-bk__c-h-r i.icon-arrow {
  --icon-c: var(--color-white);
}
.l-bk--crds .l-bk__c-h-r i.icon-arrow svg {
  transition: rotate 0.2s ease;
}
.l-bk--crds .l-bk__c-h-r.open {
  box-shadow: 0 0 0 2px var(--bk-rating-color);
  border-color: var(--color-grey2);
}
.l-bk--crds .l-bk__c-h-r.open i.icon-arrow svg {
  rotate: 180deg;
}
.l-bk--crds .l-bk__c-c {
  grid-area: c;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  padding: 0 20px 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-c {
    padding: 0 16px 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-c {
    padding: 0 12px 12px;
  }
}
.l-bk--crds .l-bk__c-c *:not(:last-child) > .l-bk__c-c-inr,
.l-bk--crds .l-bk__c-c .l-bk__c-c-inr:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-c *:not(:last-child) > .l-bk__c-c-inr,
  .l-bk--crds .l-bk__c-c .l-bk__c-c-inr:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-c *:not(:last-child) > .l-bk__c-c-inr,
  .l-bk--crds .l-bk__c-c .l-bk__c-c-inr:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-bk--crds .l-bk__c-c-inr {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "a";
  height: var(--bk-det-h, auto);
  overflow: hidden;
  transition: height 0.4s ease;
  padding: 0 20px;
  margin: 0 -20px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-c-inr {
    padding: 0 16px;
    margin: 0 -16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-c-inr {
    padding: 0 12px;
    margin: 0 -12px;
  }
}
.l-bk--crds .l-bk__c-c-inr > * {
  grid-area: a;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-c-inr > p {
    --fz: 14px;
  }
}
.l-bk--crds .l-bk__c-c-inr.nom {
  display: none;
}
.l-bk--crds .l-bk__c-c-inr:has(> .b-art__i) .b-art__i > ul {
  margin-inline-start: 0;
}
.l-bk--crds .l-bk__c-c-inr:has(> .b-art__i) .b-art__i ul > li {
  padding-inline-start: 24px;
}
.l-bk--crds .l-bk__c-c-inr:has(> .b-art__i) .b-art__i ul > li::before {
  inset-block-start: 4px;
  width: 16px;
  height: 16px;
  border-radius: 0;
  border: none;
  background: url(/images3/common/mark_star.svg) 0 0/16px 16px no-repeat;
}
.l-bk--crds .l-bk__c-tbl,
.l-bk--crds .l-bk__c-c-scs {
  transition: opacity 0.4s ease;
}
.l-bk--crds .l-bk__c-tbl.open,
.l-bk--crds .l-bk__c-c-scs.open {
  opacity: 1;
}
.l-bk--crds .l-bk__c-tbl:not(.open),
.l-bk--crds .l-bk__c-c-scs:not(.open) {
  opacity: 0;
  pointer-events: none;
}
.l-bk--crds .l-bk__c-tbl:not(.open):not(:last-child),
.l-bk--crds .l-bk__c-c-scs:not(.open):not(:last-child) {
  margin-block-end: 0;
}
.l-bk--crds .l-bk__c-c-scs {
  margin-inline-start: -20px;
  margin-inline-end: -20px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-c-scs {
    margin-inline-start: -16px;
    margin-inline-end: -16px;
  }
}
@media only screen and (max-width: 767.98px) and (min-width: 480.98px) {
  .l-bk--crds .l-bk__c-c-scs {
    margin-block-end: -12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-c-scs {
    margin-inline-start: -12px;
    margin-inline-end: -12px;
  }
}
.l-bk--crds .l-bk__c-c-scs-inr {
  align-items: center;
  gap: 16px;
  padding: 0 20px;
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds .l-bk__c-c-scs-inr {
    display: grid;
    grid-template-columns: repeat(auto-fit, 124px);
  }
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-c-scs-inr {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 16px;
    overscroll-behavior-x: none;
  }
  .l-bk--crds .l-bk__c-c-scs-inr::-webkit-scrollbar-button {
    display: block;
    width: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-c-scs-inr {
    gap: 10px;
    padding: 0 12px;
  }
  .l-bk--crds .l-bk__c-c-scs-inr::-webkit-scrollbar-button {
    width: 6px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds .l-bk__c-c-scs-inr.l-bk__c-c-scs-inr--ind {
    grid-template-columns: repeat(auto-fit, minmax(124px, 159px));
  }
}
.l-bk--crds .l-bk__c-sc {
  position: relative;
  white-space: nowrap;
  min-width: 124px;
  max-width: 160px;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  background-color: var(--color-white);
  padding: 0 12px;
  z-index: 1;
  cursor: pointer;
  transition: box-shadow 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-bk--crds .l-bk__c-sc:hover {
    box-shadow: 0 4px 10px 0 var(--color-blue-darkest-03);
  }
}
.l-bk--crds .l-bk__c-sc:active {
  box-shadow: 0 4px 10px 0 var(--color-blue-darkest-03);
}
.l-bk--crds .l-bk__c-sc > div:nth-child(1) {
  --fz: 12px;
  --lh: 1.33333;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  border-block-end: 1px solid var(--color-lightgrey);
}
.l-bk--crds .l-bk__c-sc > div:nth-child(1) > i {
  --icon-w: 14px;
}
.l-bk--crds .l-bk__c-sc > div:nth-child(2) {
  padding: 6px 0 7px;
  height: 40px;
}
.l-bk--crds .l-bk__c-sc > div:nth-child(2) > span {
  --fz: 12px;
}
.l-bk--crds .l-bk__c-sc > div:nth-child(2) > span:nth-child(1) {
  --fz: 20px;
}
.l-bk--crds .l-bk__c-sc > div:nth-child(2) > span:nth-child(1) sub {
  --fz: 10px;
}
.l-bk--crds .l-bk__c-b {
  grid-area: p;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  box-shadow: inset 0 0 0 1px var(--color-green-mid-20);
  background:
    linear-gradient(
      90deg,
      var(--color-white) 0%,
      var(--color-white-15) 100%),
    linear-gradient(
      0deg,
      var(--color-white-90) 0%,
      var(--color-white-90) 100%),
    linear-gradient(
      135deg,
      var(--color-green-mid) 0%,
      var(--color-cyan-mid) 100%);
  height: 44px;
  overflow: hidden;
  width: fit-content;
  border-radius: var(--rd-16);
  margin: 0 20px 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-b {
    margin: 0 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-b {
    border-radius: var(--rd-12);
    width: calc(100% - 24px);
    margin: 0 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-bk--crds .l-bk__c-b:not(:last-child) {
    margin-block-end: 0;
  }
}
.l-bk--crds .l-bk__c-b > a,
.l-bk--crds .l-bk__c-b div {
  position: relative;
  display: grid;
  align-items: center;
  color: var(--color-black);
  height: 100%;
  width: 100%;
  white-space: nowrap;
  padding: 0 16px;
  gap: 6px;
  overflow: hidden;
}
.l-bk--crds .l-bk__c-b > a > span,
.l-bk--crds .l-bk__c-b div > span {
  overflow: hidden;
  mask:
    linear-gradient(
      90deg,
      black calc(100% - 12px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(0deg, black calc(100% - 12px), transparent 100%);
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-b > a,
  .l-bk--crds .l-bk__c-b div {
    padding-block: 0 0;
    padding-inline: 12px 8px;
  }
}
.l-bk--crds .l-bk__c-b > div {
  grid-template-columns: 16px auto;
}
.l-bk--crds .l-bk__c-b > div i.icon-arrow {
  display: none;
}
.l-bk--crds .l-bk__c-b > a {
  grid-template-columns: 16px auto 16px;
}
.l-bk--crds .l-bk__c-b > a i.icon-arrow {
  rotate: -90deg;
}
.l-bk--crds .l-bk__c-tbl {
  padding: 0 20px;
  margin: 0 -20px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-tbl {
    padding: 0 16px;
    margin: 0 -16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-tbl {
    padding: 0 12px;
    margin: 0 -12px;
  }
}
.l-bk--crds .l-bk__c-tbl:not(.init) {
  height: 0;
}
.l-bk--crds .l-bk__c-t-r:nth-child(2n+3) {
  background-color: var(--color-lightgrey-alt);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r:nth-child(2n+3) {
    border-radius: var(--rd-12);
  }
}
.l-bk--crds .l-bk__c-t-r:not(.frml) {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 120px repeat(2, 190px);
}
@media only screen and (max-width: 1439.98px) and (min-width: 1279.98px), only screen and (max-width: 1100px) and (min-width: 991.98px), only screen and (max-width: 800px) and (min-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-r:not(.frml) {
    grid-template-columns: 1fr 100px repeat(2, 130px);
  }
}
@media only screen and (max-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-r:not(.frml) {
    grid-template-columns: 1fr 64px repeat(2, 100px);
  }
}
@media only screen and (max-width: 359.98px) {
  .l-bk--crds .l-bk__c-t-r:not(.frml) {
    grid-template-columns: 1fr 56px 84px 92px;
  }
}
.l-bk--crds .l-bk__c-t-r:not(.frml):first-child {
  grid-template-areas: ". a b c";
}
.l-bk--crds .l-bk__c-t-r:not(.frml):first-child .l-bk__c-t-c {
  --fz: 14px;
  margin: 0 auto;
}
@media only screen and (max-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-r:not(.frml):first-child .l-bk__c-t-c {
    --fz: 12px;
  }
}
.l-bk--crds .l-bk__c-t-r:not(.frml):first-child .l-bk__c-t-c i.icon-info {
  --icon-w: 12px;
}
.l-bk--crds .l-bk__c-t-r:not(.frml):first-child .l-bk__c-t-c i.icon-rating {
  --icon-w: 14px;
}
.l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child) {
  grid-template-areas: "a b c d";
  height: 68px;
}
@media only screen and (max-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child) {
    height: 52px;
  }
}
@media only screen and (max-width: 630px) {
  .l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child):not(.l-bk__c-t-r--ind) .l-bk__c-t-c:nth-child(1) > span {
    display: none;
  }
}
.l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child) .l-bk__c-t-c:not(:nth-child(1)) {
  margin: 0 auto;
}
.l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child) .l-bk__c-t-c:nth-child(1) {
  padding-inline-start: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child) .l-bk__c-t-c:nth-child(1) {
    padding-inline-start: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child) .l-bk__c-t-c:nth-child(1) {
    padding-inline-start: 12px;
  }
}
.l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child) .l-bk__c-t-c:nth-child(1) i {
  --icon-w: 20px;
  position: relative;
}
.l-bk--crds .l-bk__c-t-r:not(.frml):not(:first-child) .l-bk__c-t-c:nth-child(1) i span {
  --fz: 12px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 4px;
  inset-block-start: -8px;
  inset-inline-end: -8px;
  height: 16px;
  min-width: 16px;
  border-radius: var(--rd-100);
  background-color: var(--color-black2);
  color: var(--color-white);
  z-index: 1;
}
.l-bk--crds .l-bk__c-t-r .l-bk__c-t-c:nth-child(1) {
  grid-area: a;
}
.l-bk--crds .l-bk__c-t-r .l-bk__c-t-c:nth-child(2) {
  grid-area: b;
}
.l-bk--crds .l-bk__c-t-r .l-bk__c-t-c:nth-child(3) {
  grid-area: c;
}
.l-bk--crds .l-bk__c-t-r .l-bk__c-t-c:nth-child(4) {
  grid-area: d;
}
.l-bk--crds .l-bk__c-t-r.frml {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  overflow: hidden;
  background-color: var(--color-lightgrey-alt);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r.frml {
    padding: 12px 0;
    border-radius: var(--rd-12);
  }
}
.l-bk--crds .l-bk__c-t-r.frml::before,
.l-bk--crds .l-bk__c-t-r.frml::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  width: 16px;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r.frml::before,
  .l-bk--crds .l-bk__c-t-r.frml::after {
    width: 12px;
  }
}
.l-bk--crds .l-bk__c-t-r.frml::before {
  inset-inline-start: 0;
  background:
    linear-gradient(
      -90deg,
      transparent 0%,
      var(--color-lightgrey) 66.67%);
}
.l-bk--crds .l-bk__c-t-r.frml::after {
  inset-inline-end: 0;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      var(--color-lightgrey) 66.67%);
}
.l-bk--crds .l-bk__c-t-r.frml .l-frml {
  padding: 0 16px;
}
@media only screen and (min-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r.frml .l-frml {
    overflow-x: scroll;
    overscroll-behavior-x: none;
    margin-block-end: -12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r.frml .l-frml {
    padding: 0 12px;
  }
}
.l-bk--crds .l-bk__c-t-r.frml .l-frml .result {
  --fz: 16px;
  height: 28px;
  border-radius: var(--rd-100);
  background-color: var(--color-black2);
  align-items: center;
  padding: 0 12px;
  gap: 6px;
  color: var(--color-white);
  font-weight: 600;
}
@media only screen and (max-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-r.frml .l-frml .result {
    --fz: 14px;
    height: 24px;
    padding: 0 8px;
    gap: 4px;
  }
}
.l-bk--crds .l-bk__c-t-r.frml .l-frml .result i {
  --icon-w: 12px;
  --icon-c: var(--color-white);
  margin: 0;
}
.l-bk--crds .l-bk__c-t-r.frml .l-frml .l-frml__i {
  width: fit-content;
}
.l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind:not(.frml) {
  grid-template-columns: 1fr repeat(2, 190px);
}
@media only screen and (max-width: 767.98px) and (min-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind:not(.frml) {
    grid-template-columns: 1fr repeat(2, 140px);
  }
}
@media only screen and (max-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind:not(.frml) {
    grid-template-columns: 1fr 120px 70px;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind:not(.frml) {
    grid-template-columns: 1fr 105px 55px;
  }
}
.l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind:not(.frml):not(:first-child) .l-bk__c-t-c:first-child {
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 4px;
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind:not(.frml):not(:first-child) .l-bk__c-t-c:first-child {
    gap: 0;
    flex-direction: column;
    align-items: initial;
    justify-content: center;
  }
}
.l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.frml {
  margin-block-start: 28px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.frml {
    margin-block-start: 22px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.frml {
    margin-block-start: 16px;
  }
}
.l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.frml.sport .l-frml {
  display: grid;
  border-inline-end: none;
  width: 100%;
}
.l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.frml.sport .l-frml .l-frml__i {
  margin: 0 auto;
}
@media only screen and (max-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.frml.sport {
    flex-direction: column;
  }
}
.l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.summa {
  position: relative;
  grid-template-areas: "a . b";
  margin-block-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.summa {
    margin-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.summa {
    margin-block-start: 12px;
  }
}
.l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.summa::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-16);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%233D3D3D' stroke-width='2' stroke-dasharray='8%2c 12' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  pointer-events: none;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.summa::before {
    border-radius: var(--rd-12);
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%233D3D3D' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  }
}
.l-bk--crds .l-bk__c-t-r.l-bk__c-t-r--ind.summa .l-bk__c-t-c .rating {
  border-color: var(--color-black2);
}
.l-bk--crds .l-bk__c-t-c {
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
}
@media only screen and (max-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-c {
    --fz: 14px;
  }
}
.l-bk--crds .l-bk__c-t-c > span.rating {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-16);
  background-color: var(--color-white);
  height: 44px;
  width: 72px;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-c > span.rating {
    border-radius: var(--rd-12);
  }
}
@media only screen and (max-width: 480.98px) {
  .l-bk--crds .l-bk__c-t-c > span.rating {
    height: 32px;
    width: 40px;
  }
}
.l-bk--crds .l-bk__c-t-c sub {
  --fz: 10px;
}
.l-bk--crds .l-bk__c-t-d {
  --fz: 12px;
  margin-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-bk--crds .l-bk__c-t-d {
    margin-block-start: 8px;
  }
}
.l-bk--crds .l-bk__c-t-d > span {
  --lh: 1;
  display: inline-block;
  height: 16px;
  background-color: var(--color-black2);
  border-radius: var(--rd-100);
  padding: 1px 4px;
  color: var(--color-white);
}
.l-bk {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 -24px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk {
    margin: 0 -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk {
    margin: 0 -12px;
  }
}
.l-bk:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk:not(:last-child) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-bk::before,
.l-bk::after {
  content: "";
  flex: 0 0 24px;
  height: 56px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk::before,
  .l-bk::after {
    flex: 0 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk::before,
  .l-bk::after {
    flex: 0 0 12px;
  }
}
.l-bk > * {
  height: 56px;
}
.l-bk > *:not(:last-child) {
  margin-inline-end: 12px;
}
.l-bk .icon-arrow {
  display: flex;
  align-self: flex-end;
  justify-self: flex-end;
  height: 100%;
  width: auto;
  padding: 0 12px;
  margin-inline-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .l-bk .icon-arrow {
    padding-block: 0 0;
    padding-inline: 0 12px;
    margin-inline-start: 0;
  }
}
.l-bk .icon-arrow svg {
  margin: auto;
  transition: transform 0.2s ease;
}
.l-bk:not(.l-bk--all) .l-bk__item div.grey {
  --fz: 12px;
}
@media only screen and (min-width: 549.98px) {
  .l-bk--all:first-child {
    padding-block-start: 32px;
  }
}
.l-bk--all .l-bk__item.blbg {
  background-color: var(--color-blue-pale-alt6);
}
.l-bk--all span.grey.wrd-ell:not(:last-child) {
  --fz: 12px;
  margin-block-end: 4px;
}
.l-bk--all span.wrd-ell {
  word-break: break-all;
}
@media only screen and (max-width: 480.98px) {
  .l-bk--all .l-bk__item {
    margin-inline-end: 0;
  }
}
.l-bk__logo {
  flex: 0 0 120px;
}
.l-bk__logo img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 549.98px) {
  .l-bk__logo {
    flex: 0 0 88px;
  }
}
.l-bk__rating {
  display: flex;
  flex: 0 1 407px;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-lightgrey);
  height: 56px;
  border-radius: var(--rd-12);
  cursor: pointer;
}
@media only screen and (max-width: 549.98px) {
  .l-bk__rating {
    pointer-events: auto;
    flex: 0 0 80px;
  }
}
.l-bk span.l-bk__item {
  cursor: default;
}
.l-bk a.l-bk__item {
  cursor: pointer;
}
.l-bk__item {
  flex: 1 0 121px;
  white-space: nowrap;
  background-color: var(--color-lightgrey2);
  border: 1px solid var(--color-addgrey);
  border-radius: var(--rd-12);
  padding: 0 12px;
  transition: all 0.2s ease;
  min-height: 56px;
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
}
@media only screen and (max-width: 549.98px) {
  .l-bk__item {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-bk__item {
    flex: 0 0 93px;
    padding: 0 8px;
  }
}
.l-bk__item span {
  color: var(--color-black);
}
.l-bk__item div.grey:not(:last-child) {
  margin-block-end: 4px;
}
.l-bk__logo,
.l-bk__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l-bk__home {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  height: 86px;
  gap: 30px;
}
@media only screen and (max-width: 767.98px) {
  .l-bk__home {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bk__home {
    height: 60px;
  }
}
.l-post {
  container-name: post-cnt;
  container-type: inline-size;
}
@media only screen and (min-width: 549.98px) {
  .l-post {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-post {
    border-radius: var(--rd-16);
  }
}
.l-post--blog {
  display: flex;
  overflow: hidden;
}
@media only screen and (min-width: 549.98px) {
  .l-post--blog {
    border-radius: var(--rd-20);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-post--blog {
    border-radius: var(--rd-16);
  }
}
.l-post--blog .l-post__link:not(:last-child) {
  margin-block-end: 12px;
}
.l-post--blog .l-post__link::before {
  content: none;
}
.l-post--blog .l-post__i {
  z-index: 4;
  padding: 24px;
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .l-post--blog .l-post__i {
    padding: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-post--blog .l-post__i {
    padding: 12px;
  }
}
.l-post--blog .l-post__title {
  --fz: 16px;
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-post--blog .l-post__title {
    margin-block-end: 4px;
  }
}
.l-post--blog .l-post__text p {
  --fz: 14px;
}
.l-post--blog .l-post__image {
  flex-direction: column;
  background-color: var(--color-grey2);
  margin: 0;
}
.l-post--blog .l-post__image::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--color-bg-dark-10);
  z-index: 4;
}
.l-post--blog .l-post__image .l-post__alt-img,
.l-post--blog .l-post__image picture {
  position: relative;
  display: flex;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  transition: opacity 0.2s ease;
  z-index: 1;
}
.l-post--blog .l-post__image .l-post__alt-img + picture,
.l-post--blog .l-post__image picture + picture {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 0;
}
.l-post--blog .l-post__image img {
  width: 100%;
  height: auto;
  border-radius: 0;
}
.l-post--blog .l-post__image .l-post__alt-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.l-post--blog .l-post__image .l-post__alt-img svg {
  --icon-w: auto;
  --icon-h: auto;
  aspect-ratio: inherit;
  max-width: 80%;
  max-height: 80%;
}
.l-post--blog .l-post__bottom .l-inf__i .l-av {
  --av-wh: 32px;
  --av-fz: 15px;
}
.l-post--blog .l-post__blr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  padding-block: 0 14px;
  padding-inline: 16px 20px;
  z-index: 3;
  height: 100px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  margin-block-start: -56px;
  mask:
    linear-gradient(
      0deg,
      black 44px,
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(90deg, black 44px, transparent 100%);
}
.l-post--blog .l-post__ctg {
  --fz: 14px;
  --lh: 1;
  --icon-w: 14px;
  --icon-c: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-block-end: 24px;
  inset-inline-start: 24px;
  z-index: 4;
  color: var(--color-white);
  border-radius: var(--rd-100);
  background: var(--color-black-25);
  height: 28px;
  padding: 0 12px;
  gap: 6px;
}
.l-post--blog .l-post__hdr {
  overflow: initial;
}
@media only screen and (max-width: 549.98px) {
  .l-post--blog .l-post__hdr {
    margin-block-end: 6px;
  }
}
.l-post--blog .l-post__hdr .l-cat__row {
  max-width: calc(100% - 52px);
}
.l-post--blog .l-post__hdr .l-cat__row:not(:last-child) {
  margin-block-end: 0;
}
.l-post--blog .l-post__hdr .l-cat__row > .grey {
  --fz: 14px;
}
.l-post--blog .l-post__hdr .l-cat__row .l-tpmt__lbl._draft {
  background: var(--color-lightgrey);
  color: var(--color-black);
}
.l-post--blog .l-post__hdr .l-cat__row .l-tpmt__lbl._not-actual {
  background: var(--color-lightgrey);
  color: var(--color-black);
}
.l-post--blog .l-post__hdr .l-cat__row .l-tpmt__lbl._refused {
  background: var(--color-red-pale);
  color: var(--color-hover);
}
.l-post--blog .l-post__hdr .l-cat__row .l-tpmt__lbl._pending {
  background: var(--color-cyan-light);
  color: var(--color-blue);
}
.l-post--blog .l-post__hdr .l-cat__row .l-tpmt__lbl._delayed {
  background: var(--color-lightgrey);
  color: var(--color-darkgrey);
}
.l-post--blog .l-post__hdr .l-more::before {
  content: none;
}
@container post-cnt (min-width: 658.5px) {
  .l-post--blog {
    min-height: 216px;
  }
  .l-post--blog .l-post__i {
    height: initial;
    margin-inline-start: -20px;
  }
  .l-post--blog .l-post__text.wrd-ell {
    line-clamp: 4;
    -webkit-line-clamp: 4;
  }
  .l-post--blog .l-post__image {
    flex: 0 0 308px;
    width: 308px;
    border-radius: var(--rd-20) 0 0 var(--rd-20);
  }
  @media only screen and (max-width: 549.98px) {
    .l-post--blog .l-post__image {
      border-radius: var(--rd-16) 0 0 var(--rd-16);
    }
  }
  .l-post--blog .l-post__image .l-post__alt-img.icon-no-image {
    padding-inline-end: 20px;
  }
}
@container post-cnt (max-width: 658.5px) {
  .l-post--blog {
    flex-direction: column;
  }
  .l-post--blog .l-post__i {
    margin-block-start: -20px;
  }
  .l-post--blog .l-post__text.wrd-ell {
    display: block;
  }
  .l-post--blog .l-post__image {
    width: 100%;
    border-radius: var(--rd-20) var(--rd-20) 0 0;
  }
  @media only screen and (max-width: 549.98px) {
    .l-post--blog .l-post__image {
      border-radius: var(--rd-16) var(--rd-16) 0 0;
    }
  }
  .l-post--blog .l-post__image .l-post__alt-img.icon-no-image {
    padding-block-end: 20px;
  }
  .l-post--blog .l-post__ctg {
    inset-block-end: 32px;
    inset-inline-start: 12px;
  }
}
.l-post--blog .l-utl__i.l-utl__i--vw {
  --fz: 14px;
}
.l-post--blog.rjct .l-brdc__i {
  color: var(--color-addgrey);
}
.l-post--blog.rjct .l-post__link {
  opacity: 0.3;
}
@media only screen and (min-width: 767.98px) {
  .l-post--blog.rjct .l-post__link:hover {
    opacity: 0.7;
  }
}
.l-post--blog.rjct .l-post__link:active {
  opacity: 0.7;
}
.l-post--blog.rjct .l-post__link::before {
  display: none;
}
.l-post__i {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  padding: 16px;
  height: 100%;
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .l-post__i {
    padding: 12px;
    border-radius: var(--rd-16);
  }
}
.l-post__hdr {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-block-end: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .l-post__hdr {
    margin-block-end: 4px;
  }
}
.l-post__hdr .l-brdc {
  margin-block-end: 0;
}
.l-post__hdr .l-more {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  height: 22px;
  background-color: var(--color-white);
  z-index: 1;
}
.l-post__hdr .l-more::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -24px;
  height: 100%;
  width: 24px;
  background:
    linear-gradient(
      90deg,
      transparent -20%,
      var(--color-white) 50%);
}
.l-post__hdr .l-more__d::after {
  inset-block-start: 3px;
  margin-inline-start: 8px;
}
.l-post__hdr .l-more .l-utl__i {
  margin-inline-end: 0;
}
.l-post__lbl {
  --fz: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  height: 36px;
  padding: 0 12px;
  background-color: var(--color-bg-lightgrey);
  border-radius: var(--rd-100);
  color: var(--color-black);
  margin-block-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .l-post__lbl {
    margin-block-end: 12px;
    height: 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-post__lbl {
    padding: 0 8px;
    margin-block-end: 8px;
    height: 28px;
  }
}
.l-post__lbl svg {
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-post__lbl svg {
    --icon-w: 12px;
    margin-inline-end: 6px;
  }
}
.l-post__lbl.nw {
  --fz: 16px;
  border-radius: var(--rd-12);
  padding: 8px 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-post__lbl.nw {
    --fz: 14px;
    padding: 8px 12px;
  }
}
.l-post__lbl.pndg {
  background-color: var(--color-cyan-light);
  color: var(--color-blue);
}
.l-post__lbl._refused {
  background-color: var(--color-red-pale-alt2);
  cursor: help;
}
.l-post__lbl._refused.dflt {
  cursor: default;
}
.l-post__link {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.l-post__link:not(:last-child) {
  margin-block-end: 12px;
}
.l-post__link::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: var(--color-white-20);
  transition: all 0.2s ease;
  z-index: 10;
}
@media only screen and (min-width: 767.98px) {
  .l-post__link:hover .l-post__title {
    color: var(--color-hover);
  }
  .l-post__link:hover::before {
    opacity: 1;
  }
}
.l-post__link:active .l-post__title {
  color: var(--color-hover);
}
.l-post__link:active::before {
  opacity: 1;
}
.l-post__title {
  margin-block-end: 4px;
  transition: color 0.2s ease 0s;
}
.l-post__title.wrd-ell {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.l-post__text:not(:last-child) {
  margin-block-end: 12px;
}
.l-post__text.wrd-ell {
  line-clamp: 6;
  -webkit-line-clamp: 6;
}
.l-post__text p {
  --fz: 14px;
  color: var(--color-black);
}
.l-post__text p.wrd-ell {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.l-post__text > .l-more__d {
  --fz: 12px;
  color: var(--color-darkgrey);
}
.l-post__image {
  position: relative;
  display: flex;
  width: 100%;
  color: var(--color-black);
  margin-block-start: auto;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-post__image {
    --fz: 14px;
    border-radius: var(--rd-12);
  }
}
.l-post__image img {
  width: 100%;
  height: auto;
  max-height: 100%;
  border-radius: var(--rd-16);
  object-fit: cover;
}
@media only screen and (max-width: 549.98px) {
  .l-post__image img {
    border-radius: var(--rd-12);
  }
}
.l-post__rare {
  inset-block-start: -6px;
  inset-inline-end: -6px;
}
.l-post__bottom {
  --fz: 14px;
  display: flex;
  align-items: center;
  column-gap: 16px;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-post__bottom {
    column-gap: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-post__bottom--blc {
    display: block;
  }
}
.l-post__bottom .l-utl__i.l-utl__i--vw:not(:last-child) {
  margin-inline-end: 0;
}
.l-post__bottom .l-more__d {
  margin-inline-start: auto;
  white-space: nowrap;
  align-self: center;
}
.l-post__bottom > .l-inf__i:first-child:not(:last-child) {
  margin-inline-end: auto;
}
.l-post__bottom > .l-inf__i:last-child:not(:first-child) {
  margin-inline-start: auto;
}
.l-post__bottom .l-cat__row.l-inf__i .l-av {
  margin-inline-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .l-post__bottom .l-cat__row.l-inf__i .l-av {
    margin-inline-end: 0;
  }
}
.l-post__bottom .l-cat__row.l-inf__i .l-usr {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 5px;
}
.l-post__bottom .l-cat__row.l-inf__i .l-usr picture {
  width: 16px;
  height: 16px;
}
.l-post__bottom .l-cat__row.l-inf__i .nm {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 549.98px) {
  .l-post__bottom .l-cat__row.l-inf__i {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "a b" "a c";
    column-gap: 8px;
    row-gap: 0;
  }
  .l-post__bottom .l-cat__row.l-inf__i .l-av {
    grid-area: a;
  }
  .l-post__bottom .l-cat__row.l-inf__i .l-usr {
    grid-area: b;
  }
  .l-post__bottom .l-cat__row.l-inf__i span.grey {
    --fz: 12px;
    grid-area: c;
  }
  .l-post__bottom .l-cat__row.l-inf__i span:after {
    content: none;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-post__bottom .l-cat__row.l-inf__i.fl {
    display: flex;
    margin-block-end: 5px;
  }
  .l-post__bottom .l-cat__row.l-inf__i.fl .l-av,
  .l-post__bottom .l-cat__row.l-inf__i.fl .l-usr,
  .l-post__bottom .l-cat__row.l-inf__i.fl span.grey {
    grid-area: unset;
  }
}
.l-post__bottom .l-cat__row.l-inf__i:not(:last-child) {
  margin-inline-end: auto;
  margin-block-end: 0;
}
.l-post__bottom--mdr {
  margin-block-start: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(77px, 1fr));
  column-gap: 12px;
}
.l-post__bottom--mdr .l-btn {
  height: 28px;
  width: 100%;
}
.l-post__user {
  display: flex;
  gap: 12px;
}
@media only screen and (min-width: 549.98px) {
  .l-post__user {
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-post__user {
    flex-direction: column;
  }
}
.l-post__user .l-av {
  --av-wh: 44px;
  --av-fz: 20px;
  margin-inline-end: 12px;
}
.l-post__user .l-cat__row {
  --color-link: var(--color-darkgrey);
  --fz: 14px;
  color: var(--color-darkgrey);
  margin-block-start: 2px;
}
.l-post__user .l-cat__row i {
  --fz: 10px;
  --lh: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: var(--color-lightgrey);
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-round);
  cursor: help;
  font-weight: 700;
  margin-inline-start: 2px;
  translate: 0 -1px;
}
@media only screen and (min-width: 767.98px) {
  .l-post__user .l-cat__row i:hover {
    background-color: var(--color-lightgrey-alt);
  }
}
.l-post__user .l-cat__row i:active {
  background-color: var(--color-lightgrey-alt);
}
.l-post__user._img32 .l-av {
  --av-wh: 32px;
  --av-fz: 15px;
}
.l-tab {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-tab {
    flex-direction: column;
    gap: 8px;
  }
}
.l-tab .l-tab__inner {
  padding-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-tab .l-tab__inner > .slct-dbl {
    display: none;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-tab .l-tab__inner > .slct-dbl {
    width: 147px;
    flex: 0 0 147px;
    height: 44px;
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .l-tab .l-tab__inner > .slct-dbl {
    width: 72px;
    flex: 0 0 72px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab.pb-esm {
    padding-block-end: 12px;
  }
}
.l-tab.scroll::before,
.l-tab.scroll::after,
.l-tab.scroll-esm::before,
.l-tab.scroll-esm::after {
  position: absolute;
  inset-block-start: 0;
  width: 24px;
  height: 100%;
  z-index: 2;
}
@media only screen and (max-width: 767.98px) {
  .l-tab.scroll::before,
  .l-tab.scroll::after,
  .l-tab.scroll-esm::before,
  .l-tab.scroll-esm::after {
    width: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab.scroll::before,
  .l-tab.scroll::after,
  .l-tab.scroll-esm::before,
  .l-tab.scroll-esm::after {
    width: 12px;
  }
}
.l-tab.scroll::before,
.l-tab.scroll-esm::before {
  inset-inline-start: -24px;
  background: var(--gradient-white-left);
}
@media only screen and (max-width: 767.98px) {
  .l-tab.scroll::before,
  .l-tab.scroll-esm::before {
    inset-inline-start: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab.scroll::before,
  .l-tab.scroll-esm::before {
    inset-inline-start: -12px;
  }
}
.l-tab.scroll::after,
.l-tab.scroll-esm::after {
  inset-inline-end: -24px;
  background: var(--gradient-white-right);
}
@media only screen and (max-width: 767.98px) {
  .l-tab.scroll::after,
  .l-tab.scroll-esm::after {
    inset-inline-end: -18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab.scroll::after,
  .l-tab.scroll-esm::after {
    inset-inline-end: -12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab.scroll > .l-tab__inner,
  .l-tab.scroll-esm > .l-tab__inner {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100dvw;
    width: calc(100% + 24px);
    flex-wrap: nowrap;
    margin-inline-start: -12px;
    margin-inline-end: -12px;
    padding: 12px;
    overscroll-behavior-x: none;
  }
  .l-tab.scroll > .l-tab__inner::-webkit-scrollbar,
  .l-tab.scroll-esm > .l-tab__inner::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 549.98px) and (max-width: 549.98px) {
  .l-tab.scroll.l-tab--btns:not(:first-child),
  .l-tab.scroll-esm.l-tab--btns:not(:first-child) {
    margin-block-start: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab.scroll-esm:first-child {
    margin-block-start: -12px;
  }
  .l-tab.scroll-esm:last-child {
    margin-block-end: -12px;
  }
  .l-tab.scroll-esm::before,
  .l-tab.scroll-esm::after {
    content: "";
  }
}
.l-tab.scroll::before,
.l-tab.scroll::after {
  content: "";
}
.l-tab.scroll > .l-tab__inner {
  margin: 0 -24px;
  padding: 0 24px;
  width: calc(100% + 48px);
}
@media only screen and (max-width: 767.98px) {
  .l-tab.scroll > .l-tab__inner {
    margin: 0 -18px;
    padding: 0 18px;
    width: calc(100% + 36px);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab.scroll > .l-tab__inner {
    margin: 0 -12px;
    padding: 0 12px;
    width: calc(100% + 24px);
  }
}
.l-tab--btns .l-tab__inner {
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-tab--btns .l-tab__inner {
    gap: 8px;
  }
}
.l-tab--btns._small .l-tab__link.l-tab__link--btn {
  --fz: 14px;
  height: 32px;
  padding: 0 12px;
  border-radius: var(--rd-12);
}
.l-tab--bdac {
  overflow: hidden;
}
.l-tab--bdac .l-tab__inner {
  padding-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-tab--bdac .l-tab__inner {
    padding-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab--bdac .l-tab__inner {
    padding-block-end: 12px;
  }
}
.l-tab--bdac .l-tab__link {
  position: relative;
}
.l-tab--bdac .l-tab__link::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: -20px;
  width: 0;
  height: 2px;
  border-radius: var(--rd-12) var(--rd-12) 0 0;
  background: var(--gradient-pink-orange);
  transform: translate(-50%, 2px);
  opacity: 0;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 767.98px) {
  .l-tab--bdac .l-tab__link::before {
    inset-block-end: -16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab--bdac .l-tab__link::before {
    inset-block-end: -12px;
  }
}
.l-tab--bdac .l-tab__link.active:before {
  opacity: 1;
  width: 100%;
  transform: translate(-50%, 0);
}
.l-tab--bdac .l-tab__link.l-tab__link--tltp::before {
  inset-inline-start: calc(50% - 10px);
}
.l-tab--bdac .l-tab__link.l-tab__link--tltp.active:before {
  width: calc(100% - 20px);
}
.l-tab--bdac .l-tab__link.clmn .l-cat__row {
  --fz: 12px;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 6px;
  margin-block-end: 4px;
  color: var(--color-hover);
}
.l-tab--bdac .l-tab__link.clmn .l-cat__row span:not(:last-child) {
  padding-inline-end: 10px;
}
.l-tab--bdac + .l-tab.l-tab--btns {
  padding-block-start: 20px;
  border-block-start: 1px solid var(--color-border);
}
@media only screen and (max-width: 767.98px) {
  .l-tab--bdac + .l-tab.l-tab--btns {
    padding-block-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab--bdac + .l-tab.l-tab--btns {
    margin-inline-start: -12px;
    margin-inline-end: -12px;
    padding: 0 12px;
  }
  .l-tab--bdac + .l-tab.l-tab--btns:not(.scroll-esm) {
    padding-block-start: 12px;
  }
  .l-tab--bdac + .l-tab.l-tab--btns::before {
    inset-inline-start: 0;
  }
  .l-tab--bdac + .l-tab.l-tab--btns::after {
    inset-inline-end: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab--bdac + .b-bns__cnt .b-bns__cnt-in {
    padding-block-start: 12px;
  }
}
.l-tab--bdac.full .l-tab__inner {
  gap: 12px;
  flex-wrap: nowrap;
  padding-block-end: 12px;
}
.l-tab--bdac.full .l-tab__link {
  flex: 1 1 100%;
  text-align: center;
}
.l-tab--bdac.full .l-tab__link::before {
  inset-block-end: -12px;
}
.l-tab--bdac.full.odds2-intervals,
.l-tab--bdac.full.bk-rating-intervals {
  margin: 0 -16px 16px;
  padding: 0 16px;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .l-tab--bdac.full.odds2-intervals,
  .l-tab--bdac.full.bk-rating-intervals {
    margin: 0 -12px 12px;
    padding: 0 12px;
  }
}
.l-tab--bdac.full.odds2-intervals .l-tab__link,
.l-tab--bdac.full.bk-rating-intervals .l-tab__link {
  --fz: 16px;
}
.l-tab--bdbt {
  padding: 16px 0;
  width: 100%;
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .l-tab--bdbt {
    padding: 12px 0;
  }
}
.l-tab--bdbt.l-tab--btns .l-tab__inner {
  gap: 8px;
}
.l-tab--bdbt.l-tab--btns .l-tab__link.l-tab__link--btn {
  --fz: 14px;
  height: 32px;
  padding: 0 12px;
  border-radius: var(--rd-12);
}
.l-tab--lbl {
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-tab--lbl {
    gap: 12px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-tab > .l-slct {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab > .l-slct {
    width: 100%;
    padding-block-end: 12px;
  }
}
.l-tab > .l-slct .icon-cup {
  --icon-w: 12px;
  --icon-c: var(--color-white);
  margin-inline-end: 8px;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: var(--rd-round);
  background-color: var(--color-blue);
}
@media only screen and (max-width: 549.98px) {
  .l-tab > .l-slct .icon-cup {
    --icon-w: 9px;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }
}
.l-tab__inner {
  display: flex;
  align-items: center;
  column-gap: 24px;
  row-gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}
.l-tab__inner::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .l-tab__inner {
    column-gap: 20px;
    row-gap: 14px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab__inner {
    gap: 16px;
    row-gap: 8px;
  }
}
.l-tab__inner > .l-tab__inner {
  padding: 0;
  margin: 0;
  overflow: initial;
  width: initial;
  column-gap: 16px;
  flex-wrap: nowrap;
  border-inline-start: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 549.98px) {
  .l-tab__inner > .l-tab__inner {
    column-gap: 12px;
  }
}
.l-tab__inner > .l-tab__inner > span.grey:first-child {
  padding-inline-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-tab__inner > .l-tab__inner > span.grey:first-child {
    padding-inline-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab__inner > .l-tab__inner > span.grey:first-child {
    --fz: 14px;
    padding-inline-start: 16px;
  }
}
.l-tab__link {
  color: var(--color-black);
  white-space: nowrap;
}
@media only screen and (max-width: 480.98px) {
  .l-tab__link {
    --fz: 14px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-tab__link:hover {
    color: var(--color-hover);
  }
}
.l-tab__link:active {
  color: var(--color-hover);
}
.l-tab__link.active {
  color: var(--color-hover);
}
.l-tab__link.noactive {
  color: var(--color-addgrey);
}
.l-tab__link.noactive::after {
  opacity: 0.4;
}
.l-tab__link--tltp {
  position: relative;
  display: flex;
  align-items: center;
}
.l-tab__link--tltp i.icon-arrow {
  margin-inline-start: 4px;
}
.l-tab__link--tltp.opened i.icon-arrow {
  rotate: 180deg;
}
.l-tab__link--g {
  color: var(--color-darkgrey);
}
.l-tab__link--g > span.grey {
  --fz: 14px;
}
.l-tab__link.l-tab__link--btn {
  --fz: 16px;
  display: flex;
  align-items: center;
  height: 44px;
  background-color: var(--color-lightgrey);
  color: var(--color-black);
  border-radius: var(--rd-16);
  padding: 0 20px;
  white-space: nowrap;
  gap: 4px;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    opacity 0.2s ease;
}
.l-tab__link.l-tab__link--btn.cnt {
  --fz: 14px;
  height: 32px;
  padding-block: 6px 6px;
  padding-inline: 12px 12px;
  border-radius: var(--rd-12);
}
.l-tab__link.l-tab__link--btn.cnt:has(> span.lbl-per) {
  padding-inline-end: 6px;
}
.l-tab__link.l-tab__link--btn._ltl5 {
  --lh: 1;
  --fz: 14px;
  justify-content: center;
  height: 32px;
  border-radius: var(--rd-100);
  padding: 0 12px;
  flex: 0 0 32px;
}
@media only screen and (max-width: 767.98px) {
  .l-tab__link.l-tab__link--btn {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab__link.l-tab__link--btn {
    --fz: 14px;
    height: 32px;
    border-radius: var(--rd-12);
    padding: 0 12px;
  }
}
.l-tab__link.l-tab__link--btn:not(._fav) > span {
  color: var(--color-darkgrey);
}
.l-tab__link.l-tab__link--btn > span.lbl-per {
  --fz: 12px;
  padding: 1px 6px;
  background-color: var(--color-darkgrey-50);
  min-width: 16px;
  border-radius: var(--rd-6);
  color: var(--color-white);
  height: 20px;
}
.l-tab__link.l-tab__link--btn > span.per {
  color: var(--color-black);
}
@media only screen and (min-width: 767.98px) {
  .l-tab__link.l-tab__link--btn:hover {
    background-color: var(--color-grey2);
    color: var(--color-black);
  }
}
.l-tab__link.l-tab__link--btn:active {
  background-color: var(--color-grey2);
  color: var(--color-black);
}
.l-tab__link.l-tab__link--btn.active {
  background-color: var(--color-black2);
  color: var(--color-white);
}
.l-tab__link.l-tab__link--btn.active:not(._fav) > span {
  color: var(--color-addgrey);
}
.l-tab__link.l-tab__link--btn.active > span.lbl-per {
  background-color: var(--color-darkgrey-50);
  color: var(--color-white);
}
.l-tab__link.l-tab__link--btn.l-tab__link--tltp {
  padding-inline-end: 16px;
}
@media only screen and (max-width: 767.98px) {
  .l-tab__link.l-tab__link--btn.l-tab__link--tltp {
    padding-inline-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tab__link.l-tab__link--btn.l-tab__link--tltp {
    padding-inline-end: 8px;
  }
}
.l-tab__link.l-tab__link--btn.l-tab__link--tltp:has(i.icon-cup) > .wrd-ell {
  max-width: 112px;
  word-break: break-all;
  white-space: normal;
}
.l-tab__link.l-tab__link--btn.l-tab__link--tltp > span.per {
  width: 93px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.l-tab__link.l-tab__link--btn._fav {
  position: relative;
}
.l-tab__link.l-tab__link--btn._fav .icon-star {
  margin-inline-end: 4px;
}
@media only screen and (max-width: 549.98px) {
  .l-tab__link.l-tab__link--btn._fav .icon-star {
    margin-inline-end: 0;
  }
}
.l-tab__link.l-tab__link--btn._fav span.favorite-live {
  position: absolute;
  inset-block-start: -2px;
  inset-inline-end: -2px;
  display: block;
  width: 16px;
  height: 16px;
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-round);
  border: 2px solid var(--color-white);
  opacity: 0;
  z-index: 2;
}
.l-tab__link.l-tab__link--btn._fav span.favorite-live.active {
  opacity: 1;
}
.l-tab__link.l-tab__link--btn._anim {
  animation: anim-btn-link 1.5s ease 1;
}
.l-tab__link.l-tab__link--btn i.icon-verification {
  --icon-w: 14px;
  --icon-c: var(--color-black2);
  transition: filter 0.2s ease, color 0.2s ease;
}
.l-tab__link.l-tab__link--btn.active i.icon-verification {
  --icon-c: var(--color-black);
  filter: invert(1);
}
.l-tab__link.l-tab__link--btn._ltl {
  --fz: 14px;
  height: 32px;
  padding: 0 12px;
  border-radius: var(--rd-12);
}
.l-tab__link.l-tab__link--btn._ltl:has(> span.lbl-per) {
  padding-inline-end: 6px;
}
.l-tab__link.l-tab__link--btn._disbl {
  background-color: var(--color-lightgrey-alt);
  color: var(--color-addgrey);
  cursor: no-drop;
}
.l-tab__link.l-tab__link--btn._wt:not(.active) {
  background-color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .l-tab__link.l-tab__link--btn._wt:not(.active):hover {
    background-color: var(--color-lightgrey2);
  }
}
.l-tab__link.l-tab__link--btn._wt:not(.active):active {
  background-color: var(--color-lightgrey2);
}
.l-tab__lbl {
  --fz: 14px;
}
.l-tab__lbl.lbl-per {
  color: var(--color-red-mid-alt2);
}
@media only screen and (max-width: 480.98px) {
  .l-tab__lbl {
    --fz: 12px;
  }
}
.l-tab.lbl-per {
  color: var(--color-red-mid-alt2);
}
.l-tab.rtkp {
  --fz: 16px;
  padding-block: 24px 0;
  padding-inline: 24px 24px;
  gap: 24px;
  border-block-end: 1px solid var(--color-border);
}
.l-tips {
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-16);
  padding: 0 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips {
    padding: 0 12px;
    border-radius: var(--rd-12);
  }
}
.l-tips + .l-tips {
  margin-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips + .l-tips {
    margin-block-start: 8px;
  }
}
.l-tips ~ .l-post__bottom {
  margin-block-start: 16px;
}
@media only screen and (min-width: 767.98px) {
  .l-tips ~ .l-post__bottom {
    padding-block-start: 16px;
    border-block-start: 1px solid var(--color-lightgrey);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips ~ .l-post__bottom {
    margin-block-start: 12px;
  }
}
.l-tips ~ .l-post__bottom .l-av {
  --av-wh: 32px;
  --av-fz: 15px;
}
.l-tips._main {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}
.l-tips._main ~ .l-post__bottom {
  padding: 0;
  margin: 0;
  border: none;
}
.l-tips._view {
  --color-link: var(--color-black);
  border-inline-start: 0;
  border-inline-end: 0;
  border-radius: 0;
  border-block-start: 1px solid var(--color-lightgrey);
  border-block-end: 1px solid var(--color-lightgrey);
  margin-inline-start: -24px;
  margin-inline-end: -24px;
  padding: 0 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-tips._view {
    margin-inline-start: -18px;
    margin-inline-end: -18px;
    padding: 0 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips._view {
    margin-inline-start: -12px;
    margin-inline-end: -12px;
    padding: 0 12px;
  }
}
.l-tips._view:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips._view:not(:last-child) {
    margin-block-end: 20px;
  }
}
.l-tips._view:not(:has(*:first-child)) {
  display: none;
}
@media only screen and (min-width: 549.98px) {
  .l-tips._view > .l-tips__item._tips_main {
    padding: 16px 0;
  }
}
.l-tips__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 0;
  row-gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item {
    padding: 12px 0;
    justify-content: space-between;
    row-gap: 8px;
  }
}
.l-tips__item._lnk {
  position: relative;
}
.l-tips__item._lnk .l-tips__info-s {
  position: relative;
  z-index: 2;
}
.l-tips__item + .l-tips__item {
  border-block-start: 1px solid var(--color-lightgrey);
}
.l-tips__item._main {
  display: flex;
  flex-direction: column;
  align-items: initial;
  padding: 0;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  color: var(--color-black);
  overflow: hidden;
  gap: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._main {
    border-radius: var(--rd-12);
  }
}
@media only screen and (min-width: 767.98px) {
  .l-tips__item._main.cr-pr:hover .l-tips__hdr .l-tips__name {
    color: var(--color-hover);
  }
}
.l-tips__item._main.cr-pr:active .l-tips__hdr .l-tips__name {
  color: var(--color-hover);
}
.l-tips__item._main .l-tips__hdr {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "a b c";
  column-gap: 12px;
  background: var(--color-lightgrey2);
  padding: 14px 16px 12px;
}
.l-tips__item._main .l-tips__hdr:not(:last-child) {
  border-block-end: 1px solid var(--color-grey2);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._main .l-tips__hdr {
    padding: 10px 12px;
    grid-template-columns: auto 1fr;
    grid-template-areas: "a b" "a c";
    column-gap: 8px;
  }
}
.l-tips__item._main .l-tips__hdr .l-tips__vs {
  grid-area: a;
  gap: 0;
  margin: 0;
}
.l-tips__item._main .l-tips__hdr .l-tips__vs .l-tips__av {
  height: 32px;
  width: 32px;
  padding: 0;
  border: none;
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 1px var(--color-bg-dark-10-alt);
}
.l-tips__item._main .l-tips__hdr .l-tips__vs .l-tips__av span {
  --fz: 12px;
}
.l-tips__item._main .l-tips__hdr .l-tips__vs .l-tips__av + .l-tips__av {
  border-inline-start: 2px solid var(--color-white);
  margin-inline-start: -5px;
  width: 34px;
  z-index: 2;
}
.l-tips__item._main .l-tips__hdr .l-tips__name {
  --fz: 16px;
  grid-area: b;
  color: var(--color-black);
  transition: color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._main .l-tips__hdr .l-tips__name {
    --fz: 14px;
  }
}
.l-tips__item._main .l-tips__hdr .l-tips__time {
  --fz: 16px;
  grid-area: c;
  margin-inline-end: 0;
  margin-inline-start: auto;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._main .l-tips__hdr .l-tips__time {
    --fz: 12px;
    margin: 0;
  }
}
.l-tips__item._main .l-tips__cnt {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--color-white);
  padding: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._main .l-tips__cnt {
    padding: 12px;
    gap: 8px;
  }
}
.l-tips__item._main .l-tips__cnt > *:not(:last-child) {
  padding-block-end: 12px;
  border-block-end: 1px solid var(--color-lightgrey);
}
.l-tips__item._main .l-tips__cnt .l-cat__row {
  --fz: 16px;
  --lh: 1.5;
  display: inline-block;
  margin-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._main .l-tips__cnt .l-cat__row {
    --fz: 14px;
  }
}
.l-tips__item._main .l-tips__cnt .l-cat__row > * {
  display: inline;
}
.l-tips__item._main .l-tips__cnt .l-cat__row > *:not(:last-child) {
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._main .l-tips__cnt .l-cat__row > *:not(:last-child) {
    margin-inline-end: 6px;
  }
}
.l-tips__item._main .l-tips__cnt .l-cat__row span {
  white-space: normal;
}
.l-tips__item._main .l-tips__cnt .l-cat__row ._label {
  --fz: 14px;
  --lh: 1;
  border-radius: var(--rd-6);
  padding: 2.5px 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._main .l-tips__cnt .l-cat__row ._label {
    --fz: 12px;
    padding: 1.5px 6px;
    border-radius: var(--rd-4);
  }
}
.l-tips__item._main .l-tips__cnt .l-cat__row ._label._kf {
  background: var(--color-black2);
  color: var(--color-white);
  font-weight: 700;
}
.l-tips__item._main .l-tips__cnt .l-cat__row ._label._cs {
  background: var(--color-lightgrey);
  color: var(--color-darkgrey);
}
.l-tips__item._main .l-tips__cnt .l-cat__row ._label._cs._green {
  background: var(--color-green-light-alt);
  color: var(--color-darkgreen);
}
.l-tips__item._main .l-tips__cnt .l-cat__row ._label._cs._red-hv {
  background: var(--color-red-pale);
  color: var(--color-hover);
}
.l-tips__item._tips_main {
  --tips-grid-time: 0;
  --tips-grid-av: 0;
  --tips-grid-lst: 0;
  display: grid;
  gap: 0;
  grid-template-columns: var(--tips-grid-av) 1fr;
  grid-template-areas: "b c" "b e";
}
.l-tips__item._tips_main:has(.l-tips__time) {
  --tips-grid-time: 52px;
  grid-template-areas: "a b c" "a b e";
  grid-template-columns: var(--tips-grid-time) var(--tips-grid-av) 1fr;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(.l-tips__time) {
    --tips-grid-time: 44px;
  }
  .l-tips__item._tips_main:has(.l-tips__time):has(.l-tips__time.hidden-block-esm) {
    grid-template-areas: "b c" "b e";
    grid-template-columns: var(--tips-grid-av) 1fr;
  }
  .l-tips__item._tips_main:has(.l-tips__time):has(.l-tips__time.hidden-block-esm):not(:has(.l-tips__info-f + .l-tips__info-f)) {
    grid-template-areas: "b c";
  }
}
.l-tips__item._tips_main:has(.l-tips__time)._year {
  --tips-grid-time: 72px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(.l-tips__time)._year {
    --tips-grid-time: 64px;
  }
}
.l-tips__item._tips_main:has(> i.icon-arrow),
.l-tips__item._tips_main:has(> i.l-tips__vote-dt),
.l-tips__item._tips_main:has(> .l-tips__vote) {
  grid-template-areas: "b c d" "b e d";
  grid-template-columns: var(--tips-grid-av) 1fr var(--tips-grid-lst);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(> i.icon-arrow):not(:has(.l-tips__info-f + .l-tips__info-f)),
  .l-tips__item._tips_main:has(> i.l-tips__vote-dt):not(:has(.l-tips__info-f + .l-tips__info-f)),
  .l-tips__item._tips_main:has(> .l-tips__vote):not(:has(.l-tips__info-f + .l-tips__info-f)) {
    grid-template-areas: "b c d";
  }
}
.l-tips__item._tips_main:has(> i.icon-arrow, .l-tips__time),
.l-tips__item._tips_main:has(> i.l-tips__vote-dt, .l-tips__time),
.l-tips__item._tips_main:has(> .l-tips__vote, .l-tips__time) {
  grid-template-areas: "a b c d" "a b e d";
  grid-template-columns: var(--tips-grid-time) var(--tips-grid-av) 1fr var(--tips-grid-lst);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(> i.icon-arrow, .l-tips__time):has(.l-tips__time.hidden-block-esm),
  .l-tips__item._tips_main:has(> i.l-tips__vote-dt, .l-tips__time):has(.l-tips__time.hidden-block-esm),
  .l-tips__item._tips_main:has(> .l-tips__vote, .l-tips__time):has(.l-tips__time.hidden-block-esm) {
    grid-template-areas: "b c d" "b e d";
    grid-template-columns: var(--tips-grid-av) 1fr var(--tips-grid-lst);
  }
  .l-tips__item._tips_main:has(> i.icon-arrow, .l-tips__time):has(.l-tips__time.hidden-block-esm):not(:has(.l-tips__info-f + .l-tips__info-f)),
  .l-tips__item._tips_main:has(> i.l-tips__vote-dt, .l-tips__time):has(.l-tips__time.hidden-block-esm):not(:has(.l-tips__info-f + .l-tips__info-f)),
  .l-tips__item._tips_main:has(> .l-tips__vote, .l-tips__time):has(.l-tips__time.hidden-block-esm):not(:has(.l-tips__info-f + .l-tips__info-f)) {
    grid-template-areas: "b c d";
  }
}
.l-tips__item._tips_main:has(.l-tips__av:nth-child(1)) {
  --tips-grid-av: 56px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(.l-tips__av:nth-child(1)) {
    --tips-grid-av: 40px;
  }
}
.l-tips__item._tips_main:has(.l-tips__av:nth-child(2)) {
  --tips-grid-av: 96px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(.l-tips__av:nth-child(2)) {
    --tips-grid-av: 72px;
  }
}
.l-tips__item._tips_main:has(> .l-tips__item > i.icon-arrow),
.l-tips__item._tips_main:has(> i.icon-arrow) {
  --tips-grid-lst: 16px;
}
.l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote),
.l-tips__item._tips_main:has(> .l-tips__vote) {
  --tips-grid-lst: 45px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote),
  .l-tips__item._tips_main:has(> .l-tips__vote) {
    --tips-grid-lst: 38px;
  }
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote):has(.l-tips__vs),
  .l-tips__item._tips_main:has(> .l-tips__vote):has(.l-tips__vs) {
    --tips-grid-av: 24px;
    grid-template-areas: "a b c d" "e e e e";
    grid-template-columns: var(--tips-grid-time) var(--tips-grid-av) 1fr var(--tips-grid-lst);
  }
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote):has(.l-tips__vs) .l-tips__vs,
  .l-tips__item._tips_main:has(> .l-tips__vote):has(.l-tips__vs) .l-tips__vs {
    flex-direction: column;
    gap: 4px;
    margin-inline-end: 4px;
  }
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote):has(.l-tips__vs) .l-tips__vs:not(:has(.l-tips__av:nth-child(2))),
  .l-tips__item._tips_main:has(> .l-tips__vote):has(.l-tips__vs) .l-tips__vs:not(:has(.l-tips__av:nth-child(2))) {
    justify-content: center;
    height: 44px;
  }
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote):has(.l-tips__vs) .l-tips__av,
  .l-tips__item._tips_main:has(> .l-tips__vote):has(.l-tips__vs) .l-tips__av {
    border: none;
    margin: 0;
    height: 20px;
    width: 20px;
  }
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote):has(.l-tips__vs) .l-tips__av span,
  .l-tips__item._tips_main:has(> .l-tips__vote):has(.l-tips__vs) .l-tips__av span {
    --fz: 10px;
  }
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote):has(.l-tips__vs) .l-tips__info-f:has(._grey),
  .l-tips__item._tips_main:has(> .l-tips__vote):has(.l-tips__vs) .l-tips__info-f:has(._grey) {
    justify-content: center;
    border-radius: var(--rd-8);
    background: var(--color-lightgrey);
    padding: 6px 8px;
    margin-inline-end: 0;
    margin-block-start: 8px;
  }
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote):has(.l-tips__vs) .l-tips__info-f:has(._grey) span._grey,
  .l-tips__item._tips_main:has(> .l-tips__vote):has(.l-tips__vs) .l-tips__info-f:has(._grey) span._grey {
    color: var(--color-black);
  }
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote):has(.l-tips__vs) .l-tips__info-f span._names,
  .l-tips__item._tips_main:has(> .l-tips__vote):has(.l-tips__vs) .l-tips__info-f span._names {
    white-space: nowrap;
    mask:
      linear-gradient(
        90deg,
        black calc(100% - 20px),
        transparent 100%);
    -webkit-mask: -webkit-linear-gradient(0deg, black calc(100% - 20px), transparent 100%);
  }
}
.l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote-dt),
.l-tips__item._tips_main:has(> .l-tips__vote-dt) {
  --tips-grid-lst: 149px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(> .l-tips__item > .l-tips__vote-dt),
  .l-tips__item._tips_main:has(> .l-tips__vote-dt) {
    --tips-grid-lst: 1fr;
  }
}
.l-tips__item._tips_main:has(> .l-tips__item) {
  grid-template-areas: "a a" ". f" ". g";
  grid-template-columns: var(--tips-grid-av) 1fr;
}
.l-tips__item._tips_main:has(> .l-tips__item):has(.l-tips__time) {
  grid-template-areas: "a a a" ". . f" ". . g";
  grid-template-columns: var(--tips-grid-time) var(--tips-grid-av) 1fr;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(> .l-tips__item):has(.l-tips__time):has(.l-tips__time.hidden-block-esm) {
    grid-template-areas: "a a" ". f" ". g";
    grid-template-columns: var(--tips-grid-av) 1fr;
  }
}
.l-tips__item._tips_main:has(> .l-tips__item):has(> .l-tips__item > i.icon-arrow, .l-tips__time),
.l-tips__item._tips_main:has(> .l-tips__item):has(> .l-tips__item > i.l-tips__vote-dt, .l-tips__time),
.l-tips__item._tips_main:has(> .l-tips__item):has(> .l-tips__item > .l-tips__vote, .l-tips__time) {
  grid-template-areas: "a a a a" ". . f f" ". . g g";
  grid-template-columns: var(--tips-grid-time) var(--tips-grid-av) 1fr var(--tips-grid-lst);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main:has(> .l-tips__item):has(> .l-tips__item > i.icon-arrow, .l-tips__time):has(.l-tips__time.hidden-block-esm),
  .l-tips__item._tips_main:has(> .l-tips__item):has(> .l-tips__item > i.l-tips__vote-dt, .l-tips__time):has(.l-tips__time.hidden-block-esm),
  .l-tips__item._tips_main:has(> .l-tips__item):has(> .l-tips__item > .l-tips__vote, .l-tips__time):has(.l-tips__time.hidden-block-esm) {
    grid-template-areas: "a a a" ". f f" ". g g";
    grid-template-columns: var(--tips-grid-av) 1fr var(--tips-grid-lst);
  }
}
@media only screen and (min-width: 549.98px) {
  .l-tips__item._tips_main:has(> .l-tips__item):not(:has(.l-tips__info-f + .l-tips__info-f)) .l-tips__btns {
    margin-block-start: -17px;
  }
}
.l-tips__item._tips_main:not(:has(.l-tips__vs)) .l-tips__time {
  height: auto;
}
@media only screen and (min-width: 767.98px) {
  .l-tips__item._tips_main:not(:has(.l-tips__vs)):hover .l-tips__info-f:has(._names) {
    color: var(--color-hover);
  }
}
.l-tips__item._tips_main:not(:has(.l-tips__vs)):active .l-tips__info-f:has(._names) {
  color: var(--color-hover);
}
@media only screen and (min-width: 767.98px) {
  .l-tips__item._tips_main.cr-pr:hover .l-tips__info-f:has(._names) {
    color: var(--color-hover);
  }
}
.l-tips__item._tips_main.cr-pr:active .l-tips__info-f:has(._names) {
  color: var(--color-hover);
}
.l-tips__item._tips_main.cr-pr:active {
  color: var(--color-hover);
}
.l-tips__item._tips_main._open > i.icon-arrow svg {
  rotate: 180deg;
}
.l-tips__item._tips_main .l-tips__item {
  grid-area: a;
  padding: 0;
}
.l-tips__item._tips_main .l-tips__time {
  grid-area: a;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  align-self: start;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__time {
    height: 44px;
  }
}
.l-tips__item._tips_main .l-tips__vs {
  grid-area: b;
  gap: 0;
  align-items: initial;
  align-self: start;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__vs {
    margin-inline-end: 8px;
  }
}
.l-tips__item._tips_main .l-tips__av {
  height: 44px;
  width: 44px;
  padding: 0;
  border: none;
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 1px var(--color-bg-dark-10);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__av {
    height: 32px;
    width: 32px;
  }
  .l-tips__item._tips_main .l-tips__av span {
    --fz: 14px;
  }
}
.l-tips__item._tips_main .l-tips__av + .l-tips__av {
  border-inline-start: 3px solid var(--color-white);
  margin-inline-start: -7px;
  width: 47px;
  z-index: 2;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__av + .l-tips__av {
    margin-inline-start: -3px;
    width: 35px;
  }
}
.l-tips__item._tips_main .l-tips__info-f {
  grid-area: c;
  display: flex;
  flex-direction: column;
  align-items: initial;
  padding: 0;
  border: none;
  row-gap: 2px;
  column-gap: 0;
  overflow: hidden;
  margin-inline-end: 0;
  color: var(--color-black);
  transition: color 0.2s ease;
}
.l-tips__item._tips_main .l-tips__info-f + .l-tips__info-f {
  margin-block-start: 4px;
}
.l-tips__item._tips_main .l-tips__info-f.cr-pr {
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-tips__item._tips_main .l-tips__info-f.cr-pr:hover {
    color: var(--color-hover);
  }
}
.l-tips__item._tips_main .l-tips__info-f.cr-pr:active {
  color: var(--color-hover);
}
@media only screen and (max-width: 767.98px) {
  .l-tips__item._tips_main .l-tips__info-f:has(._names) {
    margin-inline-end: 4px;
  }
}
.l-tips__item._tips_main .l-tips__info-f:has(._names) span._names:has(.sk__line) {
  display: flex;
  align-items: center;
}
.l-tips__item._tips_main .l-tips__info-f:has(._names) span._names.grey.visible-flex-esm {
  --fz: 12px;
}
.l-tips__item._tips_main .l-tips__info-f:has(._grey) {
  grid-area: e;
  padding: 0;
  background: initial;
  border-radius: 0;
}
.l-tips__item._tips_main .l-tips__info-f:has(._grey) span._grey {
  color: var(--color-black);
}
.l-tips__item._tips_main .l-tips__info-f span {
  --fz: inherit;
  display: inline;
}
.l-tips__item._tips_main .l-tips__info-f span._names {
  --fz: 16px;
  --lh: 1.5;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__info-f span._names {
    --fz: 14px;
    --lh: 1.362;
  }
}
.l-tips__item._tips_main .l-tips__info-f span._grey {
  --fz: 14px;
  --lh: 1.57143;
  color: var(--color-darkgrey);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__info-f span._grey {
    --fz: 12px;
    --lh: 1.362;
  }
}
.l-tips__item._tips_main .l-tips__info-f span._grey ._label {
  --fz: 12px;
  --lh: 1.33333;
  display: inline-block;
  border-radius: var(--rd-4);
  padding: 0 4px;
  font-weight: 600;
  height: 16px;
  text-transform: uppercase;
  color: var(--color-white);
  margin-inline-end: 6px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__info-f span._grey ._label {
    --fz: 10px;
    --lh: 1.4;
    padding: 0 4px;
    height: 14px;
  }
}
.l-tips__item._tips_main .l-tips__info-f span._grey ._label._empty {
  background: var(--color-grey-act);
}
.l-tips__item._tips_main .l-tips__info-f span._grey ._label._video {
  background: var(--color-indigo);
}
.l-tips__item._tips_main .l-tips__info-f span._grey ._label._kf {
  background: var(--color-black2);
}
.l-tips__item._tips_main .l-tips__info-f span._grey ._label._review {
  background: var(--color-blue);
}
.l-tips__item._tips_main .l-tips__info-f span._grey ._status {
  padding-inline-end: 4px;
}
.l-tips__item._tips_main .l-tips__info-f span._grey ._status::after {
  --fz: 12px;
  content: "|";
  position: relative;
  inset-block-start: -1px;
  opacity: 0.6;
  color: var(--color-grey3);
  margin-inline-start: 4px;
}
.l-tips__item._tips_main .l-tips__vote {
  grid-area: d;
  flex-direction: column;
  flex: 0 0 45px;
  width: 45px;
  row-gap: 1px;
  justify-content: initial;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__vote {
    width: 38px;
    flex: 0 0 38px;
    row-gap: 8px;
    justify-content: center;
  }
}
.l-tips__item._tips_main .l-tips__like {
  height: 22px;
}
@media only screen and (min-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__like {
    width: 45px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__like {
    --fz: 12px;
    flex: 0 0 16px;
    height: 16px;
  }
}
.l-tips__item._tips_main .l-tips__like i {
  --icon-w: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main .l-tips__like i {
    --icon-w: 16px;
  }
}
.l-tips__item._tips_main > i.icon-arrow {
  grid-area: d;
  align-self: self-start;
  margin-block-start: 14px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item._tips_main > i.icon-arrow {
    margin-block-start: 8px;
  }
}
.l-tips__item._tips_main > i.icon-arrow svg {
  transition: rotate 0.2s ease;
  rotate: 0deg;
}
.l-tips__item._tips_main > i.icon-arrow._right svg {
  rotate: -90deg;
}
@media only screen and (min-width: 767.98px) {
  .l-tips__item._tips_main:has(+ .l-tips__prw.cr-pr:hover) .l-tips__info-f:has(._names) {
    color: var(--color-hover);
  }
}
.l-tips__item._tips_main:has(+ .l-tips__prw.cr-pr:active) .l-tips__info-f:has(._names) {
  color: var(--color-hover);
}
.l-tips__item.l-cat__row {
  --fz: 14px;
  row-gap: 0;
  column-gap: 12px;
  justify-content: initial;
  flex-wrap: wrap;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item.l-cat__row {
    column-gap: 8px;
    padding: 8px 0;
  }
}
.l-tips__item.l-cat__row > span:not(:last-child) {
  padding-inline-end: 13px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__item.l-cat__row > span:not(:last-child) {
    padding-inline-end: 9px;
  }
}
.l-tips__item.l-cat__row > span:not(:last-child)::before {
  width: 0;
  height: 16px;
  border: none;
  border-inline-end: 1px solid var(--color-grey2);
  border-radius: 0;
}
.l-tips__item.l-cat__row > span:not(:last-child):has(+ div) {
  padding-inline-end: 0;
}
.l-tips__item.l-cat__row > span:not(:last-child):has(+ div)::before {
  content: none;
}
.l-tips__time {
  flex: 0 0 44px;
  color: var(--color-darkgrey);
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__time {
    --fz: 14px;
    order: 1;
    flex: 0 0 90px;
    white-space: nowrap;
  }
}
.l-tips__vs {
  display: flex;
  align-items: center;
  column-gap: 4px;
  margin-inline-end: 12px;
}
.l-tips__av {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 56px;
  padding: 3px;
  border: 1px solid var(--color-addgrey);
  border-radius: var(--rd-round);
  z-index: 1;
}
.l-tips__av img {
  border-radius: var(--rd-round);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.l-tips__av span {
  --fz: 20px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--color-white);
  text-transform: uppercase;
  background-color: var(--color-grey-soft-alt);
  border-radius: var(--rd-round);
}
.l-tips__info {
  flex: 1 1 auto;
  display: flex;
}
@media only screen and (min-width: 549.98px) {
  .l-tips__info {
    margin-inline-end: 16px;
    flex: 1 1 calc(100% - 274px);
  }
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .l-tips__info {
    flex: 1 1 calc(100% - 146px);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips__info {
    order: 3;
    flex: 1 1 100%;
  }
}
.l-tips__info .l-tips__info-f,
.l-tips__info + .l-tips__info-v {
  min-height: 56px;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-16);
}
.l-tips__info .l-tips__info-f {
  transition: background-color 0.2s ease;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .l-tips__info .l-tips__info-f:hover {
    background-color: var(--color-grey2);
  }
}
.l-tips__info .l-tips__info-f:active {
  background-color: var(--color-grey2);
}
.l-tips__info-f {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 1fr 16px;
  grid-template-areas: "a c" "b c";
  border: 1px solid transparent;
  column-gap: 8px;
  row-gap: 4px;
  align-items: center;
  padding: 5.5px 12px;
  margin-inline-end: 5px;
}
.l-tips__info-f span {
  --fz: 14px;
}
.l-tips__info-f span:first-child {
  grid-area: a;
}
.l-tips__info-f span.grey {
  grid-area: b;
}
.l-tips__info-f span.wrd-ell {
  display: block;
  word-break: normal;
}
.l-tips__info-f i.icon-arrow {
  grid-area: c;
}
.l-tips__info-f.open i.icon-arrow {
  rotate: 180deg;
}
.l-tips__item-t {
  color: inherit;
  text-decoration: none;
  outline: none;
}
@media only screen and (min-width: 767.98px) {
  .l-tips__item-t:hover {
    color: var(--color-hover);
  }
}
.l-tips__item-t:active {
  color: var(--color-hover);
}
.l-tips__item-t::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
.l-tips__info-s {
  flex: 0 0 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5.5px;
  background-color: var(--color-black2);
  transition: background-color 0.2s ease;
  cursor: pointer;
  min-height: 56px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__info-s {
    --fz: 14px;
    flex: 0 0 56px;
  }
}
.l-tips__info-s span {
  color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .l-tips__info-s:hover {
    background-color: var(--color-black2-95);
  }
}
.l-tips__info-s:active {
  background-color: var(--color-black2-95);
}
.l-tips__info-v {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 549.98px) {
  .l-tips__info-v {
    position: relative;
    flex: 0 0 114px;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips__info-v {
    order: 4;
    flex: 0 0 100%;
    height: 32px;
    gap: 8px;
    padding: 0 12px;
    background-color: var(--color-white);
    border: 1px solid var(--color-addgrey);
  }
}
.l-tips__info-v--out {
  background-color: var(--color-white);
  border: 1px solid var(--color-addgrey);
}
@media only screen and (min-width: 549.98px) {
  .l-tips__info-v--out.l-tips__info-v > span {
    margin-block-end: 0;
    margin-block-start: 0;
  }
}
.l-tips__info-v > span {
  --fz: 12px;
}
@media only screen and (min-width: 549.98px) {
  .l-tips__info-v > span {
    margin-block-end: 2px;
    margin-block-start: 6px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips__info-v > span {
    order: 4;
    margin-inline-start: auto;
  }
}
.l-tips__info-v .l-tips__vote {
  align-items: center;
  flex: 0 0 auto;
}
@media only screen and (min-width: 549.98px) {
  .l-tips__info-v .l-tips__vote {
    flex-direction: row;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips__info-v .l-tips__vote > span {
    --fz: 14px;
  }
}
.l-tips__info-v .l-tips__vote.sttc .l-tips__like {
  cursor: default;
}
.l-tips__info-v:not(.l-tips__info-v--out) .l-tips__vote {
  order: initial;
}
@media only screen and (min-width: 549.98px) and (min-width: 549.98px) {
  .l-tips__info-v:not(.l-tips__info-v--out) .l-tips__vote > .l-tips__like {
    position: absolute;
    inset-block-start: -10px;
  }
  .l-tips__info-v:not(.l-tips__info-v--out) .l-tips__vote > .l-tips__like:first-of-type {
    inset-inline-start: -4px;
  }
  .l-tips__info-v:not(.l-tips__info-v--out) .l-tips__vote > .l-tips__like:last-of-type:not(:first-of-type) {
    inset-inline-end: -4px;
  }
}
.l-tips__info-v .l-tips__like {
  flex: 0 0 24px;
  width: auto;
}
@media only screen and (min-width: 549.98px) {
  .l-tips__info-v > .l-tips__like {
    position: absolute;
  }
  .l-tips__info-v > .l-tips__like:first-of-type {
    inset-inline-start: -4px;
    inset-block-start: -9px;
  }
  .l-tips__info-v > .l-tips__like:last-of-type:not(:first-of-type) {
    inset-inline-end: -10px;
    inset-block-start: -8px;
  }
}
.l-tips__vote {
  flex: 0 0 58px;
  display: flex;
  column-gap: 12px;
  row-gap: 8px;
}
@media only screen and (min-width: 549.98px) {
  .l-tips__vote {
    flex-direction: column;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips__vote {
    flex: 0 0 116px;
    order: 2;
    justify-content: flex-end;
  }
}
.l-tips__like {
  display: flex;
  align-items: center;
  color: var(--color-darkgrey);
  transition: color 0.2s ease;
  cursor: pointer;
}
@media only screen and (min-width: 549.98px) {
  .l-tips__like {
    width: 58px;
    flex: 0 0 58px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips__like {
    --fz: 14px;
    flex: 0 0 52px;
    width: 52px;
  }
}
.l-tips__like i {
  --icon-w: 24px;
  position: relative;
  margin-inline-end: 6px;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__like i {
    margin-inline-end: 4px;
  }
}
.l-tips__like._dislike i {
  scale: -1;
}
.l-tips__like._active._like {
  color: var(--color-darkgreen);
}
.l-tips__like._active._like i {
  --icon-c: var(--color-darkgreen);
}
.l-tips__like._active._dislike {
  color: var(--color-hover);
}
.l-tips__like._active._dislike i {
  --icon-c: var(--color-hover);
}
@media only screen and (min-width: 767.98px) {
  .l-tips__like:not(._active):hover {
    color: var(--color-black);
  }
  .l-tips__like:not(._active):hover i {
    --icon-c: var(--color-black);
  }
}
.l-tips__like:not(._active):active {
  color: var(--color-black);
}
.l-tips__like:not(._active):active i {
  --icon-c: var(--color-black);
}
.l-tips__like + .l-link--sm {
  margin-inline-start: 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-tips__like + .l-link--sm {
    margin-inline-start: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tips__like + .l-link--sm {
    margin-inline-start: 12px;
  }
}
.l-tips__btns {
  display: flex;
  align-items: center;
}
.l-tips__btns:not(:has(> *)) {
  display: none;
}
.l-tips__btns .l-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-tips__btns._small {
  grid-area: f;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__btns._small {
    margin-block-start: 8px;
    gap: 4px;
  }
}
.l-tips__btns._small .l-btn {
  --fz: 14px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--rd-6);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__btns._small .l-btn {
    --fz: 12px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--rd-4);
  }
}
.l-tips__btns._mdr {
  gap: 16px;
  margin-block-start: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__btns._mdr {
    gap: 8px;
    margin-block-start: 16px;
  }
}
.l-tips__btns._mdr .l-btn {
  --fz: 16px;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__btns._mdr .l-btn {
    --fz: 12px;
    height: 28px;
    padding: 6px 16px;
    border-radius: var(--rd-8);
  }
}
.l-tips__btns._mdr .l-btn svg {
  --icon-c: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__btns._mdr .l-btn svg {
    --icon-w: 14px;
  }
}
.l-tips__btns._mdr .l-btn._dislike svg {
  scale: -1;
}
.l-tips__btns._mdr .l-btn._active._like {
  background-color: var(--color-green-light-alt);
  color: var(--color-darkgreen);
}
.l-tips__btns._mdr .l-btn._active._like svg {
  --icon-c: var(--color-darkgreen);
}
.l-tips__btns._mdr .l-btn._active._dislike {
  background-color: var(--color-red-pale);
  color: var(--color-hover);
}
.l-tips__btns._mdr .l-btn._active._dislike svg {
  --icon-c: var(--color-hover);
}
.l-tips__prw {
  --fz: 16px;
  position: relative;
  max-height: 88px;
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__prw {
    --fz: 14px;
    max-height: 122px;
  }
}
.l-tips__prw::after {
  content: "";
  position: absolute;
  inset-block-start: 44px;
  inset-inline-start: 0;
  width: 100%;
  height: 44px;
  background:
    linear-gradient(
      0deg,
      var(--color-white) 0%,
      transparent 66.67%);
}
@media only screen and (max-width: 549.98px) {
  .l-tips__prw::after {
    inset-block-start: 90px;
    height: 32px;
  }
}
.l-tips__prw > span[tipsGrade] {
  color: var(--color-black2);
}
.l-tips__prw > span[tipsGrade]:not(:last-child) {
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__prw > span[tipsGrade]:not(:last-child) {
    margin-inline-end: 6px;
  }
}
.l-tips__prw > span[tipsGrade] i {
  --icon-w: 16px;
  margin-inline-end: 6px;
  translate: 0 2px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__prw > span[tipsGrade] i {
    --icon-w: 14px;
    margin-inline-end: 4px;
  }
}
.l-tips__user {
  --fz: 14px;
  padding-block-start: 12px;
  margin-block-start: 12px;
  border-block-start: 1px solid var(--color-grey2);
  grid-column: 1/-1;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__user {
    --fz: 12px;
    padding-block-start: 8px;
    margin-block-start: 8px;
  }
}
.l-tips__cct {
  --fz: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 12px 12px;
  padding-inline: 32px 14px;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-gold-alt2-25);
  color: var(--color-black);
  background:
    url(/images3/contest/cct-bg.png) 100% 50%/auto 100% no-repeat,
    linear-gradient(
      90deg,
      var(--color-white) 0%,
      var(--color-gold-pale) 100%);
  background-blend-mode: color-burn;
  margin-block-start: 20px;
  cursor: pointer;
  transition: color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__cct {
    --fz: 14px;
    border-radius: var(--rd-12);
    padding-block: 12px 12px;
    padding-inline: 24px 10px;
    margin-block-start: 16px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-tips__cct:hover {
    color: var(--color-hover);
  }
}
.l-tips__cct:active {
  color: var(--color-hover);
}
.l-tips__cct::before {
  content: "";
  position: absolute;
  inset-block-start: -8px;
  inset-inline-start: -8px;
  width: 32px;
  height: 32px;
  background: url(/images3/contest/cct-star.svg) 0 0/auto no-repeat;
}
.l-tips__cct i.icon-arrow {
  --icon-c: var(--color-gold-mid);
  rotate: -90deg;
  opacity: 0.8;
}
.l-tips__grade {
  display: flex;
  gap: 12px;
  padding: 16px 0;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__grade {
    gap: 8px;
    padding: 12px 0;
  }
}
.l-tips__grade-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
}
.l-tips__grade-info > .l-ttl--bld {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__grade-info > .l-ttl--bld {
    --fz: 14px;
  }
}
.l-tips__grade-info > .l-cat__row {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__grade-info > .l-cat__row {
    --fz: 12px;
  }
}
.l-tips__grade-btn {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__grade-btn {
    gap: 8px;
  }
}
.l-tips__grade-btn .b-frcs__avrd-bt {
  --fz: 16px;
  border: none;
  background-color: var(--clr-rb2);
  border-radius: var(--rd-12);
  width: 52px;
  height: 44px;
  color: var(--color-blue);
  font-weight: 600;
}
@media only screen and (max-width: 549.98px) {
  .l-tips__grade-btn .b-frcs__avrd-bt {
    --fz: 14px;
    width: 36px;
    height: 32px;
    border-radius: var(--rd-8);
  }
}
.l-pnl {
  position: fixed;
  inset-block-end: 0;
  inset-inline-start: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  column-gap: 0;
  flex-wrap: nowrap;
  padding: 12px 6px;
  background-color: var(--color-white);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 2px 30px var(--color-border);
  z-index: 119;
}
.l-pnl.visible-flex-sm:not(:last-child),
.l-pnl.visible-flex-md:not(:last-child) {
  margin: 0;
}
.l-pnl__item {
  --fz: 10px;
  --lh: 1.4;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--color-black);
  white-space: nowrap;
  flex: 0 0 68px;
}
@media only screen and (max-width: 359.98px) {
  .l-pnl__item {
    flex: 0 0 60px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-pnl__item:hover {
    color: var(--color-hover);
  }
}
.l-pnl__item:active {
  color: initial;
}
.l-pnl__item span {
  --fz: 10px;
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
  color: var(--color-white);
  padding: 0 3px;
  border: 2px solid var(--color-white);
  border-radius: var(--rd-100);
  background: var(--gradient-pink-orange);
}
@media only screen and (min-width: 480.98px) {
  .l-pnl__item span {
    inset-inline-end: 12px;
  }
}
.l-pnl__item i:first-child {
  --icon-w: 24px;
  margin-block-end: 2px;
}
.l-pnl__item:has(.icon-coupon) span {
  inset-inline-end: 10px;
}
@media only screen and (max-width: 480.98px) {
  .l-pnl__item:has(.icon-coupon) span {
    inset-inline-end: 8px;
  }
}
.l-pnl__item:has(.icon-user) span {
  inset-block-start: -2px;
  width: 8px;
  height: 8px;
  min-width: 8px;
  border: none;
  inset-inline-end: 16px;
}
@media only screen and (max-width: 480.98px) {
  .l-pnl__item:has(.icon-user) span {
    inset-inline-end: 14px;
  }
}
.l-pnl__item i.icon-arrow {
  --icon-w: 12px;
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 0;
  transition: rotate 0.2s ease;
}
.l-pnl__item.open i.icon-arrow {
  rotate: 180deg;
}
.l-pnl__item.active {
  color: var(--color-hover);
}
.l-pnl__item.active i:first-child {
  --icon-c: var(--color-hover);
}
.l-pnl__bkdr {
  position: fixed;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100vw;
  height: 100vh;
  background: var(--color-bg-dark-50);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 1;
}
.l-pnl__mdl {
  position: fixed;
  inset-block-end: 12px;
  inset-inline-start: 12px;
  background-color: var(--color-white);
  padding: 12px;
  border-radius: var(--rd-16);
  width: calc(100% - 24px);
  transform: translate(0, calc(100% + 24px));
  transition: transform 0.4s ease;
  z-index: 2;
}
.l-pnl__mdl .b-mdl__ttl2 {
  position: relative;
  border-block-end: 1px solid var(--color-border);
  margin-block-end: 0;
  padding-block-end: 12px;
}
.l-pnl__mdl .b-mdl__ttl2::before {
  content: "";
  position: absolute;
  inset-block-start: -4px;
  inset-inline-start: 50%;
  width: 24px;
  height: 4px;
  border-radius: var(--rd-2);
  background-color: var(--color-addgrey);
  transform: translate(-50%, 0);
}
.l-slct {
  position: relative;
}
.l-slct._mb16:not(:last-child) {
  margin-block-end: 16px;
}
.l-slct._mb16-12:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-slct._mb16-12:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-slct:has(> .l-slct__head._w100) {
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .l-slct:has(> .l-slct__head._w100-esm) {
    width: 100%;
  }
}
.l-slct:has(> .l-slct__head._wfc) {
  width: fit-content;
}
.l-slct > .popover {
  width: 100%;
}
.l-slct._dbl {
  --slct-dbl-clmn: 180px 1fr;
  --slct-dbl-clmn-esm: 142px 1fr;
  display: grid;
  grid-template-columns: var(--slct-dbl-clmn);
}
@media only screen and (max-width: 549.98px) {
  .l-slct._dbl {
    grid-template-columns: var(--slct-dbl-clmn-esm);
  }
}
.l-slct._dbl > .l-slct:first-child,
.l-slct._dbl > .l-inpt:first-child {
  z-index: 1;
}
.l-slct._dbl > .l-slct:first-child::after,
.l-slct._dbl > .l-inpt:first-child::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: -1px;
  border-inline-end: 1px solid var(--color-grey3);
  height: 24px;
  opacity: 0.8;
  translate: 0 -50%;
}
.l-slct._dbl > .l-slct:first-child:has(.l-slct__head._h32):after,
.l-slct._dbl > .l-slct:first-child:has(.l-inpt__form._h32):after,
.l-slct._dbl > .l-inpt:first-child:has(.l-slct__head._h32):after,
.l-slct._dbl > .l-inpt:first-child:has(.l-inpt__form._h32):after {
  height: 16px;
}
.l-slct._dbl > .l-slct:first-child .l-slct__head,
.l-slct._dbl > .l-slct:first-child .l-inpt__form,
.l-slct._dbl > .l-inpt:first-child .l-slct__head,
.l-slct._dbl > .l-inpt:first-child .l-inpt__form {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.l-slct._dbl > .l-slct:last-child .l-slct__head,
.l-slct._dbl > .l-slct:last-child .l-inpt__form,
.l-slct._dbl > .l-inpt:last-child .l-slct__head,
.l-slct._dbl > .l-inpt:last-child .l-inpt__form {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.l-slct__head {
  --slct-head-fz: 16px;
  --slct-head-lh-r: 1.5;
  --slct-head-pl: 0px;
  --slct-head-pr: var(--slct-head-pl);
  --slct-head-pb: 0px;
  --slct-head-g: 8px;
  --slct-head-bgc: transparent;
  --slct-head-w: auto;
  --fz: var(--slct-head-fz);
  --lh: var(--slct-head-lh-r);
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--slct-head-g);
  padding-inline: var(--slct-head-pl) var(--slct-head-pr);
  padding-block: var(--slct-head-pb);
  white-space: nowrap;
  background-color: var(--slct-head-bgc);
  color: var(--color-black);
  cursor: pointer;
  width: var(--slct-head-w);
  transition: background-color 0.2s ease, color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head {
    --slct-head-fz: 14px;
    --slct-head-lh-r: 1.57143;
    --slct-head-g: 6px;
  }
}
.l-slct__head._fz16 {
  --slct-head-fz: 16px;
  --slct-head-lh-r: 1.5;
  --slct-head-g: 8px;
}
.l-slct__head._fz14 {
  --slct-head-fz: 14px;
  --slct-head-lh-r: 1.57143;
  --slct-head-g: 6px;
}
.l-slct__head._fz12 {
  --slct-head-fz: 12px;
  --slct-head-lh-r: 1.66667;
  --slct-head-g: 4px;
}
.l-slct__head._wfc {
  width: fit-content;
}
.l-slct__head._w100 {
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._w100-esm {
    width: 100%;
  }
}
.l-slct__head._bg-g {
  --slct-head-bgc: var(--color-lightgrey);
}
.l-slct__head._bg-g._active {
  --slct-head-bgc: var(--color-black2);
  color: var(--color-white);
}
.l-slct__head._bg-g._active > i.icon-arrow {
  --icon-c: var(--color-grey3);
}
.l-slct__head._bg-w {
  --slct-head-bgc: var(--color-white);
}
.l-slct__head._bg-b {
  --slct-head-bgc: var(--color-black2);
  color: var(--color-white);
}
.l-slct__head._bg-b > i.icon-arrow {
  --icon-c: var(--color-grey-mid);
}
.l-slct__head._bd-g {
  box-shadow: inset 0 0 0 1px var(--color-grey2);
}
.l-slct__head._bd4-g {
  border: 4px solid var(--color-lightgrey);
}
.l-slct__head._bd-clr {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 80%, var(--bk-app-color, var(--color-indigo)));
}
.l-slct__head._h56 {
  --slct-head-g: 12px;
  --slct-head-pl: 16px;
  --slct-head-pb: 8px;
  --slct-head-fz: 16px;
  --slct-head-lh-r: 1.5;
  height: 56px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._h56 {
    --slct-head-pl: 12px;
    border-radius: var(--rd-12);
  }
}
.l-slct__head._h44,
.l-slct__head._h44-p,
.l-slct__head._h44-40,
.l-slct__head._h44-32 {
  --slct-head-pl: 20px;
  --slct-head-pr: 18px;
  height: 44px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._h44,
  .l-slct__head._h44-p,
  .l-slct__head._h44-40,
  .l-slct__head._h44-32 {
    border-radius: var(--rd-12);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._h44-p {
    --slct-head-pl: 12px;
    --slct-head-pr: 10px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._h44-40 {
    --slct-head-pl: 16px;
    --slct-head-pr: 14px;
    height: 40px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._h44-32 {
    --slct-head-pl: 12px;
    --slct-head-pr: 10px;
    height: 32px;
  }
}
.l-slct__head._h32,
.l-slct__head._h32m {
  --slct-head-fz: 14px;
  --slct-head-lh-r: 1.57143;
  --slct-head-g: 6px;
  --slct-head-pl: 16px;
  --slct-head-pr: 14px;
  height: 32px;
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._h32,
  .l-slct__head._h32m {
    --slct-head-pl: 12px;
    --slct-head-pr: 10px;
  }
}
.l-slct__head._h32m {
  --slct-head-pl: 12px;
  --slct-head-pr: 10px;
  border-radius: var(--rd-8);
}
.l-slct__head._pi24 {
  --slct-head-fz: 20px;
  --slct-head-lh-r: 1.4;
  --slct-head-pl: 24px;
  --slct-head-pr: 22px;
  --slct-head-g: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._pi24 {
    --slct-head-pl: 16px;
    --slct-head-pr: 14px;
    --slct-head-fz: 16px;
    --slct-head-lh-r: 1.5;
    --slct-head-g: 8px;
  }
}
.l-slct__head._pi12 {
  --slct-head-pl: 12px;
  --slct-head-pr: 10px;
}
.l-slct__head._pi14 {
  --slct-head-pl: 14px;
  --slct-head-pr: 14px;
}
.l-slct__head._pl8 {
  --slct-head-pl: 8px;
}
.l-slct__head._pr12 {
  --slct-head-pr: 12px;
}
.l-slct__head._br100 {
  border-radius: var(--rd-100);
}
.l-slct__head._br16 {
  border-radius: var(--rd-16);
}
.l-slct__head._br12 {
  border-radius: var(--rd-12);
}
.l-slct__head._br8 {
  border-radius: var(--rd-8);
}
.l-slct__head._marked:after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: calc(100% - 12 * clamp(0px, var(--slct-head-pr), 1px));
  width: var(--slct-head-fz);
  height: var(--slct-head-fz);
  border: 2px solid var(--slct-head-bgc);
  background: var(--gradient-pink-orange);
  border-radius: var(--rd-round);
  z-index: 1;
}
.l-slct__head._open > i.icon-arrow:last-child {
  rotate: 180deg;
}
.l-slct__head._btn {
  --slct-head-pl: 16px;
  --slct-head-pr: 8px;
}
.l-slct__head._btn i.icon-arrow {
  rotate: -90deg;
}
@media only screen and (max-width: 549.98px) {
  .l-slct__head._btn {
    --slct-head-pl: 8px;
  }
  .l-slct__head._btn i.icon-arrow,
  .l-slct__head._btn .l-slct__txt {
    display: none;
  }
}
.l-slct__head > i.icon-arrow:last-child {
  margin-inline-start: auto;
}
.l-slct__head [class^=icon-],
.l-slct__head [class*=" icon-"] {
  --icon-w: var(--slct-head-fz);
}
.l-slct__head > button[ovb-icon]:last-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-w);
  height: var(--icon-h);
  flex: 0 0 var(--icon-w);
}
@media only screen and (min-width: 767.98px) {
  .l-slct__head > button[ovb-icon]:last-child:hover {
    --icon-c: var(--color-black);
  }
}
.l-slct__head > button[ovb-icon]:last-child:active {
  --icon-c: var(--color-black);
}
.l-slct__stc {
  width: fit-content;
}
.l-slct__stc._bdr {
  padding-inline-end: 12px;
  margin-inline-end: max(0px, 12px - var(--slct-head-g));
  box-shadow: -1px 0 0 0 var(--color-border) inset;
}
.l-slct__txt {
  width: 100%;
}
.l-slct__txt._msk {
  overflow: hidden;
  mask:
    linear-gradient(
      90deg,
      black 0%,
      black calc(100% - 12px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(0deg, black 0%, black calc(100% - 12px), transparent 100%);
}
.l-slct__img {
  --slct-img-wh: 28px;
  display: flex;
  width: var(--slct-img-wh);
  height: var(--slct-img-wh);
  flex: 0 0 var(--slct-img-wh);
}
.l-slct__img img {
  width: 100%;
  height: 100%;
}
.l-slct__img > span {
  --lh: 1;
  --fz: calc(var(--slct-img-wh) * 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: inherit;
  height: inherit;
  color: var(--color-white);
  background-color: var(--color-black-20);
  border-radius: var(--rd-round);
}
.l-slct__img[class^=icon-],
.l-slct__img[class*=" icon-"] {
  --icon-w: var(--slct-img-wh);
  width: var(--slct-img-wh);
  height: var(--slct-img-wh);
  flex: 0 0 var(--slct-img-wh);
}
.l-slct__img[class^=icon-].icon-play,
.l-slct__img[class*=" icon-"].icon-play {
  --icon-w: calc(var(--slct-img-wh) * 0.5);
  background-color: var(--color-indigo);
  border-radius: var(--rd-round);
}
.l-slct__img[class^=icon-].icon-cup,
.l-slct__img[class*=" icon-"].icon-cup {
  --icon-w: calc(var(--slct-img-wh) * 0.5);
  background-color: var(--color-blue);
  border-radius: var(--rd-round);
}
.l-slct__img._wh28-20 {
  --slct-img-wh: 28px;
}
@media only screen and (max-width: 549.98px) {
  .l-slct__img._wh28-20 {
    --slct-img-wh: 20px;
  }
}
.l-slct__img._wh24-16 {
  --slct-img-wh: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-slct__img._wh24-16 {
    --slct-img-wh: 16px;
  }
}
.l-slct__img._wh16 {
  --slct-img-wh: 16px;
}
.l-slct__lbl {
  width: 100%;
  color: var(--color-darkgrey);
}
.l-slct__lbl:has(+ .l-slct__txt) {
  --fz: 12px;
  --lh: 1.33333;
  position: absolute;
  inset-block-start: var(--slct-head-pb);
  inset-inline-start: calc(var(--slct-head-pl));
}
.l-slct__lbl:has(+ .l-slct__txt):not(:first-child) {
  inset-inline-start: calc(var(--slct-head-pl) + 16px + var(--slct-head-g));
}
.l-slct__lbl + .l-slct__txt {
  align-self: flex-end;
}
.l-ppv {
  --fz: 14px;
  max-width: 329px;
}
@media only screen and (max-width: 376px) {
  .l-ppv {
    max-width: calc(100vw - 48px);
  }
}
.l-ppv__ttl {
  padding: 12px;
  border-radius: var(--rd-8);
  background-color: var(--color-green-dark-15);
}
.l-ppv.b-art__i ul {
  margin-inline-start: 0;
}
.l-ppv.b-art__i ul li:not(:last-child) {
  margin-block-end: 4px;
}
.l-ppv.b-art__i ul li::before {
  border: 1px solid var(--color-darkgrey);
  background: transparent;
}
.l-cat {
  display: flex;
  border-block-start: 1px solid var(--color-addgrey-40);
  justify-content: space-between;
  align-items: center;
  padding-block-start: 24px;
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-cat {
    padding-block-start: 18px;
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cat {
    padding-block-start: 12px;
    margin-block-start: 16px;
  }
}
.l-cat.clr-black .b-blog__btns {
  margin-inline-start: initial;
}
.l-cat__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row {
    gap: 8px;
  }
}
.l-cat__row:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row:not(:last-child) {
    margin-block-end: 8px;
  }
}
.l-cat__row .l-ttl {
  margin-block-end: 0;
}
.l-cat__row .l-ttl--bld {
  --fz: 20px;
}
.l-cat__row > span {
  display: inline-block;
  white-space: nowrap;
}
.l-cat__row > span:not(:last-child) {
  position: relative;
  padding-inline-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row > span:not(:last-child) {
    padding-inline-end: 12px;
  }
}
.l-cat__row > span:not(:last-child)::before {
  inset-block-start: 50%;
  translate: 0 -50%;
  inset-inline-end: 0;
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-darkgrey);
}
.l-cat__row > span.l-inf__i,
.l-cat__row > span.l-more__dtpr {
  display: inline-flex;
}
.l-cat__row.l-cat__row--blcs {
  --color-link: var(--color-black);
  column-gap: 8px;
  row-gap: 10px;
}
.l-cat__row.l-cat__row--blcs > a._link,
.l-cat__row.l-cat__row--blcs > div {
  --fz: 14px;
  --lh: 1;
  padding: 5px 8px;
  border-radius: var(--rd-6);
  background: var(--color-lightgrey);
  display: flex;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row.l-cat__row--blcs > a._link,
  .l-cat__row.l-cat__row--blcs > div {
    --fz: 12px;
    border-radius: var(--rd-4);
    padding: 4px 6px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row.l-cat__row--blcs > a._link > sup,
  .l-cat__row.l-cat__row--blcs > div > sup {
    --fz: 8px;
  }
}
.l-cat__row.l-cat__row--blcs > a._link.hvr,
.l-cat__row.l-cat__row--blcs > div.hvr {
  cursor: help;
}
.l-cat__row.l-cat__row--blcs > a._link.cr-pr,
.l-cat__row.l-cat__row--blcs > div.cr-pr {
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-cat__row.l-cat__row--blcs > a._link.cr-pr:hover,
  .l-cat__row.l-cat__row--blcs > div.cr-pr:hover {
    color: var(--color-hover);
  }
}
.l-cat__row.l-cat__row--blcs > a._link.cr-pr:active,
.l-cat__row.l-cat__row--blcs > div.cr-pr:active {
  color: var(--color-hover);
}
.l-cat__row.l-cat__row--blcs i.icon-world {
  --icon-w: 14px;
}
.l-cat__row > [tipsGrade]:not(:has(*:first-child)) {
  display: none;
}
.l-cat__row > ._frcs-roi {
  --fz: 14px;
  --lh: 1;
  padding: 5px 8px;
  border-radius: var(--rd-6);
  background: var(--color-lightgrey);
  color: var(--color-black);
  display: flex;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row > ._frcs-roi {
    --fz: 12px;
    border-radius: var(--rd-4);
    padding: 4px 6px;
  }
}
.l-cat__row._fltr {
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row._fltr {
    gap: 0;
  }
  .l-cat__row._fltr .l-tab.l-tab--btns.scroll-esm {
    width: 100%;
  }
}
.l-cat__row._split {
  column-gap: 8px;
  row-gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row._split {
    column-gap: 6px;
    row-gap: 3px;
  }
}
.l-cat__row._split > span {
  position: relative;
}
.l-cat__row._split > span:not(:last-child) {
  padding-inline-end: 0;
}
.l-cat__row._split > span:not(:last-child)::before {
  content: none;
}
.l-cat__row._small {
  --fz: 14px;
  --color-link: var(--color-darkgrey);
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row._small {
    gap: 6px;
  }
}
.l-cat__row._small > span:not(:last-child) {
  padding-inline-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row._small > span:not(:last-child) {
    padding-inline-end: 10px;
  }
}
.l-cat__row._small > span > a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row._small > span > a {
    gap: 2px;
  }
}
.l-cat__row._small > span i {
  --icon-w: 14px;
  --icon-c: var(--color-link);
}
@media only screen and (max-width: 549.98px) {
  .l-cat__row._small > span i {
    --icon-w: 12px;
  }
}
.l-cat__row:empty {
  display: none;
}
.l-cat__itm {
  --fz: 14px;
  height: 28px;
  border: 1px solid var(--color-addgrey);
  border-radius: var(--rd-8);
  flex: 0 0 fit-content;
  padding: 4px 8px;
  white-space: nowrap;
}
.l-cat__itm.icon-user {
  --icon-c: var(--color-black);
  display: flex;
}
.l-cat__user {
  --color-link: var(--color-black);
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.l-cat__user .l-cat__row:not(:last-child) {
  margin-block-end: 0;
}
.l-cat__user .l-cat__row.black {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .l-cat__user .l-cat__row.black {
    --fz: 12px;
  }
}
a.l-cat__itm.icon-user {
  --icon-w: 12px;
  padding: 0;
  flex: 0 0 28px;
  width: 28px;
}
.l-pgn {
  text-align: center;
}
@media only screen and (max-width: 549.98px) {
  .l-pgn {
    margin: 0;
    padding: 0 12px;
  }
  .l-pgn .l-btn {
    width: 100%;
  }
}
.l-pgn:has(.l-btn) {
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-pgn:has(.l-btn) {
    margin-block-start: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-pgn:has(.l-btn) {
    margin-block-start: 16px;
  }
}
.l-pgn:not(:last-child) {
  margin-block-end: 0;
}
@media only screen and (min-width: 549.98px) {
  .l-pgn .l-btn {
    --fz: 16px;
  }
}
.l-pgn .l-btn.l-btn--g {
  background-color: var(--color-black2-06);
}
@media only screen and (min-width: 767.98px) {
  .l-pgn .l-btn.l-btn--g:hover {
    background-color: var(--color-black2-12);
  }
}
.l-pgn .l-btn.l-btn--g:active {
  background-color: var(--color-black2-12);
}
.l-pgn a.l-btn {
  margin: 0 auto;
}
.l-pgn__list {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-20);
  background-color: var(--color-white);
  width: fit-content;
  margin: 16px auto 0;
  padding: 12px;
}
.l-pgn__item {
  --fz: 18px;
}
@media only screen and (max-width: 549.98px) {
  .l-pgn__item {
    --fz: 16px;
  }
}
.l-pgn__item--active a,
.l-pgn__item--active a:hover,
.l-pgn__item--active a:active {
  color: var(--color-black);
  cursor: default;
  font-weight: 700;
}
.l-pgn__item--disabled a,
.l-pgn__item--disabled a:hover,
.l-pgn__item--disabled a:active {
  color: var(--color-darkgrey);
  cursor: no-drop;
}
.l-pgn__item--disabled a i,
.l-pgn__item--disabled a:hover i,
.l-pgn__item--disabled a:active i {
  --icon-c: var(--color-darkgrey);
}
.l-pgn__item a {
  display: block;
  padding: 0 8px;
}
.l-pgn__item._right i {
  rotate: -180deg;
}
.l-pgn:not(:has(> *:first-child)) {
  display: none;
}
.l-tpmt__cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__cards {
    gap: 12px;
  }
}
.l-tpmt__cards:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__cards:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-tpmt__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid var(--color-grey2);
  background: var(--color-lightgrey2);
  padding: 16px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__card {
    padding: 12px;
    border-radius: var(--rd-12);
    gap: 12px;
  }
}
.l-tpmt__card > .l-cat__row:not(:last-child) {
  margin-block-end: 0;
}
.l-tpmt__card > .l-more__dt.l-cat__row {
  gap: 6px;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__card > .l-more__dt.l-cat__row {
    gap: 4px;
  }
}
.l-tpmt__card > .l-more__dt.l-cat__row:not(:last-child) {
  margin-block-end: 0;
}
.l-tpmt__card > .l-more__dt.l-cat__row .l-tpmt__lbl:not(._label, ._sub),
.l-tpmt__card > .l-more__dt.l-cat__row ._frcs-roi {
  background: var(--color-white);
  box-shadow: inset 0 0 0 1px var(--color-grey2);
}
.l-tpmt__card > .l-more__dt.l-cat__row .l-tpmt__lbl._label {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white) 75%, var(--label-color) 25%);
}
.l-tpmt__card .l-post__bottom {
  margin: 0;
}
.l-tpmt__card .l-post__bottom .l-inf__i .l-usr {
  word-break: break-all;
  white-space: normal;
  max-width: 240px;
}
@media only screen and (min-width: 549.98px) {
  .l-tpmt__card .l-post__bottom .l-inf__i .l-usr {
    --fz: 16px;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-tpmt__card .l-post__bottom .l-inf__i .l-usr {
    max-width: 150px;
  }
}
.l-tpmt__card .l-post__lbl {
  background-color: var(--color-cyan-light-alt);
  margin-block-end: 0;
}
.l-tpmt__lbl {
  --fz: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  border-radius: var(--rd-6);
  background: var(--color-cyan-light);
  padding: 0 8px;
  color: var(--color-blue);
  cursor: help;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__lbl {
    --fz: 12px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--rd-4);
  }
}
.l-tpmt__lbl.commerce {
  background: var(--color-green-light);
  color: var(--color-darkgreen);
}
.l-tpmt__lbl.grade {
  --lh: 1;
  position: relative;
  background: var(--color-cyan-light);
  color: var(--color-blue);
  white-space: nowrap;
  cursor: pointer;
}
.l-tpmt__lbl.grade.no-ppv {
  cursor: default;
}
.l-tpmt__lbl.grade i.icon-verification {
  --icon-w: 18px;
  margin-inline-end: 4px;
}
.l-tpmt__lbl.grade i.icon-pay {
  --icon-w: 14px;
}
.l-tpmt__lbl.grade__k4 {
  background: var(--color-red-pale);
  cursor: default;
}
.l-tpmt__lbl.grade__k4 > span {
  background:
    linear-gradient(
      134.72deg,
      var(--color-pink) 0%,
      var(--color-orange-bright) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.l-tpmt__lbl.grade__scr {
  background: var(--color-blue-pale);
  color: var(--color-indigo-alt);
}
.l-tpmt__lbl.grade__scr:has(.grd-scr) {
  padding-inline-end: 4px;
}
.l-tpmt__lbl.grade__scr {
  cursor: default;
}
.l-tpmt__lbl.grade__scr > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt2) 0%,
      var(--color-blue-alt2) 100%);
  color: var(--color-white);
  border-radius: var(--rd-4);
  padding: 0 4px;
  margin-inline-start: 6px;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__lbl.grade__scr > span {
    height: 16px;
  }
}
.l-tpmt__lbl.grade.no-ppv {
  cursor: default;
}
.l-tpmt__lbl.grade:has(.grd-scr) {
  padding-inline-end: 4px;
}
.l-tpmt__lbl.grade._grey {
  background: var(--color-lightgrey);
  color: var(--color-darkgrey);
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-tpmt__lbl.grade._grey:hover {
    color: var(--color-hover);
  }
}
.l-tpmt__lbl.grade._grey:active {
  color: var(--color-hover);
}
.l-tpmt__lbl.grade._many {
  background: var(--color-lightgrey);
  color: var(--color-black);
  transition: color 0.2s ease;
  gap: 6px;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__lbl.grade._many {
    gap: 4px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-tpmt__lbl.grade._many:hover {
    color: var(--color-hover);
  }
}
.l-tpmt__lbl.grade._many:active {
  color: var(--color-hover);
}
.l-tpmt__lbl.grade._many i {
  --icon-w: 14px;
}
.l-tpmt__lbl.grade._many._view {
  --fz: 16px;
  border-radius: var(--rd-16);
  padding: 0 16px;
  height: 44px;
  background-color: var(--color-lightgrey);
  width: fit-content;
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__lbl.grade._many._view {
    --fz: 14px;
    padding: 0 12px;
    border-radius: var(--rd-12);
    margin-block-end: 20px;
    height: 32px;
  }
}
.l-tpmt__lbl.grade._many._view i {
  --icon-w: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__lbl.grade._many._view i {
    --icon-w: 16px;
  }
}
.l-tpmt__lbl._sub {
  --fz: 12px;
  height: 16px;
  border-radius: var(--rd-4);
  padding: 0 4px;
  gap: 3px;
  color: var(--color-white);
  background-color: var(--color-blue);
  margin-inline-start: 5px;
  cursor: inherit;
  font-weight: 600;
}
.l-tpmt__lbl._sub + .l-tpmt__lbl._sub {
  margin-inline-start: 2px;
}
.l-tpmt__lbl._sub._gpt5 {
  background-color: var(--color-teal-deep-alt6);
}
.l-tpmt__lbl._sub._deepseek {
  background-color: var(--color-indigo-alt4);
}
.l-tpmt__lbl._sub > i {
  --icon-w: 12px;
}
.l-tpmt__lbl._label {
  --label-color: var(--color-grey-act);
  cursor: default;
  font-weight: 700;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--color-white) 90%, var(--label-color) 10%);
  color: var(--label-color);
}
.l-tpmt__lbl._label._empty {
  --label-color: var(--color-grey-act);
}
.l-tpmt__lbl._label._video {
  --label-color: var(--color-indigo);
}
.l-tpmt__lbl._label._kf {
  --label-color: var(--color-black2);
}
.l-tpmt__lbl._label._review {
  --label-color: var(--color-blue);
}
.l-tpmt__notips {
  box-shadow: inset 0 0 0 1px var(--color-blue-border);
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      var(--color-white) 100%),
    linear-gradient(
      90deg,
      var(--color-cyan-alt5-10) 0%,
      var(--color-cyan-mid-alt2-10) 100%);
  border-radius: var(--rd-20);
  padding: 20px 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-tpmt__notips {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__notips {
    border-radius: var(--rd-16);
    padding: 12px;
  }
}
.l-tpmt__cnt {
  --color-link: var(--color-black2-60);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__cnt {
    gap: 12px;
  }
}
.l-tpmt__cnt-i > span {
  font-weight: 700;
}
.l-tpmt__cnt-i p {
  --fz: 14px;
  margin-block-start: 2px;
  color: var(--color-black2-60);
}
.l-tpmt__cnt-lnks {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__cnt-lnks {
    gap: 8px;
  }
}
.l-tpmt__cnt-lnks .l-btn.l-btn--ltl:first-child {
  background:
    linear-gradient(
      90deg,
      var(--color-cyan-mid-alt2) 0%,
      var(--color-cyan-alt5) 100%);
  color: var(--color-white);
}
@media only screen and (min-width: 767.98px) {
  .l-tpmt__cnt-lnks .l-btn.l-btn--ltl:first-child:hover {
    filter: brightness(1.05);
  }
}
.l-tpmt__cnt-lnks .l-btn.l-btn--ltl:first-child:active {
  filter: brightness(1.05);
}
.l-tpmt__cnt-lnks .l-btn.l-btn--ltl:nth-child(2) {
  border-radius: var(--rd-10);
  border: 1px solid var(--color-cyan-mid-alt2-25);
  background-color: var(--color-white);
  color: var(--color-cyan-mid-alt2);
}
@media only screen and (min-width: 767.98px) {
  .l-tpmt__cnt-lnks .l-btn.l-btn--ltl:nth-child(2):hover {
    background-color: color-mix(in srgb, var(--color-white) 100%, var(--color-cyan-mid-alt2) 5%);
  }
}
.l-tpmt__cnt-lnks .l-btn.l-btn--ltl:nth-child(2):active {
  background-color: color-mix(in srgb, var(--color-white) 100%, var(--color-cyan-mid-alt2) 5%);
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl {
    padding-block-end: 8px;
  }
}
.l-tpmt__mdl > .l-ttl--md {
  margin-block-end: 12px;
}
.l-tpmt__mdl .b-art__i:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-tpmt__mdl .b-art__i:not(:last-child) {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl .b-art__i:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl .b-art__i {
    --fz: 14px;
  }
}
.l-tpmt__mdl .b-art__i > ol {
  margin-inline-start: 0;
}
.l-tpmt__mdl .b-art__i > ol:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-tpmt__mdl .b-art__i > ol:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl .b-art__i > ol:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-tpmt__mdl .b-art__i > ol > li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}
.l-tpmt__mdl .b-art__i > ol > li:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-tpmt__mdl .b-art__i > ol > li:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl .b-art__i > ol > li:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl .b-art__i > ol > li {
    gap: 12px;
  }
}
.l-tpmt__mdl .b-art__i > ol > li:before {
  --fz: 20px;
  --lh: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
  padding: 0;
  text-align: center;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-addgrey);
  color: var(--color-black);
  content: counters(item, "") "";
  background-color: var(--color-white);
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl .b-art__i > ol > li:before {
    --fz: 16px;
    height: 32px;
    width: 32px;
    flex: 0 0 32px;
  }
}
.l-tpmt__mdl .b-art__i > ol > li:not(:last-child):after {
  content: "";
  position: absolute;
  inset-block-start: calc(50% + 16px);
  inset-inline-start: 19px;
  width: 2px;
  height: 40px;
  background: url(/images3/common/stroke-vert-g.svg) 50% 0/3px 26px;
}
@media only screen and (min-width: 549.98px) and (max-width: 767.98px) {
  .l-tpmt__mdl .b-art__i > ol > li:not(:last-child):after {
    inset-block-start: calc(50% + 20px);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl .b-art__i > ol > li:not(:last-child):after {
    inset-inline-start: 15px;
    height: 32px;
  }
}
.l-tpmt__mdl .b-art__i .ovb-quote {
  margin: 24px 0;
}
@media only screen and (max-width: 767.98px) {
  .l-tpmt__mdl .b-art__i .ovb-quote {
    margin: 18px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl .b-art__i .ovb-quote {
    margin: 12px 0;
  }
}
.l-tpmt__mdl.l-crd > .l-ttl--md {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-tpmt__mdl.l-crd > .l-ttl--md {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-tpmt__mdl.l-crd > .l-ttl--md {
    margin-block-end: 12px;
  }
}
.l-tpmt__mdl .b-mdl__btns .l-btn:nth-child(2) {
  border: 1px solid var(--color-cyan-light-alt2);
  background-color: var(--color-white);
  color: var(--color-blue);
}
@media only screen and (min-width: 549.98px) {
  .l-tpmt__mdl .b-mdl__btns .l-btn:nth-child(2) {
    width: fit-content;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-tpmt__mdl .b-mdl__btns .l-btn:nth-child(2):hover {
    background-color: var(--color-blue-pale-alt3);
  }
}
.l-tpmt__mdl .b-mdl__btns .l-btn:nth-child(2):active {
  background-color: var(--color-blue-pale-alt3);
}
.l-bkic {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 32px;
}
@media only screen and (max-width: 549.98px) {
  .l-bkic {
    height: 28px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bkic--rev + p {
    --fz: 14px;
  }
}
.l-bkic--rev .l-bkic__bk img {
  width: 36px;
  height: 36px;
}
.l-bkic--rev .l-bkic__bk:nth-child(1) {
  z-index: 1;
}
.l-bkic--rev .l-bkic__bk:nth-child(2) {
  z-index: 2;
}
.l-bkic--rev .l-bkic__bk:nth-child(3) {
  z-index: 3;
}
.l-bkic--rev .l-bkic__bk:nth-child(4) {
  z-index: 4;
}
.l-bkic--rev .l-bkic__bk:nth-child(5) {
  z-index: 5;
}
.l-bkic--rev .l-bkic__bk:nth-child(6) {
  z-index: 6;
}
.l-bkic--rev .l-bkic__bk:nth-child(7) {
  z-index: 7;
}
.l-bkic--rev .l-bkic__bk:nth-child(8) {
  z-index: 8;
}
.l-bkic--rev .l-bkic__bk:nth-child(9) {
  z-index: 9;
}
.l-bkic--rev .l-bkic__bk:nth-child(10) {
  z-index: 10;
}
.l-bkic--rev .l-bkic__bk:nth-child(11) {
  z-index: 11;
}
.l-bkic--rev .l-bkic__bk:nth-child(12) {
  z-index: 12;
}
.l-bkic--rev .l-bkic__bk:nth-child(13) {
  z-index: 13;
}
.l-bkic--rev .l-bkic__bk:nth-child(14) {
  z-index: 14;
}
.l-bkic--rev .l-bkic__bk:nth-child(15) {
  z-index: 15;
}
.l-bkic--rev .l-bkic__bk:nth-child(16) {
  z-index: 16;
}
.l-bkic--rev .l-bkic__bk:nth-child(17) {
  z-index: 17;
}
.l-bkic--rev .l-bkic__bk:nth-child(18) {
  z-index: 18;
}
.l-bkic--rev .l-bkic__bk:nth-child(19) {
  z-index: 19;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(1) {
  z-index: 20;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(2) {
  z-index: 19;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(3) {
  z-index: 18;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(4) {
  z-index: 17;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(5) {
  z-index: 16;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(6) {
  z-index: 15;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(7) {
  z-index: 14;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(8) {
  z-index: 13;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(9) {
  z-index: 12;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(10) {
  z-index: 11;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(11) {
  z-index: 10;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(12) {
  z-index: 9;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(13) {
  z-index: 8;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(14) {
  z-index: 7;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(15) {
  z-index: 6;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(16) {
  z-index: 5;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(17) {
  z-index: 4;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(18) {
  z-index: 3;
}
.l-bkic:not(.l-bkic--rev) .l-bkic__bk:nth-child(19) {
  z-index: 2;
}
.l-bkic__bk {
  --fz: 0;
  position: relative;
  display: flex;
  border-radius: var(--rd-round);
  border: 2px solid var(--color-white);
}
.l-bkic__bk img {
  width: 28px;
  height: 28px;
}
@media only screen and (min-width: 549.98px) {
  .l-bkic__bk img {
    width: 32px;
    height: 32px;
  }
}
.l-bkic__bk:not(:first-child) {
  margin-inline-start: -12px;
}
.l-bkic__bk--gr span {
  --fz: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--gradient-pink-orange);
  color: var(--color-white);
  border-radius: var(--rd-round);
  width: 36px;
  height: 36px;
}
.l-bkic__cnt {
  padding: 4px;
  width: 272px;
}
.l-bkic__cnt .l-ttl {
  --fz: 12px;
  margin-block-end: 12px;
}
.l-bkic__cnt--trbk {
  width: 405px;
}
@media only screen and (max-width: 359.98px) {
  .l-bkic__cnt--trbk {
    width: 272px;
  }
}
.l-bkic__cnt--trbk .l-ttl {
  --fz: 14px;
  margin-block-end: 8px;
  text-transform: initial;
}
.l-bkic__cnt--trbk .l-bkic__row {
  gap: 6px;
}
.l-bkic__cnt--trbk .l-bkic__lnk {
  width: auto;
  flex: 0 0 calc(33.333% - 4px);
}
.l-bkic__cnt > div.grey {
  --fz: 12px;
  padding-block-start: 8px;
  margin-block-start: 8px;
  border-block-start: 1px solid var(--color-border);
}
.l-bkic__cnt > a {
  --fz: 14px;
}
.l-bkic__cnt-i {
  --color-link: var(--color-black);
}
.l-bkic__cnt-i:not(:last-child) {
  margin-block-end: 12px;
}
.l-bkic__itm {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  gap: 8px;
}
.l-bkic__itm:not(:last-child) {
  margin-block-end: 16px;
}
.l-bkic__itm:nth-child(2n+2) {
  background: var(--color-grey-pale);
  border-radius: var(--rd-100);
}
.l-bkic__img {
  display: flex;
}
.l-bkic__img img {
  height: 44px;
  width: 44px;
  border-radius: var(--rd-round);
  overflow: hidden;
}
.l-bkic__prc {
  --fz: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 44px;
  width: 44px;
  color: var(--color-black);
  background-color: var(--color-grey2);
  border-radius: var(--rd-round);
}
.l-bkic__prc i {
  --icon-w: 12px;
}
.l-bkic__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 12px;
}
.l-bkic__row:not(:last-child) {
  margin-block-end: 20px;
}
.l-bkic__row--bk {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-block-end: 12px;
  overscroll-behavior-x: none;
}
.l-bkic__row--bk:not(:last-child) {
  margin-block-end: 0;
}
@media only screen and (min-width: 359.98px) {
  .l-bkic__row--bk {
    gap: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bkic__row--bk {
    gap: 12px;
  }
}
.l-bkic__row--bk .l-bkic__lnk {
  border-radius: var(--rd-16);
  padding: 8px 16px;
  height: 52px;
  width: 120px;
  flex: 0 0 120px;
  max-width: 120px;
}
.l-bkic__row--bk .l-bkic__lnk img {
  max-height: 48px;
}
.l-bkic__lnk {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  height: 56px;
  border-radius: var(--rd-12);
  border: 1px solid var(--color-addgrey);
  width: 128px;
  transition: border-color 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-bkic__lnk {
    padding: 0 8px;
    height: 36px;
    width: 82px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-bkic__lnk:hover {
    border-color: var(--color-darkgrey);
  }
}
.l-bkic__lnk:active {
  border-color: var(--color-darkgrey);
}
.l-bkic__lnk picture:not(.l-av__img) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
}
.l-bkic__lnk picture:not(.l-av__img) img {
  --fz: 10px;
  width: 100%;
  height: auto;
  max-height: 40px;
  border: none;
  border-radius: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-bkic__lnk picture:not(.l-av__img) img {
    max-height: 20px;
  }
}
.l-bkic__icn.icon-pencil,
.l-bkic__icn.icon-add {
  --icon-w: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -4px;
  background-color: var(--color-white);
  border-radius: var(--rd-round);
  width: 20px;
  height: 20px;
}
.l-bkic__icn.icon-pencil::after,
.l-bkic__icn.icon-add::after {
  content: "";
  position: absolute;
  inset-block-start: 2px;
  inset-inline-start: 2px;
  width: 16px;
  height: 16px;
  border-radius: var(--rd-round);
  border: 1px solid var(--color-addgrey);
}
.l-rtng {
  --fz: 15px;
  --lh: 1;
  display: flex;
  align-items: center;
}
.l-rtng.l-rtng--null {
  position: relative;
  height: 36px;
  display: flex;
  align-items: center;
}
.l-rtng.l-rtng--null > span.grey {
  --fz: 12px;
  --lh: 1.33333;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  white-space: nowrap;
}
.l-rtng.l-rtng--null .l-rtng__body {
  height: 34px;
  overflow: hidden;
  width: 180px;
}
@media only screen and (max-width: 650px) {
  .l-rtng.l-rtng--null .l-rtng__body {
    width: 108px;
  }
}
.l-rtng.l-rtng--null .l-rtng__body > span {
  display: none;
}
.l-rtng.l-rtng--null .l-rtng__body:before {
  content: "";
  display: block;
  height: 34px;
  width: 100%;
  background: url(/images3/bookmakers/star.svg) 0 0/36px 33.75px;
}
.l-rtng__body {
  position: relative;
  display: block;
}
.l-rtng__body > span {
  display: inline-flex;
}
.l-rtng__body > span:not(._gold) {
  --icon-c: var(--color-grey-light-alt6);
}
.l-rtng__body > span:not(:last-child) {
  margin-inline-end: 4px;
}
.l-rtng__body--old {
  opacity: 0.7;
}
.l-rtng__body--old + span.grey {
  --fz: 14px;
  margin-inline-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-rtng__body--old + span.grey {
    --fz: 12px;
  }
}
.l-rtng__value {
  --fz: 16px;
  margin-inline-start: 8px;
  white-space: nowrap;
}
.l-ppnt {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--color-addgrey-70);
  box-shadow: 0 2px 10px var(--color-grey-soft-30);
  border-radius: var(--rd-16);
  width: fit-content;
  background-color: var(--color-lightgrey2);
  transform: translate3d(calc(100% + var(--ppnt-wh)), 0, 0);
  pointer-events: auto;
}
@media only screen and (max-width: 480.98px) {
  .l-ppnt {
    width: 100%;
  }
}
.l-ppnt b {
  font-weight: 700;
}
.l-ppnt.in {
  transition: transform 0.2s ease;
}
.l-ppnt.show {
  transform: translate3d(0, 0, 0);
}
.l-ppnt__wrpr {
  --ppnt-wh: 24px;
  position: fixed;
  inset-block-end: var(--ppnt-wh);
  inset-inline-end: var(--ppnt-wh);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: calc(100% - var(--ppnt-wh) * 2);
  gap: 12px;
  pointer-events: none;
  z-index: 10000;
}
@media only screen and (max-width: 767.98px) {
  .l-ppnt__wrpr {
    --ppnt-wh: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-ppnt__wrpr {
    --ppnt-wh: 12px;
  }
}
.l-ppnt__ic-i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--rd-round);
  background-color: var(--color-blue);
}
.l-ppnt__ic-i i {
  --icon-w: 14px;
}
.l-ppnt__cnt {
  max-width: 300px;
  word-break: break-word;
}
@media only screen and (max-width: 480.98px) {
  .l-ppnt__cnt {
    max-width: calc(100vw - 124px);
  }
}
.l-ppnt__close {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: auto;
  width: 20px;
  height: 20px;
}
.l-ppnt__close i {
  --icon-w: 12px;
}
.l-frml {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0px 24px;
  overscroll-behavior-x: none;
}
@media only screen and (max-width: 767.98px) {
  .l-frml {
    padding: 0px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-frml {
    padding: 0px 12px;
  }
}
.l-frml:not(:last-child) {
  border-inline-end: 1px solid var(--color-addgrey);
  padding-inline-end: 0px;
}
.l-frml__i {
  --fz: 16px;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .l-frml__i {
    --fz: 14px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-frml__i {
    --fz: 12px;
  }
}
.l-frml__i > span:not(:last-child) {
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-frml__i > span:not(:last-child) {
    margin-inline-end: 4px;
  }
}
.l-frml__i span {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 4px;
}
.l-frml__i span > sub {
  --fz: 12px;
  align-self: self-end;
  padding-block-end: 4px;
}
.l-frml__i span > span {
  align-items: center;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;
}
.l-frml__i span > span:not(:first-child) {
  border-block-start: 1px solid var(--color-black);
  padding-block-start: 4px;
}
.l-frml__i span.result {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.l-frml__i span.result i {
  margin-inline-start: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-frml__i span.result i {
    --icon-w: 12px;
    margin-inline-start: 4px;
  }
}
.l-frml__ppvh {
  cursor: help;
}
.l-frml__ppvh i {
  --icon-c: var(--color-black);
  --icon-w: 12px;
  margin-inline-start: 4px;
}
.l-frml__tlt-bsbk {
  --color-link: var(--color-black);
  max-width: 228px;
}
.l-frml__tlt-bsbk > span {
  --fz: 14px;
  display: block;
  margin-block-end: 8px;
}
.l-frml__tlt-bsbk > a {
  --fz: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  background: var(--color-lightgrey);
  border-radius: var(--rd-100);
  padding-block: 0 0;
  padding-inline: 8px 12px;
}
.l-frml__tlt-bsbk > a picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: var(--rd-round);
  overflow: hidden;
}
.l-frml__tlt-bsbk > a picture img {
  width: 100%;
  height: 100%;
}
.l-frml__tlt-bsbk > a span {
  display: block;
  margin-inline-start: auto;
  color: var(--color-black);
}
.l-frml__tp {
  --fz: 12px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1439.98px) {
  .l-frml__tp {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 1279.98px) and (min-width: 1050px) {
  .l-frml__tp {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 991.98px) and (min-width: 767.98px) {
  .l-frml__tp {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 480.98px) {
  .l-frml__tp {
    border-inline-start: 1px solid var(--color-border);
    height: 53px;
    padding-block: 0 0;
    padding-inline: 20px 24px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-frml__tp {
    padding: 0 12px;
    margin-block-start: 8px;
    white-space: nowrap;
    width: 100%;
  }
  .l-frml__tp > span {
    display: block;
    width: 100%;
    padding-block-start: 8px;
    border-block-start: 1px solid var(--color-border);
  }
}
@media only screen and (max-width: 359.98px) {
  .l-frml__tp {
    --fz: 11px;
  }
}
[emojiboard] {
  position: relative;
}
.l-reac {
  position: relative;
}
.l-reac__cntt {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.l-reac__item {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.2s ease;
  gap: 4px;
  color: var(--color-darkgrey);
  min-height: 22px;
}
.l-reac__item > i {
  --icon-w: 20px;
  opacity: 0.8;
  transition: color 0.2s ease, opacity 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-reac__item > i {
    --icon-w: 18px;
  }
}
.l-reac__item > span {
  --fz: 14px;
  --lh: 1.57143;
}
.l-reac__item.active {
  color: var(--color-hover);
}
.l-reac__item.active > i {
  --icon-c: var(--color-hover);
  opacity: 1;
}
.l-reac__item.sk__line {
  flex: 0 0 22px;
  width: 22px;
  border-radius: var(--rd-100);
}
.l-utl {
  color: var(--color-black);
  display: flex;
}
.l-utl__i {
  --icon-w: 20px;
  --lh: 1;
  color: var(--color-black);
  display: flex;
  align-items: center;
  cursor: default;
}
.l-utl__i:not(:last-child) {
  margin-inline-end: 24px;
}
@media only screen and (max-width: 480.98px) {
  .l-utl__i:not(:last-child) {
    margin-inline-end: 20px;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-utl__i:not(:last-child) {
    margin-inline-end: 18px;
  }
}
.l-utl__i--fv,
.l-utl__i--cmt {
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .l-utl__i--fv:hover {
    --icon-c: var(--color-gold-alt);
  }
}
.l-utl__i--fv:active {
  --icon-c: var(--color-gold-alt);
}
.l-utl__i--vw,
.l-utl__i--fv,
.l-utl__i--cmt {
  gap: 4px;
}
.l-utl__i--fv-in,
.l-utl__i--cmt {
  --fz: 14px;
  --lh: 1.57143;
  min-height: 22px;
  position: relative;
  z-index: 8;
  color: var(--color-darkgrey);
  width: fit-content;
}
.l-utl__i--fv-in:not(:last-child),
.l-utl__i--cmt:not(:last-child) {
  margin-inline-end: 0;
}
@media only screen and (min-width: 767.98px) {
  .l-utl__i--fv-in:hover,
  .l-utl__i--cmt:hover {
    color: var(--color-darkgrey);
  }
}
.l-utl__i--fv-in:active,
.l-utl__i--cmt:active {
  color: var(--color-darkgrey);
}
@media only screen and (max-width: 549.98px) {
  .l-utl__i--fv-in span:first-of-type,
  .l-utl__i--cmt span:first-of-type {
    display: none;
  }
}
.l-utl__i--fv-in span:last-of-type,
.l-utl__i--cmt span:last-of-type {
  display: none;
}
@media only screen and (max-width: 549.98px) {
  .l-utl__i--fv-in span:last-of-type,
  .l-utl__i--cmt span:last-of-type {
    display: inline;
  }
}
.l-utl__i--fv-in view-board.hdn,
.l-utl__i--cmt view-board.hdn {
  display: none;
}
.l-utl__i--vw {
  --fz: 14px;
  --lh: 1.57143;
  color: var(--color-darkgrey);
}
@media only screen and (max-width: 549.98px) {
  .l-utl__i--vw svg,
  .l-utl__i--cmt svg {
    --icon-w: 18px;
  }
}
.l-utl__i--fv-in svg {
  --icon-w: 18px;
}
@media only screen and (max-width: 549.98px) {
  .bookmakers-promo-view .l-utl__i--cmt span:first-of-type {
    display: inline;
  }
}
@media only screen and (max-width: 549.98px) {
  .bookmakers-promo-view .l-utl__i--cmt span:last-of-type {
    display: none;
  }
}
.l-brdc {
  display: flex;
  margin-block-end: 8px;
  overflow: hidden;
  max-width: 100%;
  mask:
    linear-gradient(
      90deg,
      black 0%,
      black calc(100% - 16px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(0deg, black 0%, black calc(100% - 16px), transparent 100%);
}
.l-brdc ol {
  display: flex;
  align-items: center;
}
.l-brdc li {
  display: flex;
  align-items: center;
}
.l-brdc li + li {
  margin-inline-start: 8px;
}
.l-brdc li + li::before {
  content: "/";
  color: var(--color-addgrey);
  padding-inline-end: 8px;
}
.l-brdc__i {
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-brdc__i {
    --fz: 14px;
  }
}
.l-tltp {
  --tltp-pb: 12px;
  --tltp-pi: 12px;
  --tltp-mh: 300px;
  --tltp-w: initial;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: inherit;
  overflow: hidden;
  max-height: var(--tltp-mh);
  width: var(--tltp-w);
  max-width: inherit;
}
@media only screen and (min-width: 549.98px) {
  .l-tltp._pb20 {
    --tltp-pb: 20px;
  }
  .l-tltp._pb16 {
    --tltp-pb: 16px;
  }
  .l-tltp._pb10 {
    --tltp-pb: 10px;
  }
  .l-tltp._pb8 {
    --tltp-pb: 8px;
  }
  .l-tltp._pb6 {
    --tltp-pb: 6px;
  }
  .l-tltp._pb4 {
    --tltp-pb: 4px;
  }
  .l-tltp._pi20 {
    --tltp-pi: 20px;
  }
  .l-tltp._pi16 {
    --tltp-pi: 16px;
  }
}
.l-tltp._h100 {
  height: 100dvh;
}
.l-tltp._sub-cnt {
  position: absolute;
  inset: 0;
  background-color: var(--color-white);
  border-radius: inherit;
  translate: 100% 0;
  pointer-events: none;
  transition: translate 0.4s ease;
}
.l-tltp._sub-cnt._open {
  translate: 0 0;
  pointer-events: auto;
}
.l-tltp._only {
  padding: var(--tltp-pb) var(--tltp-pi);
}
.l-tltp._only > *._mb8:not(:last-child) {
  margin-block-end: 8px;
}
.l-tltp__inr {
  flex: 0 0 auto;
  padding: var(--tltp-pb) var(--tltp-pi);
}
.l-tltp__inr._bdt:not(:first-child) {
  border-block-start: 1px solid var(--color-lightgrey);
}
.l-tltp__inr._bdb:not(:last-child) {
  border-block-end: 1px solid var(--color-lightgrey);
}
.l-tltp__inr._cmb16 > *:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-tltp__inr._cmb16 > *:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-tltp__inr._cmb12 > *:not(:last-child) {
  margin-block-end: 12px;
}
.l-tltp__inr._cmb8 > *:not(:last-child) {
  margin-block-end: 8px;
}
.l-tltp__inr._pb12 {
  padding-block: 12px;
}
.l-tltp__inr:not(:last-child, ._pbd) {
  padding-block-end: 0;
}
.l-tltp__inr > .l-tab.l-tab--bdac {
  margin: calc((var(--tltp-pb) - 4px) * -1) calc(var(--tltp-pi) * -1) 0;
}
.l-tltp__inr > .l-tab.l-tab--bdac::before {
  inset-inline-start: 0;
}
.l-tltp__inr > .l-tab.l-tab--bdac::after {
  inset-inline-end: 0;
}
.l-tltp__inr > .l-tab.l-tab--bdac .l-tab__inner {
  width: 100%;
  flex-wrap: nowrap;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 12px var(--tltp-pi);
}
.l-tltp__inr > .l-tab.l-tab--bdac .l-tab__inner .l-tab__link:before {
  inset-block-end: -12px;
}
.l-tltp__items {
  flex: 1 1 auto;
  overflow: hidden scroll;
  scrollbar-gutter: stable;
  padding-block: var(--tltp-pb) var(--tltp-pb);
  padding-inline: var(--tltp-pi) calc(var(--tltp-pi) - var(--sb-reserved));
  mask:
    linear-gradient(
      0deg,
      transparent 0%,
      black max(12px, var(--tltp-pb)),
      black calc(100% - max(12px, var(--tltp-pb))),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(90deg, transparent 0%, black max(12px, var(--tltp-pb)), black calc(100% - max(12px, var(--tltp-pb))), transparent 100%);
}
.l-tltp__items::-webkit-scrollbar {
  display: block;
}
.l-tltp__items::-webkit-scrollbar-button {
  height: 6px;
}
.l-tltp__items:has(+ .l-tltp__inr:not(._pbd)) + .l-tltp__inr {
  padding-block-start: 0;
}
.l-tltp__items.b-art__i {
  --color-link: var(--color-black);
}
.l-tltp__items.b-art__i > ol,
.l-tltp__items.b-art__i > ul {
  margin-inline-start: 0;
}
.l-tltp__items._cmb12 > *:not(:last-child) {
  margin-block-end: 12px;
}
.l-tltp__items._loyalty .l-tltp__item {
  border-radius: var(--rd-100);
  transition: color 0.2s ease, background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-tltp__items._loyalty .l-tltp__item:hover {
    --tltp-item-color: var(--color-blue-mid);
  }
}
.l-tltp__items._loyalty .l-tltp__item:active {
  --tltp-item-color: var(--color-blue-mid);
}
.l-tltp__items._loyalty .l-tltp__item:not(:last-child) {
  margin-block-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-tltp__items._loyalty .l-tltp__item:not(:last-child) {
    margin-block-end: 6px;
  }
}
.l-tltp__items._loyalty .l-tltp__item._active {
  --tltp-item-color: var(--color-white);
  background-color: var(--color-blue-mid);
  transition: initial;
}
.l-tltp__items-inr._pl26 {
  padding-inline-start: 26px;
}
.l-tltp__item-wrp {
  --tltp-item-wrp-pb: 0px;
  --tltp-item-wrp-pi: 0px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.l-tltp__item-wrp._bdt:not(:first-child) {
  border-block-start: 1px solid var(--color-lightgrey);
  padding-block-start: var(--tltp-item-wrp-pb);
  margin-block-start: var(--tltp-item-wrp-pb);
}
.l-tltp__item-wrp._bdb:not(:last-child) {
  border-block-end: 1px solid var(--color-lightgrey);
  padding-block-end: var(--tltp-item-wrp-pb);
  margin-block-end: var(--tltp-item-wrp-pb);
}
.l-tltp__item-wrp._pb12 {
  --tltp-item-wrp-pb: 12px;
}
.l-tltp__item-wrp._pb8 {
  --tltp-item-wrp-pb: 8px;
}
.l-tltp__item-wrp._pb6 {
  --tltp-item-wrp-pb: 8px;
}
.l-tltp__item-wrp._pr12 {
  padding-inline-end: 12px;
}
.l-tltp__item-wrp._items {
  flex-direction: column;
  align-items: initial;
  gap: 0;
}
.l-tltp__item {
  --tltp-item-color: var(--color-black);
  --tltp-item-pb: 8px;
  --tltp-item-pi: 12px;
  --fz: 16px;
  --lh: 1.5;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--tltp-item-color);
  padding-block: var(--tltp-item-pb);
  padding-inline: var(--tltp-item-pi);
  width: 100%;
}
.l-tltp__item:not(._stc) {
  cursor: pointer;
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-tltp__item:not(._stc):hover {
    --tltp-item-color: var(--color-hover);
  }
}
.l-tltp__item:not(._stc):active {
  --tltp-item-color: var(--color-hover);
}
.l-tltp__item._fz14 {
  --fz: 14px;
  --lh: 1.57143;
}
.l-tltp__item._pi0 {
  --tltp-item-pi: 0px;
}
.l-tltp__item._pi24 {
  --tltp-item-pi: 24px;
}
.l-tltp__item._pb0 {
  --tltp-item-pb: 0px;
}
.l-tltp__item._pb4 {
  --tltp-item-pb: 4px;
}
.l-tltp__item._pb6 {
  --tltp-item-pb: 6px;
}
.l-tltp__item._pl0 {
  padding-inline-start: 0;
}
.l-tltp__item._stc {
  cursor: default;
}
.l-tltp__item._grey {
  --tltp-item-color: var(--color-darkgrey);
}
.l-tltp__item._white {
  --tltp-item-color: var(--color-darkgrey);
}
.l-tltp__item._null {
  color: var(--color-darkgrey);
  text-align: center;
  justify-content: center;
}
.l-tltp__item._null:not(:only-child) {
  display: none;
}
.l-tltp__item._bdbt:not(:last-child):before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: var(--tltp-item-pi);
  width: calc(100% - var(--tltp-item-pi));
  border-block-end: 1px solid var(--color-lightgrey);
}
.l-tltp__item._disabled {
  cursor: no-drop;
  color: var(--color-addgrey);
}
.l-tltp__item:not(._active) > i.icon-check:first-child {
  display: none;
}
.l-tltp__item:has(> .f-check:first-child) {
  padding-inline-start: 0;
}
.l-tltp__item > i:first-child,
.l-tltp__item > button[class^=icon-]:last-child,
.l-tltp__item > button[class*=" icon-"]:last-child,
.l-tltp__item > i:last-child,
.l-tltp__item > span._badge {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
}
.l-tltp__item > i:first-child {
  inset-inline-start: 0;
}
.l-tltp__item > button[class^=icon-]:last-child,
.l-tltp__item > button[class*=" icon-"]:last-child,
.l-tltp__item > i:last-child,
.l-tltp__item > span._badge {
  inset-inline-end: 0;
}
.l-tltp__item > button[class^=icon-]:last-child,
.l-tltp__item > button[class*=" icon-"]:last-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-w);
  height: var(--icon-h);
  flex: 0 0 var(--icon-w);
  transition: rotate 0.2s ease;
}
.l-tltp__item > .icon-arrow:first-child {
  rotate: 90deg;
}
.l-tltp__item > .icon-arrow:last-child {
  rotate: -90deg;
}
.l-tltp__item > span._badge {
  width: 8px;
  height: 8px;
  border-radius: var(--rd-round);
  background: var(--gradient-pink-orange);
}
.l-tltp__item > .l-av {
  align-self: flex-start;
}
.l-tltp__item .l-noti__item {
  margin-inline-start: auto;
  flex: 0 0 auto;
}
.l-tltp__item:has(> .sk__line) > .sk__line {
  height: 24px;
}
.l-tltp__item:has(> .sk__line):nth-child(odd) > .sk__line {
  width: 80px;
}
.l-tltp__item:has(> .sk__line):nth-child(even) > .sk__line {
  width: 100px;
}
.l-tltp__idx {
  min-width: 20px;
}
.l-tltp__img {
  --tltp-img-wh: 28px;
  display: flex;
  align-self: flex-start;
  width: var(--tltp-img-wh);
  height: var(--tltp-img-wh);
  flex: 0 0 var(--tltp-img-wh);
}
.l-tltp__img img {
  width: 100%;
  height: 100%;
}
.l-tltp__img > span {
  --lh: 1;
  --fz: calc(var(--tltp-img-wh) * 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: inherit;
  height: inherit;
  color: var(--color-white);
  background-color: var(--color-black-20);
  border-radius: var(--rd-round);
}
.l-tltp__img[class^=icon-],
.l-tltp__img[class*=" icon-"] {
  --icon-w: var(--tltp-img-wh);
  width: var(--tltp-img-wh);
  height: var(--tltp-img-wh);
  flex: 0 0 var(--tltp-img-wh);
}
.l-tltp__img[class^=icon-].icon-play,
.l-tltp__img[class*=" icon-"].icon-play {
  --icon-w: calc(var(--tltp-img-wh) * 0.5);
  background-color: var(--color-indigo);
  border-radius: var(--rd-round);
}
.l-tltp__img._wh36 {
  --tltp-img-wh: 36px;
}
.l-tltp__img._wh16 {
  --tltp-img-wh: 16px;
  align-self: center;
}
.l-tltp__txt > *:not(:last-child) {
  margin-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-tltp__txt > *:not(:last-child) {
    margin-inline-end: 6px;
  }
}
.l-tltp__txt > i[class^=icon-]:last-child,
.l-tltp__txt > i[class*=" icon-"]:last-child {
  translate: 0 2px;
}
.l-tltp__txt._tdd {
  text-decoration: underline dotted 1px;
  text-underline-offset: 2px;
  text-underline-position: under;
}
.l-tltp__txt._tdlt {
  text-decoration: line-through;
}
.l-tltp__info {
  --fz: 14px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
  padding: 12px;
  border-radius: var(--rd-12);
  background-color: var(--color-lightgrey);
  z-index: 1;
}
.l-tltp__info > a {
  display: flex;
  align-items: center;
  width: fit-content;
}
.l-tltp__info > a i.icon-arrow {
  --icon-c: var(--color-link);
  --icon-w: 14px;
  rotate: -90deg;
  margin-inline-start: 2px;
}
.l-tltp__info._star:before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  width: 64px;
  height: 52px;
  background: url(/images3/bookmakers/rating/stars-grey.svg) 0 0/64px 52px no-repeat;
  pointer-events: none;
  z-index: -1;
}
.l-evnt {
  width: 100%;
  position: relative;
}
.l-evnt + .b-prw__bk {
  margin-block-start: 32px;
}
@media only screen and (max-width: 767.98px) {
  .l-evnt + .b-prw__bk {
    margin-block-start: 26px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-evnt + .b-prw__bk {
    margin-block-start: 20px;
  }
}
.l-evnt + .l-evnt {
  margin-block-start: 48px;
}
@media only screen and (max-width: 767.98px) {
  .l-evnt + .l-evnt {
    margin-block-start: 32px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-evnt + .l-evnt {
    margin-block-start: 24px;
  }
}
.l-evnt__cnt {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 650px) {
  .l-evnt__cnt {
    flex-wrap: wrap;
    row-gap: 12px;
    column-gap: 16px;
  }
}
.l-evnt__cnt.l-evnt__cnt--one .l-evnt__t {
  flex: 0 1 700px;
  text-align: center;
}
.l-evnt__cnt-i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 256px;
}
@media only screen and (max-width: 650px) {
  .l-evnt__cnt-i {
    flex: 0 0 100%;
  }
}
.l-evnt__cnt-r {
  --evnt-cnt-wnr: 90deg;
  position: relative;
  display: grid;
  grid-template-columns: 64px 112px 64px;
  border-radius: var(--rd-100);
  align-items: center;
  justify-content: center;
  padding: 8px;
  z-index: 1;
}
.l-evnt__cnt-r > * {
  position: relative;
  z-index: 4;
}
@media only screen and (max-width: 650px) {
  .l-evnt__cnt-r {
    order: 1;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-evnt__cnt-r {
    grid-template-columns: 52px 122px 52px;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-evnt__cnt-r {
    grid-template-columns: 52px 101px 52px;
  }
}
.l-evnt__cnt-r::after,
.l-evnt__cnt-r::before {
  position: absolute;
  width: 50%;
  pointer-events: none;
}
.l-evnt__cnt-r::before {
  inset-block-start: -1px;
  height: calc(100% + 2px);
  border-radius: var(--rd-100) 0 0 var(--rd-100);
  background:
    linear-gradient(
      var(--evnt-cnt-wnr),
      var(--color-gold-alt) 0%,
      transparent 100%);
  z-index: 1;
}
.l-evnt__cnt-r::after {
  inset-block-start: 0;
  height: 100%;
  border-radius: var(--rd-100) 0 0 var(--rd-100);
  background:
    linear-gradient(
      var(--evnt-cnt-wnr),
      var(--color-gold-alt-07) 0%,
      transparent 100%);
  z-index: 3;
}
.l-evnt__cnt-r.home::before {
  content: "";
  inset-inline-start: -1px;
}
.l-evnt__cnt-r.home::after {
  content: "";
  inset-inline-start: 0;
}
.l-evnt__cnt-r.away {
  --evnt-cnt-wnr: -90deg;
}
.l-evnt__cnt-r.away::after,
.l-evnt__cnt-r.away::before {
  content: "";
  border-radius: 0 var(--rd-100) var(--rd-100) 0;
}
.l-evnt__cnt-r.away::before {
  inset-inline-end: -1px;
}
.l-evnt__cnt-r.away::after {
  inset-inline-end: 0;
}
.l-evnt__cnt-bg {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rd-100);
  background: var(--color-grey-dark-alt5);
  z-index: 2;
}
.l-evnt__t {
  color: var(--color-white);
}
@media only screen and (min-width: 651px) {
  .l-evnt__t {
    flex: 0 0 calc(50% - 128px);
  }
  .l-evnt__t:first-child {
    text-align: end;
    padding-inline-end: 24px;
  }
}
@media only screen and (min-width: 651px) and (max-width: 767.98px) {
  .l-evnt__t:first-child {
    padding-inline-end: 18px;
  }
}
@media only screen and (min-width: 651px) {
  .l-evnt__t:last-child {
    text-align: start;
    padding-inline-start: 24px;
  }
}
@media only screen and (min-width: 651px) and (max-width: 767.98px) {
  .l-evnt__t:last-child {
    padding-inline-start: 18px;
  }
}
.l-evnt__t.winner {
  color: var(--color-gold-alt);
}
@media only screen and (max-width: 650px) {
  .l-evnt__t {
    flex: 0 0 calc(50% - 8px);
    text-align: center;
  }
  .l-evnt__t:first-child {
    order: 2;
  }
  .l-evnt__t:last-child {
    order: 3;
  }
}
.l-evnt__l {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
}
@media only screen and (max-width: 549.98px) {
  .l-evnt__l {
    width: 52px;
    height: 52px;
  }
}
.l-evnt__l img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--rd-round);
  overflow: hidden;
  z-index: 3;
}
.l-evnt__l span {
  --fz: 24px;
  --lh: 1;
  color: var(--color-white);
  text-transform: uppercase;
  z-index: 4;
}
@media only screen and (max-width: 549.98px) {
  .l-evnt__l span {
    --fz: 20px;
  }
}
.l-evnt__l span::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      180deg,
      var(--color-white-30) 0%,
      var(--color-white-10) 100%);
  border-radius: var(--rd-round);
  z-index: -1;
}
.l-evnt__p {
  padding: 0 8px;
}
.l-evnt__st,
.l-evnt__h {
  --fz: 12px;
  margin-block-end: 4px;
  text-align: center;
}
.l-evnt__st span,
.l-evnt__h span {
  white-space: nowrap;
  margin-block-end: 4px;
}
.l-evnt__st span:last-child,
.l-evnt__h span:last-child {
  margin-block-end: 0;
}
.l-evnt__st {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.l-evnt__st > span {
  --fz: 16px;
  color: var(--color-darkgrey);
}
@media only screen and (max-width: 549.98px) {
  .l-evnt__st > span {
    --fz: 14px;
  }
}
.l-evnt__sc {
  --fz: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
}
.l-evnt__sc:not(:first-child) {
  margin-block-start: 4px;
}
.l-evnt__sc small {
  color: var(--color-darkgrey);
}
.l-evnt__sc.l-evnt__sc--lost {
  flex-direction: column;
  gap: 4px;
}
.l-evnt__sc.l-evnt__sc--lost > div {
  --fz: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 24px;
  width: fit-content;
  background-color: var(--color-bg-dark);
  border-radius: var(--rd-100);
  padding: 0 8px;
}
.l-evnt__sc.l-evnt__sc--lost > div > i {
  --icon-w: 12px;
}
.l-evnt__scan {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.l-evnt__scan > span {
  height: 27px;
}
.l-evnt__scan > span:nth-child(2) {
  margin-block-start: -27px;
}
.l-cf {
  display: flex;
  align-items: center;
  gap: 16px;
}
.l-cf.loading .l-cf__i {
  background: var(--color-white-70);
  width: 75px;
}
.l-cf.loading .l-cf__i span:last-child {
  background: transparent;
}
.l-cf__i {
  display: flex;
  align-items: center;
  background: var(--color-white-15);
  border-radius: var(--rd-12);
  overflow: hidden;
  height: 32px;
}
@media only screen and (max-width: 549.98px) {
  .l-cf__i {
    border-radius: var(--rd-8);
    height: 28px;
  }
}
.l-cf__i:last-child {
  --fz: 0;
  padding: 0 9px;
  width: 39px;
}
.l-cf__i span {
  --lh: 1;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: var(--color-darkgrey);
}
@media only screen and (max-width: 549.98px) {
  .l-cf__i span {
    padding: 0 8px;
    height: 28px;
  }
}
.l-cf__i span:first-child {
  padding-inline-end: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-cf__i span:first-child {
    padding-inline-end: 6px;
  }
}
.l-cf__i span:last-child {
  background: var(--color-white-30);
  border-radius: var(--rd-12);
  color: var(--color-white);
}
@media only screen and (max-width: 549.98px) {
  .l-cf__i span:last-child {
    border-radius: var(--rd-8);
  }
}
.l-cf__i picture {
  width: 20px;
  margin: 0 8px;
  display: flex;
}
.l-cf__i picture img {
  height: auto;
  width: 100%;
}
.l-cf a.l-cf__i {
  cursor: pointer;
}
.l-cf a.l-cf__i span {
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-cf a.l-cf__i:hover span:last-child {
    color: var(--color-addgrey);
  }
}
.l-cf a.l-cf__i:active span:last-child {
  color: var(--color-addgrey);
}
.l-tgs2 {
  display: flex;
  margin-block-end: -12px;
  flex-wrap: wrap;
}
.l-tgs2 > * {
  margin-inline-end: 12px;
  margin-block-end: 12px;
}
.l-tgs2 > *:last-child {
  margin-inline-end: 0;
}
.l-tgs2__i {
  --fz: 14px;
  background-color: var(--color-bg-lightgrey);
  display: flex;
  align-items: center;
  border-radius: var(--rd-100);
  height: 32px;
  padding: 0 12px;
}
.l-tgs2__i i {
  margin-inline-start: 6px;
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .l-tgs2__i i:hover {
    --icon-c: var(--color-black);
  }
}
.l-tgs2__i i:active {
  --icon-c: var(--color-black);
}
.l-tgs2__inp {
  --fz: 14px;
  height: 32px;
  border: 1px solid var(--color-black);
  border-radius: var(--rd-100);
  padding: 4px 12px;
  max-width: 110px;
}
.l-tgs2__inp:focus {
  outline: none;
  border-color: var(--color-addgrey);
}
.l-tgs2__inp:focus + span {
  display: none;
}
.l-tgs2__inp .icon-add {
  --icon-c: var(--color-black);
}
.l-tgs2__inp-w {
  position: relative;
}
.l-tgs2__inp-w span {
  --fz: 14px;
  position: absolute;
  inset-block-start: 6px;
  inset-inline-start: 50%;
  transform: translate(-50%, 0);
  display: flex;
  align-items: center;
  pointer-events: none;
}
.l-tgs2__inp-w span svg {
  margin-inline-end: 6px;
}
label.l-swch {
  cursor: pointer;
}
.l-swch {
  --lh: 1.3;
  display: flex;
  align-items: center;
  position: relative;
}
.l-swch--tlg {
  margin-block-start: 6px;
}
.l-swch__inp {
  display: none;
}
.l-swch__inp:checked + .l-swch__lbl:before {
  background-image:
    linear-gradient(
      120deg,
      var(--color-pink),
      var(--color-orange-bright));
}
.l-swch__inp:checked + .l-swch__lbl:after {
  inset-inline-start: 9px;
}
.l-swch__inp:checked + .l-swch__lbl._pay-tip:before {
  background-image:
    linear-gradient(
      120deg,
      var(--color-blue),
      var(--color-blue));
}
.l-swch__inp:checked + .l-swch__lbl._pay-tip:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Crect y='0.5' width='14' height='14' rx='7' fill='white'/%3E%3Cpath d='M5.23664 11V4H7.42512C8.30819 4 8.9513 4.18301 9.35444 4.54902C9.76398 4.91503 9.96875 5.4183 9.96875 6.05882C9.96875 6.43791 9.88556 6.79412 9.71919 7.12745C9.55281 7.46078 9.27445 7.72876 8.88411 7.93137C8.50016 8.13399 7.97544 8.23529 7.30994 8.23529H6.68603V11H5.23664ZM4.46875 9.95098V9H8.16421V9.95098H4.46875ZM4.46875 8.23529V7.01961H7.28114V8.23529H4.46875ZM7.16596 7.01961C7.44112 7.01961 7.67788 6.9902 7.87625 6.93137C8.07463 6.86601 8.2282 6.76471 8.33699 6.62745C8.44577 6.4902 8.50016 6.31699 8.50016 6.10784C8.50016 5.80719 8.40738 5.58497 8.2218 5.44118C8.03623 5.29085 7.74507 5.21569 7.34833 5.21569H6.68603V7.01961H7.16596Z' fill='%230F80EA'/%3E%3C/svg%3E");
}
.l-swch__inp:checked ~ .input--small {
  opacity: 1;
  pointer-events: visible;
}
.l-swch__inp:disabled ~ .l-swch__disabled::before {
  cursor: no-drop;
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 1000%;
  height: 100%;
  background-color: var(--color-white);
  opacity: 0.4;
}
.l-swch__lbl {
  --fz: 16px;
  --lh: 1.6;
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-weight: 400;
  color: var(--color-black);
  text-align: start;
  padding-inline-start: 30px;
  -webkit-user-select: none;
  user-select: none;
}
.l-swch__lbl::before,
.l-swch__lbl::after {
  content: "";
  position: absolute;
  margin: 0;
  outline: 0;
  inset-block-start: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.l-swch__lbl::before {
  inset-inline-start: 0;
  width: 24px;
  height: 16px;
  background-color: var(--color-addgrey);
  border-radius: var(--rd-100);
}
.l-swch__lbl::after {
  inset-inline-start: 1px;
  width: 14px;
  height: 14px;
  background-color: var(--color-white);
  border-radius: var(--rd-round);
}
.l-swch__lbl._pay-tip {
  padding-inline-start: 24px;
}
.l-swch__lbl._pay-tip::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Crect y='0.5' width='14' height='14' rx='7' fill='white'/%3E%3Cpath d='M5.23664 11V4H7.42512C8.30819 4 8.9513 4.18301 9.35444 4.54902C9.76398 4.91503 9.96875 5.4183 9.96875 6.05882C9.96875 6.43791 9.88556 6.79412 9.71919 7.12745C9.55281 7.46078 9.27445 7.72876 8.88411 7.93137C8.50016 8.13399 7.97544 8.23529 7.30994 8.23529H6.68603V11H5.23664ZM4.46875 9.95098V9H8.16421V9.95098H4.46875ZM4.46875 8.23529V7.01961H7.28114V8.23529H4.46875ZM7.16596 7.01961C7.44112 7.01961 7.67788 6.9902 7.87625 6.93137C8.07463 6.86601 8.2282 6.76471 8.33699 6.62745C8.44577 6.4902 8.50016 6.31699 8.50016 6.10784C8.50016 5.80719 8.40738 5.58497 8.2218 5.44118C8.03623 5.29085 7.74507 5.21569 7.34833 5.21569H6.68603V7.01961H7.16596Z' fill='%23000000'/%3E%3C/svg%3E");
}
.l-mtch__cnt:not(:last-child) {
  margin-block-end: 16px;
}
.l-mtch__i i {
  position: relative;
  inset-block-start: 2px;
  inset-inline-start: 3px;
  cursor: pointer;
  margin-inline-start: 8px;
}
@media only screen and (min-width: 767.98px) {
  .l-mtch__i i:hover {
    --icon-c: var(--color-black);
  }
}
.l-mtch__i i:active {
  --icon-c: var(--color-black);
}
.l-mtch a {
  display: flex;
  align-items: center;
}
.l-mtch a .icon {
  margin-inline-start: 9px;
}
.l-mtch .l-brdc {
  margin-block-end: 4px;
}
.l-mtch .l-brdc__i {
  --fz: 12px;
  color: var(--color-darkgrey);
}
.l-mtch .l-brdc__i::before {
  --fz: 12px;
}
.l-grade {
  display: flex;
  align-items: center;
}
.l-grade:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 767.98px) {
  .l-grade {
    flex-wrap: wrap;
  }
  .l-grade span {
    width: 100%;
  }
  .l-grade span:not(:last-child) {
    margin-block-end: 8px;
  }
}
.l-grade.bordered {
  border-block-start: 1px solid var(--color-lightgrey);
  padding-block-start: 24px;
  font-weight: 700;
  margin-block-start: 24px;
}
@media only screen and (max-width: 480.98px) {
  .l-grade.bordered {
    padding-block-start: 16px;
    margin-block-start: 16px;
  }
}
.l-grade__cn {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 767.98px) {
  .l-grade__cn {
    margin-inline-start: auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-grade__cn {
    margin-inline-end: auto;
  }
}
.l-grade__i {
  --fz: 14px;
  --lh: 1;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-darkgrey);
  background: var(--color-lightgrey);
  border-radius: var(--rd-100);
  padding: 0 12px;
  cursor: pointer;
  font-weight: 400;
  transition: 200ms;
}
.l-grade__i:not(:last-child) {
  margin-inline-end: 8px;
}
@media only screen and (min-width: 767.98px) {
  .l-grade__i:hover {
    background: var(--color-grey-light-alt8);
  }
}
.l-grade__i:active {
  background: var(--color-grey-light-alt8);
}
@media only screen and (max-width: 480.98px) {
  .l-grade__i {
    --fz: 12px;
    min-width: 25px;
    height: 25px;
    padding: 0 9px;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-grade__i {
    min-width: 22px;
    height: 24px;
    padding: 0 6px;
  }
}
.l-grade__i.active {
  background-color: var(--color-gold-alt);
  color: var(--color-white);
}
.l-plev {
  --color-link: var(--color-black);
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  grid-template-areas: "img name" "img info";
  column-gap: 16px;
  row-gap: 4px;
  transition: color 0.2s ease;
}
@media only screen and (min-width: 549.98px) {
  .l-plev {
    text-align: start;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-plev {
    grid-template-columns: 1fr;
    grid-template-areas: "img" "info" "name";
  }
}
.l-plev:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-plev:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-plev__imgs {
  grid-area: img;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-plev__imgs {
    justify-content: center;
    margin-block-end: 4px;
  }
}
.l-plev__imgs--1 .l-plev__img::before {
  background-color: var(--color-cyan-soft-alt2);
}
.l-plev__imgs--1 .l-plev__img::after {
  background-color: var(--color-indigo-soft-alt);
}
.l-plev__imgs--2 .l-plev__img::before {
  background-color: var(--color-indigo-soft-alt);
}
.l-plev__imgs--2 .l-plev__img::after {
  background-color: var(--color-cyan-soft-alt2);
}
.l-plev__imgs--3 .l-plev__img::before {
  background-color: var(--color-red-light-alt5);
}
.l-plev__imgs--3 .l-plev__img::after {
  background-color: var(--color-cyan-soft-alt2);
}
.l-plev__imgs--4 .l-plev__img::before {
  background-color: var(--color-red-light-alt5);
}
.l-plev__imgs--4 .l-plev__img::after {
  background-color: var(--color-indigo-soft-alt);
}
.l-plev__imgs--5 .l-plev__img::before {
  background-color: var(--color-red-light-alt5);
}
.l-plev__imgs--5 .l-plev__img::after {
  background-color: var(--color-cyan-soft-alt2);
}
.l-plev__img {
  position: relative;
  display: flex;
  width: 56px;
  height: 56px;
  margin: 0;
  border-radius: var(--rd-round);
  overflow: hidden;
}
.l-plev__img img {
  position: relative;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border-radius: var(--rd-round);
  margin: 10px;
  z-index: 3;
}
.l-plev__img.l-evnt__l span {
  --fz: 20px;
}
.l-plev__img.l-evnt__l span::before {
  display: none;
}
.l-plev__img::before,
.l-plev__img::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.l-plev__img::before {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.l-plev__img::after {
  width: 86px;
  height: 86px;
  clip-path: url(#clip-img);
  z-index: 2;
}
.l-plev__name {
  grid-area: name;
}
.l-plev__info {
  --fz: 14px;
  color: var(--color-black);
  display: flex;
  align-items: center;
  gap: 8px;
  grid-area: info;
}
@media only screen and (max-width: 549.98px) {
  .l-plev__info {
    justify-content: center;
  }
}
.l-plev__info i {
  display: flex;
  transform: scale(0.875);
}
.l-stcn {
  position: relative;
  height: 0;
  padding-block-end: 332px;
  max-width: 640px;
  margin: 0 auto;
}
@media only screen and (max-width: 767.98px) {
  .l-stcn {
    padding-block-end: 56.2%;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-stcn {
    min-height: 181px;
  }
}
.l-stcn__i {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  color: var(--color-black);
}
.l-stcn__t {
  --fz: 30px;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width: 767.98px) {
  .l-stcn__t {
    --fz: 27px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-stcn__t {
    --fz: 24px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-stcn__t {
    --fz: 20px;
  }
}
.l-stcn__cunt {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-block-start: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-stcn__cunt {
    margin-block-start: 18px;
    gap: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-stcn__cunt {
    margin-block-start: 12px;
    gap: 12px;
  }
}
.l-stcn__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid var(--color-addgrey-40);
  padding: 12px;
  border-radius: var(--rd-8);
}
.l-stcn__item span:first-child {
  --fz: 24px;
  font-weight: 700;
}
@media only screen and (max-width: 549.98px) {
  .l-stcn__item span:first-child {
    --fz: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-stcn__item span:last-child {
    --fz: 14px;
  }
}
.l-tmr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.l-tmr + .b-art__trn {
  margin-block-start: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-tmr + .b-art__trn {
    margin-block-start: 24px;
  }
}
.l-tmr:not(._small) {
  flex-direction: column;
  padding: 16px 16px 12px;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  max-width: 600px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media only screen and (max-width: 549.98px) {
  .l-tmr:not(._small) {
    padding: 12px;
  }
}
.l-tmr._small {
  gap: 12px;
  align-items: baseline;
}
.l-tmr._small:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-tmr._small:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-tmr._small {
    justify-content: space-between;
  }
}
.l-tmr._small > div:not([class]) {
  white-space: nowrap;
}
@media only screen and (max-width: 480.98px) {
  .l-tmr._small > div:not([class]) {
    --fz: 14px;
  }
}
.l-tmr._small .l-tmr__items {
  gap: 10px;
}
@media only screen and (max-width: 480.98px) {
  .l-tmr._small .l-tmr__items {
    gap: 6px;
  }
}
.l-tmr._small .l-tmr__items span {
  --fz: 24px;
  font-weight: 400;
}
@media only screen and (max-width: 480.98px) {
  .l-tmr._small .l-tmr__items span {
    --fz: 20px;
  }
}
.l-tmr._small .l-tmr__items small {
  text-transform: none;
}
.l-tmr._small .l-tmr__items > span.grey {
  inset-block-start: 0;
  opacity: 0.4;
}
.l-tmr._small .l-tmr__itm {
  padding: 0;
  flex-direction: row;
  align-items: baseline;
  gap: 4px;
}
.l-tmr__items {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 359.98px) {
  .l-tmr__items {
    gap: 4px;
  }
}
.l-tmr__items span {
  --fz: 52px;
  font-weight: 300;
}
@media only screen and (max-width: 549.98px) {
  .l-tmr__items span {
    --fz: 36px;
  }
}
.l-tmr__items > span.grey {
  --lh: 1;
  position: relative;
  inset-block-start: -12px;
}
@media only screen and (max-width: 549.98px) {
  .l-tmr__items > span.grey {
    inset-block-start: -10px;
  }
}
@media only screen and (max-width: 359.98px) {
  .l-tmr__items > span.grey {
    inset-block-start: -9px;
  }
}
.l-tmr__itm {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px 24px;
  white-space: nowrap;
}
@media only screen and (max-width: 359.98px) {
  .l-tmr__itm {
    padding: 12px 18px;
  }
}
.l-tmr__itm small {
  --fz: 12px;
  text-transform: uppercase;
}
.l-mtvw {
  display: flex;
  padding-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw {
    padding-block-start: 12px;
  }
}
.l-mtvw__itm {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__itm {
    padding-block-start: 12px;
  }
}
.l-mtvw__itm .l-mtvw__body {
  padding-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__itm .l-mtvw__body {
    padding-block-end: 12px;
  }
}
.l-mtvw__itm:not(.last) .l-mtvw__body {
  border-block-end: 1px solid var(--color-border);
}
.l-mtvw__itm:has(+ .l-mtvw__link),
.l-mtvw__itm:has(+ .l-btn.l-btn--b.l-btn--sm) {
  margin-block-end: 20px;
}
.l-mtvw__itm:has(.icon-arrow-gradient) {
  position: relative;
}
.l-mtvw__itm:has(.icon-arrow-gradient) .l-mtvw__head {
  grid-template-columns: 1fr auto;
}
.l-mtvw__itm:has(.icon-arrow-gradient)::before,
.l-mtvw__itm:has(.icon-arrow-gradient)::after {
  --trmn-gr-wh: 24px;
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  width: calc(50% + var(--trmn-gr-wh));
  height: 100%;
  pointer-events: none;
  mask:
    linear-gradient(
      -90deg,
      black 0%,
      transparent 95%);
  -webkit-mask: -webkit-linear-gradient(180deg, black 0%, transparent 95%);
}
@media only screen and (max-width: 767.98px) {
  .l-mtvw__itm:has(.icon-arrow-gradient)::before,
  .l-mtvw__itm:has(.icon-arrow-gradient)::after {
    --trmn-gr-wh: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__itm:has(.icon-arrow-gradient)::before,
  .l-mtvw__itm:has(.icon-arrow-gradient)::after {
    --trmn-gr-wh: 12px;
  }
}
.l-mtvw__itm:has(.icon-arrow-gradient)::before {
  background:
    linear-gradient(
      135deg,
      var(--color-pink-04) 0%,
      var(--color-orange-bright-04) 101.5%);
}
.l-mtvw__itm:has(.icon-arrow-gradient)::after {
  border-block-start: 1px solid var(--color-pink);
  border-block-end: 1px solid var(--color-pink);
  opacity: 0.1;
}
.l-mtvw__itm:has(.icon-arrow-gradient) .icon-arrow-gradient {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  width: auto;
  height: auto;
  flex: initial;
  gap: 4px;
  font-weight: 600;
  background: var(--gradient-pink-orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__itm:has(.icon-arrow-gradient) .icon-arrow-gradient {
    --fz: 12px;
    gap: 2px;
  }
}
.l-mtvw__itm.cr-pr .l-mtvw__name {
  transition: color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-mtvw__itm.cr-pr:hover .l-mtvw__name {
    color: var(--color-hover);
  }
}
.l-mtvw__itm.cr-pr:active .l-mtvw__name {
  color: var(--color-hover);
}
.l-mtvw__icon[class*=" icon-"] {
  height: 44px;
  flex: 0 0 44px;
  width: 44px;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-round);
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__icon[class*=" icon-"] {
    height: 36px;
    flex: 0 0 36px;
    width: 36px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-mtvw__icon[class*=" icon-"] {
    --icon-w: 20px;
  }
}
.l-mtvw__body {
  flex: 1 1 auto;
}
.l-mtvw__head {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 16px;
  width: 100%;
  grid-template-areas: "a c" "b c";
  column-gap: 12px;
}
.l-mtvw__head:not(:last-child) {
  margin-block-end: 14px;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__head:not(:last-child) {
    margin-block-end: 8px;
  }
}
.l-mtvw__head .icon-arrow-gradient,
.l-mtvw__head .icon-arrow {
  grid-area: c;
}
.l-mtvw__head .icon-arrow-gradient svg,
.l-mtvw__head .icon-arrow svg {
  rotate: -90deg;
}
.l-mtvw__name {
  display: flex;
  align-items: center;
  gap: 6px;
  grid-area: a;
  margin-block-end: 3px;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__name {
    --fz: 14px;
    margin-block-end: 1px;
  }
}
.l-mtvw__name > span {
  width: 8px;
  height: 8px;
  border-radius: var(--rd-round);
  background: var(--gradient-pink-orange);
}
.l-mtvw__label {
  --fz: 14px;
  grid-area: b;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__label {
    --fz: 12px;
  }
}
.l-mtvw__block-inner {
  position: relative;
  width: 100%;
}
.l-mtvw__block {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  height: 100%;
  width: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  transition: all 0.4s ease;
}
.l-mtvw__block.sub {
  z-index: 1;
}
.l-mtvw__block.sub:not(.open) {
  position: absolute;
  transform: translate(calc(100% + 24px), 0);
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.l-mtvw__block.sub > .b-mtch__stats {
  margin-block-start: 0;
}
.l-mtvw__block.sub > .b-mtch__stats > span.grey {
  display: none;
}
.l-mtvw__block.sub .b-mdl__mtch-trns::before,
.l-mtvw__block.sub .b-mdl__mtch-trns::after {
  content: none;
}
.l-mtvw__block.sub .b-mdl__mtch-trns .b-mdl__close {
  display: none;
}
.l-mtvw__block.sub .b-mdl__mtch-trns .b-mdl__mtch-trns-i {
  padding: 0;
  height: initial;
  max-height: initial;
  overflow: initial;
}
.l-mtvw__block.sub .b-mdl__mtch-trns .b-mdl__mtch-trns-i .l-ttl--b {
  display: none;
}
.l-mtvw__block.sub .b-bns__grid {
  grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
  gap: 16px;
}
@media only screen and (max-width: 480.98px) {
  .l-mtvw__block.sub .b-bns__grid {
    gap: 12px;
  }
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i {
  box-shadow: inset 0 0 0 1px var(--color-lightgrey);
  border-radius: var(--rd-16);
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__img {
  border-radius: var(--rd-16) var(--rd-16) 0 0;
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__img:not(:last-child) {
  margin-block-end: 20px;
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__img:not(:last-child):not(:has(.b-bns__item-rare)) {
  margin-block-end: 12px;
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__item-bk {
  padding-block: 0 14px;
  padding-inline: 8px 12px;
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__item-rare:not(._status) {
  inset-inline-start: 6px;
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__item-ttl {
  padding: 0 12px 14px;
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__prcd {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23D5D5D5' stroke-width='3' stroke-dasharray='7%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: var(--rd-12);
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__prcd._list {
  padding: 12px;
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__i-cnt {
  padding: 0 12px 12px;
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .b-bns__i-cnt::after {
  content: "";
  border-radius: 0 0 var(--rd-16) var(--rd-16);
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .l-btn.l-btn--b {
  --fz: 14px;
  border-radius: var(--rd-12);
}
.l-mtvw__block.sub .b-bns__grid .b-bns__item-i .l-btn.l-btn--b i.icon-arrow {
  position: static;
  translate: initial;
}
.l-mtvw__block.close {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.l-mtvw__itm-c-h {
  --fz: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__itm-c-h {
    --fz: 14px;
  }
}
.l-mtvw__itm-c-h:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-mtvw__itm-c-h:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__itm-c-h:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-mtvw__itm-c-h._bdr:not(:last-child) + * {
  border-block-start: 1px solid var(--color-border);
  padding-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__itm-c-h._bdr:not(:last-child) + * {
    padding-block-start: 8px;
  }
}
.l-mtvw__itm-c-h > a {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 2px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  width: fit-content;
  height: auto;
  transform: translate(0, -50%);
  z-index: 1;
}
.l-mtvw__itm-c-h > a i {
  rotate: 90deg;
}
.l-mtvw__link {
  position: sticky;
  inset-block-end: 24px;
  margin-block-start: auto;
  z-index: 3;
}
@media only screen and (max-width: 767.98px) {
  .l-mtvw__link {
    inset-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mtvw__link {
    inset-block-end: 12px;
  }
}
.l-mtvw__link .l-btn {
  --fz: 16px;
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 480.98px) {
  .l-mtvw__link .l-btn {
    --fz: 14px;
    border-radius: var(--rd-12);
  }
}
.l-mvlr__crds {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
}
.l-mvlr__crds:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-mvlr__crds {
    gap: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__crds {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.l-mvlr__card {
  border-radius: var(--rd-16);
  border: 1px solid var(--color-addgrey-70);
  padding: 16px 16px 0;
}
.l-mvlr__card > *:not(:last-child) {
  border-block-end: 1px solid var(--color-border);
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__card {
    border-radius: var(--rd-12);
    padding: 12px 12px 0;
  }
}
.l-mvlr__head {
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-template-areas: "a b" "a c";
  column-gap: 12px;
  row-gap: 4px;
  align-items: center;
  padding-block-end: 12px;
}
.l-mvlr__head .l-mvlr__img {
  grid-area: a;
  width: 44px;
  height: 44px;
}
.l-mvlr__head .l-mvlr__img > span {
  --fz: 20px;
}
.l-mvlr__head h3 {
  --fz: 16px;
  grid-area: b;
  font-weight: 700;
}
.l-mvlr__img {
  display: flex;
  width: 24px;
  height: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__img {
    width: 20px;
    height: 20px;
  }
}
.l-mvlr__img img {
  width: inherit;
  height: inherit;
}
.l-mvlr__img > span {
  --lh: 1;
  --fz: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  width: inherit;
  height: inherit;
  color: var(--color-white);
  background-color: var(--color-black-20);
  border-radius: var(--rd-round);
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__img > span {
    --fz: 9px;
  }
}
.l-mvlr__row-res {
  display: flex;
  align-items: center;
  gap: 4px;
  grid-area: c;
}
.l-mvlr__row-res > div {
  --fz: 12px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 16px;
  width: 16px;
  color: var(--mvlr-cl-res);
  border: 1px solid var(--mvlr-cl-res);
  border-radius: var(--rd-4);
}
.l-mvlr__row-res .win {
  --mvlr-cl-res: var(--color-darkgreen);
}
.l-mvlr__row-res .loss {
  --mvlr-cl-res: var(--color-darkred);
}
.l-mvlr__row-res .draw {
  --mvlr-cl-res: var(--color-orange-mid-alt4);
}
.l-mvlr__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0;
}
.l-mvlr__info {
  --fz: 14px;
}
.l-mvlr__cnt {
  display: flex;
  align-items: center;
}
.l-mvlr__plrs {
  --lh: 1;
  --color-link: var(--color-black);
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__plrs {
    --fz: 14px;
    gap: 5px;
  }
}
@media only screen and (min-width: 767.98px) {
  .l-mvlr__plrs:hover .l-mvlr__plr span.wrd-ell.grn,
  .l-mvlr__plrs:hover .l-mvlr__plr span.wrd-ell.rd {
    color: var(--color-hover);
  }
}
.l-mvlr__plrs:active .l-mvlr__plr span.wrd-ell.grn,
.l-mvlr__plrs:active .l-mvlr__plr span.wrd-ell.rd {
  color: var(--color-hover);
}
.l-mvlr__plr {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__plr {
    gap: 4px;
  }
}
.l-mvlr__plr span.wrd-ell {
  transition: color 0.2s ease;
}
.l-mvlr__plr span.wrd-ell.grn {
  color: var(--color-darkgreen);
}
.l-mvlr__plr span.wrd-ell.rd {
  color: var(--color-darkred);
}
.l-mvlr .b-mtch__tot {
  flex: 0 0 110px;
}
@media only screen and (max-width: 480.98px) {
  .l-mvlr .b-mtch__tot {
    flex: 0 0 104px;
  }
}
.l-mvlr__stats.b-mtch__stats .b-mtch__stat {
  grid-template-columns: 88px 1fr 88px;
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__stats.b-mtch__stats .b-mtch__stat {
    grid-template-columns: 72px 1fr 72px;
  }
}
.l-mvlr__stats.b-mtch__stats .b-mtch__stat > div {
  width: 88px;
  padding: 0 10px;
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__stats.b-mtch__stats .b-mtch__stat > div {
    width: 72px;
    padding: 0 6px;
  }
}
.l-mvlr__stat-teams {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__stat-teams {
    gap: 8px;
    margin-block-end: 8px;
  }
}
.l-mvlr__stat-team {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border-radius: var(--rd-12);
  border: 1px solid var(--color-addgrey-70);
}
.l-mvlr__stat-team:nth-child(2) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 549.98px) {
  .l-mvlr__stat-team {
    --fz: 14px;
    gap: 4px;
    padding: 8px;
  }
}
.l-mvlr__stat-team .wrd-ell {
  word-break: break-all;
}
.l-mttb > *:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb > *:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb > *:not(:last-child) {
    margin-block-end: 16px;
  }
}
.l-mttb__table.l-crd {
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 24px 12px 0;
  overscroll-behavior-x: none;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__table.l-crd {
    padding: 18px 8px 0;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__table.l-crd {
    padding: 12px 4px 0;
  }
  .l-mttb__table.l-crd--addt {
    padding: 0;
  }
}
.l-mttb__table.l-crd::-webkit-scrollbar {
  display: block;
}
.l-mttb__table.l-crd::-webkit-scrollbar-button {
  width: 4px;
}
.l-mttb__table-i {
  width: 100%;
  white-space: nowrap;
  max-width: 100%;
}
.l-mttb__table-i th:first-child,
.l-mttb__table-i td:first-child {
  width: 360px;
  min-width: 200px;
}
.l-mttb__table-i th,
.l-mttb__table-i td {
  text-align: start;
}
.l-mttb__table-i thead tr b,
.l-mttb__table-i thead tr .tabs {
  --fz: 16px;
  display: block;
  padding: 0 12px;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__table-i thead tr b,
  .l-mttb__table-i thead tr .tabs {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__table-i thead tr b,
  .l-mttb__table-i thead tr .tabs {
    --fz: 14px;
    padding: 0 8px;
  }
}
.l-mttb__table-i thead tr .tabs {
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__table-i thead tr .tabs {
    display: none;
  }
}
.l-mttb__table-i thead tr span.grey {
  --fz: 14px;
  white-space: nowrap;
  padding: 0 16px;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__table-i thead tr span.grey {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__table-i thead tr span.grey {
    padding: 0 8px;
  }
}
.l-mttb__table-i thead tr th {
  vertical-align: bottom;
  padding-block-end: 8px;
}
.l-mttb__table-i tbody tr {
  height: 48px;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__table-i tbody tr {
    height: 54px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__table-i tbody tr {
    height: 40px;
  }
}
.l-mttb__table-i tbody tr:nth-child(even) td {
  background-color: var(--color-lightgrey-alt);
}
.l-mttb__table-i tbody tr:nth-child(even) td:first-child {
  border-radius: var(--rd-16) 0 0 var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__table-i tbody tr:nth-child(even) td:first-child {
    border-radius: var(--rd-12) 0 0 var(--rd-12);
  }
}
.l-mttb__table-i tbody tr:nth-child(even) td:last-child {
  border-radius: 0 var(--rd-16) var(--rd-16) 0;
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__table-i tbody tr:nth-child(even) td:last-child {
    border-radius: 0 var(--rd-12) var(--rd-12) 0;
  }
}
.l-mttb__table-i tbody tr[class^=_clr] .l-mttb__main:before,
.l-mttb__table-i tbody tr[class*=" _clr"] .l-mttb__main:before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -12px;
  translate: 0 -50%;
  width: 3px;
  height: 36px;
  border-radius: 0 var(--rd-100) var(--rd-100) 0;
  pointer-events: none;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__table-i tbody tr[class^=_clr] .l-mttb__main:before,
  .l-mttb__table-i tbody tr[class*=" _clr"] .l-mttb__main:before {
    inset-inline-start: -8px;
    height: 30px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__table-i tbody tr[class^=_clr] .l-mttb__main:before,
  .l-mttb__table-i tbody tr[class*=" _clr"] .l-mttb__main:before {
    inset-inline-start: -4px;
    width: 2px;
    height: 24px;
  }
}
.l-mttb__table-i tbody tr td {
  vertical-align: middle;
}
.l-mttb__main {
  position: relative;
  display: flex;
  align-items: center;
  padding-block: 0 0;
  padding-inline: 20px 12px;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__main {
    padding-block: 0 0;
    padding-inline: 14px 10px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__main {
    padding: 0 8px;
  }
}
.l-mttb__place {
  --fz: 12px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: var(--rd-100);
  padding: 4px;
  margin-inline-end: 20px;
  color: var(--color-darkgrey);
  background-color: var(--color-grey2);
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__place {
    --fz: 10px;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    font-weight: 700;
    margin-inline-end: 8px;
  }
}
.l-mttb__cmnd {
  display: flex;
  align-items: center;
  gap: 8px;
  word-break: break-all;
  width: 100%;
}
.l-mttb__cmnd picture {
  --mttb-cm-img: 24px;
  display: flex;
  flex: 0 0 var(--mttb-cm-img);
  width: var(--mttb-cm-img);
  height: var(--mttb-cm-img);
  margin-inline-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__cmnd picture {
    --mttb-cm-img: 20px;
  }
}
.l-mttb__cmnd picture img {
  width: 100%;
  height: auto;
}
.l-mttb__cmnd picture span {
  --lh: 1;
  --fz: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-black-20);
  border-radius: var(--rd-round);
  width: 100%;
  height: 100%;
  color: var(--color-white);
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__cmnd picture span {
    --fz: 10px;
  }
}
.l-mttb__cmnd > span {
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  mask:
    linear-gradient(
      90deg,
      black calc(100% - 12px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(0deg, black calc(100% - 12px), transparent 100%);
}
.l-mttb__score {
  display: flex;
  white-space: nowrap;
  padding: 0 16px;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__score {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__score {
    padding: 0 8px;
  }
}
.l-mttb__info div {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__info div {
    gap: 6px;
  }
}
.l-mttb__info div::before {
  content: "";
  width: 3px;
  height: 24px;
  border-radius: 0 var(--rd-100) var(--rd-100) 0;
  pointer-events: none;
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__info div::before {
    width: 2px;
  }
}
.l-mttb__info div:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__info div:not(:last-child) {
    margin-block-end: 8px;
  }
}
.l-mttb__info:not(:last-child) {
  margin-block-end: 20px;
}
@media only screen and (max-width: 767.98px) {
  .l-mttb__info:not(:last-child) {
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb__info:not(:last-child) {
    margin-block-end: 12px;
  }
}
@media only screen and (max-width: 767.98px) {
  .l-mttb > .l-crd > .l-ttl {
    --fz: 14px;
  }
}
@media only screen and (max-width: 480.98px) {
  .l-mttb > .l-crd > .l-ttl {
    --fz: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-mttb > .l-crd > .b-art__i {
    --fz: 14px;
  }
}
.l-mttb__table-i tbody tr._clr1 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr1::before,
.l-mttb__table-i tbody tr._clr16 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr16::before,
.l-mttb__info div._clr1 .l-mttb__main:before,
.l-mttb__info div._clr1::before,
.l-mttb__info div._clr16 .l-mttb__main:before,
.l-mttb__info div._clr16::before {
  background: var(--color-cyan-alt7);
}
.l-mttb__table-i tbody tr._clr5 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr5::before,
.l-mttb__table-i tbody tr._clr19 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr19::before,
.l-mttb__table-i tbody tr._clr49 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr49::before,
.l-mttb__info div._clr5 .l-mttb__main:before,
.l-mttb__info div._clr5::before,
.l-mttb__info div._clr19 .l-mttb__main:before,
.l-mttb__info div._clr19::before,
.l-mttb__info div._clr49 .l-mttb__main:before,
.l-mttb__info div._clr49::before {
  background: var(--color-gold-alt3);
}
.l-mttb__table-i tbody tr._clr6 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr6::before,
.l-mttb__info div._clr6 .l-mttb__main:before,
.l-mttb__info div._clr6::before {
  background: var(--color-gold-mid-alt);
}
.l-mttb__table-i tbody tr._clr7 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr7::before,
.l-mttb__info div._clr7 .l-mttb__main:before,
.l-mttb__info div._clr7::before {
  background: var(--color-hover);
}
.l-mttb__table-i tbody tr._clr8 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr8::before,
.l-mttb__info div._clr8 .l-mttb__main:before,
.l-mttb__info div._clr8::before {
  background:
    linear-gradient(
      0deg,
      var(--color-white-50) 0%,
      var(--color-white-50) 100%),
    var(--color-hover);
}
.l-mttb__table-i tbody tr._clr9 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr9::before,
.l-mttb__info div._clr9 .l-mttb__main:before,
.l-mttb__info div._clr9::before {
  background: var(--color-darkgreen);
}
.l-mttb__table-i tbody tr._clr11 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr11::before,
.l-mttb__info div._clr11 .l-mttb__main:before,
.l-mttb__info div._clr11::before {
  background: var(--color-orange-mid-alt5);
}
.l-mttb__table-i tbody tr._clr17 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr17::before,
.l-mttb__table-i tbody tr._clr26 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr26::before,
.l-mttb__info div._clr17 .l-mttb__main:before,
.l-mttb__info div._clr17::before,
.l-mttb__info div._clr26 .l-mttb__main:before,
.l-mttb__info div._clr26::before {
  background: var(--color-cyan-soft-alt);
}
.l-mttb__table-i tbody tr._clr45 .l-mttb__main:before,
.l-mttb__table-i tbody tr._clr45::before,
.l-mttb__info div._clr45 .l-mttb__main:before,
.l-mttb__info div._clr45::before {
  background: var(--color-cyan-deep-alt2);
}
.l-bkmt:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt:not(:last-child) {
    margin-block-end: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt + .b-bk__btns {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
  .l-bkmt + .b-bk__btns .l-btn {
    width: 100%;
    margin-inline-end: 0;
    height: 32px;
  }
}
.l-bkmt__head {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  border-radius: var(--rd-12);
  background-color: var(--color-lightgrey);
  cursor: pointer;
}
.l-bkmt__head picture {
  --bkmt-lg-wh: 24px;
  width: var(--bkmt-lg-wh);
  height: var(--bkmt-lg-wh);
  flex: 0 0 var(--bkmt-lg-wh);
  border-radius: var(--rd-round);
  overflow: hidden;
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt__head picture {
    --bkmt-lg-wh: 20px;
  }
}
.l-bkmt__head picture img {
  width: inherit;
  height: inherit;
}
.l-bkmt__head picture > span {
  --fz: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: inherit;
  height: inherit;
  text-transform: uppercase;
  color: var(--color-black);
  background-color: var(--color-white);
}
.l-bkmt__head > div {
  font-weight: 700;
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt__head > div {
    --fz: 14px;
  }
}
.l-bkmt__head i.icon-arrow {
  margin-inline-start: auto;
}
.l-bkmt__head i.icon-arrow svg {
  transition: rotate 0.2s ease;
}
.l-bkmt__head.open i.icon-arrow svg {
  rotate: 180deg;
}
.l-bkmt__head.open + .l-bkmt__cnt {
  display: flex;
}
.l-bkmt__cnt {
  --bkmt-cnt-gp: 20px;
  display: none;
  flex-direction: column;
  gap: var(--bkmt-cnt-gp);
  padding-block-start: var(--bkmt-cnt-gp);
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt__cnt {
    --bkmt-cnt-gp: 16px;
  }
}
.l-bkmt__type {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt__type {
    gap: 8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt__type > .grey {
    --fz: 14px;
  }
}
.l-bkmt__odds {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.l-bkmt__odd {
  --fz: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border-radius: var(--rd-12);
  background-color: var(--color-lightgrey);
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt__odd {
    padding: 0 8px;
    border-radius: var(--rd-8);
  }
}
.l-bkmt__odd._best {
  background-color: var(--color-green-light);
}
@media only screen and (max-width: 549.98px) {
  .l-bkmt__odd > span.grey {
    display: none;
  }
}
.l-bkmt__odd i.icon-like {
  --icon-w: 14px;
}
@property --avrd-g-lg1 { syntax: "<color>"; initial-value: var(--color-indigo-alt2-05); inherits: false; }
@property --avrd-g-lg2 { syntax: "<color>"; initial-value: var(--color-blue-alt2-05); inherits: false; }
.l-avrd {
  display: flex;
  flex-direction: column;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  background-color: var(--color-white);
  width: 100%;
  padding: 16px;
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-avrd {
    padding: 12px;
    border-radius: var(--rd-12);
    margin-block-end: 20px;
  }
}
.l-avrd._main {
  border: none;
  padding: 0;
  border-radius: 0;
  width: 100%;
}
@media only screen and (max-width: 549.98px) {
  .l-avrd._main {
    margin-inline: -12px;
    padding: 0 12px;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100dvw;
  }
  .l-avrd._main::-webkit-scrollbar {
    display: none;
  }
}
.l-avrd._main .l-avrd__logo {
  --avrd-logo-wh: 44px;
}
@media only screen and (max-width: 549.98px) {
  .l-avrd._main .l-avrd__logo {
    --avrd-logo-wh: 32px;
  }
}
.l-avrd._main .l-avrd__score {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media only screen and (max-width: 549.98px) {
  .l-avrd._main .l-avrd__score {
    --fz: 14px;
  }
}
.l-avrd._main .l-avrd__score span:not(.grey) {
  font-weight: 700;
}
.l-avrd._main .l-avrd__score span.grey {
  --fz: 12px;
}
.l-avrd._main .b-mdl__grade-list {
  margin-block-start: 16px;
  padding-block-end: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-avrd._main .b-mdl__grade-list {
    margin-block-start: 12px;
  }
}
.l-avrd__inner {
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--color-grey2);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-avrd__inner {
    padding: 12px;
    border-radius: var(--rd-12);
  }
}
.l-avrd__items {
  display: flex;
  gap: 12px;
  width: fit-content;
}
.l-avrd__items .l-avrd__item:not(:last-child) {
  padding-inline-end: 13px;
}
.l-avrd__items .l-avrd__item:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 50%;
  translate: 0 -50%;
  border-inline-end: 1px solid var(--color-grey2);
  height: 16px;
}
@media only screen and (min-width: 767.98px) {
  .l-avrd__items.cr-pr:hover .l-avrd__score {
    color: var(--color-hover);
  }
}
.l-avrd__items.cr-pr:active .l-avrd__score {
  color: var(--color-hover);
}
.l-avrd__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  white-space: nowrap;
}
.l-avrd__logo {
  --avrd-logo-wh: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--avrd-logo-wh);
  height: var(--avrd-logo-wh);
  flex: 0 0 var(--avrd-logo-wh);
  border-radius: var(--rd-round);
  box-shadow: inset 0 0 0 1px var(--color-bg-dark-10);
}
.l-avrd__logo i {
  --icon-w: calc(var(--avrd-logo-wh) * 0.55);
}
.l-avrd__score {
  color: var(--color-black);
  transition: color 0.2s ease;
}
.l-avrd__score > span.grey {
  --fz: 14px;
}
.l-avrd__info {
  --fz: 14px;
  display: flex;
  align-items: center;
  border-radius: var(--rd-6);
  height: 24px;
  padding: 0 8px;
}
.l-avrd__info:not(._blocked) {
  box-shadow: inset 0 0 0 1px var(--color-indigo-alt2-15);
  background:
    linear-gradient(
      90deg,
      var(--avrd-g-lg1) 0%,
      var(--avrd-g-lg2) 100%);
  color: var(--color-indigo-alt);
  cursor: pointer;
  transition: --avrd-g-lg1 0.2s ease, --avrd-g-lg2 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-avrd__info:not(._blocked):hover {
    --avrd-g-lg1: var(--color-indigo-alt2-10);
    --avrd-g-lg2: var(--color-blue-alt2-10);
  }
}
.l-avrd__info:not(._blocked):active {
  --avrd-g-lg1: var(--color-indigo-alt2-10);
  --avrd-g-lg2: var(--color-blue-alt2-10);
}
.l-avrd__info._blocked {
  background: var(--color-lightgrey);
  box-shadow: inset 0 0 0 1px var(--color-grey2);
  color: var(--color-darkgrey);
}
.l-avrd__info._biased {
  --avrd-g-lg1: var(--color-orange-15);
  --avrd-g-lg2: var(--color-gold-alt-15);
  box-shadow: inset 0 0 0 1px var(--color-orange-15);
  color: var(--color-orange);
}
@media only screen and (min-width: 767.98px) {
  .l-avrd__info._biased:hover {
    --avrd-g-lg1: var(--color-orange-10);
    --avrd-g-lg2: var(--color-gold-alt-10);
  }
}
.l-avrd__info._biased:active {
  --avrd-g-lg1: var(--color-orange-10);
  --avrd-g-lg2: var(--color-gold-alt-10);
}
.l-avrd__info i.icon-alert-alt,
.l-avrd__info i.icon-closed {
  --icon-w: 12px;
  margin-inline-end: 4px;
}
.l-avrd__info span._score,
.l-avrd__info span._points {
  --fz: 12px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-4);
  height: 16px;
  min-width: 16px;
  padding: 0 4px;
  font-weight: 600;
}
.l-avrd__info span._score {
  background:
    linear-gradient(
      90deg,
      var(--color-indigo-alt2) 0%,
      var(--color-blue-alt2) 100%);
  color: var(--color-white);
  margin-inline-start: 6px;
}
.l-avrd__info span._points {
  box-shadow: inset 0 0 0 1px var(--color-indigo-alt2-15);
  background: var(--color-white);
  color: var(--color-indigo-alt);
  margin-inline-start: 4px;
}
.l-avrd__grades {
  display: grid;
  grid-template-columns: repeat(5, 44px);
  align-items: center;
  gap: 12px;
}
.l-avrd__grades:not(:last-child) {
  margin-block-end: 32px;
}
@media only screen and (max-width: 767.98px) {
  .l-avrd__grades:not(:last-child) {
    margin-block-end: 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-avrd__grades:not(:last-child) {
    margin-block-end: 16px;
  }
}
.l-avrd__grade {
  --fz: 20px;
  --lh: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
  box-shadow: inset 0 0 0 1px var(--color-grey3);
  border-radius: var(--rd-round);
  color: var(--color-black);
  background-color: var(--color-white);
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-avrd__grade:hover {
    background-color: var(--color-lightgrey-alt);
  }
}
.l-avrd__grade:active {
  background-color: var(--color-lightgrey-alt);
}
.l-avrd__grade._active {
  box-shadow: none;
  background: var(--gradient-pink-orange);
  color: var(--color-white);
  font-weight: 700;
}
.l-avrd__grade:has(i.icon-alert-alt) {
  position: relative;
}
.l-avrd__grade:has(i.icon-alert-alt) i.icon-alert-alt {
  --icon-w: 12px;
  background-color: var(--clr-rb2);
  flex: 0 0 11px;
  width: 11px;
  height: 15px;
  border-radius: var(--rd-3);
  position: absolute;
  inset-block-start: -2px;
  inset-inline-end: -2px;
}
.l-cnts__item {
  --contest-bg: var(--color-darkgrey);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px;
  background-color: var(--color-grey-darkest-alt2);
  overflow: hidden;
  z-index: 1;
}
.l-cnts__item .l-btn {
  --fz: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.l-cnts__item .l-btn.l-btn--g {
  color: var(--color-darkgrey);
  background-color: var(--color-lightgrey);
  cursor: default;
}
.l-cnts__item .l-btn.l-btn--br {
  --btn-loading-c1: var(--color-hover-10);
  --btn-loading-c2: var(--color-hover-20);
  color: var(--color-hover);
  background-color: transparent;
  border-color: var(--color-hover-40);
}
@media only screen and (min-width: 767.98px) {
  .l-cnts__item .l-btn.l-btn--br:not(:disabled):hover {
    background-color: var(--color-hover-05);
  }
}
.l-cnts__item .l-btn.l-btn--br:not(:disabled):active {
  background-color: var(--color-hover-05);
}
@media only screen and (min-width: 767.98px) {
  .l-cnts__item._main:has(a.l-cnts__head:hover) .l-cnts__bg,
  .l-cnts__item._main:hover .l-cnts__bg,
  .l-cnts__item._mini:has(a.l-cnts__head:hover) .l-cnts__bg,
  .l-cnts__item._mini:hover .l-cnts__bg {
    opacity: 0.9;
  }
}
.l-cnts__item._main:has(a.l-cnts__head:active) .l-cnts__bg,
.l-cnts__item._main:active .l-cnts__bg,
.l-cnts__item._mini:has(a.l-cnts__head:active) .l-cnts__bg,
.l-cnts__item._mini:active .l-cnts__bg {
  opacity: 0.9;
}
.l-cnts__item._main {
  border-radius: var(--rd-20);
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._main {
    border-radius: var(--rd-16);
  }
}
.l-cnts__item._main .l-cnts__bg {
  mask-image:
    radial-gradient(
      ellipse 250px 175px at calc(100% - 80px) 30px,
      black 0%,
      transparent 100%);
  -webkit-mask-image:
    radial-gradient(
      ellipse 250px 175px at calc(100% - 80px) 30px,
      black 0%,
      transparent 100%);
}
.l-cnts__item._main .l-cnts__bg::before {
  background: url(/images3/contest/contest-min-bg.svg) calc(100% + 80px) 0/400px auto no-repeat;
}
.l-cnts__item._main .l-cnts__head {
  padding: 16px 12px 24px;
  gap: 20px;
  min-height: 189px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._main .l-cnts__head {
    min-height: 183px;
  }
}
.l-cnts__item._main .l-cnts__head:last-child {
  padding-block-end: 16px;
}
.l-cnts__item._main .l-cnts__img {
  position: absolute;
  inset-block-end: 20px;
  inset-inline-end: 0;
}
@media only screen and (max-width: 480.98px) {
  .l-cnts__item._main .l-cnts__img {
    inset-inline-end: -20px;
  }
}
.l-cnts__item._main .l-cnts__incr {
  margin: 0 -20px;
  width: calc(100% + 40px);
}
.l-cnts__item._main .l-cnts__incr-itm {
  padding: 12px 20px;
}
.l-cnts__item._main .l-cnts__badges {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}
.l-cnts__item._main._king-hill {
  grid-column: 1/-1;
  padding-block-start: 0;
}
.l-cnts__item._main._king-hill .l-cnts__bg::before {
  background: url(/images3/bookmakers/img/king-hill-hills.svg) calc(100% + 140px) -10px/600px auto no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._main._king-hill .l-cnts__bg::before {
    background: url(/images3/bookmakers/img/king-hill-hills.svg) calc(100% + 90px) 32px/290px auto no-repeat;
  }
}
.l-cnts__item._main._king-hill .l-cnts__bg::before,
.l-cnts__item._main._king-hill .l-cnts__bg::after {
  mask-image:
    radial-gradient(
      ellipse 450px 150px at calc(100% - 220px) 50px,
      black 0%,
      transparent 100%);
  -webkit-mask-image:
    radial-gradient(
      ellipse 450px 150px at calc(100% - 220px) 50px,
      black 0%,
      transparent 100%);
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._main._king-hill .l-cnts__bg::before,
  .l-cnts__item._main._king-hill .l-cnts__bg::after {
    mask-image:
      radial-gradient(
        ellipse 360px 150px at 100% 50px,
        black 0%,
        transparent 100%);
    -webkit-mask-image:
      radial-gradient(
        ellipse 360px 150px at 100% 50px,
        black 0%,
        transparent 100%);
  }
}
.l-cnts__item._main._king-hill .l-cnts__head {
  padding: 8px 0 0;
  margin-block-end: 8px;
  overflow: hidden;
  border-radius: 0 0 var(--rd-16) var(--rd-16);
  min-height: initial;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._main._king-hill .l-cnts__head {
    border-radius: 0 0 var(--rd-12) var(--rd-12);
  }
}
.l-cnts__item._main._king-hill .l-cnts__intp {
  position: relative;
  padding: 16px;
  min-height: 124px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._main._king-hill .l-cnts__intp {
    min-height: 196px;
  }
}
.l-cnts__item._main._king-hill .l-cnts__intp::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--color-white-10);
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      var(--color-white-10) 100%);
  mask:
    linear-gradient(
      90deg,
      transparent 0%,
      black 100%);
  -webkit-mask: -webkit-linear-gradient(0deg, transparent 0%, black 100%);
  border-radius: var(--rd-16);
  z-index: -1;
}
.l-cnts__item._main._king-hill .l-cnts__img {
  position: absolute;
  inset-block-end: -30px;
  inset-inline-end: -20px;
  width: 160px;
  height: 160px;
}
@media only screen and (max-width: 480.98px) {
  .l-cnts__item._main._king-hill .l-cnts__img {
    inset-inline-end: -16px;
    inset-block-end: -24px;
    width: 130px;
    height: 130px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__item._main._king-hill .l-cnts__name {
    max-width: 47dvw;
  }
  .l-cnts__item._main._king-hill .l-cnts__desc {
    max-width: 42dvw;
  }
}
.l-cnts__item._main._king-hill .l-cnts__cnt {
  padding: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._main._king-hill .l-cnts__cnt {
    padding: 16px;
  }
}
.l-cnts__item._mini {
  border-radius: var(--rd-16);
}
.l-cnts__item._mini .l-cnts__bg {
  mask-image:
    radial-gradient(
      ellipse 180px 135px at calc(100% - 50px) 30px,
      black 0%,
      transparent 100%);
  -webkit-mask-image:
    radial-gradient(
      ellipse 180px 135px at calc(100% - 50px) 30px,
      black 0%,
      transparent 100%);
}
.l-cnts__item._mini .l-cnts__bg::before {
  background: url(/images3/contest/contest-min-bg.svg) calc(100% + 50px) 0/300px auto no-repeat;
}
.l-cnts__item._mini .l-cnts__head {
  padding: 8px;
  gap: 12px;
}
.l-cnts__item._mini .l-cnts__img {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
  inset-inline-end: -12px;
  width: 128px;
  height: 128px;
}
.l-cnts__item._mini .l-cnts__incr {
  margin: 0 -16px;
  width: calc(100% + 32px);
}
.l-cnts__item._mini .l-cnts__incr-itm {
  padding: 8px 16px;
}
.l-cnts__item._view {
  min-height: 223px;
  border-radius: var(--rd-20) var(--rd-20) 0 0;
}
@media only screen and (max-width: 767.98px) {
  .l-cnts__item._view {
    min-height: 217px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view {
    min-height: 366px;
    border-radius: 0;
  }
}
.l-cnts__item._view .l-cnts__bg {
  mask-image:
    radial-gradient(
      ellipse 500px 250px at calc(100% - 150px) 0,
      black 0%,
      transparent 100%);
  -webkit-mask-image:
    radial-gradient(
      ellipse 500px 250px at calc(100% - 150px) 0,
      black 0%,
      transparent 100%);
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__bg {
    mask-image:
      radial-gradient(
        ellipse 60% 100px at 50% 30px,
        black 0%,
        transparent 100%);
    -webkit-mask-image:
      radial-gradient(
        ellipse 60% 100px at 50% 30px,
        black 0%,
        transparent 100%);
  }
}
.l-cnts__item._view .l-cnts__bg::before {
  background: url(/images3/contest/contest-min-bg.svg) calc(100% + 30px) 0/auto 100% no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__bg::before {
    background:
      url(/images3/contest/contest-min-bg.svg) calc(50% - 150px) -48px/300px auto no-repeat,
      url(/images3/contest/contest-min-bg.svg) calc(50% + 27px) 0/300px auto no-repeat,
      url(/images3/contest/contest-min-bg.svg) calc(50% + 198px) 0/300px auto no-repeat;
  }
}
.l-cnts__item._view .l-cnts__head {
  padding: 16px;
  gap: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__head {
    align-items: center;
    text-align: center;
    padding: 0 4px 4px;
    gap: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__item._view .l-cnts__intp {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "a c" "b b";
    column-gap: 12px;
    row-gap: 8px;
  }
  .l-cnts__item._view .l-cnts__intp .l-cnts__name {
    grid-area: a;
  }
  .l-cnts__item._view .l-cnts__intp .l-cnts__desc {
    grid-area: b;
  }
  .l-cnts__item._view .l-cnts__intp .l-cnts__badges {
    grid-area: c;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__intp {
    gap: 2px;
    align-items: center;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__item._view .l-cnts__img {
    position: absolute;
    inset-block-start: 16px;
    inset-inline-end: 16px;
    width: 180px;
    height: 180px;
    flex: 0 0 180px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__img {
    margin-block-end: 2px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__item._view .l-cnts__name {
    --fz: 24px;
  }
}
.l-cnts__item._view .l-cnts__desc {
  --fz: 16px;
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__item._view .l-cnts__incr {
    margin: 0 -24px;
    width: calc(100% + 48px);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__incr {
    justify-content: center;
    margin: 0 -12px;
    width: calc(100% + 24px);
    padding: 0 12px;
  }
  .l-cnts__item._view .l-cnts__incr::before {
    background:
      linear-gradient(
        90deg,
        transparent 0%,
        var(--color-white-05) 50%,
        transparent 100%);
    mask:
      linear-gradient(
        90deg,
        transparent 0%,
        black 50%,
        transparent 100%);
    -webkit-mask: -webkit-linear-gradient(0deg, transparent 0%, black 50%, transparent 100%);
  }
  .l-cnts__item._view .l-cnts__incr:has(.l-cnts__incr-itm:nth-child(3):last-child) .l-cnts__incr-itm + .l-cnts__incr-itm {
    width: calc(50% - 1px);
  }
  .l-cnts__item._view .l-cnts__incr:has(.l-cnts__incr-itm:nth-child(4):last-child) .l-cnts__incr-itm + .l-cnts__incr-itm {
    width: calc(33.333% - 1px);
  }
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__item._view .l-cnts__incr-itm {
    padding: 16px 24px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__incr-itm {
    padding: 8px 12px;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .l-cnts__item._view .l-cnts__incr-itm:nth-child(1) {
    padding: 12px;
  }
}
.l-cnts__item._view .l-cnts__incr-itm > span {
  --fz: 14px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__incr-itm > span {
    --fz: 12px;
  }
}
.l-cnts__item._view .l-cnts__incr-itm > div {
  --fz: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-cnts__item._view .l-cnts__incr-itm > div {
    --fz: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__incr-itm > div {
    --fz: 16px;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__item._view .l-cnts__incr-itm > div.icon-cup-gold-gradient {
    --icon-w: 24px;
  }
}
.l-cnts__item._view .l-cnts__badges {
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view .l-cnts__badges {
    margin-block-start: 10px;
    justify-content: center;
  }
}
.l-cnts__item._view .l-cnts__badge:not(._ai-light):not(._ai-dark) {
  box-shadow: inset 0 0 0 1px var(--color-white-15);
  background: var(--color-white-05);
  color: var(--color-white);
}
.l-cnts__item._view .l-cnts__badge:not(._ai-light):not(._ai-dark) i.icon-closed {
  --icon-c: var(--color-white);
}
.l-cnts__item._king-hill {
  --contest-bg: var(--color-blue-deep);
}
.l-cnts__item._king-hill .l-cnts__bg {
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
}
.l-cnts__item._king-hill .l-cnts__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--contest-bg);
}
.l-cnts__item._king-hill .l-cnts__bg .star {
  position: absolute;
  inset: 0;
}
.l-cnts__item._king-hill .l-cnts__bg .star::after,
.l-cnts__item._king-hill .l-cnts__bg .star::before {
  content: "";
  position: absolute;
  width: var(--knhl-star-size);
  height: var(--knhl-star-size);
  background: url(/images3/bookmakers/img/king-hill-star.svg) 0 0/var(--knhl-star-size) auto no-repeat;
  mix-blend-mode: soft-light;
  opacity: 0.4;
  z-index: 1;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._king-hill .l-cnts__bg .star::after,
  .l-cnts__item._king-hill .l-cnts__bg .star::before {
    opacity: 0.2;
  }
}
.l-cnts__item._king-hill .l-cnts__bg .star::before {
  --knhl-star-size: 46px;
  inset-block-start: 20px;
  inset-inline-end: 260px;
  rotate: -40deg;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._king-hill .l-cnts__bg .star::before {
    --knhl-star-size: 38px;
    inset-block-start: 100px;
    inset-inline-end: 240px;
  }
}
.l-cnts__item._king-hill .l-cnts__bg .star::after {
  --knhl-star-size: 24px;
  inset-block-start: 70px;
  inset-inline-end: 320px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._king-hill .l-cnts__bg .star::after {
    --knhl-star-size: 20px;
    inset-block-start: 150px;
    inset-inline-end: 290px;
  }
}
.l-cnts__item._king-hill .l-cnts__intp .badge {
  --fz: 16px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--rd-100);
  border: 1px solid var(--color-white-10);
  background: var(--color-white-10);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  height: 36px;
  padding: 0 20px;
  color: var(--color-blue-soft-alt3);
  font-weight: 700;
}
.l-cnts__item._king-hill .l-cnts__intp .badge:not(:has(i)) {
  inset-block-end: 64px;
  inset-inline-end: 128px;
  rotate: 4deg;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._king-hill .l-cnts__intp .badge:not(:has(i)) {
    --fz: 14px;
    height: 32px;
    padding: 0 16px;
    gap: 6px;
  }
}
.l-cnts__item._king-hill .l-cnts__intp .badge:has(i) {
  inset-block-end: 8px;
  inset-inline-end: 140px;
  rotate: -3deg;
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__item._king-hill .l-cnts__intp .badge:has(i) {
    --fz: 20px;
    height: 44px;
  }
  .l-cnts__item._king-hill .l-cnts__intp .badge:has(i) i {
    --icon-w: 20px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._king-hill .l-cnts__intp .badge:has(i) {
    inset-block-end: 12px;
  }
}
.l-cnts__item._king-hill .l-cnts__intp .badge:has(i) > span {
  background:
    linear-gradient(
      90deg,
      var(--color-gold-soft) 0%,
      var(--color-orange-alt2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.l-cnts__item._view._king-hill .l-cnts__bg::before {
  background: url(/images3/bookmakers/img/king-hill-hills.svg) calc(100% + 140px) -10px/600px auto no-repeat;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view._king-hill .l-cnts__bg::before {
    background: url(/images3/bookmakers/img/king-hill-hills.svg) 50% -20px/290px auto no-repeat;
  }
}
.l-cnts__item._view._king-hill .l-cnts__bg::before,
.l-cnts__item._view._king-hill .l-cnts__bg::after {
  mask-image:
    radial-gradient(
      ellipse 500px 250px at calc(100% - 150px) 0,
      black 0%,
      transparent 100%);
  -webkit-mask-image:
    radial-gradient(
      ellipse 500px 250px at calc(100% - 150px) 0,
      black 0%,
      transparent 100%);
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view._king-hill .l-cnts__bg::before,
  .l-cnts__item._view._king-hill .l-cnts__bg::after {
    mask-image:
      radial-gradient(
        ellipse 60% 100px at 50% 30px,
        black 0%,
        transparent 100%);
    -webkit-mask-image:
      radial-gradient(
        ellipse 60% 100px at 50% 30px,
        black 0%,
        transparent 100%);
  }
}
.l-cnts__item._view._king-hill .l-cnts__bg .star::before,
.l-cnts__item._view._king-hill .l-cnts__bg .star::after {
  opacity: 0.2;
}
.l-cnts__item._view._king-hill .l-cnts__bg .star:nth-child(1)::before {
  inset-block-start: 34px;
  inset-inline-end: 272px;
  rotate: 140deg;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view._king-hill .l-cnts__bg .star:nth-child(1)::before {
    inset-block-start: 14px;
    inset-inline-end: calc(50% + 110px);
  }
}
.l-cnts__item._view._king-hill .l-cnts__bg .star:nth-child(1)::after {
  inset-block-start: 14px;
  inset-inline-end: 244px;
  rotate: 35deg;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view._king-hill .l-cnts__bg .star:nth-child(1)::after {
    inset-block-start: -4px;
    inset-inline-end: calc(50% + 80px);
  }
}
.l-cnts__item._view._king-hill .l-cnts__bg .star:nth-child(2)::before {
  inset-block-start: -25px;
  inset-inline-end: 42px;
  rotate: 125deg;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view._king-hill .l-cnts__bg .star:nth-child(2)::before {
    inset-block-start: 0;
    inset-inline-end: calc(50% - 120px);
  }
}
.l-cnts__item._view._king-hill .l-cnts__bg .star:nth-child(2)::after {
  inset-block-start: 24px;
  inset-inline-end: 16px;
  rotate: 16deg;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__item._view._king-hill .l-cnts__bg .star:nth-child(2)::after {
    inset-block-start: 40px;
    inset-inline-end: calc(50% - 150px);
  }
}
.l-cnts__item._view._king-hill .l-cnts__user .l-av > i.icon-crown,
.l-cnts__item._view._king-hill .l-cnts__user .l-av > i.icon-cup {
  border-color: var(--color-grey-dark-alt4);
}
.l-cnts__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.7;
  background: var(--contest-bg);
  z-index: -1;
  transition: opacity 0.2s ease;
}
.l-cnts__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: overlay;
  opacity: 0.4;
}
.l-cnts__head {
  position: relative;
  display: flex;
  flex-direction: column;
}
.l-cnts__img {
  display: flex;
  width: 148px;
  height: 148px;
}
.l-cnts__img img {
  width: 100%;
  height: 100%;
}
.l-cnts__img > span {
  opacity: 0;
}
.l-cnts__intp {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__intp {
    gap: 2px;
  }
}
.l-cnts__name {
  --fz: 20px;
  color: var(--color-white);
  font-weight: 700;
}
.l-cnts__desc {
  --fz: 16px;
  color: var(--color-grey3);
  width: 263px;
}
.l-cnts__incr {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1px;
  z-index: 1;
}
.l-cnts__incr::before {
  content: "";
  position: absolute;
  inset: 0;
  border-block-start: 1px solid var(--color-white-10);
  border-block-end: 1px solid var(--color-white-10);
  background:
    linear-gradient(
      90deg,
      var(--color-white-10) 0%,
      transparent 80%);
  mask:
    linear-gradient(
      90deg,
      black 0%,
      transparent 80%);
  -webkit-mask: -webkit-linear-gradient(0deg, black 0%, transparent 80%);
  z-index: -1;
}
.l-cnts__incr-itm {
  position: relative;
}
.l-cnts__incr-itm > span {
  --fz: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-grey3);
}
.l-cnts__incr-itm > span > span {
  --fz: 12px;
  display: flex;
  align-items: center;
  border-radius: var(--rd-4);
  border: 1px solid var(--color-black-15);
  background: var(--color-black-25);
  height: 16px;
  padding: 0 4px;
  color: var(--color-white);
}
.l-cnts__incr-itm > div {
  --fz: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: var(--color-white);
}
.l-cnts__incr-itm > div.icon-cup-gold-gradient {
  --icon-w: 20px;
  background:
    linear-gradient(
      90deg,
      var(--color-gold-soft) 0%,
      var(--color-orange-alt2) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.l-cnts__incr-itm::before {
  position: absolute;
  background-color: var(--color-white);
  opacity: 0.1;
  inset-block-end: 50%;
  inset-inline-start: -1px;
  height: 44px;
  width: 1px;
  translate: 0 50%;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__incr-itm:not(:only-child):nth-child(1):before {
    content: "";
    inset-inline-start: 0;
    inset-block-end: -1px;
    width: 100%;
    height: 1px;
    translate: 0;
  }
}
@media only screen and (min-width: 549.98px) {
  .l-cnts__incr-itm:nth-child(2):before {
    content: "";
  }
}
.l-cnts__incr-itm:nth-child(3):before,
.l-cnts__incr-itm:nth-child(4):before {
  content: "";
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__incr-itm:nth-child(3):before,
  .l-cnts__incr-itm:nth-child(4):before {
    height: 32px;
  }
}
.l-cnts__incr-itm:not(.l-cnts__user) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.l-cnts__inbt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__inbt {
    gap: 12px;
    justify-content: center;
  }
}
.l-cnts__inbt > span {
  --fz: 14px;
  color: var(--color-grey3);
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__inbt > span {
    --fz: 12px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__inbt > .l-btn {
    width: 100%;
  }
}
.l-cnts__inbt-itm {
  --fz: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  height: 44px;
  gap: 8px;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-white-15);
  background: var(--color-white-10);
  color: var(--color-grey3);
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__inbt-itm {
    width: 100%;
  }
}
.l-cnts__inbt-itm._ai {
  position: relative;
  border: 0;
  color: var(--color-lavender-indigo);
  background: transparent;
}
.l-cnts__inbt-itm._ai::before,
.l-cnts__inbt-itm._ai::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--gradient-ai);
  pointer-events: none;
}
.l-cnts__inbt-itm._ai::before {
  opacity: 0.05;
  transition: opacity 0.2s ease;
}
.l-cnts__inbt-itm._ai::after {
  content: "";
  padding: 1px;
  mask: linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);
  -webkit-mask: linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  opacity: 0.3;
}
@media only screen and (min-width: 767.98px) {
  .l-cnts__inbt-itm._ai:hover:before {
    opacity: 0.1;
  }
}
.l-cnts__inbt-itm._ai:active:before {
  opacity: 0.1;
}
.l-cnts__badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.l-cnts__badge {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--rd-12);
  background: var(--color-white);
  white-space: nowrap;
  color: var(--color-black);
}
.l-cnts__badge i {
  --icon-w: 14px;
}
.l-cnts__badge i.icon-b {
  --fz: 10px;
  border-radius: var(--rd-round);
  background-color: var(--icon-c);
  color: var(--color-white);
  font-weight: 700;
}
.l-cnts__badge._ai-light,
.l-cnts__badge._ai-dark {
  position: relative;
}
.l-cnts__badge._ai-light > span,
.l-cnts__badge._ai-dark > span {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0.5;
}
.l-cnts__badge._ai-light > span:before,
.l-cnts__badge._ai-light::before,
.l-cnts__badge._ai-dark > span:before,
.l-cnts__badge._ai-dark::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  background: var(--gradient-ai);
  mask: linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);
  -webkit-mask: linear-gradient(black 0 0) content-box, linear-gradient(black 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.l-cnts__badge._ai-light::before,
.l-cnts__badge._ai-dark::before {
  inset: 1px;
  padding: 1px;
}
.l-cnts__badge._ai-light {
  overflow: hidden;
}
.l-cnts__badge._ai-light > span {
  filter: blur(2px);
}
.l-cnts__badge._ai-light > span::before {
  inset: 0;
  padding: 3px;
}
.l-cnts__badge._ai-dark {
  color: var(--color-white);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--color-white-15);
}
.l-cnts__badge._ai-dark > span {
  filter: blur(3px);
}
.l-cnts__badge._ai-dark > span::before {
  inset: -2px;
  padding: 5px;
}
.l-cnts__cnt {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 20px 20px;
  background-color: var(--color-white);
  border-radius: var(--rd-16);
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__cnt {
    padding: 20px 16px 16px;
    gap: 12px;
    border-radius: var(--rd-12);
  }
}
.l-cnts__labels {
  position: absolute;
  inset-block-start: -16px;
  inset-inline-start: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 6px;
  background-color: var(--color-white);
  border-radius: var(--rd-12);
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__labels {
    inset-block-start: -20px;
  }
}
.l-cnts__labels::before,
.l-cnts__labels::after {
  content: "";
  position: absolute;
  background-color: inherit;
  scale: 1.01;
}
.l-cnts__labels::before {
  inset-block-start: 9px;
  inset-inline-start: -5px;
  width: 5px;
  height: 8.333333px;
  clip-path: path("M5 8.333333 H0 C0 8.333333 5 8.333333 5 0 L5 8.333333 Z");
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__labels::before {
    inset-block-start: 12px;
  }
}
.l-cnts__labels::after {
  inset-block-start: 9px;
  inset-inline-end: -16px;
  width: 16px;
  height: 8px;
  clip-path: path("M0 8 L16 8 C4.78 7.71 0.72 5.84 0 0 V8 Z");
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__labels::after {
    inset-block-start: 12px;
  }
}
.l-cnts__label {
  --fz: 14px;
  --lh: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 8px;
  border-radius: var(--rd-7);
  color: var(--color-white);
  font-weight: 600;
  white-space: nowrap;
}
.l-cnts__label i {
  --icon-w: 14px;
}
.l-cnts__label:has(i.icon-time) {
  background: var(--color-grey-act);
}
.l-cnts__label:has(i.icon-check-circle) {
  background: var(--color-darkgreen);
}
.l-cnts__blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__blocks {
    gap: 12px;
  }
}
.l-cnts__blocks > .l-cnts__blocks {
  flex: 1 1 350px;
}
.l-cnts__block {
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey3);
  min-height: 74px;
}
@media only screen and (max-width: 549.98px) {
  .l-cnts__block {
    border-radius: var(--rd-12);
  }
}
.l-cnts__block > span {
  --fz: 12px;
  color: var(--color-darkgrey);
}
.l-cnts__block > div {
  --fz: 20px;
  color: var(--color-black2);
}
.l-cnts__block:not(.l-cnts__user) {
  flex: 1 1 106px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 0;
}
@media only screen and (max-width: 480.98px) {
  .l-cnts__block:not(.l-cnts__user) {
    flex: 1 1 82px;
  }
}
.l-cnts__block.l-cnts__user {
  flex: 1 1 350px;
  padding: 8px 12px;
}
.l-cnts__user {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: 56px 1fr;
  grid-template-areas: "a b" "a c";
  column-gap: 12px;
  row-gap: 4px;
}
.l-cnts__user > span {
  grid-area: b;
  margin-block-start: auto;
}
.l-cnts__user > div {
  grid-area: c;
  margin-block-end: auto;
  font-weight: 400;
}
.l-cnts__user .l-av {
  --av-wh: 56px;
  --av-fz: 22px;
  grid-area: a;
}
.l-cnts__user .l-av > i.icon-crown,
.l-cnts__user .l-av > i.icon-cup {
  --av-kh-wh: 20px;
  --icon-w: 10px;
  position: absolute;
  inset-block-end: -2px;
  inset-inline-end: -2px;
  border: 2px solid var(--color-blue-pale-alt);
  -webkit-backdrop-filter: blur(1.7px);
  backdrop-filter: blur(1.7px);
  background-color: var(--color-blue-alt);
  width: var(--av-kh-wh);
  height: var(--av-kh-wh);
  flex: 0 0 var(--av-kh-wh);
  border-radius: var(--rd-round);
  z-index: 3;
}
.l-kprt__kv {
  border-radius: var(--rd-16);
  border: 1px solid var(--color-grey2);
  margin-block-end: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-kprt__kv {
    margin-block-end: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__kv {
    border-radius: var(--rd-12);
    margin-block-end: 12px;
  }
}
.l-kprt__kv .l-acrd__sum {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 16px;
  grid-template-areas: "a c" "b c";
  column-gap: 12px;
  row-gap: 4px;
  padding: 16px 20px;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__kv .l-acrd__sum {
    padding: 12px;
  }
}
.l-kprt__kv .l-acrd__sum > div {
  grid-area: a;
  font-weight: 700;
  color: var(--color-black2);
}
.l-kprt__kv .l-acrd__sum > span {
  --fz: 14px;
  grid-area: b;
}
.l-kprt__kv .l-acrd__sum i.icon-arrow {
  grid-area: c;
}
.l-kprt__kv .l-acrd__cnw {
  position: relative;
  overflow: hidden;
  padding: 16px 20px;
  margin: 0;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__kv .l-acrd__cnw {
    padding: 12px;
  }
}
.l-kprt__kv .l-acrd__cnw::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 16px;
  display: block;
  width: calc(100% - 32px);
  border-block-start: 1px solid var(--color-lightgrey);
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__kv .l-acrd__cnw::before {
    inset-inline-start: 12px;
    width: calc(100% - 24px);
  }
}
.l-kprt__kv .l-acrd__cnw .l-kprt__kvpt:has(> i) {
  padding: 0;
}
.l-kprt__kv .l-acrd__cnw .l-kprt__kvpt:has(> i)::before {
  content: none;
}
.l-kprt__kv .l-acrd__cnw .l-kprt__kvpt:not(:last-child) {
  margin-block-end: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__kv .l-acrd__cnw .l-kprt__kvpt:not(:last-child) {
    margin-block-end: 8px;
  }
}
.l-kprt__kvpt {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__kvpt {
    gap: 8px;
  }
}
.l-kprt__pos.l-crd {
  --fz: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px 24px;
  transition: color 0.2s ease;
}
@media only screen and (max-width: 767.98px) {
  .l-kprt__pos.l-crd {
    padding: 16px 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__pos.l-crd {
    --fz: 14px;
    gap: 8px;
    padding: 12px;
  }
  .l-kprt__pos.l-crd i {
    --icon-w: 14px;
  }
}
.l-kprt__pos.l-crd:not(:first-child) {
  border-block-start: 1px solid var(--color-lightgrey);
}
.l-kprt__pos.l-crd:not(:last-child) {
  border-block-end: 1px solid var(--color-lightgrey);
}
.l-kprt__pos.l-crd._link {
  cursor: pointer;
}
@media only screen and (min-width: 767.98px) {
  .l-kprt__pos.l-crd._link:hover {
    color: var(--color-hover);
  }
}
.l-kprt__pos.l-crd._link:active {
  color: var(--color-hover);
}
.l-kprt__pos.l-crd > .sk__line {
  width: 250px;
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__pos.l-crd > .sk__line {
    height: 19px;
  }
}
.l-kprt__table {
  display: grid;
  overflow: auto hidden;
  margin-inline: -24px;
  padding-inline: 24px;
}
@media only screen and (max-width: 767.98px) {
  .l-kprt__table {
    margin-inline: -18px;
    padding-inline: 18px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__table {
    margin-inline: -12px;
    padding-inline: 12px;
  }
}
.l-kprt__table::-webkit-scrollbar {
  display: none;
}
.l-kprt__table:last-child {
  margin-block-end: -12px;
}
@media only screen and (max-width: 767.98px) {
  .l-kprt__table:last-child {
    margin-block-end: -8px;
  }
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__table:last-child {
    margin-block-end: -4px;
  }
}
.l-kprt__table._king-hill .l-kprt__row {
  grid-template-columns: 28px 1fr 120px 220px;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__table._king-hill .l-kprt__row {
    grid-template-columns: 18px 1fr 100px 220px;
  }
}
.l-kprt__table._king-hill .l-kprt__row._head {
  grid-template-columns: 1fr 120px 220px;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__table._king-hill .l-kprt__row._head {
    grid-template-columns: 1fr 100px 220px;
  }
}
.l-kprt__table._king-hill .l-kprt__row._my:before {
  border-color: var(--color-blue-alt-10);
  background: var(--color-blue-alt-03);
}
.l-kprt__table:not(._king-hill) .l-kprt__row._head:has(.l-kprt__clmn:nth-child(3)),
.l-kprt__table:not(._king-hill) .l-kprt__row:not(._head):has(.l-kprt__clmn:nth-child(4)) {
  --kprt-row: 2;
}
.l-kprt__table:not(._king-hill) .l-kprt__row._head:has(.l-kprt__clmn:nth-child(4)),
.l-kprt__table:not(._king-hill) .l-kprt__row:not(._head):has(.l-kprt__clmn:nth-child(5)) {
  --kprt-row: 3;
}
.l-kprt__table:not(._king-hill) .l-kprt__row._head:has(.l-kprt__clmn:nth-child(5)),
.l-kprt__table:not(._king-hill) .l-kprt__row:not(._head):has(.l-kprt__clmn:nth-child(6)) {
  --kprt-row: 4;
}
.l-kprt__row {
  --kprt-row: 1;
  display: grid;
  grid-template-columns: 28px 1fr repeat(var(--kprt-row), 100px);
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__row {
    grid-template-columns: 18px 1fr repeat(var(--kprt-row), 90px);
  }
}
.l-kprt__row._head {
  grid-template-columns: 1fr repeat(var(--kprt-row), 100px);
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__row._head {
    grid-template-columns: 1fr repeat(var(--kprt-row), 90px);
  }
}
.l-kprt__row._head .l-kprt__clmn {
  --fz: 14px;
  padding-block: 0;
  color: var(--color-darkgrey);
}
.l-kprt__row._head .l-kprt__clmn:has(> .l-slct) {
  width: fit-content;
}
.l-kprt__row._my {
  position: relative;
  z-index: 1;
}
.l-kprt__row._my::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -24px;
  width: calc(100% + 48px);
  pointer-events: none;
  height: 100%;
  border-block-start: 1px solid var(--color-grey2-60);
  border-block-end: 1px solid var(--color-grey2-60);
  background: var(--color-lightgrey2);
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .l-kprt__row._my::before {
    inset-inline-start: -18px;
    width: calc(100% + 36px);
  }
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__row._my::before {
    inset-inline-start: -12px;
    width: calc(100% + 24px);
  }
}
.l-kprt__row:not(:last-child, ._head, ._my) {
  border-block-end: 1px solid var(--color-lightgrey);
}
.l-kprt__row:not(:last-child, ._head, ._my):has(+ .l-kprt__row._my) {
  border-block-end: none;
}
.l-kprt__clmn {
  --color-link: var(--color-black);
  row-gap: 2px;
  column-gap: 12px;
  padding: 12px 8px;
  white-space: nowrap;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__clmn {
    column-gap: 8px;
    padding: 8px;
  }
}
.l-kprt__clmn:not(._user) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l-kprt__clmn._user {
  display: grid;
  align-items: center;
  grid-template-columns: 36px 1fr;
  grid-template-areas: "a b" "a c";
  min-width: 200px;
  width: fit-content;
}
.l-kprt__clmn._user .l-av {
  --av-wh: 36px;
  --av-fz: 16px;
  grid-area: a;
}
.l-kprt__clmn._user > div:not(.l-av) {
  grid-area: b;
  display: flex;
  align-items: center;
  gap: 8px;
  word-break: break-all;
  overflow: hidden;
  height: 22px;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__clmn._user > div:not(.l-av) {
    height: 19px;
    gap: 6px;
  }
}
.l-kprt__clmn._user > div:not(.l-av) > picture {
  display: flex;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.l-kprt__clmn._user > div:not(.l-av) > picture img {
  width: 100%;
  height: 100%;
}
.l-kprt__clmn._user > span {
  grid-area: c;
}
.l-kprt__clmn._disabled {
  color: var(--color-grey3);
}
.l-kprt__clmn._no-qual {
  text-decoration: line-through;
  color: var(--color-grey3);
  cursor: help;
}
.l-kprt__clmn:first-child {
  padding-inline-start: 0;
  align-items: center;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__clmn:first-child {
    padding-inline-end: 0;
  }
}
.l-kprt__clmn:last-child {
  padding-inline-end: 0;
}
.l-kprt__clmn > div:not(.l-av) {
  --fz: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-kprt__clmn > div:not(.l-av) {
    --fz: 14px;
  }
}
.l-kprt__clmn > span {
  --fz: 12px;
}
.l-kprt__clmn sup {
  --fz: 12px;
}
.l-acrd__dt[open] .l-acrd__sum i.icon-arrow:not(:first-child) {
  rotate: 180deg;
}
.l-acrd__dt[open] .l-acrd__sum i.icon-arrow:first-child {
  rotate: -180deg;
}
.l-acrd__dt[open] + .l-acrd__cn {
  grid-template-rows: 1fr;
}
.l-acrd__sum i.icon-arrow {
  transition: rotate 0.4s ease;
}
.l-acrd__sum i.icon-arrow:first-child {
  rotate: -90deg;
}
.l-acrd__sum._open i.icon-arrow:not(:first-child) {
  rotate: 180deg;
}
.l-acrd__sum._open i.icon-arrow:first-child {
  rotate: -180deg;
}
.l-acrd__sum._open + .l-acrd__cn {
  grid-template-rows: 1fr;
}
.l-acrd__cn {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease;
}
.l-acrd__cni {
  overflow: hidden;
}
.l-acrd._question .l-acrd__dt[open] .l-acrd__sum {
  font-weight: 700;
}
.l-acrd._question .l-acrd__dt[open] + .l-acrd__cn {
  padding-block-start: 12px;
}
@media only screen and (max-width: 549.98px) {
  .l-acrd._question .l-acrd__dt[open] + .l-acrd__cn {
    padding-block-start: 8px;
  }
}
.l-acrd._question .l-acrd__sum {
  display: flex;
  gap: 8px;
  transition: color 0.2s ease, font-weight 0.4s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-acrd._question .l-acrd__sum:hover {
    color: var(--color-hover);
  }
}
.l-acrd._question .l-acrd__sum:active {
  color: var(--color-hover);
}
.l-acrd._question .l-acrd__sum i.icon-arrow {
  margin-block-start: 4px;
}
.l-acrd._question .l-acrd__cn {
  padding-block: 16px 0;
  padding-inline: 24px 0;
  transition: grid-template-rows 0.4s ease, padding-top 0.4s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-acrd._question .l-acrd__cn {
    padding-block: 12px 0;
    padding-inline: 24px 0;
  }
}
.l-acrd._question:has(+ .l-acrd._question) .l-acrd__cni {
  border-block-end: 1px solid var(--color-lightgrey);
}
.l-acrd._question .l-acrd__cnw {
  padding-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-acrd._question .l-acrd__cnw {
    padding-block-end: 12px;
  }
}
.l-acrd._question:not(:has(+ .l-acrd._question), :last-child) .l-acrd__cn {
  border-block-end: 1px solid var(--color-lightgrey);
}
.l-acrd._question:last-child .l-acrd__cn {
  margin-block-end: -16px;
}
@media only screen and (max-width: 549.98px) {
  .l-acrd._question:last-child .l-acrd__cn {
    margin-block-end: -12px;
  }
}
.l-acrd._question + .l-acrd._question {
  margin-block-start: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-acrd._question + .l-acrd._question {
    margin-block-start: 12px;
  }
}
.l-inpt {
  position: relative;
}
@media only screen and (max-width: 549.98px) {
  .l-inpt._mb24-12:not(:last-child),
  .l-inpt._mb20-12:not(:last-child),
  .l-inpt._mb16-12:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-inpt._mb24-12:not(:last-child) {
  margin-block-end: 24px;
}
.l-inpt._mb20-12:not(:last-child) {
  margin-block-end: 20px;
}
.l-inpt._mb16-12:not(:last-child) {
  margin-block-end: 16px;
}
.l-inpt._mb16:not(:last-child) {
  margin-block-end: 16px;
}
.l-inpt._cmnt .l-inpt__form {
  --input-pl: 52px;
  --input-pr: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-inpt._cmnt .l-inpt__form {
    --input-pl: 40px;
    --input-pr: 12px;
    --input-fz: 14px;
    --input-lh-r: 1.57143;
  }
}
.l-inpt._cmnt .l-inpt__form > .l-inpt__btn {
  --icon-c: var(--color-blue);
  --icon-w: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-inpt._cmnt .l-inpt__form > .l-inpt__btn {
    --icon-w: 20px;
  }
}
.l-inpt._cmnt .l-inpt__form > .l-inpt__btn:disabled {
  --icon-c: var(--color-grey3);
  cursor: no-drop;
}
.l-inpt._cmnt .l-inpt__form > .l-inpt__btn > svg {
  transition: color 0.2s ease, opacity 0.2s ease;
}
.l-inpt._cmnt .l-inpt__form > .l-inpt__btn._loading > svg {
  opacity: 0;
}
.l-inpt > .popover {
  width: 100%;
}
.l-inpt__form {
  --input-h: 44px;
  --input-fz: 16px;
  --input-lh-r: 1.5;
  --input-lh: calc(var(--input-fz) + 8px);
  --input-pl: 16px;
  --input-pr: var(--input-pl);
  --input-pri: var(--input-pr);
  --input-plt: 0px;
  --input-prt: 0px;
  --input-pb: calc((var(--input-h) - var(--input-lh)) / 2);
  --input-bg: var(--color-lightgrey);
  --input-bxs: var(--color-lightgrey);
  --label-t: 16px;
  --label-fz: var(--input-fz);
  --label-lh: calc(var(--label-fz) + 8px);
  --label-lh-r: var(--input-lh-r);
  --label-f-t: 8px;
  --label-f-fz: 12px;
  --label-f-lh: calc(var(--label-f-fz) + 4px);
  --label-f-lh-r: 1.33333;
  position: relative;
  display: flex;
  border-radius: var(--rd-16);
  background-color: var(--input-bg);
  box-shadow: inset 0 0 0 1px var(--input-bxs);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
@media only screen and (max-width: 549.98px) {
  .l-inpt__form {
    --input-pl: 12px;
    border-radius: var(--rd-12);
  }
}
@media only screen and (min-width: 767.98px) {
  .l-inpt__form:hover {
    --input-bg: var(--color-bg-lightgrey);
    --input-bxs: var(--color-bg-lightgrey);
  }
}
.l-inpt__form:active {
  --input-bg: var(--color-bg-lightgrey);
  --input-bxs: var(--color-bg-lightgrey);
}
.l-inpt__form:has(input:focus-visible:not([readonly]), textarea:focus-visible:not([readonly])) {
  --input-bg: var(--color-white);
  --input-bxs: var(--color-addgrey);
}
.l-inpt__form:has(input:focus-visible:not([readonly]), textarea:focus-visible:not([readonly])) .l-inpt__val._stc._show {
  display: none;
}
.l-inpt__form:not(:has(._no-error)):has(input.ng-touched.ng-dirty.ng-invalid, textarea.ng-touched.ng-dirty.ng-invalid) {
  --input-bg: var(--color-red-pale-alt);
  --input-bxs: var(--color-red-pale-alt);
}
.l-inpt__form:has(input[readonly], textarea[readonly]) {
  --input-bg: var(--color-lightgrey);
  --input-bxs: var(--color-lightgrey);
}
.l-inpt__form:has(label) {
  --input-lpt: calc(var(--label-f-t) + var(--label-f-lh));
  --input-lpbt: calc(var(--input-h) - var(--input-lpt) - var(--input-lh));
  --input-pb: var(--input-lpt) var(--input-lpbt);
  --input-h: 56px;
}
.l-inpt__form:has(> i:first-child) {
  --input-plt: calc(var(--input-pl) + var(--input-fz) + 8px);
}
.l-inpt__form:has(> i:last-child, > button.l-inpt__btn:last-child) {
  --input-pri: calc(var(--input-pr) + var(--input-fz) + 8px);
}
.l-inpt__form:has(.l-inpt__val._stc._show):not(:has(input:focus-visible, textarea:focus-visible)) input,
.l-inpt__form:has(.l-inpt__val._stc._show):not(:has(input:focus-visible, textarea:focus-visible)) textarea {
  color: transparent;
}
.l-inpt__form:has(.l-inpt__val._stc._show):not(:has(input:focus-visible, textarea:focus-visible)) input::placeholder,
.l-inpt__form:has(.l-inpt__val._stc._show):not(:has(input:focus-visible, textarea:focus-visible)) textarea::placeholder {
  color: transparent;
}
.l-inpt__form:has(.l-aibt._inpt) {
  flex-direction: column;
}
.l-inpt__form:has(> i.l-soal__item:first-child) {
  --input-plt: calc(32px + 8px);
}
.l-inpt__form label {
  --fz: var(--label-fz);
  --lh: var(--label-lh-r);
  position: absolute;
  inset-block-start: var(--label-t);
  inset-inline-start: 0;
  color: var(--color-darkgrey);
  pointer-events: none;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  padding-inline: calc(var(--input-pl) + var(--input-plt)) calc(var(--input-pri) + var(--input-prt));
  z-index: 1;
  mask:
    linear-gradient(
      90deg,
      black calc(100% - 12px - (var(--input-pri) + var(--input-prt))),
      transparent calc(100% - (var(--input-pri) + var(--input-prt))));
  -webkit-mask: -webkit-linear-gradient(0deg, black calc(100% - 12px - (var(--input-pri) + var(--input-prt))), transparent calc(100% - (var(--input-pri) + var(--input-prt))));
}
.l-inpt__form input,
.l-inpt__form textarea {
  --fz: var(--input-fz);
  --lh: var(--input-lh-r);
  width: 100%;
  outline: none;
  font-family: var(--font-main), sans-serif;
  background: none;
  appearance: none;
  border-radius: inherit;
  font-weight: 400;
}
.l-inpt__form input:-webkit-autofill,
.l-inpt__form textarea:-webkit-autofill {
  --fz: var(--input-fz);
  --lh: var(--input-lh-r);
  font-weight: 400;
}
.l-inpt__form input::placeholder,
.l-inpt__form textarea::placeholder {
  --fz: var(--input-fz);
  --lh: var(--input-lh-r);
  font-weight: 400;
  color: var(--color-darkgrey);
}
.l-inpt__form input:not(:placeholder-shown) + label,
.l-inpt__form input:focus-visible + label,
.l-inpt__form input[value]:not([value=""]) + label,
.l-inpt__form input:-webkit-autofill + label,
.l-inpt__form textarea:not(:placeholder-shown) + label,
.l-inpt__form textarea:focus-visible + label,
.l-inpt__form textarea[value]:not([value=""]) + label,
.l-inpt__form textarea:-webkit-autofill + label {
  --fz: var(--label-f-fz);
  --lh: var(--label-f-lh-r);
  inset-block-start: var(--label-f-t);
}
.l-inpt__form input:not(:placeholder-shown) + .l-inpt__val span._pfx,
.l-inpt__form textarea:not(:placeholder-shown) + .l-inpt__val span._pfx {
  color: var(--color-black);
}
.l-inpt__form input:not(:placeholder-shown) + .l-inpt__val span._sfx,
.l-inpt__form textarea:not(:placeholder-shown) + .l-inpt__val span._sfx {
  display: block;
}
.l-inpt__form input[readonly],
.l-inpt__form textarea[readonly] {
  pointer-events: none;
}
.l-inpt__form input {
  height: var(--input-h);
  padding-inline: calc(var(--input-pl) + var(--input-plt)) calc(var(--input-pri) + var(--input-prt));
  padding-block: var(--input-pb);
}
.l-inpt__form input::-webkit-outer-spin-button,
.l-inpt__form input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.l-inpt__form input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.l-inpt__form textarea {
  padding-inline: var(--input-pl) calc(var(--input-pri) + var(--input-prt) - var(--sb-reserved));
  padding-block: var(--input-pb);
  scrollbar-gutter: stable;
  min-height: var(--input-h);
  max-height: 104px;
  resize: none;
  margin: 0;
  overflow: hidden scroll;
  mask:
    linear-gradient(
      0deg,
      transparent 0,
      black 12px,
      black calc(100% - 12px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(90deg, transparent 0, black 12px, black calc(100% - 12px), transparent 100%);
}
.l-inpt__form textarea::-webkit-scrollbar {
  display: block;
}
.l-inpt__form textarea:has(~ label) {
  height: auto;
  padding-block: var(--input-pb);
  mask:
    linear-gradient(
      0deg,
      transparent 0,
      black 6px,
      black calc(100% - 32px),
      transparent calc(100% - 26px),
      transparent 100%);
  -webkit-mask: -webkit-linear-gradient(90deg, transparent 0, black 6px, black calc(100% - 32px), transparent calc(100% - 26px), transparent 100%);
}
.l-inpt__form textarea[autosizetextarea] {
  max-height: initial;
}
.l-inpt__form > .l-inpt__btn,
.l-inpt__form > i[class^=icon-],
.l-inpt__form > i[class*=" icon-"] {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
}
.l-inpt__form > .l-inpt__btn:not(.l-soal__item),
.l-inpt__form > i[class^=icon-]:not(.l-soal__item),
.l-inpt__form > i[class*=" icon-"]:not(.l-soal__item) {
  --icon-w: var(--input-fz);
}
.l-inpt__form > .l-inpt__btn.icon-eye-stroke,
.l-inpt__form > .l-inpt__btn.icon-eye-close,
.l-inpt__form > i[class^=icon-].icon-eye-stroke,
.l-inpt__form > i[class^=icon-].icon-eye-close,
.l-inpt__form > i[class*=" icon-"].icon-eye-stroke,
.l-inpt__form > i[class*=" icon-"].icon-eye-close {
  --icon-c: var(--color-black);
}
.l-inpt__form > .l-inpt__btn.icon-ex-point,
.l-inpt__form > i[class^=icon-].icon-ex-point,
.l-inpt__form > i[class*=" icon-"].icon-ex-point {
  --icon-c: var(--color-hover);
  cursor: help;
}
.l-inpt__form > .l-inpt__btn:first-child,
.l-inpt__form > i[class^=icon-]:first-child,
.l-inpt__form > i[class*=" icon-"]:first-child {
  inset-inline-start: var(--input-pl);
}
.l-inpt__form > .l-inpt__btn:last-child,
.l-inpt__form > i[class^=icon-]:last-child,
.l-inpt__form > i[class*=" icon-"]:last-child {
  inset-inline-end: var(--input-pr);
}
.l-inpt__form._bg-w {
  --input-bg: var(--color-white);
  --input-bxs: var(--color-grey3);
}
@media only screen and (min-width: 549.98px) {
  .l-inpt__form._h84-56 {
    --input-h: 84px;
    --input-fz: 20px;
    --input-lh-r: 1.4;
    --label-t: 28px;
    --label-fz: 20px;
    --label-lh: calc(var(--label-fz) + 8px);
    --label-lh-r: var(--input-lh-r);
    --label-f-t: 16px;
    --label-f-fz: 16px;
    --label-f-lh: calc(var(--label-fz) + 8px);
    --label-f-lh-r: 1.75;
  }
}
.l-inpt__form._h56 {
  --input-h: 56px;
}
.l-inpt__form._h44-40 {
  --input-h: 44px;
}
@media only screen and (max-width: 549.98px) {
  .l-inpt__form._h44-40 {
    --input-h: 40px;
    --input-fz: 14px;
    --input-lh-r: 1.57143;
  }
}
.l-inpt__form._h44-32 {
  --input-h: 44px;
}
@media only screen and (max-width: 549.98px) {
  .l-inpt__form._h44-32 {
    --input-h: 32px;
    --input-fz: 14px;
    --input-lh-r: 1.57143;
  }
}
.l-inpt__form._h32 {
  --input-h: 32px;
  --input-fz: 14px;
  --input-lh-r: 1.57143;
  --input-pl: 8px;
  --input-pb: 4px;
}
.l-inpt__form._h24 {
  --input-h: 24px;
  --input-fz: 14px;
  --input-lh-r: 1.57143;
}
.l-inpt__form._pi12 {
  --input-pl: 12px;
}
.l-inpt__form._br100 {
  border-radius: var(--rd-100);
}
.l-inpt__form._mb24-16:not(:last-child) {
  margin-block-end: 24px;
}
@media only screen and (max-width: 549.98px) {
  .l-inpt__form._mb24-16:not(:last-child) {
    margin-block-end: 16px;
  }
}
.l-inpt__form._mb24-12:not(:last-child) {
  margin-block-end: 24px;
}
.l-inpt__form._mb20-12:not(:last-child) {
  margin-block-end: 20px;
}
.l-inpt__form._mb16-12:not(:last-child) {
  margin-block-end: 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-inpt__form._mb24-12:not(:last-child),
  .l-inpt__form._mb20-12:not(:last-child),
  .l-inpt__form._mb16-12:not(:last-child) {
    margin-block-end: 12px;
  }
}
.l-inpt__form._mb16:not(:last-child) {
  margin-block-end: 16px;
}
.l-inpt__form._sk {
  height: var(--input-h);
}
.l-inpt__val {
  --fz: var(--input-fz);
  --lh: var(--input-lh-r);
  position: absolute;
  inset: 0;
  padding-inline: var(--input-pl) var(--input-pri);
  padding-block: var(--input-pb);
  align-items: center;
  pointer-events: none;
  overflow: hidden;
}
.l-inpt__val .l-av {
  --av-wh: 24px;
  --av-fz: 14px;
}
.l-inpt__val._stc {
  border-radius: inherit;
  display: none;
  gap: 8px;
  mask:
    linear-gradient(
      90deg,
      black 0,
      black calc(100% - var(--input-pri)),
      transparent calc(100% - var(--input-pri) + 8px));
  -webkit-mask: -webkit-linear-gradient(0deg, black 0, black calc(100% - var(--input-pri)), transparent calc(100% - var(--input-pri) + 8px));
}
.l-inpt__val._stc._show {
  display: flex;
}
.l-inpt__val._tmp {
  display: grid;
}
.l-inpt__val._tmp:has(span._val) {
  grid-template-columns: auto;
}
.l-inpt__val._tmp:has(span._pfx, span._val) {
  grid-template-columns: auto auto;
}
.l-inpt__val._tmp:has(span._pfx, span._val, span._sfx) {
  grid-template-columns: auto auto 1fr;
}
.l-inpt__val._tmp span._pfx {
  padding-inline-end: 4px;
  color: var(--color-darkgrey);
  transition: color 0.2s ease;
}
.l-inpt__val._tmp span._val {
  opacity: 0;
  overflow: hidden;
}
.l-inpt__val._tmp span._sfx {
  color: var(--color-black);
  display: none;
}
.l-inpt__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-w);
  height: var(--icon-h);
  flex: 0 0 var(--icon-w);
  cursor: pointer;
  transition: rotate 0.2s ease;
}
@media only screen and (min-width: 767.98px) {
  .l-inpt__btn:hover {
    --icon-c: var(--color-black);
  }
}
.l-inpt__btn:active {
  --icon-c: var(--color-black);
}
.l-aibt {
  position: relative;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  z-index: 1;
}
.l-aibt._inpt {
  padding-inline: var(--input-pl) var(--input-pr);
  padding-block: 4px 16px;
}
@media only screen and (max-width: 549.98px) {
  .l-aibt._inpt {
    padding-block: 4px 12px;
  }
}
.l-aibt._ck {
  position: absolute;
  inset-block-end: 12px;
  inset-inline-start: 12px;
}
.l-aibt._ck:not(:has(~ over-ckeditor .ck)) {
  display: none;
}
.l-aibt._ck ~ over-ckeditor .ck-word-count {
  padding-block-start: 17px;
  padding-block-end: 18px;
}
.l-aibt .l-btn {
  --fz: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 28px;
  border-radius: var(--rd-100);
  padding: 0 12px;
  border: 1px solid transparent;
  background-color: var(--color-white);
  background-clip: padding-box;
}
@media only screen and (min-width: 767.98px) {
  .l-aibt .l-btn:hover {
    background-color: var(--color-white-85);
  }
}
.l-aibt .l-btn:active {
  background-color: var(--color-white-85);
}
.l-aibt .l-btn::after {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  opacity: 25%;
  background:
    linear-gradient(
      90deg,
      var(--color-teal-deep-alt) 0%,
      var(--color-lavender-indigo) 100%);
}
.l-aibt .l-btn::before {
  width: 4px;
  height: 4px;
  animation: ai-load-2 1s ease infinite alternate;
  z-index: 1;
}
.l-aibt .l-btn::before,
.l-aibt .l-btn > span._ld,
.l-aibt .l-btn > span._ld:before,
.l-aibt .l-btn > span._ld:after {
  --ai-ld-ps: 14px;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  border-radius: var(--rd-round);
  translate: -50% -50%;
  background:
    linear-gradient(
      90deg,
      var(--color-teal-deep-alt) 0%,
      var(--color-lavender-indigo) 100%);
}
.l-aibt .l-btn > span {
  --lh: 1.362;
  translate: 0 -1px;
  background:
    linear-gradient(
      90deg,
      var(--color-teal-deep-alt) 0%,
      var(--color-lavender-indigo) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.l-aibt .l-btn > span._ld::before,
.l-aibt .l-btn > span._ld::after {
  width: 8px;
  height: 8px;
}
.l-aibt .l-btn > span._ld::before {
  translate: calc(-50% - var(--ai-ld-ps)) -50%;
  animation: ai-load-1 1s ease infinite alternate;
}
.l-aibt .l-btn > span._ld::after {
  translate: calc(-50% + var(--ai-ld-ps)) -50%;
  animation: ai-load-3 1s ease infinite alternate;
}
.l-aibt .l-btn:has(i.icon-faq-alt) {
  --icon-w: 20px;
  width: 28px;
  padding: 0;
}
.l-aibt .l-btn:has(i.icon-faq-alt)::after {
  background: var(--color-grey-alt4);
}
.l-aibt .l-btn._loading {
  cursor: no-drop;
}
@media only screen and (min-width: 767.98px) {
  .l-aibt .l-btn._loading:hover {
    background-color: var(--color-white);
  }
}
.l-aibt .l-btn._loading:active {
  background-color: var(--color-white);
}
.l-aibt .l-btn._loading > span {
  background: var(--color-white);
}
.l-aibt .l-btn._loading > i {
  opacity: 0;
}
.l-aibt .l-btn._loading::before,
.l-aibt .l-btn._loading > span._ld:before,
.l-aibt .l-btn._loading > span._ld:after {
  content: "";
}
.l-badge {
  --badge-wh: 12px;
  --fz: 9px;
  --lh: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--rd-3);
  background-color: var(--usr-badge-clr, var(--color-blue));
  height: var(--badge-wh);
  min-width: var(--badge-wh);
  padding: 0 2px;
  color: var(--color-white);
  width: fit-content;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 600;
}
.l-badge picture {
  display: flex;
  width: var(--badge-img);
  height: var(--badge-img);
  flex: 0 0 var(--badge-img);
}
.l-badge picture img {
  width: 100%;
  height: 100%;
}
.l-badge._h16 {
  --badge-wh: 16px;
  --fz: 12px;
  padding: 0 3px;
  border-radius: var(--rd-4);
}
@media only screen and (min-width: 549.98px) {
  .l-badge._h16-mesm {
    --badge-wh: 16px;
    --fz: 12px;
    padding: 0 3px;
    border-radius: var(--rd-4);
  }
}
.l-badge._h24-20 {
  --badge-img: 14px;
  --badge-wh: 24px;
  --fz: 14px;
  padding-inline: 8px;
  border-radius: var(--rd-6);
  gap: 6px;
}
@media only screen and (max-width: 549.98px) {
  .l-badge._h24-20 {
    --badge-img: 12px;
    --badge-wh: 20px;
    --fz: 12px;
    padding-inline: 6px;
    border-radius: var(--rd-4);
    gap: 4px;
  }
}
.l-badge._bd-wb {
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-white), var(--color-blue) 30%);
  color: var(--color-black);
}
.l-badge._fw4 {
  font-weight: 400;
}
.l-badge._ttn {
  text-transform: none;
}
.l-badge._grade {
  --fz: 16px;
  gap: 8px;
  padding: 0 16px;
  height: 44px;
  min-width: 44px;
  font-weight: 700;
  background-color: var(--color-lightgrey);
  border-radius: var(--rd-16);
  color: var(--color-black);
}
@media only screen and (max-width: 549.98px) {
  .l-badge._grade {
    --fz: 14px;
    padding: 0 12px;
    height: 32px;
    min-width: 32px;
    border-radius: var(--rd-12);
  }
}

/* angular:styles/global:global */
/*# sourceMappingURL=global.css.map */