@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;
600;
700;
800&family=Inter:wght@400;
500;
600;
700&display=swap);
:root{
--accent:#c14a3a;
--accent-2:#6a1810;
--green:#5fa867;
--green-2:#2f6a36;
--gold:#f0c98a;
--font-display:"Manrope", "Inter", system-ui, sans-serif;
--font-ui:"Inter", system-ui, sans-serif;
--bg-image:url(/assets/img/bg-custom.jpeg);
--container-bg:rgba(46, 28, 18, 0.55);
--row-bg-1:rgba(94, 64, 44, 0.5);
--row-bg-2:rgba(72, 48, 32, 0.5);
--row-bg-1h:rgba(110, 76, 52, 0.62);
--row-bg-2h:rgba(86, 58, 38, 0.58);
--ink:#f5e6cc;
--ink-strong:#f8ecd2;
--ink-mute:rgba(245, 230, 204, 0.62);
--ink-mute-2:rgba(245, 230, 204, 0.45);
--row-border:rgba(212, 160, 110, 0.16);
--row-border-h:rgba(212, 160, 110, 0.32);
--hairline:rgba(255, 220, 180, 0.06);
--hairline-2:rgba(255, 220, 180, 0.1)
}
*{
box-sizing:border-box
}
html,body{
margin:0;
padding:0
}
html{
min-height:100%
}
body{
font-family:var(--font-ui);
color:var(--ink);
background:#2d1c12;
min-height:100vh;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
position:relative;
display:flex;
flex-direction:column
}
.m2-main{
flex:1 0 auto
}
.m2-foot{
flex-shrink:0;
margin-top:auto
}
::selection{
background:rgb(193 74 58 / .4);
color:#fff5e6
}
body::before{
content:"";
position:fixed;
inset:0;
z-index:-2;
background-image:var(--bg-image);
background-size:cover;
background-position:center top;
background-repeat:no-repeat;
background-color:#2d1c12
}
body::after{
content:"";
position:fixed;
inset:0;
z-index:-1;
pointer-events:none;
background:radial-gradient(ellipse 1100px 700px at 50% -10%,rgb(180 110 70 / .2) 0%,transparent 65%),radial-gradient(ellipse 900px 600px at 50% 110%,rgb(120 60 35 / .24) 0%,transparent 60%),linear-gradient(180deg,rgb(40 24 14 / .3) 0%,rgb(40 24 14 / .45) 100%)
}
a{
color:inherit;
text-decoration:none
}
button{
font-family:var(--font-ui)
}
button:focus-visible{
outline:2px solid rgb(193 74 58 / .6);
outline-offset:2px
}
img{
max-width:100%;
display:block
}
::-webkit-scrollbar{
width:10px;
height:10px
}
::-webkit-scrollbar-track{
background:rgb(20 12 8 / .5)
}
::-webkit-scrollbar-thumb{
background:rgb(193 74 58 / .32);
border-radius:5px
}
::-webkit-scrollbar-thumb:hover{
background:rgb(193 74 58 / .5)
}
.m2-nav{
position:sticky;
top:0;
z-index:40;
backdrop-filter:blur(18px) saturate(140%);
-webkit-backdrop-filter:blur(18px) saturate(140%);
background:rgb(20 12 8 / .72);
border-bottom:1px solid var(--hairline)
}
.m2-nav-veil{
position:fixed;
top:0;
left:0;
right:0;
height:34px;
z-index:39;
pointer-events:none;
background-image:var(--bg-image);
background-size:cover;
background-position:center top;
background-attachment:fixed;
background-repeat:no-repeat;
background-color:#2d1c12
}
html[data-theme="light"] .m2-nav-veil{
background-color:#ede2c8
}
.m2-nav__wrap{
display:flex;
align-items:center;
gap:14px;
padding:2px 24px;
width:100%
}
.m2-nav__brand{
display:inline-flex;
align-items:center;
gap:10px;
background:#fff0;
border:none;
cursor:pointer;
padding:0;
color:inherit
}
.m2-nav__logo{
width:40px;
height:22px;
flex-shrink:0;
display:block;
object-fit:contain;
filter:drop-shadow(0 0 8px rgb(193 74 58 / .5)) drop-shadow(0 0 14px rgb(193 74 58 / .25));
transition:filter .2s ease,transform .2s ease
}
.m2-nav__brand:hover .m2-nav__logo{
filter:drop-shadow(0 0 12px rgb(232 160 138 / .65)) drop-shadow(0 0 22px rgb(193 74 58 / .45));
transform:scale(1.03)
}
html[data-theme="light"] .m2-nav__logo{
filter:contrast(1.15) saturate(1.1) drop-shadow(0 2px 3px rgb(80 30 15 / .4))
}
html[data-theme="light"] .m2-nav__brand:hover .m2-nav__logo{
filter:contrast(1.2) saturate(1.15) drop-shadow(0 3px 5px rgb(80 30 15 / .5))
}
html[data-theme="light"] .m2-nav__brand-name{
color:#2a1a0f;
text-shadow:0 1px 0 rgb(255 250 242 / .45)
}
html[data-theme="light"] .m2-nav__brand-name b{
color:#b03a2e;
text-shadow:0 0 8px rgb(193 74 58 / .35)
}
html[data-theme="light"] .m2-nav__brand-tag{
color:rgb(80 40 20 / .78);
font-weight:600
}
.m2-nav__brand-text{
display:flex;
flex-direction:column;
line-height:1;
align-items:flex-start
}
.m2-nav__brand-name{
font-family:var(--font-display);
font-weight:700;
font-size:14.5px;
color:var(--ink);
letter-spacing:-.01em
}
.m2-nav__brand-name b{
color:var(--accent);
font-weight:inherit
}
.m2-nav__brand-tag{
font-size:9px;
color:var(--ink-mute-2);
margin-top:2px;
letter-spacing:.13em;
text-transform:uppercase
}
.m2-nav__menu{
display:flex;
gap:4px;
margin-left:12px;
list-style:none;
padding:0
}
.m2-nav__menu a,.m2-nav__menu button{
position:relative;
padding:3px 10px;
background:#fff0;
border:none;
cursor:pointer;
color:var(--ink-mute);
font-size:13.5px;
font-weight:500;
font-family:var(--font-ui);
letter-spacing:-.005em;
display:inline-block;
text-decoration:none
}
.m2-nav__menu a.is-active,.m2-nav__menu a:hover{
color:var(--ink)
}
.m2-nav__menu a.is-active::after{
content:"";
position:absolute;
left:12px;
right:12px;
bottom:-1px;
height:2px;
background:var(--accent);
border-radius:2px
}
.m2-nav__menu .is-admin a{
border:1px solid orange;
padding:4px 8px;
border-radius:4px;
color:#ffd070;
font-size:11.5px
}
.m2-nav__spacer{
flex:1
}
.m2-nav__search{
display:flex;
align-items:center;
gap:8px;
padding:3px 8px;
width:34px;
height:28px;
background:rgb(0 0 0 / .32);
border:1px solid rgb(255 220 180 / .08);
border-radius:6px;
transition:width .25s cubic-bezier(.2,.7,.2,1),background .15s ease,border-color .15s ease;
color:rgb(245 230 204 / .85);
cursor:text;
overflow:hidden;
justify-content:center
}
.m2-nav__search>svg{
flex:0 0 auto
}
.m2-nav__search:hover,.m2-nav__search:focus-within{
width:240px;
padding:3px 10px;
justify-content:flex-start;
background:rgb(0 0 0 / .45);
border-color:rgb(214 112 47 / .45)
}
.m2-nav__search input{
background:#fff0;
border:none;
outline:none;
color:var(--ink);
font-size:13px;
font-family:var(--font-ui);
flex:1;
min-width:0;
width:0;
padding:0;
opacity:0;
transition:opacity .18s ease .05s
}
.m2-nav__search:hover input,.m2-nav__search:focus-within input{
width:auto;
opacity:1
}
.m2-nav__search input::placeholder{
color:rgb(245 230 204 / .4)
}
.m2-nav__lang{
position:relative
}
.m2-nav__lang-btn{
display:inline-flex;
align-items:center;
gap:6px;
padding:3px 10px;
background:rgb(0 0 0 / .32);
border:1px solid rgb(255 220 180 / .08);
border-radius:6px;
cursor:pointer;
color:var(--ink);
font-size:12.5px;
font-family:var(--font-ui)
}
.m2-nav__lang-btn .flag-emoji{
font-size:14px
}
.m2-nav__lang:hover::after,.m2-nav__lang.is-open::after{
content:'';
position:absolute;
left:0;
right:0;
top:100%;
height:12px
}
.m2-nav__lang-menu{
position:absolute;
top:100%;
right:0;
margin-top:6px;
background:rgb(28 18 12 / .96);
backdrop-filter:blur(12px);
border:1px solid rgb(255 220 180 / .1);
border-radius:6px;
padding:4px;
min-width:280px;
box-shadow:0 12px 32px rgb(0 0 0 / .5);
display:none;
grid-template-columns:1fr 1fr;
gap:2px;
z-index:50
}
.m2-nav__lang.is-open .m2-nav__lang-menu,.m2-nav__lang:hover .m2-nav__lang-menu{
display:grid
}
.m2-nav__lang-menu a{
display:flex;
align-items:center;
gap:10px;
padding:8px 10px;
border-radius:4px;
color:var(--ink);
font-size:13px;
transition:background 0.12s ease;
white-space:nowrap
}
.m2-nav__lang-menu a:hover{
background:rgb(255 220 180 / .06)
}
.m2-nav__lang-menu a.is-current{
background:rgb(193 74 58 / .15)
}
html[data-theme="light"] .m2-nav__lang-menu{
background:linear-gradient(180deg,rgb(248 240 220 / .98) 0%,rgb(232 210 168 / .98) 100%);
border-color:rgb(120 78 38 / .32);
box-shadow:0 12px 32px rgb(80 50 20 / .28)
}
html[data-theme="light"] .m2-nav__lang-menu a{
color:#1f1208
}
html[data-theme="light"] .m2-nav__lang-menu a:hover{
background:rgb(140 90 40 / .1)
}
html[data-theme="light"] .m2-nav__lang-menu a.is-current{
background:rgb(193 74 58 / .2)
}
.m2-theme-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
background:rgb(0 0 0 / .32);
border:1px solid rgb(255 220 180 / .08);
border-radius:6px;
cursor:pointer;
color:var(--ink);
transition:all 0.2s ease
}
.m2-theme-toggle:hover{
background:rgb(255 220 180 / .12);
border-color:rgb(255 220 180 / .2)
}
.m2-nav__auth{
display:flex;
gap:6px
}
.m2-btn{
padding:3px 10px;
border-radius:6px;
cursor:pointer;
font-size:12px;
font-family:var(--font-ui);
font-weight:500;
border:1px solid rgb(255 220 180 / .12);
background:#fff0;
color:var(--ink);
white-space:nowrap;
display:inline-flex;
align-items:center;
gap:6px;
text-decoration:none
}
.m2-btn:not(.m2-btn--primary):hover{
background:rgb(255 220 180 / .08)
}
.m2-btn--primary{
background:linear-gradient(180deg,#c14a3a 0%,#8a2818 100%);
border-color:rgb(255 180 140 / .2);
color:#fff5e6;
font-weight:600;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .18),0 4px 12px -4px rgb(193 74 58 / .4)
}
.m2-btn--primary:hover{
background:linear-gradient(180deg,#d2553f 0%,#9a2e1e 100%);
border-color:rgb(255 200 170 / .32);
box-shadow:inset 0 1px 0 rgb(255 210 180 / .28),0 6px 16px -4px rgb(193 74 58 / .55);
transform:translateY(-1px)
}
html[data-theme="light"] .m2-btn:not(.m2-btn--primary){
background:rgb(255 250 235 / .7);
border-color:rgb(120 78 38 / .32);
color:#1f1208;
font-weight:600
}
html[data-theme="light"] .m2-btn:not(.m2-btn--primary):hover{
background:rgb(255 252 238 / .95);
border-color:rgb(120 78 38 / .5)
}
.m2-main{
padding:0
}
.m2-shell{
max-width:920px;
margin:0 auto;
padding:12px 24px 28px;
background:var(--container-bg);
backdrop-filter:blur(28px) saturate(160%);
-webkit-backdrop-filter:blur(28px) saturate(160%);
border:1px solid var(--hairline-2);
border-top:none;
border-radius:0 0 12px 12px;
box-shadow:0 24px 60px -20px rgb(0 0 0 / .6),inset 0 1px 0 rgb(255 220 180 / .04);
transform:translateZ(0);
will-change:backdrop-filter;
isolation:isolate
}
body.m2-route--panel .m2-shell,body.m2-route--edit_server .m2-shell,body.m2-route--api_info .m2-shell,body.m2-route--captcha_server .m2-shell{
max-width:1200px
}
.m2-ad{
display:block;
position:relative;
width:100%;
max-width:802px;
margin:0 auto 8px;
border-radius:6px;
overflow:hidden;
border:1px solid rgb(255 220 180 / .12);
text-decoration:none;
box-shadow:0 6px 20px -8px rgb(0 0 0 / .6);
line-height:0
}
.m2-ad__img{
display:block;
width:100%;
max-width:802px;
height:90px;
object-fit:cover
}
.m2-ad__hint{
position:absolute;
top:6px;
right:6px;
z-index:2;
font-size:9px;
letter-spacing:.14em;
text-transform:uppercase;
padding:3px 7px;
border-radius:999px;
background:rgb(0 0 0 / .55);
border:1px solid rgb(255 220 180 / .18);
color:rgb(245 230 204 / .85);
font-weight:600;
line-height:1;
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
text-decoration:none
}
.m2-ad__hint:hover{
background:rgb(0 0 0 / .7);
color:#fff5e6
}
.m2-hero{
margin-bottom:8px;
display:flex;
align-items:baseline;
justify-content:space-between;
gap:16px;
flex-wrap:wrap
}
.m2-hero h1{
margin:0;
font-family:var(--font-display);
font-size:20px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-hero p{
margin:0;
font-size:12px;
color:rgb(245 230 204 / .5)
}
.m2-rows{
display:flex;
flex-direction:column;
gap:4px
}
.m2-empty{
padding:60px 20px;
text-align:center;
color:rgb(245 230 204 / .5);
font-size:14px;
background:rgb(28 18 12 / .4);
border-radius:8px;
border:1px dashed rgb(255 220 180 / .08)
}
.m2-pagination{
display:flex;
gap:6px;
justify-content:center;
margin-top:32px;
padding:14px 0
}
.m2-pagination a,.m2-pagination span{
width:36px;
height:36px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .08);
border-radius:6px;
cursor:pointer;
color:rgb(245 230 204 / .55);
font-size:13px;
font-weight:600;
font-family:var(--font-display);
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
transition:all 0.15s ease
}
.m2-pagination a:hover{
background:rgb(255 220 180 / .06);
color:var(--ink)
}
.m2-pagination .is-active{
background:linear-gradient(180deg,rgb(193 74 58 / .22),rgb(122 40 24 / .22));
border-color:rgb(193 74 58 / .4);
color:var(--ink);
cursor:default
}
.m2-server-row{
position:relative;
cursor:pointer;
padding:6px 12px 8px 14px;
background:linear-gradient(180deg,var(--row-bg-1) 0%,var(--row-bg-2) 100%);
border:1px solid var(--row-border);
border-radius:8px;
transition:all 0.16s ease;
box-shadow:0 1px 0 rgb(255 220 170 / .07) inset,0 2px 8px -4px rgb(0 0 0 / .4)
}
.m2-server-row:hover{
background:linear-gradient(180deg,var(--row-bg-1h) 0%,var(--row-bg-2h) 100%);
border-color:var(--row-border-h);
box-shadow:0 1px 0 rgb(255 220 170 / .1) inset,0 8px 22px -10px rgb(0 0 0 / .6)
}
.m2-server-row__title{
text-align:center;
margin:0 0 4px;
font-family:var(--font-display);
font-size:16px;
font-weight:700;
color:var(--ink-strong);
letter-spacing:-.01em;
line-height:1
}
.m2-server-row__title a{
color:inherit
}
.m2-server-row__title a:hover{
color:#fff
}
html[data-theme="light"] .m2-server-row__title a:hover{
color:#2a1a0f
}
.m2-server-row__body{
display:grid;
grid-template-columns:200px minmax(0,468px) 150px;
column-gap:16px;
justify-content:center;
align-items:center
}
.m2-server-row__meta{
display:flex;
flex-direction:column;
gap:8px;
min-width:0;
max-width:100%
}
.m2-server-row .m2-chip,.m2-meta-list .row{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.m2-meta-list{
display:flex;
flex-direction:column;
gap:5px;
font-size:12px;
color:rgb(245 230 204 / .78)
}
.m2-meta-list .row{
display:inline-flex;
align-items:center;
gap:8px;
line-height:1
}
.m2-meta-list .row>svg{
flex:0 0 auto;
display:block
}
.m2-meta-list .row .lbl,.m2-meta-list .row .val{
display:inline-block;
line-height:1.2
}
.m2-meta-list .row .lbl{
color:rgb(245 230 204 / .55)
}
.m2-meta-list .row .val{
color:var(--ink);
font-weight:600
}
.m2-meta-list a{
color:inherit
}
.m2-meta-list a:hover .val{
color:#fff
}
.m2-server-row__banner{
min-width:0
}
.m2-server-row__banner a{
display:block;
line-height:0
}
.m2-server-row__banner .b4{
width:100%;
height:auto;
max-width:468px;
border-radius:4px;
border:1px solid rgb(255 220 180 / .1);
box-shadow:inset 0 1px 0 rgb(255 220 180 / .05),0 4px 14px -8px rgb(0 0 0 / .5)
}
.m2-server-row__vote{
display:flex;
justify-content:flex-end;
padding-right:4px
}
.m2-server-row__meta{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px
}
.m2-server-row__verified{
position:relative;
display:inline-flex;
align-items:center;
gap:5px;
padding:3px 9px;
font-size:10.5px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:#c8f0b0;
background:rgb(126 216 122 / .14);
border:1px solid rgb(126 216 122 / .4);
border-radius:999px;
cursor:default
}
.m2-server-row__verified .backlink-check{
margin:0
}
.m2-server-row__verified[data-tip]::after{
content:attr(data-tip);
position:absolute;
left:0;
bottom:calc(100% + 14px);
width:max-content;
max-width:320px;
padding:10px 14px;
font:500 12.5px/1.5 var(--font-ui);
letter-spacing:0;
text-transform:none;
color:var(--ink);
background:linear-gradient(180deg,rgb(40 28 18 / .98),rgb(28 18 12 / .98));
border:1px solid rgb(214 112 47 / .45);
border-radius:10px;
box-shadow:0 14px 36px rgb(0 0 0 / .55);
opacity:0;
pointer-events:none;
transform:translateY(4px);
transition:opacity .15s ease,transform .15s ease;
z-index:100;
white-space:normal
}
.m2-server-row__verified[data-tip]::before{
content:'';
position:absolute;
left:50%;
bottom:calc(100% + 4px);
margin-left:-6px;
width:0;
height:0;
border:6px solid #fff0;
border-top-color:rgb(214 112 47 / .45);
opacity:0;
transition:opacity .15s ease;
z-index:101
}
.m2-server-row__verified:hover{
z-index:50
}
.m2-server-row__verified:hover::after{
opacity:1;
transform:translateY(0)
}
.m2-server-row__verified:hover::before{
opacity:1
}
html[data-theme="light"] .m2-server-row__verified{
background:rgb(78 136 57 / .16);
color:#2f5a1f;
border-color:rgb(78 136 57 / .4)
}
html[data-theme="light"] .m2-server-row__verified[data-tip]::after{
background:#fff8ed;
color:#1f1208;
border-color:rgb(120 80 50 / .3);
box-shadow:0 8px 24px rgb(80 50 20 / .22)
}
html[data-theme="light"] .m2-server-row__verified[data-tip]::before{
border-top-color:rgb(120 80 50 / .3)
}
@media (max-width:880px){
.m2-server-row__verified{
display:none
}
}
@media (max-width:880px){
.m2-server-row__body{
grid-template-columns:1fr;
gap:14px
}
.m2-server-row__vote{
justify-content:center;
padding-right:0
}
}
.m2-chip{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
padding:3px 10px;
font-size:11px;
letter-spacing:.06em;
text-transform:uppercase;
font-weight:700;
border-radius:999px;
width:auto;
white-space:nowrap;
border:1px solid
}
.m2-chip[data-type="Oldschool"]{
color:#e0b48a;
background:rgb(168 88 58 / .18);
border-color:rgb(200 130 80 / .55)
}
.m2-chip[data-type="Middleschool"]{
color:#e6c89a;
background:rgb(160 124 78 / .18);
border-color:rgb(190 150 95 / .55)
}
.m2-chip[data-type="Newschool"]{
color:#eaa8a8;
background:rgb(184 78 90 / .18);
border-color:rgb(210 100 110 / .55)
}
.m2-chip[data-type="Official-Like"],.m2-chip[data-type="Official"]{
color:#bccae0;
background:rgb(120 144 168 / .18);
border-color:rgb(150 175 200 / .55)
}
.m2-vote-btn{
position:relative;
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 18px;
border:1px solid rgb(120 200 130 / .32);
background:linear-gradient(180deg,rgb(74 140 79 / .22) 0%,rgb(47 106 54 / .22) 100%);
color:#c8e8c0;
font-family:var(--font-ui);
font-weight:600;
cursor:pointer;
border-radius:4px;
transition:all 0.18s ease;
text-decoration:none
}
.m2-vote-btn:hover{
background:linear-gradient(180deg,rgb(74 140 79 / .36) 0%,rgb(47 106 54 / .36) 100%);
border-color:rgb(120 200 130 / .55);
color:#e0f5d8;
box-shadow:0 4px 12px -4px rgb(74 140 79 / .45);
transform:translateY(-1px)
}
.m2-vote-btn .icon-circle{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:50%;
background:rgb(120 200 130 / .14);
border:1px solid rgb(120 200 130 / .28)
}
.m2-vote-btn .num{
font-size:20px;
font-weight:800;
font-family:var(--font-ui);
line-height:1;
font-feature-settings:"tnum";
font-variant-numeric:tabular-nums;
letter-spacing:-.01em
}
.m2-vote-btn--md{
padding:10px 16px
}
.m2-vote-btn--md .icon-circle{
width:32px;
height:32px
}
.m2-vote-btn--md .num{
font-size:18px
}
.m2-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
padding:1px;
background:rgb(255 220 180 / .06);
border-radius:8px;
margin-bottom:24px
}
.m2-stats__tile:first-child{
border-top-left-radius:7px;
border-bottom-left-radius:7px
}
.m2-stats__tile:last-child{
border-top-right-radius:7px;
border-bottom-right-radius:7px
}
.m2-stats__tile{
padding:18px 20px;
background:rgb(20 12 8 / .7);
display:flex;
align-items:center;
gap:14px
}
.m2-stats__icon{
flex-shrink:0;
width:40px;
height:40px;
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
background:rgb(200 160 106 / .12);
border:1px solid rgb(200 160 106 / .2);
color:#c8a06a
}
.m2-stats__tile.green .m2-stats__icon{
background:rgb(126 216 122 / .12);
border-color:rgb(126 216 122 / .2);
color:#7ed87a
}
.m2-stats__tile.peach .m2-stats__icon{
background:rgb(232 160 138 / .12);
border-color:rgb(232 160 138 / .2);
color:#e8a08a
}
.m2-stats__tile.gold .m2-stats__icon{
background:rgb(240 201 138 / .12);
border-color:rgb(240 201 138 / .2);
color:var(--gold)
}
.m2-stats__v{
font-family:var(--font-display);
font-size:24px;
font-weight:700;
color:var(--ink);
line-height:1;
letter-spacing:-.02em;
font-feature-settings:"tnum"
}
.m2-stats__l{
font-size:11px;
color:rgb(245 230 204 / .5);
margin-top:5px;
letter-spacing:.06em;
text-transform:uppercase
}
.m2-stats__info{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:14px;
height:14px;
margin-left:5px;
border-radius:50%;
border:1px solid rgb(200 160 106 / .45);
color:#c8a06a;
font-size:9px;
font-weight:700;
letter-spacing:0;
text-transform:none;
vertical-align:middle;
cursor:default
}
.m2-stats__info[data-tip]::after{
content:attr(data-tip);
position:absolute;
left:0;
bottom:calc(100% + 14px);
width:max-content;
max-width:320px;
padding:10px 14px;
font:500 12.5px/1.5 var(--font-ui);
letter-spacing:0;
text-transform:none;
color:var(--ink);
background:linear-gradient(180deg,rgb(40 28 18 / .98),rgb(28 18 12 / .98));
border:1px solid rgb(214 112 47 / .45);
border-radius:10px;
box-shadow:0 14px 36px rgb(0 0 0 / .55);
opacity:0;
pointer-events:none;
transform:translateY(4px);
transition:opacity .15s ease,transform .15s ease;
z-index:100;
white-space:normal
}
.m2-stats__info[data-tip]::before{
content:'';
position:absolute;
left:50%;
bottom:calc(100% + 4px);
margin-left:-6px;
width:0;
height:0;
border:6px solid #fff0;
border-top-color:rgb(214 112 47 / .45);
opacity:0;
transition:opacity .15s ease;
z-index:101
}
.m2-stats__info:hover{
z-index:50;
background:rgb(200 160 106 / .15)
}
.m2-stats__info:hover::after{
opacity:1;
transform:translateY(0)
}
.m2-stats__info:hover::before{
opacity:1
}
html[data-theme="light"] .m2-stats__info[data-tip]::after{
background:#fff8ed;
color:#1f1208;
border-color:rgb(120 80 50 / .3);
box-shadow:0 8px 24px rgb(80 50 20 / .22)
}
html[data-theme="light"] .m2-stats__info[data-tip]::before{
border-top-color:rgb(120 80 50 / .3)
}
.m2-section-title{
margin:44px 0 14px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-compare{
margin-top:44px
}
.m2-compare__head{
display:flex;
align-items:baseline;
justify-content:space-between;
margin-bottom:14px;
flex-wrap:wrap;
gap:8px
}
.m2-compare__head h2{
margin:0;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-compare__head .sub{
font-size:13px;
color:rgb(245 230 204 / .55)
}
.m2-compare__table{
background:rgb(20 12 8 / .65);
backdrop-filter:blur(10px);
border:1px solid rgb(255 220 180 / .07);
border-radius:10px;
overflow:hidden
}
.m2-compare__row,.m2-compare__hrow{
display:grid;
grid-template-columns:1fr 220px 220px;
align-items:center;
padding:14px 20px;
border-bottom:1px solid rgb(255 220 180 / .05)
}
.m2-compare__hrow{
background:linear-gradient(180deg,rgb(193 74 58 / .1),rgb(193 74 58 / .04));
border-bottom-color:rgb(255 220 180 / .08);
padding:16px 20px
}
.m2-compare__row:last-child{
border-bottom:none
}
.m2-compare__row:nth-child(even){
background:rgb(255 220 180 / .015)
}
.m2-compare__crit{
font-size:11px;
letter-spacing:.12em;
text-transform:uppercase;
color:rgb(245 230 204 / .55);
font-weight:600
}
.m2-compare__we{
text-align:center;
display:inline-flex;
flex-direction:column;
align-items:center;
gap:6px
}
.m2-compare__we .badge{
display:inline-flex;
align-items:center;
gap:8px;
padding:5px 12px;
background:linear-gradient(180deg,rgb(193 74 58 / .25),rgb(122 40 24 / .25));
border:1px solid rgb(255 180 140 / .32);
border-radius:999px
}
.m2-compare__we .badge img.pill{
width:44px;
height:auto;
max-height:26px;
display:block;
object-fit:contain;
background:#fff0;
border-radius:0;
filter:drop-shadow(0 1px 3px rgb(0 0 0 / .4))
}
.m2-compare__we .badge .lbl{
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-compare__they{
font-size:13px;
color:rgb(245 230 204 / .55);
text-align:center;
padding:0 6px;
font-style:italic
}
.m2-compare__label{
display:flex;
align-items:center;
gap:12px;
font-size:14px;
color:var(--ink);
font-weight:500
}
.m2-compare__label .ic{
width:28px;
height:28px;
border-radius:6px;
background:rgb(255 220 180 / .06);
display:inline-flex;
align-items:center;
justify-content:center;
color:rgb(245 230 204 / .7);
flex-shrink:0
}
.m2-cell{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border-radius:50%;
margin:0 auto
}
.m2-cell--good{
background:rgb(126 216 122 / .16);
border:1px solid rgb(126 216 122 / .45);
color:#7ed87a
}
.m2-cell--bad{
background:rgb(220 90 80 / .14);
border:1px solid rgb(220 90 80 / .4);
color:#dc5a50
}
html[data-theme="light"] .m2-cell--good{
background:linear-gradient(180deg,rgb(58 122 64 / .92),rgb(38 92 46 / .92));
border-color:rgb(28 70 36 / .55);
color:#f4fbe8;
box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),0 2px 6px rgb(28 60 32 / .22)
}
html[data-theme="light"] .m2-cell--bad{
background:linear-gradient(180deg,rgb(193 74 58 / .92),rgb(140 40 24 / .92));
border-color:rgb(122 40 24 / .55);
color:#fff5e6;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .2),0 2px 6px rgb(140 40 24 / .22)
}
.m2-compare__foot{
margin:14px 4px 0;
font-size:12px;
color:rgb(245 230 204 / .5);
line-height:1.6
}
.m2-compare__foot a{
color:#e8a08a;
text-decoration:none
}
.m2-compare__foot a:hover{
text-decoration:underline
}
html[data-theme="light"] .m2-compare__foot{
color:rgb(60 38 22 / .85)
}
html[data-theme="light"] .m2-compare__foot a{
color:#8a3d1e;
font-weight:700
}
html[data-theme="light"] .m2-compare__foot a:hover{
color:#6a2d12
}
.m2-seo{
margin-top:36px;
padding:28px 30px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .07);
border-radius:8px;
color:rgb(245 230 204 / .7);
font-size:13.5px;
line-height:1.75
}
.m2-seo h2,.m2-seo h1{
margin:0 0 14px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-seo h3{
color:var(--ink)
}
.m2-seo p{
margin:0 0 12px
}
.m2-seo strong{
color:var(--ink)
}
.m2-seo a{
color:#e8a08a;
text-decoration:none;
border-bottom:1px solid rgb(232 160 138 / .4)
}
.m2-seo .read_more,.read_more{
display:inline-block;
color:#9bbf6e;
font-weight:700;
cursor:pointer;
border-bottom:none;
user-select:none;
transition:color 0.18s ease
}
.m2-seo .read_more:hover,.read_more:hover{
color:#b6dc88
}
.m2-seo .spoiler,.spoiler{
display:block;
overflow:hidden;
max-height:8000px;
opacity:1;
transform:translateY(0);
filter:blur(0);
transition:max-height 0.55s cubic-bezier(.4,0,.2,1),opacity 0.30s ease 0.04s,transform 0.40s cubic-bezier(.34,1.4,.64,1),filter 0.32s ease,margin 0.40s ease,padding 0.40s ease
}
.m2-seo .spoiler.text,.spoiler.text{
display:block;
max-height:0;
opacity:0;
transform:translateY(-6px);
filter:blur(3px);
margin-top:0!important;
margin-bottom:0!important;
padding-top:0!important;
padding-bottom:0!important;
pointer-events:none
}
html[data-theme="light"] .m2-seo .read_more,html[data-theme="light"] .read_more{
color:#3a7a3a
}
.m2-page-head{
margin-bottom:22px
}
.m2-page-head .eyebrow{
font-size:11px;
letter-spacing:.18em;
text-transform:uppercase;
color:rgb(245 230 204 / .5);
font-weight:700;
margin-bottom:6px
}
.m2-page-head h1{
margin:0;
font-family:var(--font-display);
font-size:32px;
font-weight:700;
color:var(--ink);
letter-spacing:-.02em;
line-height:1.1
}
.m2-page-head p{
margin:6px 0 0;
font-size:14px;
color:rgb(245 230 204 / .55);
max-width:620px;
line-height:1.6
}
.m2-newgrid{
display:flex;
flex-direction:column;
gap:14px
}
.m2-newcard{
background:rgb(28 18 12 / .55);
backdrop-filter:blur(10px);
border:1px solid rgb(255 220 180 / .06);
border-radius:8px;
overflow:hidden;
display:grid;
grid-template-columns:468px 1fr;
cursor:pointer;
transition:border-color 0.16s ease,transform 0.16s ease,box-shadow 0.16s ease
}
.m2-newcard:hover{
border-color:rgb(255 220 180 / .2);
transform:translateY(-1px);
box-shadow:0 8px 22px -10px rgb(0 0 0 / .55)
}
.m2-newcard__banner{
width:468px;
height:190px;
flex-shrink:0
}
.m2-newcard__banner a{
display:block;
line-height:0
}
.m2-newcard__banner .b4{
width:468px;
height:190px;
object-fit:cover
}
.m2-newcard__body{
padding:18px 22px;
display:flex;
flex-direction:column;
justify-content:center;
min-width:0
}
.m2-newcard__head{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:10px;
gap:10px
}
.m2-newcard__pill{
font-size:11px;
padding:3px 8px;
border-radius:999px;
background:rgb(193 74 58 / .18);
color:#e8a08a;
border:1px solid rgb(193 74 58 / .32);
font-weight:600;
letter-spacing:.04em;
white-space:nowrap
}
.m2-newcard__pill.live{
background:rgb(126 216 122 / .18);
color:#9bbf6e;
border-color:rgb(126 216 122 / .32)
}
.m2-newcard h3{
margin:0 0 6px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-newcard h3 a{
color:inherit;
text-decoration:none
}
.m2-newcard__sub{
font-size:13px;
color:rgb(245 230 204 / .6)
}
@media (max-width:800px){
.m2-newcard{
grid-template-columns:1fr
}
.m2-newcard__banner,.m2-newcard__banner .b4{
width:100%;
height:auto
}
}
.m2-vault-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;
padding:1px;
margin-bottom:28px;
background:rgb(255 220 180 / .06);
border-radius:8px;
overflow:hidden
}
@media (max-width:720px){
.m2-vault-stats{
grid-template-columns:1fr
}
}
.m2-vault-stats__tile{
padding:14px 18px;
background:rgb(20 12 8 / .7)
}
.m2-vault-stats__lbl{
font-size:10px;
color:rgb(245 230 204 / .5);
letter-spacing:.1em;
text-transform:uppercase;
margin-bottom:6px;
display:inline-flex;
align-items:center;
gap:6px
}
.m2-vault-stats__v{
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em;
font-feature-settings:"tnum"
}
.m2-archive-year{
display:flex;
align-items:center;
gap:12px;
margin:28px 0 14px
}
.m2-archive-year h2{
margin:0;
font-family:var(--font-display);
font-size:26px;
font-weight:700;
color:var(--ink);
letter-spacing:-.02em
}
.m2-archive-year .sep{
flex:1;
height:1px;
background:rgb(255 220 180 / .1)
}
.m2-archive-year .count{
font-size:11px;
color:rgb(245 230 204 / .45);
letter-spacing:.1em;
text-transform:uppercase;
font-weight:600
}
.m2-archive-row{
position:relative;
cursor:pointer;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:18px;
padding:14px 18px;
background:rgb(28 18 12 / .5);
border:1px solid rgb(255 220 180 / .06);
border-radius:8px;
transition:border-color 0.18s ease,background 0.18s ease;
margin-bottom:8px
}
.m2-archive-row:hover{
border-color:rgb(255 220 180 / .14);
background:rgb(40 26 18 / .5)
}
.m2-archive-row__head{
display:flex;
align-items:baseline;
gap:10px;
flex-wrap:wrap;
margin-bottom:4px
}
.m2-archive-row h3{
margin:0;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-archive-row__tagline{
font-size:12.5px;
color:rgb(245 230 204 / .6);
line-height:1.5;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical
}
.m2-archive-row__meta{
display:flex;
align-items:center;
gap:18px;
font-size:11.5px;
color:rgb(245 230 204 / .55)
}
.m2-archive-row__meta span{
display:inline-flex;
align-items:center;
gap:6px
}
.m2-archive-row__meta strong{
color:var(--ink);
font-weight:600;
font-feature-settings:"tnum"
}
.m2-archive-row__pill{
font-size:10px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(193 74 58 / .85);
padding:4px 8px;
background:rgb(193 74 58 / .08);
border:1px solid rgb(193 74 58 / .2);
border-radius:4px
}
.m2-archive-foot{
margin-top:12px;
padding:16px 18px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .08);
border-radius:8px;
font-size:13px;
line-height:1.65;
color:rgb(245 230 204 / .65)
}
.m2-archive-foot strong{
color:var(--ink)
}
.m2-detail-title{
max-width:600px;
margin:0 auto 14px;
text-align:center
}
.m2-detail-title h1{
margin:0;
font-family:var(--font-display);
font-size:28px;
font-weight:700;
color:var(--ink);
letter-spacing:-.015em;
line-height:1.25
}
.m2-detail-title p{
margin:4px 0 0;
font-size:15px;
color:rgb(245 230 204 / .7)
}
.m2-detail-banner{
position:relative;
max-width:468px;
margin:0 auto 24px;
border-radius:8px;
overflow:hidden;
border:1px solid rgb(255 220 180 / .08)
}
.m2-detail-banner .b4{
width:468px;
height:190px;
object-fit:cover;
display:block
}
.m2-detail-banner__chip{
position:absolute;
top:12px;
left:12px
}
.m2-rank-medal{
display:flex;
align-items:center;
gap:12px;
padding:10px 14px;
margin-bottom:16px;
background:linear-gradient(180deg,rgb(240 201 138 / .1) 0%,rgb(193 74 58 / .08) 100%);
border:1px solid rgb(240 201 138 / .32);
border-radius:10px;
box-shadow:inset 0 1px 0 rgb(255 220 180 / .1);
animation:rankPop 0.5s cubic-bezier(.34,1.56,.64,1) backwards
}
.m2-rank-medal__icon{
flex-shrink:0;
width:36px;
height:36px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:linear-gradient(180deg,#f0c98a 0%,#c8901e 100%);
border:1px solid rgb(122 80 20 / .4);
color:#4a2a08;
box-shadow:inset 0 1px 0 rgb(255 255 255 / .35),0 4px 12px -4px rgb(200 144 30 / .45)
}
.m2-rank-medal__body{
flex:1;
min-width:0;
display:flex;
flex-direction:column;
line-height:1
}
.m2-rank-medal__lbl{
font-size:9.5px;
font-weight:700;
letter-spacing:.18em;
text-transform:uppercase;
color:rgb(245 230 204 / .62);
font-family:var(--font-ui)
}
.m2-rank-medal__n{
margin-top:4px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
line-height:1;
color:var(--ink);
font-feature-settings:"tnum"
}
@keyframes rankPop{
0%{
opacity:0;
transform:translateY(-6px) scale(.92)
}
60%{
opacity:1;
transform:translateY(0) scale(1.04)
}
100%{
opacity:1;
transform:translateY(0) scale(1)
}
}
html[data-theme="light"] .m2-rank-medal{
background:linear-gradient(180deg,rgb(240 201 138 / .3) 0%,rgb(193 74 58 / .12) 100%);
border-color:rgb(200 144 30 / .45)
}
html[data-theme="light"] .m2-rank-medal__lbl{
color:rgb(60 38 22 / .72)
}
html[data-theme="light"] .m2-rank-medal__n{
color:#1f1208
}
.m2-odometer{
font-feature-settings:"tnum";
font-variant-numeric:tabular-nums
}
.m2-detail-grid{
display:grid;
grid-template-columns:1fr 320px;
gap:28px;
align-items:start
}
@media (max-width:880px){
.m2-detail-grid{
grid-template-columns:1fr
}
}
.m2-detail-statgrid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
padding:1px;
background:rgb(255 220 180 / .06);
border-radius:8px;
overflow:hidden;
margin-bottom:24px
}
.m2-detail-statgrid__cell{
padding:11px 14px;
background:rgb(20 12 8 / .7)
}
.m2-detail-statgrid__lbl{
font-size:9.5px;
color:var(--ink);
letter-spacing:.09em;
text-transform:uppercase;
margin-bottom:4px;
display:inline-flex;
align-items:center;
gap:5px
}
.m2-detail-statgrid__v{
font-family:var(--font-display);
font-size:17px;
font-weight:700;
color:rgb(245 230 204 / .78);
letter-spacing:-.01em;
font-feature-settings:"tnum"
}
.m2-detail-statgrid__flags{
display:inline-flex;
gap:5px;
flex-wrap:nowrap;
align-items:center;
margin-top:3px;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em;
line-height:1
}
.m2-detail-statgrid__flags-count{
font-feature-settings:"tnum"
}
.m2-detail h2{
margin:0 0 12px;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-detail .about p,.m2-detail .about{
margin:0 0 24px;
font-size:14px;
line-height:1.7;
color:rgb(245 230 204 / .85)
}
.m2-detail .about strong,.m2-detail .about b{
color:var(--ink)
}
.m2-detail .about hr,.m2-seo hr,hr{
border:0;
height:1px;
margin:22px 0;
background:linear-gradient(90deg,transparent 0%,rgb(255 220 180 / .22) 20%,rgb(193 74 58 / .42) 50%,rgb(255 220 180 / .22) 80%,transparent 100%)
}
html[data-theme="light"] .m2-detail .about hr,html[data-theme="light"] .m2-seo hr,html[data-theme="light"] hr{
background:linear-gradient(90deg,transparent 0%,rgb(120 78 38 / .32) 20%,rgb(193 74 58 / .55) 50%,rgb(120 78 38 / .32) 80%,transparent 100%)
}
.m2-detail .about a{
color:#e8a08a;
text-decoration:underline;
text-decoration-color:rgb(232 160 138 / .4)
}
.m2-detail .about a:hover{
color:#f5b69a
}
html[data-theme="light"] .m2-detail .about,html[data-theme="light"] .m2-detail .about p{
color:#1f1208
}
html[data-theme="light"] .m2-detail .about a{
color:#8a3d1e;
text-decoration-color:rgb(138 61 30 / .4)
}
html[data-theme="light"] .m2-detail .about a:hover{
color:#6a2d12
}
.m2-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px;
margin-bottom:24px
}
.m2-feature{
padding:10px 14px;
font-size:13px;
background:rgb(28 18 12 / .55);
border:1px solid rgb(255 220 180 / .06);
border-radius:6px;
color:rgb(245 230 204 / .78);
display:flex;
align-items:center;
gap:10px
}
.m2-feature .check{
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
border-radius:50%;
background:rgb(155 191 110 / .16);
border:1px solid rgb(155 191 110 / .32);
color:#9bbf6e;
flex-shrink:0
}
.m2-actioncard{
background:rgb(28 18 12 / .6);
backdrop-filter:blur(12px);
border:1px solid rgb(255 220 180 / .08);
border-radius:10px;
padding:22px;
position:sticky;
top:86px
}
.m2-actioncard .vote-wrap{
margin-bottom:16px;
display:flex;
justify-content:center
}
.m2-actioncard a,.m2-actioncard button{
width:100%;
padding:12px 16px;
border-radius:6px;
cursor:pointer;
font-size:13px;
font-weight:600;
font-family:var(--font-ui);
margin-bottom:8px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
text-decoration:none
}
.m2-actioncard .website-btn{
background:linear-gradient(180deg,rgb(255 220 180 / .1),rgb(255 220 180 / .04));
border:1px solid rgb(255 220 180 / .2);
color:var(--ink);
transition:all 0.15s ease
}
.m2-actioncard .website-btn:hover{
background:linear-gradient(180deg,rgb(255 220 180 / .18),rgb(255 220 180 / .1));
border-color:rgb(255 220 180 / .32);
transform:translateY(-1px)
}
.m2-actioncard .discord-btn{
position:relative;
background:linear-gradient(180deg,rgb(88 101 242 / .18) 0%,rgb(64 78 237 / .1) 100%);
border:1px solid rgb(88 101 242 / .45);
color:var(--ink);
transition:all 0.15s ease
}
.m2-actioncard .discord-btn svg{
vertical-align:middle;
color:#7983f5;
transition:color 0.15s ease
}
.m2-actioncard .discord-btn:hover{
background:linear-gradient(180deg,rgb(88 101 242 / .32) 0%,rgb(64 78 237 / .2) 100%);
border-color:rgb(88 101 242 / .7);
box-shadow:0 6px 16px -6px rgb(88 101 242 / .45);
transform:translateY(-1px)
}
.m2-actioncard .discord-btn:hover svg{
color:#a3aaf7
}
html[data-theme="light"] .m2-actioncard .website-btn{
background:linear-gradient(180deg,rgb(255 250 235 / .85),rgb(232 210 168 / .6));
border-color:rgb(120 78 38 / .32);
color:#1f1208
}
html[data-theme="light"] .m2-actioncard .website-btn:hover{
background:linear-gradient(180deg,rgb(255 252 238 / .95),rgb(232 210 168 / .85));
border-color:rgb(120 78 38 / .5)
}
html[data-theme="light"] .m2-actioncard .discord-btn{
background:linear-gradient(180deg,rgb(88 101 242 / .14),rgb(64 78 237 / .08));
border-color:rgb(64 78 237 / .5);
color:#1f1208
}
html[data-theme="light"] .m2-actioncard .discord-btn svg{
color:#4c5bf2
}
html[data-theme="light"] .m2-actioncard .discord-btn:hover{
background:linear-gradient(180deg,rgb(88 101 242 / .24),rgb(64 78 237 / .16));
border-color:rgb(64 78 237 / .7)
}
.m2-vote-grid{
display:grid;
grid-template-columns:360px 1fr;
gap:36px;
align-items:start
}
@media (max-width:880px){
.m2-vote-grid{
grid-template-columns:1fr
}
}
.m2-vote-card{
position:relative;
align-self:start;
padding:28px 26px 30px;
background:rgb(28 18 12 / .78);
backdrop-filter:blur(14px);
border:1px solid rgb(255 220 180 / .1);
border-radius:12px;
text-align:center;
transition:background 0.4s ease,border-color 0.4s ease;
overflow:hidden
}
.m2-vote-card.is-done{
background:linear-gradient(180deg,rgb(74 140 79 / .15) 0%,rgb(28 18 12 / .8) 60%);
border-color:rgb(120 200 130 / .4)
}
.m2-vote-orb{
position:relative;
margin:8px auto 22px;
width:140px;
height:140px;
display:flex;
align-items:center;
justify-content:center
}
.m2-vote-orb__ring{
position:absolute;
inset:0;
border-radius:50%;
border:2px solid rgb(120 200 130 / .18);
border-top-color:rgb(120 200 130 / .6)
}
.m2-vote-orb.is-spin .m2-vote-orb__ring{
animation:orbSpin 0.9s linear infinite
}
.m2-vote-orb.is-done .m2-vote-orb__ring{
border-top-color:#7ed87a
}
.m2-vote-orb__core{
position:absolute;
inset:12px;
border-radius:50%;
background:radial-gradient(circle at 50% 35%,rgb(120 200 130 / .4) 0%,rgb(47 106 54 / .35) 60%,rgb(20 40 22 / .6) 100%);
box-shadow:0 0 30px rgb(74 140 79 / .3),inset 0 2px 0 rgb(255 255 255 / .08);
transition:all 0.5s ease
}
.m2-vote-orb.is-done .m2-vote-orb__core{
background:radial-gradient(circle at 50% 35%,#7ed87a 0%,#3a7a3a 70%,#1a3818 100%);
box-shadow:0 0 60px rgb(126 216 122 / .55),inset 0 2px 0 rgb(255 255 255 / .2)
}
.m2-vote-orb__icon{
position:relative;
z-index:2;
color:#c8e8c0;
transition:transform 0.4s cubic-bezier(.34,1.56,.64,1)
}
.m2-vote-orb.is-spin .m2-vote-orb__icon{
transform:scale(.92)
}
.m2-vote-orb.is-done .m2-vote-orb__icon{
transform:scale(1.15);
color:#fff
}
.m2-vote-card h2{
font-family:var(--font-display);
font-size:26px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em;
margin:0 0 6px;
min-height:32px
}
.m2-vote-card .sub{
font-size:13px;
color:rgb(245 230 204 / .6);
margin-bottom:22px;
min-height:36px;
line-height:1.5
}
.m2-big-vote-btn{
width:100%;
padding:16px 20px;
font-family:var(--font-display);
font-size:17px;
font-weight:700;
letter-spacing:.04em;
color:#f5fbef;
background:linear-gradient(180deg,#5fa867 0%,#2f6a36 100%);
border:1px solid rgb(120 200 130 / .55);
border-radius:6px;
cursor:pointer;
transition:all 0.18s ease;
box-shadow:0 6px 20px -8px rgb(74 140 79 / .7),inset 0 1px 0 rgb(255 255 255 / .15);
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px
}
.m2-big-vote-btn:not(:disabled):hover{
transform:translateY(-1px);
box-shadow:0 10px 26px -8px rgb(94 168 103 / .7),inset 0 1px 0 rgb(255 255 255 / .18);
filter:brightness(1.08)
}
.m2-big-vote-btn:disabled,.m2-big-vote-btn.is-loading{
background:linear-gradient(180deg,#3a6a40 0%,#2a4f2e 100%);
cursor:wait
}
.m2-vote-tally{
margin-top:22px;
padding-top:18px;
border-top:1px solid rgb(255 220 180 / .08);
display:flex;
justify-content:space-between;
align-items:baseline
}
.m2-vote-tally .lbl{
font-size:11px;
color:rgb(245 230 204 / .5);
letter-spacing:.1em;
text-transform:uppercase
}
.m2-vote-tally .v{
font-family:var(--font-ui);
font-size:20px;
font-weight:800;
color:var(--ink);
font-feature-settings:"tnum";
font-variant-numeric:tabular-nums;
letter-spacing:-.01em
}
.m2-vote-side .eyebrow{
font-size:11px;
letter-spacing:.2em;
text-transform:uppercase;
color:rgb(245 230 204 / .45);
margin-bottom:10px;
font-weight:600
}
.m2-vote-side h1{
margin:0;
font-family:var(--font-display);
font-size:44px;
font-weight:700;
color:var(--ink);
letter-spacing:-.02em;
line-height:1
}
.m2-vote-side .tagline{
margin:10px 0 24px;
font-size:15px;
color:rgb(245 230 204 / .65)
}
.m2-vote-side .banner-wrap{
width:100%;
max-width:468px;
margin-bottom:22px;
border-radius:8px;
overflow:hidden;
border:1px solid rgb(255 220 180 / .08)
}
.m2-vote-side .banner-wrap .b4{
width:468px;
max-width:100%;
height:auto;
display:block
}
.m2-vote-side .stats-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1px;
padding:1px;
background:rgb(255 220 180 / .06);
border-radius:8px;
overflow:hidden;
max-width:468px;
margin-bottom:28px
}
.m2-vote-side .stats-3>div{
padding:12px 14px;
background:rgb(20 12 8 / .7)
}
html[data-theme="light"] .m2-vote-side .stats-3{
background:rgb(120 78 38 / .18)
}
html[data-theme="light"] .m2-vote-side .stats-3>div{
background:linear-gradient(180deg,rgb(232 208 170 / .96) 0%,rgb(216 188 146 / .96) 100%)
}
html[data-theme="light"] .m2-vote-side .stats-3 .lbl{
color:rgb(60 38 22 / .65)
}
html[data-theme="light"] .m2-vote-side .stats-3 .v{
color:#1f1208
}
.m2-vote-side .stats-3 .lbl{
font-size:9px;
color:rgb(245 230 204 / .5);
letter-spacing:.1em;
text-transform:uppercase;
margin-bottom:4px;
display:inline-flex;
align-items:center;
gap:5px
}
.m2-vote-side .stats-3 .v{
font-family:var(--font-display);
font-size:15px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-vote-howto{
padding:16px 18px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .08);
border-radius:8px;
font-size:13px;
line-height:1.65;
color:rgb(245 230 204 / .65)
}
.m2-vote-howto h3{
margin:0 0 6px;
font-family:var(--font-display);
font-size:15px;
font-weight:700;
color:var(--ink)
}
.m2-vote-particles{
position:absolute;
inset:0;
pointer-events:none;
z-index:5
}
.m2-vote-particle{
position:absolute;
left:50%;
top:130px;
border-radius:50%;
animation:voteParticle 1.4s cubic-bezier(.2,.8,.4,1) forwards
}
.m2-dot-spinner{
width:14px;
height:14px;
border-radius:50%;
background:rgb(255 255 255 / .85);
animation:dotSpin 0.7s ease-in-out infinite;
box-shadow:0 0 12px rgb(255 255 255 / .6)
}
.m2-count-bump{
animation:countBump 0.8s cubic-bezier(.34,1.56,.64,1)
}
.m2-comments{
margin-top:36px
}
.m2-comments h2{
margin:0 0 16px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-comments form{
background:rgb(28 18 12 / .55);
border:1px solid rgb(255 220 180 / .08);
border-radius:10px;
padding:20px;
margin-bottom:18px
}
.m2-comments .stars{
display:flex;
align-items:center;
gap:8px;
margin-bottom:12px;
flex-wrap:wrap
}
.m2-comments .stars h3{
margin:0 12px 0 0;
font-family:var(--font-display);
font-size:16px;
color:var(--ink)
}
.m2-comments .star{
width:22px;
height:22px;
cursor:pointer;
color:rgb(245 230 204 / .3);
display:inline-flex;
align-items:center;
justify-content:center;
font-size:22px;
line-height:1;
text-shadow:0 1px 2px rgb(0 0 0 / .3)
}
.m2-comments .star.active{
color:#f0c98a;
text-shadow:0 1px 6px rgb(240 201 138 / .5)
}
html[data-theme="light"] .m2-comments .star{
color:rgb(60 38 22 / .25);
text-shadow:none
}
html[data-theme="light"] .m2-comments .star.active{
color:#d49531;
text-shadow:0 1px 2px rgb(150 90 20 / .25)
}
.m2-comments textarea{
width:100%;
min-height:100px;
padding:10px 12px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .1);
border-radius:6px;
color:var(--ink);
font-size:13.5px;
font-family:var(--font-ui);
outline:none;
resize:vertical;
line-height:1.5;
box-sizing:border-box
}
.m2-comments textarea::placeholder{
color:rgb(245 230 204 / .4)
}
.m2-comments textarea:focus{
border-color:rgb(193 74 58 / .45);
background:rgb(28 18 12 / .7)
}
html[data-theme="light"] .m2-comments textarea{
background:rgb(255 250 235 / .7);
border-color:rgb(120 78 38 / .28);
color:#1f1208
}
html[data-theme="light"] .m2-comments textarea::placeholder{
color:rgb(60 38 22 / .55)
}
html[data-theme="light"] .m2-comments textarea:focus{
background:rgb(255 252 238 / .9);
border-color:rgb(193 74 58 / .6)
}
.popup__check{
position:absolute;
opacity:0;
pointer-events:none
}
.popup__base{
position:fixed;
inset:0;
z-index:90;
display:none;
align-items:center;
justify-content:center
}
.popup__check:checked+.popup__base{
display:flex
}
.popup__bg{
position:absolute;
inset:0;
background:rgb(0 0 0 / .55);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
cursor:pointer;
animation:popupFade 0.2s ease
}
@keyframes popupFade{
from{
opacity:0
}
to{
opacity:1
}
}
.popup__inner{
position:relative;
width:100%;
max-width:460px;
margin:24px;
padding:24px 26px 22px;
background:rgb(28 18 12 / .96);
backdrop-filter:blur(14px) saturate(140%);
-webkit-backdrop-filter:blur(14px) saturate(140%);
border:1px solid var(--hairline-2);
border-radius:12px;
box-shadow:0 30px 80px -20px rgb(0 0 0 / .7),inset 0 1px 0 rgb(255 220 180 / .06);
animation:popupPop 0.22s cubic-bezier(.34,1.56,.64,1)
}
@keyframes popupPop{
from{
opacity:0;
transform:translateY(8px) scale(.96)
}
to{
opacity:1;
transform:translateY(0) scale(1)
}
}
.popup__inner h2{
margin:0 0 14px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.popup__close{
position:absolute;
top:12px;
right:12px;
width:30px;
height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:50%;
color:rgb(245 230 204 / .6);
transition:background 0.15s ease,color 0.15s ease
}
.popup__close:hover{
color:var(--ink);
background:rgb(255 220 180 / .08)
}
.popup__close .strp{
position:absolute;
top:50%;
left:50%;
width:14px;
height:2px;
background:currentColor;
border-radius:2px
}
.popup__close .strp:first-child{
transform:translate(-50%,-50%) rotate(45deg)
}
.popup__close .strp:last-child{
transform:translate(-50%,-50%) rotate(-45deg)
}
.popup__inner textarea{
width:100%;
min-height:110px;
padding:10px 12px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .12);
border-radius:8px;
color:var(--ink);
font-size:13.5px;
font-family:var(--font-ui);
outline:none;
resize:vertical;
line-height:1.5;
box-sizing:border-box;
margin-bottom:12px
}
.popup__inner textarea::placeholder{
color:rgb(245 230 204 / .4)
}
.popup__inner textarea:focus{
border-color:rgb(193 74 58 / .55);
background:rgb(28 18 12 / .7);
box-shadow:0 0 0 3px rgb(193 74 58 / .14)
}
.popup__inner input[type="submit"]{
padding:10px 18px;
cursor:pointer;
background:linear-gradient(180deg,#c14a3a,#7a2818);
border:1px solid rgb(193 74 58 / .5);
border-radius:8px;
color:#fff5e6;
font-size:13px;
font-weight:700;
font-family:var(--font-ui);
letter-spacing:.02em;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .18),0 6px 16px -6px rgb(193 74 58 / .45);
transition:all 0.15s ease
}
.popup__inner input[type="submit"]:hover{
background:linear-gradient(180deg,#d2553f,#9a2e1e);
transform:translateY(-1px)
}
.popup__inner span{
color:rgb(245 230 204 / .7);
font-size:13.5px
}
html[data-theme="light"] .popup__inner{
background:linear-gradient(180deg,rgb(248 240 220 / .98),rgb(232 210 168 / .98));
border-color:rgb(120 78 38 / .32);
color:#1f1208
}
html[data-theme="light"] .popup__inner h2{
color:#1f1208
}
html[data-theme="light"] .popup__inner span{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .popup__inner textarea{
background:rgb(255 250 235 / .7);
border-color:rgb(120 78 38 / .28);
color:#1f1208
}
html[data-theme="light"] .popup__inner textarea::placeholder{
color:rgb(60 38 22 / .55)
}
html[data-theme="light"] .popup__close{
color:rgb(60 38 22 / .62)
}
html[data-theme="light"] .popup__close:hover{
color:#1f1208;
background:rgb(140 90 40 / .1)
}
.m2-comments button[type="submit"],.m2-comments button.orange{
margin-top:12px;
padding:10px 18px;
background:linear-gradient(180deg,#c14a3a,#7a2818);
border:1px solid rgb(193 74 58 / .5);
border-radius:6px;
color:#fff5e6!important;
font-size:13px;
font-weight:700;
cursor:pointer;
letter-spacing:.02em;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .2),0 4px 12px -4px rgb(193 74 58 / .4);
transition:all 0.15s ease
}
.m2-comments button[type="submit"]:hover,.m2-comments button.orange:hover{
background:linear-gradient(180deg,#d2553f,#9a2e1e);
transform:translateY(-1px)
}
.m2-comments .comment{
display:flex;
gap:14px;
padding:14px 16px;
margin-bottom:10px;
background:rgb(20 12 8 / .5);
border:1px solid rgb(255 220 180 / .06);
border-radius:10px;
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .85);
align-items:flex-start
}
.m2-comments .comment.answer{
margin-left:28px;
border-left:2px solid rgb(214 112 47 / .32)
}
.m2-comment__avatar{
flex:0 0 auto;
width:40px;
height:40px;
margin-top:2px;
border-radius:50%;
background-size:cover;
background-position:center;
background-color:rgb(245 230 204 / .06)
}
.m2-comment__body{
flex:1;
min-width:0;
display:flex;
flex-direction:column;
gap:8px
}
.m2-comment__head{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
font-size:12.5px;
min-height:22px
}
.m2-comment__flag{
flex:0 0 auto
}
.m2-comment__name{
font-weight:700;
color:var(--ink);
text-decoration:none
}
.m2-comment__name:hover{
color:#f4d4a8
}
.m2-comment__rating{
display:inline-flex;
align-items:center;
gap:1px
}
.m2-comment__rating .stars{
display:inline-flex;
align-items:center;
gap:1px;
margin:0;
padding:0
}
.m2-comment__rating .star,.m2-comment__rating .stars .star{
width:auto!important;
height:auto!important;
padding:0!important;
margin:0!important;
font-size:13px!important;
line-height:1!important;
cursor:default!important;
color:rgb(245 230 204 / .25);
text-shadow:none
}
.m2-comment__rating .star.active,.m2-comment__rating .stars .star.active{
color:#f0c98a;
text-shadow:0 0 6px rgb(240 201 138 / .45)
}
.m2-comment__sep{
color:rgb(245 230 204 / .3);
margin:0 2px
}
.m2-comment__date{
margin-left:auto;
font-size:11.5px;
color:rgb(245 230 204 / .55);
font-feature-settings:"tnum";
white-space:nowrap
}
.m2-comment__text{
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .88);
word-break:break-word
}
.m2-comment__controls{
display:flex;
gap:6px;
margin-top:4px;
align-items:center
}
.m2-comment__controls .m2-comment__btn{
margin-left:auto
}
.m2-comment__like{
display:inline-flex;
align-items:center;
gap:6px;
padding:4px 10px 4px 8px;
font:inherit;
font-size:12px;
font-weight:700;
color:rgb(245 230 204 / .78);
background:rgb(245 230 204 / .06);
border:1px solid rgb(245 230 204 / .14);
border-radius:999px;
cursor:pointer;
font-feature-settings:"tnum";
transition:background .12s ease,color .12s ease,border-color .12s ease,transform .08s ease
}
.m2-comment__like svg{
flex:0 0 auto;
transition:transform .15s cubic-bezier(.2,1.5,.4,1)
}
.m2-comment__like:hover{
background:rgb(108 199 255 / .16);
border-color:rgb(108 199 255 / .45);
color:#6cc7ff
}
.m2-comment__like:hover svg{
transform:translateY(-2px) rotate(-8deg)
}
.m2-comment__like:active{
transform:scale(.95)
}
.m2-comment__like.is-liked,.m2-comment__like.has-likes{
background:rgb(108 199 255 / .16);
border-color:rgb(108 199 255 / .45);
color:#6cc7ff
}
.m2-comment__like.is-liked{
background:rgb(108 199 255 / .25);
border-color:rgb(108 199 255 / .65)
}
.m2-comment__btn{
display:inline-flex;
align-items:center;
gap:5px;
padding:4px 10px;
font:inherit;
font-size:11.5px;
font-weight:600;
color:rgb(245 230 204 / .55);
background:#fff0;
border:1px solid #fff0;
border-radius:999px;
cursor:pointer;
transition:background .12s ease,color .12s ease,border-color .12s ease
}
.m2-comment__btn:hover{
color:#ff9080;
background:rgb(214 72 72 / .14);
border-color:rgb(214 72 72 / .4)
}
html[data-theme="light"] .m2-comment__like{
background:rgb(120 80 50 / .06);
color:rgb(60 40 28 / .78);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-comment__like:hover,html[data-theme="light"] .m2-comment__like.has-likes{
background:rgb(26 115 214 / .14);
color:#1a73d6;
border-color:rgb(26 115 214 / .4)
}
html[data-theme="light"] .m2-comment__like.is-liked{
background:rgb(26 115 214 / .22);
border-color:rgb(26 115 214 / .6);
color:#155a9e
}
html[data-theme="light"] .m2-comment__btn{
color:rgb(60 40 28 / .55);
background:#fff0;
border-color:#fff0
}
html[data-theme="light"] .m2-comment__btn:hover{
color:#8a2828;
background:rgb(184 52 52 / .12);
border-color:rgb(184 52 52 / .4)
}
html[data-theme="light"] .m2-comments .comment{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18);
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .m2-comments .comment.answer{
border-left-color:rgb(214 112 47 / .4)
}
html[data-theme="light"] .m2-comment__name{
color:#1f1208
}
html[data-theme="light"] .m2-comment__name:hover{
color:#8a3d12
}
html[data-theme="light"] .m2-comment__sep{
color:rgb(60 40 28 / .3)
}
html[data-theme="light"] .m2-comment__date{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-comment__text{
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .m2-comment__btn{
background:#fff8ed;
border-color:rgb(120 80 50 / .18);
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-comment__btn:hover{
color:#2a1a0f;
background:rgb(214 112 47 / .16);
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-comment__btn.report_comment:hover{
color:#fff;
background:#c14a3a;
border-color:#8a2818
}
.m2-floater{
position:fixed;
right:-90px;
top:50%;
transform:translateY(-50%);
width:300px;
z-index:35;
background:rgb(28 18 12 / .62);
backdrop-filter:blur(28px) saturate(160%);
-webkit-backdrop-filter:blur(28px) saturate(160%);
border:1px solid rgb(255 220 180 / .1);
border-radius:12px 0 0 12px;
box-shadow:0 24px 60px -20px rgb(0 0 0 / .65),0 1px 0 rgb(255 220 180 / .05) inset;
overflow:hidden;
transition:right 0.32s cubic-bezier(.34,1.4,.64,1),box-shadow 0.32s ease;
isolation:isolate;
font-family:var(--font-ui)
}
.m2-floater:hover{
right:0;
box-shadow:0 28px 70px -20px rgb(0 0 0 / .8)
}
.m2-floater__head{
display:flex;
align-items:center;
gap:9px;
padding:12px 14px 10px;
border-bottom:1px solid rgb(255 220 180 / .08)
}
.m2-floater__dot{
width:8px;
height:8px;
border-radius:50%;
background:#6fae3a;
box-shadow:0 0 10px rgb(111 174 58 / .9);
animation:floaterPulse 2.4s ease-in-out infinite
}
html[data-theme="light"] .m2-floater__dot{
background:#2f8a1f;
box-shadow:0 0 10px rgb(47 138 31 / .65)
}
@keyframes floaterPulse{
0%,100%{
opacity:1;
transform:scale(1)
}
50%{
opacity:.4;
transform:scale(.7)
}
}
.m2-floater__title{
flex:1;
font-size:10px;
font-weight:700;
color:rgb(245 230 204 / .55);
letter-spacing:.16em;
text-transform:uppercase
}
.m2-floater__actions{
display:inline-flex;
gap:2px
}
.m2-floater__icon-btn{
width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#fff0;
border:none;
cursor:pointer;
color:rgb(245 230 204 / .55);
border-radius:4px;
transition:background 0.12s ease,color 0.12s ease,transform 0.32s ease
}
.m2-floater__icon-btn:hover{
color:var(--ink);
background:rgb(255 220 180 / .08)
}
.m2-floater__icon-btn.is-spin svg{
animation:floaterSpin 0.6s cubic-bezier(.34,1.3,.64,1)
}
@keyframes floaterSpin{
from{
transform:rotate(0deg)
}
to{
transform:rotate(360deg)
}
}
@keyframes floaterRowIn{
0%{
opacity:0;
transform:translateX(14px);
filter:blur(4px)
}
60%{
opacity:1;
filter:blur(0)
}
100%{
opacity:1;
transform:translateX(0)
}
}
.m2-floater__list.is-flash{
animation:floaterFlash 0.6s ease-out
}
@keyframes floaterFlash{
0%{
background:#fff0
}
15%{
background:rgb(155 191 110 / .06)
}
100%{
background:#fff0
}
}
.m2-floater[hidden]{
display:none
}
.m2-floater-reopen{
position:fixed;
right:18px;
top:50%;
transform:translateY(-50%);
z-index:35;
width:44px;
height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(28 18 12 / .72);
backdrop-filter:blur(20px) saturate(160%);
border:1px solid rgb(255 220 180 / .14);
border-radius:50%;
cursor:pointer;
color:var(--ink);
box-shadow:0 12px 32px -10px rgb(0 0 0 / .6),0 1px 0 rgb(255 220 180 / .06) inset;
transition:all 0.18s ease
}
.m2-floater-reopen::after{
content:"";
position:absolute;
top:8px;
right:8px;
width:7px;
height:7px;
border-radius:50%;
background:#9bbf6e;
box-shadow:0 0 6px rgb(155 191 110 / .8)
}
.m2-floater-reopen:hover{
transform:translateY(-50%) scale(1.06);
border-color:rgb(255 220 180 / .28)
}
.m2-floater-reopen[hidden]{
display:none
}
html[data-theme="light"] .m2-floater-reopen{
background:linear-gradient(180deg,rgb(232 208 170 / .95),rgb(216 188 146 / .95));
border-color:rgb(120 78 38 / .32);
color:#1f1208
}
.m2-floater__list{
padding:6px 6px 8px;
display:flex;
flex-direction:column
}
.m2-floater__row{
display:flex;
align-items:center;
gap:12px;
padding:9px 10px;
border-radius:8px;
color:rgb(245 230 204 / .82);
text-decoration:none;
transition:background 0.15s ease
}
.m2-floater__row:hover{
background:rgb(255 220 180 / .05);
color:var(--ink)
}
.m2-floater__logo{
width:32px;
height:32px;
border-radius:6px;
display:inline-flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,rgb(193 74 58 / .32),rgb(28 18 12 / .5));
border:1px solid rgb(255 220 180 / .1);
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:#f5e6cc;
letter-spacing:-.02em;
flex-shrink:0
}
.m2-floater__body{
flex:1;
min-width:0;
display:flex;
flex-direction:column;
gap:2px
}
.m2-floater__name{
font-size:13px;
font-weight:600;
color:var(--ink);
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.m2-floater__sub{
font-size:11px;
color:rgb(245 230 204 / .45);
letter-spacing:.02em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.m2-floater__when{
flex-shrink:0;
font-size:10px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:#9bbf6e;
font-feature-settings:"tnum"
}
.m2-floater__foot{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 14px;
border-top:1px solid rgb(255 220 180 / .06);
font-size:10px;
letter-spacing:.14em;
text-transform:uppercase;
font-weight:600;
color:rgb(245 230 204 / .4)
}
.m2-floater__foot a{
color:rgb(245 230 204 / .62);
text-decoration:none
}
.m2-floater__foot a:hover{
color:var(--ink)
}
@media (max-width:1024px){
.m2-floater,.m2-floater-reopen{
display:none!important
}
}
html[data-theme="light"] .m2-floater{
background:linear-gradient(180deg,rgb(232 208 170 / .92) 0%,rgb(216 188 146 / .92) 100%);
border-color:rgb(120 78 38 / .28);
color:#1f1208
}
html[data-theme="light"] .m2-floater__title,html[data-theme="light"] .m2-floater__sub,html[data-theme="light"] .m2-floater__foot{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-floater__name{
color:#1f1208
}
html[data-theme="light"] .m2-floater__when{
color:#3a7a3a
}
html[data-theme="light"] .m2-floater__foot a{
color:#8a3d1e;
font-weight:700
}
html[data-theme="light"] .m2-floater__foot a:hover{
color:#6a2d12
}
html[data-theme="light"] .m2-floater__icon-btn{
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-floater__icon-btn:hover{
color:#1f1208;
background:rgb(140 90 40 / .1)
}
.m2-auth{
display:flex;
justify-content:center;
padding:28px 0 40px
}
.m2-auth__card{
width:100%;
max-width:460px;
padding:32px 32px 26px;
background:rgb(28 18 12 / .55);
backdrop-filter:blur(14px) saturate(140%);
-webkit-backdrop-filter:blur(14px) saturate(140%);
border:1px solid var(--hairline-2);
border-radius:12px;
box-shadow:0 24px 60px -20px rgb(0 0 0 / .55),inset 0 1px 0 rgb(255 220 180 / .05)
}
.m2-auth--wide .m2-auth__card{
max-width:540px
}
.m2-auth__head{
text-align:center;
margin-bottom:22px
}
.m2-auth__icon{
width:56px;
height:56px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
margin:0 auto 12px;
background:linear-gradient(180deg,rgb(193 74 58 / .2),rgb(122 40 24 / .2));
border:1px solid rgb(255 180 140 / .32);
color:#e8a08a;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .18)
}
html[data-theme="light"] .m2-auth__icon{
background:linear-gradient(180deg,#c14a3a 0%,#8a2818 100%);
border-color:rgb(122 40 24 / .5);
color:#fff5e6;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .32),0 6px 18px -8px rgb(193 74 58 / .55)
}
.m2-auth__head h1{
margin:0;
font-family:var(--font-display);
font-size:28px;
font-weight:700;
color:var(--ink);
letter-spacing:-.02em;
line-height:1.1
}
.m2-auth__head p{
margin:8px auto 0;
max-width:360px;
font-size:13.5px;
line-height:1.6;
color:rgb(245 230 204 / .62)
}
.m2-field{
display:block;
margin-bottom:14px
}
.m2-field__lbl{
display:block;
font-size:12px;
letter-spacing:.1em;
text-transform:uppercase;
font-weight:700;
color:rgb(245 230 204 / .78);
margin-bottom:8px
}
html[data-theme="light"] .m2-field__lbl{
color:rgb(60 38 22 / .85)
}
.m2-field__wrap{
position:relative;
display:flex;
align-items:center;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .1);
border-radius:8px;
transition:border-color 0.15s ease,background 0.15s ease,box-shadow 0.15s ease
}
.m2-field__wrap:focus-within{
border-color:rgb(193 74 58 / .55);
background:rgb(28 18 12 / .72);
box-shadow:0 0 0 3px rgb(193 74 58 / .14)
}
.m2-field__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
color:rgb(245 230 204 / .5);
flex-shrink:0
}
.m2-field__wrap input,.m2-field__wrap textarea,.m2-field__wrap select{
flex:1;
min-width:0;
padding:10px 12px;
background:#fff0;
border:none;
outline:none;
color:var(--ink);
font-size:14px;
font-family:var(--font-ui);
line-height:1.4;
width:100%
}
.m2-field__wrap textarea{
padding:10px 12px;
resize:vertical;
min-height:110px
}
.m2-field__wrap>.m2-field__icon+input,.m2-field__wrap>.m2-field__icon+textarea,.m2-field__wrap>.m2-field__icon+select{
padding-left:0
}
.m2-field__wrap input::placeholder,.m2-field__wrap textarea::placeholder{
color:rgb(245 230 204 / .35)
}
.m2-field__wrap select{
padding:10px 30px 10px 0;
appearance:none;
background-image:url("data:image/svg+xml;
utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5e6cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
background-repeat:no-repeat;
background-position:right 10px center;
background-size:14px;
cursor:pointer
}
.m2-field__wrap select option{
background:#28180c;
color:var(--ink)
}
.m2-auth__submit{
width:100%;
padding:13px 18px;
margin-top:8px;
background:linear-gradient(180deg,#c14a3a 0%,#8a2818 100%);
border:1px solid rgb(255 180 140 / .28);
border-radius:8px;
cursor:pointer;
color:#fff5e6;
font-size:14px;
font-weight:700;
font-family:var(--font-ui);
letter-spacing:.02em;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .2),0 6px 18px -6px rgb(193 74 58 / .5);
transition:all 0.16s ease
}
.m2-auth__submit:hover{
background:linear-gradient(180deg,#d2553f 0%,#9a2e1e 100%);
transform:translateY(-1px);
box-shadow:inset 0 1px 0 rgb(255 210 180 / .28),0 10px 24px -8px rgb(193 74 58 / .6)
}
.m2-auth__foot{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
padding-top:16px;
border-top:1px solid rgb(255 220 180 / .08);
font-size:13px;
color:rgb(245 230 204 / .55)
}
.m2-auth__foot a{
color:#e8a08a;
font-weight:600;
text-decoration:none;
transition:color 0.15s ease
}
.m2-auth__foot a:hover{
color:#f5b69a
}
.m2-auth__avatar{
display:flex;
align-items:center;
gap:16px;
padding:14px;
margin-bottom:14px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .08);
border-radius:10px
}
.m2-auth__avatar .profile.preview{
width:76px;
height:76px;
flex-shrink:0;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-color:rgb(20 12 8 / .6);
border:1px solid rgb(255 220 180 / .14);
border-radius:50%;
box-shadow:inset 0 1px 0 rgb(255 220 180 / .08),0 6px 14px -6px rgb(0 0 0 / .6)
}
.m2-auth__avatar-side{
flex:1;
min-width:0;
display:flex;
flex-direction:column;
gap:10px
}
.m2-auth__avatar-side .m2-field{
margin:0
}
.m2-account-section{
margin:22px 0 12px;
font-family:var(--font-display);
font-size:16px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em;
padding-bottom:6px;
border-bottom:1px solid rgb(255 220 180 / .1)
}
html[data-theme="light"] .m2-account-section{
color:#1f1208;
border-bottom-color:rgb(120 78 38 / .22)
}
.m2-tabs{
display:flex;
gap:4px;
padding:4px;
margin:0 0 18px;
background:rgb(20 12 8 / .45);
border:1px solid rgb(255 220 180 / .08);
border-radius:10px
}
.m2-tab{
flex:1;
min-width:0;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
padding:8px 12px;
background:#fff0;
border:1px solid #fff0;
cursor:pointer;
color:rgb(245 230 204 / .62);
font-family:var(--font-ui);
font-size:12.5px;
font-weight:600;
letter-spacing:.02em;
border-radius:7px;
transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;
white-space:nowrap
}
.m2-tab:hover{
color:var(--ink);
background:rgb(255 220 180 / .04)
}
.m2-tab.is-active{
color:var(--ink);
background:linear-gradient(180deg,rgb(193 74 58 / .22),rgb(122 40 24 / .18));
border-color:rgb(255 180 140 / .28);
box-shadow:inset 0 1px 0 rgb(255 200 160 / .14),0 4px 10px -6px rgb(193 74 58 / .4)
}
.m2-tab svg{
color:inherit;
flex-shrink:0
}
.m2-tab-panels{
display:grid;
grid-template-columns:1fr;
align-items:stretch;
position:relative
}
.m2-tab-panels>.m2-tab-panel{
grid-area:1 / 1
}
.m2-tab-panel{
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity 0.22s ease,visibility 0s linear 0.22s
}
.m2-tab-panel.is-active{
opacity:1;
visibility:visible;
pointer-events:auto;
transition:opacity 0.28s ease,visibility 0s linear 0s
}
.m2-tab-hint{
margin:4px 2px 0;
font-size:11.5px;
color:rgb(245 230 204 / .5);
font-family:var(--font-ui)
}
html[data-theme="light"] .m2-tabs{
background:rgb(255 250 235 / .55);
border-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-tab{
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-tab:hover{
color:#1f1208;
background:rgb(140 90 40 / .08)
}
html[data-theme="light"] .m2-tab.is-active{
color:#1f1208;
background:linear-gradient(180deg,rgb(193 74 58 / .3),rgb(122 40 24 / .22));
border-color:rgb(122 40 24 / .45)
}
html[data-theme="light"] .m2-tab-hint{
color:rgb(60 38 22 / .6)
}
.m2-btn.m2-btn--danger{
background:linear-gradient(180deg,rgb(193 74 58 / .18) 0%,rgb(122 40 24 / .12) 100%);
border:1px solid rgb(193 74 58 / .5);
color:#e8a08a;
font-weight:600
}
.m2-btn.m2-btn--danger:hover{
background:linear-gradient(180deg,rgb(193 74 58 / .32) 0%,rgb(122 40 24 / .22) 100%);
border-color:rgb(193 74 58 / .7);
color:#f5b69a;
box-shadow:0 4px 12px -4px rgb(193 74 58 / .4)
}
html[data-theme="light"] .m2-btn.m2-btn--danger{
background:linear-gradient(180deg,rgb(193 74 58 / .22) 0%,rgb(122 40 24 / .14) 100%)!important;
border-color:rgb(122 40 24 / .55)!important;
color:#8a2818!important
}
html[data-theme="light"] .m2-btn.m2-btn--danger:hover{
background:linear-gradient(180deg,rgb(193 74 58 / .32) 0%,rgb(122 40 24 / .22) 100%)!important;
border-color:rgb(122 40 24 / .7)!important;
color:#6a1f10!important;
box-shadow:none!important
}
.m2-account-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px
}
@media (max-width:480px){
.m2-account-row{
grid-template-columns:1fr
}
}
.m2-account-actions{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:18px;
padding-top:16px;
border-top:1px solid rgb(255 220 180 / .1);
flex-wrap:wrap
}
html[data-theme="light"] .m2-account-actions{
border-top-color:rgb(120 78 38 / .22)
}
.m2-account-actions .m2-auth__submit{
width:auto;
padding:11px 22px
}
.m2-api-block{
padding:16px 18px;
margin:12px 0;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:12px
}
.m2-api-block--hint{
background:rgb(232 160 138 / .08);
border-color:rgb(232 160 138 / .22)
}
.m2-api-block__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
margin-bottom:10px
}
.m2-api-block__lbl{
display:inline-flex;
align-items:center;
gap:8px;
font-size:11px;
letter-spacing:.16em;
text-transform:uppercase;
font-weight:700;
color:rgb(245 230 204 / .65);
margin-bottom:8px
}
.m2-api-block__lbl small{
font-size:11px;
letter-spacing:0;
text-transform:none;
opacity:.7
}
.m2-api-block__lbl svg{
color:#e8a08a
}
.m2-api-block__actions{
display:flex;
gap:8px;
flex-wrap:wrap
}
.m2-api-block__hint{
margin:8px 0 0;
font-size:12.5px;
line-height:1.55;
color:rgb(245 230 204 / .7)
}
.m2-api-block p{
margin:4px 0 0;
font-size:13px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.m2-api-url{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
padding:10px 12px;
background:rgb(20 12 8 / .55);
border:1px solid var(--hairline-2);
border-radius:8px
}
.m2-api-url code{
flex:1;
min-width:0;
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:13px;
color:var(--ink);
word-break:break-all;
overflow-wrap:anywhere
}
.m2-api-url__var{
color:#e8a08a;
font-weight:700
}
.m2-api-args{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:6px
}
.m2-api-args li{
display:flex;
align-items:center;
gap:12px;
padding:8px 12px;
background:rgb(20 12 8 / .45);
border:1px solid rgb(255 220 180 / .08);
border-radius:6px
}
.m2-api-args code{
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:13px;
color:var(--ink);
font-weight:700
}
.m2-api-args span{
font-size:11.5px;
color:rgb(245 230 204 / .5)
}
.m2-api-pane{
margin-top:18px
}
.m2-api-pane.hidden{
display:none
}
.m2-api-pane__head{
padding:18px 20px 16px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:12px 12px 0 0;
border-bottom:none;
margin-bottom:-1px
}
.m2-api-pane__head h2{
margin:0;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-api-pane__head h2 small{
font-family:var(--font-ui);
font-size:13px;
font-weight:600;
color:rgb(245 230 204 / .55);
margin-left:6px
}
.m2-api-pane__head p{
margin:6px 0 0;
font-size:13px;
color:rgb(245 230 204 / .72);
line-height:1.55
}
.m2-api-pane>.m2-api-block:first-of-type{
border-top-left-radius:0;
border-top-right-radius:0;
margin-top:0
}
.m2-api-editor{
width:100%;
height:360px;
border-radius:8px;
overflow:hidden;
border:1px solid var(--hairline-2)
}
.m2-api-pane #editor{
height:470px
}
.m2-api-pane #editor2{
height:300px
}
.m2-api-test{
display:grid;
grid-template-columns:1fr auto;
gap:10px;
align-items:end;
margin-bottom:10px
}
.m2-api-test .m2-field{
margin:0
}
.m2-api-test .m2-btn{
padding:9px 14px;
height:38px
}
@media (max-width:600px){
.m2-api-test{
grid-template-columns:1fr
}
}
.m2-api-console{
margin:0;
padding:12px 14px;
min-height:140px;
max-height:240px;
overflow:auto;
background:rgb(0 0 0 / .55);
border:1px solid rgb(126 216 122 / .32);
border-radius:8px;
color:#9bbf6e;
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:12.5px;
line-height:1.55;
white-space:pre-wrap
}
.m2-api-feature{
display:grid;
grid-template-columns:240px 1fr;
gap:22px;
align-items:start
}
@media (max-width:720px){
.m2-api-feature{
grid-template-columns:1fr
}
}
.m2-api-feature img{
width:100%;
max-width:240px;
height:auto;
border-radius:8px;
border:1px solid var(--hairline-2)
}
html[data-theme="light"] .m2-api-block,html[data-theme="light"] .m2-api-pane__head{
background:linear-gradient(180deg,rgb(232 208 170 / .92) 0%,rgb(216 188 146 / .92) 100%);
border-color:rgb(120 78 38 / .28);
color:#1f1208
}
html[data-theme="light"] .m2-api-block--hint{
background:rgb(232 160 138 / .18);
border-color:rgb(232 160 138 / .42)
}
html[data-theme="light"] .m2-api-block__lbl,html[data-theme="light"] .m2-api-block__hint,html[data-theme="light"] .m2-api-block p,html[data-theme="light"] .m2-api-pane__head p,html[data-theme="light"] .m2-api-args span{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-api-pane__head h2,html[data-theme="light"] .m2-api-url code,html[data-theme="light"] .m2-api-args code{
color:#1f1208
}
html[data-theme="light"] .m2-api-url,html[data-theme="light"] .m2-api-args li{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-api-pane__head h2 small{
color:rgb(60 38 22 / .6)
}
html[data-theme="light"] .m2-api-console{
background:#1a1a1a;
border-color:rgb(126 216 122 / .36)
}
.m2-edit-actions{
display:inline-flex;
gap:8px;
align-items:center;
flex-wrap:wrap
}
.m2-edit-layout{
display:grid;
grid-template-columns:280px 1fr;
gap:22px;
align-items:start
}
@media (max-width:880px){
.m2-edit-layout{
grid-template-columns:1fr
}
}
.m2-side-tabs{
display:flex;
flex-direction:column;
gap:4px;
padding:8px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:12px;
position:sticky;
top:60px
}
@media (max-width:880px){
.m2-side-tabs{
position:static;
flex-direction:row;
flex-wrap:wrap
}
}
.m2-side-tab{
display:flex;
align-items:center;
gap:12px;
padding:10px 12px;
background:#fff0;
border:1px solid #fff0;
border-radius:8px;
cursor:pointer;
text-align:left;
color:rgb(245 230 204 / .78);
font-family:var(--font-ui);
transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease
}
.m2-side-tab:hover{
background:rgb(255 220 180 / .05);
color:var(--ink)
}
.m2-side-tab.is-active{
color:var(--ink);
background:linear-gradient(180deg,rgb(193 74 58 / .2),rgb(122 40 24 / .14));
border-color:rgb(255 180 140 / .32);
box-shadow:inset 0 1px 0 rgb(255 200 160 / .14)
}
.m2-side-tab__num{
flex-shrink:0;
width:26px;
height:26px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(255 220 180 / .06);
border:1px solid rgb(255 220 180 / .14);
color:rgb(245 230 204 / .6);
font-family:var(--font-display);
font-weight:700;
font-size:13px
}
.m2-side-tab.is-active .m2-side-tab__num{
background:linear-gradient(180deg,#c14a3a,#8a2818);
border-color:rgb(255 180 140 / .45);
color:#fff5e6;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .2),0 4px 10px -4px rgb(193 74 58 / .4)
}
.m2-side-tab__body{
display:flex;
flex-direction:column;
min-width:0;
line-height:1.2
}
.m2-side-tab__lbl{
font-size:14px;
font-weight:600
}
.m2-side-tab__sub{
font-size:11.5px;
color:rgb(245 230 204 / .5);
margin-top:2px
}
.m2-side-tab.is-active .m2-side-tab__sub{
color:rgb(245 230 204 / .75)
}
.m2-edit-pane{
padding:22px 24px 24px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:12px;
display:flex;
flex-direction:column;
gap:14px;
min-height:360px
}
.m2-edit-pane__title{
margin:0 0 14px;
font-family:var(--font-display);
font-size:30px;
font-weight:700;
color:var(--ink);
letter-spacing:-.02em;
line-height:1.1;
padding-bottom:14px;
border-bottom:1px solid rgb(255 220 180 / .12)
}
.m2-edit-pane__title small{
font-family:var(--font-ui);
font-size:13px;
font-weight:500;
color:rgb(245 230 204 / .55);
margin-left:6px;
letter-spacing:0
}
html[data-theme="light"] .m2-edit-pane__title small{
color:rgb(60 38 22 / .6)
}
.m2-edit-pane .m2-tab-panel{
display:none;
flex-direction:column;
gap:14px
}
.m2-edit-pane .m2-tab-panel.is-active{
display:flex;
animation:editPaneIn 0.22s ease
}
@keyframes editPaneIn{
from{
opacity:0;
transform:translateY(4px)
}
to{
opacity:1;
transform:translateY(0)
}
}
.m2-edit-pane__foot{
margin-top:6px;
padding-top:14px;
border-top:1px solid rgb(255 220 180 / .1);
display:flex;
justify-content:flex-end
}
.m2-edit-hint{
margin:0;
font-size:13px;
color:rgb(245 230 204 / .7);
line-height:1.5
}
.m2-edit-toggles{
display:flex;
flex-direction:column;
gap:8px
}
.m2-edit-check{
display:inline-flex;
align-items:center;
gap:8px;
font-size:13.5px;
color:var(--ink);
cursor:pointer
}
.m2-edit-check input{
accent-color:var(--accent);
width:16px;
height:16px
}
.m2-edit-langs{
display:flex;
flex-wrap:wrap;
gap:8px
}
.m2-edit-lang{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 12px;
border:1px solid var(--hairline-2);
border-radius:999px;
background:rgb(255 220 180 / .04);
cursor:pointer;
font-size:12.5px;
font-weight:600;
color:rgb(245 230 204 / .78);
transition:all 0.15s ease;
min-width:78px;
justify-content:center
}
.m2-edit-lang:hover{
color:var(--ink);
border-color:rgb(255 220 180 / .22)
}
.m2-edit-lang input{
accent-color:var(--accent)
}
.m2-edit-lang:has(input:checked){
background:linear-gradient(180deg,rgb(193 74 58 / .2),rgb(122 40 24 / .14));
border-color:rgb(255 180 140 / .36);
color:var(--ink)
}
.m2-edit-subhead{
margin:0 0 8px;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em
}
.m2-edit-list{
margin:0 0 14px;
padding-left:18px;
font-size:13px;
line-height:1.6;
color:rgb(245 230 204 / .78)
}
.m2-edit-list li{
margin-bottom:4px
}
.m2-edit-list strong{
color:var(--ink)
}
.m2-edit-banner-preview{
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-start
}
.m2-edit-banner-current{
width:100%
}
.m2-edit-banner-current .b4{
border-radius:6px;
border:1px solid rgb(255 220 180 / .1)
}
.m2-edit-preview-actions{
display:flex;
gap:8px
}
.m2-edit-preview{
margin-top:4px;
padding:14px 16px;
border:1px solid rgb(92 170 224 / .35);
background:rgb(20 40 60 / .35);
border-radius:8px;
color:rgb(245 230 204 / .85);
font-size:13.5px;
line-height:1.6;
word-break:break-word
}
.m2-edit-backlink{
display:grid;
grid-template-columns:1fr auto;
grid-template-rows:auto auto;
gap:8px;
margin-bottom:14px
}
.m2-edit-backlink__preview{
grid-column:span 2;
padding:10px 12px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .14);
border-radius:6px;
color:var(--ink);
font-size:13.5px
}
.m2-edit-backlink__preview a{
color:#e8a08a;
text-decoration:underline
}
.m2-edit-backlink__code{
padding:8px 12px;
background:rgb(20 12 8 / .55);
border:1px solid var(--hairline-2);
border-radius:6px;
color:rgb(245 230 204 / .65);
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:12px;
word-break:break-all;
overflow-wrap:anywhere
}
html[data-theme="light"] .m2-side-tabs,html[data-theme="light"] .m2-edit-pane{
background:linear-gradient(180deg,rgb(232 208 170 / .92) 0%,rgb(216 188 146 / .92) 100%);
border-color:rgb(120 78 38 / .28);
color:#1f1208
}
html[data-theme="light"] .m2-side-tab{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-side-tab:hover{
color:#1f1208;
background:rgb(140 90 40 / .06)
}
html[data-theme="light"] .m2-side-tab.is-active{
background:linear-gradient(180deg,rgb(193 74 58 / .3),rgb(122 40 24 / .18));
border-color:rgb(122 40 24 / .45);
color:#1f1208
}
html[data-theme="light"] .m2-side-tab__num{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22);
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-side-tab__sub{
color:rgb(60 38 22 / .6)
}
html[data-theme="light"] .m2-side-tab.is-active .m2-side-tab__sub{
color:rgb(60 38 22 / .85)
}
html[data-theme="light"] .m2-edit-pane__title{
color:#1f1208;
border-bottom-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-edit-hint,html[data-theme="light"] .m2-edit-list,html[data-theme="light"] .m2-edit-preview,html[data-theme="light"] .m2-edit-check{
color:rgb(60 38 22 / .85)
}
html[data-theme="light"] .m2-edit-list strong,html[data-theme="light"] .m2-edit-subhead{
color:#1f1208
}
html[data-theme="light"] .m2-edit-lang{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22);
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-edit-lang:has(input:checked){
background:linear-gradient(180deg,rgb(193 74 58 / .3),rgb(122 40 24 / .18));
color:#1f1208;
border-color:rgb(122 40 24 / .45)
}
html[data-theme="light"] .m2-edit-backlink__preview{
background:rgb(255 250 235 / .5);
border-color:rgb(120 78 38 / .22);
color:#1f1208
}
html[data-theme="light"] .m2-edit-backlink__code{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22);
color:rgb(60 38 22 / .85)
}
.m2-edit-toggle{
display:block;
padding:14px 18px;
margin:0 0 0;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:10px;
font-family:var(--font-display);
font-size:17px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em;
cursor:pointer;
transition:background 0.15s ease,border-color 0.15s ease;
user-select:none
}
.m2-edit-toggle:hover{
background:rgb(40 26 18 / .6);
border-color:rgb(255 220 180 / .18)
}
.m2-edit-section{
padding:18px 20px;
margin:4px 0 6px;
background:rgb(28 18 12 / .4);
border:1px solid var(--hairline-2);
border-radius:10px;
display:flex;
flex-direction:column;
gap:14px
}
.m2-edit-section .m2-account-row{
gap:12px
}
.m2-edit-section .m2-field{
margin:0
}
.m2-edit-hint{
margin:0;
font-size:13px;
color:rgb(245 230 204 / .7);
line-height:1.5
}
.m2-edit-toggles{
display:flex;
flex-direction:column;
gap:8px
}
.m2-edit-check{
display:inline-flex;
align-items:center;
gap:8px;
font-size:13.5px;
color:var(--ink);
cursor:pointer
}
.m2-edit-check input{
accent-color:var(--accent);
width:16px;
height:16px
}
.m2-edit-langs{
display:flex;
flex-wrap:wrap;
gap:8px
}
.m2-edit-lang{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 12px;
border:1px solid var(--hairline-2);
border-radius:999px;
background:rgb(255 220 180 / .04);
cursor:pointer;
font-size:12.5px;
font-weight:600;
color:rgb(245 230 204 / .78);
transition:all 0.15s ease;
min-width:78px;
justify-content:center
}
.m2-edit-lang:hover{
color:var(--ink);
border-color:rgb(255 220 180 / .22)
}
.m2-edit-lang input{
accent-color:var(--accent)
}
.m2-edit-lang input:checked+i+span{
color:var(--ink)
}
.m2-edit-lang:has(input:checked){
background:linear-gradient(180deg,rgb(193 74 58 / .2),rgb(122 40 24 / .14));
border-color:rgb(255 180 140 / .36);
color:var(--ink)
}
.m2-edit-subhead{
margin:0 0 8px;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em
}
.m2-edit-list{
margin:0 0 14px;
padding-left:18px;
font-size:13px;
line-height:1.6;
color:rgb(245 230 204 / .78)
}
.m2-edit-list li{
margin-bottom:4px
}
.m2-edit-list strong{
color:var(--ink)
}
.m2-edit-banner-preview{
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-start
}
.m2-edit-banner-current{
width:100%
}
.m2-edit-banner-current .b4{
border-radius:6px;
border:1px solid rgb(255 220 180 / .1)
}
.m2-edit-preview-actions{
display:flex;
gap:8px
}
.m2-edit-preview{
margin-top:4px;
padding:14px 16px;
border:1px solid rgb(92 170 224 / .35);
background:rgb(20 40 60 / .35);
border-radius:8px;
color:rgb(245 230 204 / .85);
font-size:13.5px;
line-height:1.6;
word-break:break-word
}
.m2-edit-backlink{
display:grid;
grid-template-columns:1fr auto;
grid-template-rows:auto auto;
gap:8px;
margin-bottom:14px
}
.m2-edit-backlink__preview{
grid-column:span 2;
padding:10px 12px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .14);
border-radius:6px;
color:var(--ink);
font-size:13.5px
}
.m2-edit-backlink__preview a{
color:#e8a08a;
text-decoration:underline
}
.m2-edit-backlink__code{
padding:8px 12px;
background:rgb(20 12 8 / .55);
border:1px solid var(--hairline-2);
border-radius:6px;
color:rgb(245 230 204 / .65);
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:12px;
word-break:break-all;
overflow-wrap:anywhere
}
html[data-theme="light"] .m2-edit-toggle,html[data-theme="light"] .m2-edit-section{
background:linear-gradient(180deg,rgb(232 208 170 / .92) 0%,rgb(216 188 146 / .92) 100%);
border-color:rgb(120 78 38 / .28);
color:#1f1208
}
html[data-theme="light"] .m2-edit-section{
background:rgb(248 240 220 / .62)
}
html[data-theme="light"] .m2-edit-toggle:hover{
background:rgb(232 208 170 / .96)
}
html[data-theme="light"] .m2-edit-hint,html[data-theme="light"] .m2-edit-list,html[data-theme="light"] .m2-edit-preview,html[data-theme="light"] .m2-edit-check{
color:rgb(60 38 22 / .85)
}
html[data-theme="light"] .m2-edit-list strong,html[data-theme="light"] .m2-edit-subhead{
color:#1f1208
}
html[data-theme="light"] .m2-edit-lang{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22);
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-edit-lang:has(input:checked){
background:linear-gradient(180deg,rgb(193 74 58 / .3),rgb(122 40 24 / .18));
color:#1f1208;
border-color:rgb(122 40 24 / .45)
}
html[data-theme="light"] .m2-edit-backlink__preview{
background:rgb(255 250 235 / .5);
border-color:rgb(120 78 38 / .22);
color:#1f1208
}
html[data-theme="light"] .m2-edit-backlink__code{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22);
color:rgb(60 38 22 / .85)
}
.m2-panel-summary{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin-bottom:20px
}
@media (max-width:880px){
.m2-panel-summary{
grid-template-columns:repeat(2,1fr)
}
}
@media (max-width:480px){
.m2-panel-summary{
grid-template-columns:1fr
}
}
.m2-faq{
max-width:880px;
margin:0 auto;
padding:0 8px 32px
}
.m2-faq__h{
display:flex;
align-items:center;
gap:10px;
font:700 22px/1.25 var(--font-display,var(--font-ui));
color:#f5e6cc;
margin:32px 0 14px;
letter-spacing:-.01em;
padding-bottom:8px;
border-bottom:1px solid rgb(248 196 84 / .18)
}
.m2-faq__h:first-of-type{
margin-top:8px
}
.m2-faq__h svg{
color:#f8c454;
flex:0 0 auto
}
.m2-faq__item{
background:rgb(20 12 8 / .45);
border:1px solid rgb(245 230 204 / .08);
border-radius:10px;
margin-bottom:10px;
overflow:hidden;
transition:border-color 0.15s,background 0.15s
}
.m2-faq__item[open]{
border-color:rgb(248 196 84 / .35);
background:rgb(248 196 84 / .04)
}
.m2-faq__item>summary{
list-style:none;
cursor:pointer;
padding:14px 44px 14px 18px;
font:600 15px/1.4 var(--font-ui);
color:#f5e6cc;
position:relative;
user-select:none
}
.m2-faq__item>summary::-webkit-details-marker{
display:none
}
.m2-faq__item>summary::after{
content:'+';
position:absolute;
right:16px;
top:50%;
transform:translateY(-50%);
width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
font:700 18px/1 var(--font-ui);
color:#f8c454;
border:1px solid rgb(248 196 84 / .35);
border-radius:50%;
transition:transform 0.18s,background 0.15s
}
.m2-faq__item[open]>summary::after{
content:'−';
background:rgb(248 196 84 / .12);
transform:translateY(-50%) rotate(180deg)
}
.m2-faq__item>summary:hover{
color:#ffe27a
}
.m2-faq__a{
padding:0 18px 16px;
font:400 14px/1.6 var(--font-ui);
color:rgb(245 230 204 / .85)
}
.m2-faq__a p{
margin:4px 0 10px
}
.m2-faq__a p:last-child{
margin-bottom:0
}
.m2-faq__a ul{
margin:6px 0 10px;
padding-left:20px
}
.m2-faq__a li{
margin:4px 0
}
.m2-faq__a a{
color:#f8c454;
text-decoration:none;
border-bottom:1px dashed rgb(248 196 84 / .4)
}
.m2-faq__a a:hover{
color:#ffe27a;
border-bottom-color:#ffe27a
}
.m2-faq__a strong{
color:#f5e6cc;
font-weight:700
}
.m2-faq__final{
margin:8px 0 0;
font:400 14px/1.6 var(--font-ui);
color:rgb(245 230 204 / .85)
}
.m2-faq__final a{
color:#f8c454;
text-decoration:none;
border-bottom:1px dashed rgb(248 196 84 / .4)
}
.m2-faq__final a:hover{
color:#ffe27a;
border-bottom-color:#ffe27a
}
html[data-theme="light"] .m2-faq__h{
color:#3a2410;
border-bottom-color:rgb(217 119 6 / .28)
}
html[data-theme="light"] .m2-faq__h svg{
color:#d97706
}
html[data-theme="light"] .m2-faq__item{
background:rgb(255 250 242 / .7);
border-color:rgb(180 140 80 / .18)
}
html[data-theme="light"] .m2-faq__item[open]{
border-color:rgb(217 119 6 / .45);
background:rgb(217 119 6 / .05)
}
html[data-theme="light"] .m2-faq__item>summary{
color:#3a2410
}
html[data-theme="light"] .m2-faq__item>summary:hover{
color:#a0541b
}
html[data-theme="light"] .m2-faq__item>summary::after{
color:#d97706;
border-color:rgb(217 119 6 / .45)
}
html[data-theme="light"] .m2-faq__a{
color:#4a3520
}
html[data-theme="light"] .m2-faq__a strong{
color:#3a2410
}
html[data-theme="light"] .m2-faq__a a,html[data-theme="light"] .m2-faq__final a{
color:#d97706;
border-bottom-color:rgb(217 119 6 / .45)
}
html[data-theme="light"] .m2-faq__a a:hover,html[data-theme="light"] .m2-faq__final a:hover{
color:#a0541b;
border-bottom-color:#a0541b
}
html[data-theme="light"] .m2-faq__final{
color:#4a3520
}
.m2-panel-empty{
background:linear-gradient(180deg,rgb(248 196 84 / .06),rgb(20 12 8 / .65));
border:1px solid rgb(248 196 84 / .22);
border-radius:14px;
padding:36px 28px;
text-align:center;
margin:0 0 24px;
display:flex;
flex-direction:column;
align-items:center
}
.m2-panel-empty__icon{
width:64px;
height:64px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(248 196 84 / .12);
color:#f8c454;
margin-bottom:14px;
box-shadow:0 0 0 1px rgb(248 196 84 / .2),0 8px 28px rgb(0 0 0 / .35)
}
.m2-panel-empty h2{
font:700 22px/1.25 var(--font-display,var(--font-ui));
color:#f5e6cc;
margin:0 0 8px;
letter-spacing:.01em
}
.m2-panel-empty p{
font:400 14px/1.55 var(--font-ui);
color:rgb(245 230 204 / .78);
margin:0 0 20px;
max-width:560px
}
.m2-panel-empty__cta{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 22px;
font-size:14px;
margin-bottom:26px
}
.m2-panel-empty__perks{
list-style:none;
padding:0;
margin:0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:10px 18px;
width:100%;
max-width:720px;
text-align:left
}
.m2-panel-empty__perks li{
display:flex;
align-items:flex-start;
gap:10px;
padding:10px 12px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(245 230 204 / .08);
border-radius:10px;
font:400 13px/1.45 var(--font-ui);
color:rgb(245 230 204 / .82)
}
.m2-panel-empty__perks li svg{
flex:0 0 auto;
color:#f8c454;
margin-top:1px
}
.m2-panel-empty__sub{
margin-top:18px;
font:500 12px/1 var(--font-ui)
}
.m2-panel-empty__sub a{
color:rgb(245 230 204 / .65);
text-decoration:none;
border-bottom:1px dashed rgb(245 230 204 / .3);
padding-bottom:2px;
transition:color 0.15s,border-color 0.15s
}
.m2-panel-empty__sub a:hover{
color:#f8c454;
border-bottom-color:#f8c454
}
html[data-theme="light"] .m2-panel-empty{
background:linear-gradient(180deg,rgb(217 119 6 / .07),rgb(255 250 242 / .85));
border-color:rgb(217 119 6 / .28)
}
html[data-theme="light"] .m2-panel-empty h2{
color:#3a2410
}
html[data-theme="light"] .m2-panel-empty p{
color:#5a4530
}
html[data-theme="light"] .m2-panel-empty__icon{
background:rgb(217 119 6 / .12);
color:#d97706;
box-shadow:0 0 0 1px rgb(217 119 6 / .25),0 6px 20px rgb(0 0 0 / .12)
}
html[data-theme="light"] .m2-panel-empty__perks li{
background:rgb(255 250 242 / .6);
border-color:rgb(180 140 80 / .18);
color:#4a3520
}
html[data-theme="light"] .m2-panel-empty__perks li svg{
color:#d97706
}
html[data-theme="light"] .m2-panel-empty__sub a{
color:#6a5040;
border-bottom-color:rgb(180 140 80 / .4)
}
html[data-theme="light"] .m2-panel-empty__sub a:hover{
color:#d97706;
border-bottom-color:#d97706
}
.m2-panel-summary__tile{
display:flex;
align-items:center;
gap:14px;
padding:14px 16px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:10px
}
.m2-panel-summary__icon{
width:38px;
height:38px;
border-radius:9px;
display:flex;
align-items:center;
justify-content:center;
background:rgb(232 160 138 / .14);
border:1px solid rgb(232 160 138 / .26);
color:#e8a08a;
flex-shrink:0
}
.m2-panel-summary__tile.is-good .m2-panel-summary__icon{
background:rgb(126 216 122 / .16);
border-color:rgb(126 216 122 / .36);
color:#7ed87a
}
.m2-panel-summary__tile.is-bad .m2-panel-summary__icon{
background:rgb(193 74 58 / .18);
border-color:rgb(193 74 58 / .42);
color:#e8a08a
}
.m2-panel-summary__v{
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
line-height:1;
font-feature-settings:"tnum"
}
.m2-panel-summary__v small{
font-size:13px;
color:rgb(245 230 204 / .55);
font-weight:600
}
.m2-panel-summary__l{
font-size:11px;
letter-spacing:.12em;
text-transform:uppercase;
color:rgb(245 230 204 / .55);
font-weight:700;
margin-top:5px
}
.m2-panel-summary__body{
display:flex;
flex-direction:column;
min-width:0
}
.m2-panel-summary__sub{
display:inline-flex;
align-items:center;
gap:5px;
margin-top:6px;
font-size:11px;
color:rgb(245 230 204 / .55);
font-weight:600
}
.m2-panel-summary__sub--accent{
color:#f4d4a8;
font-weight:700
}
.m2-panel-summary__sub--accent svg{
color:#f8c454
}
.m2-panel-summary__trend{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:8px;
padding:3px 9px;
font-size:11.5px;
font-weight:700;
border-radius:999px;
background:rgb(245 230 204 / .06)
}
.m2-panel-summary__trend small{
font-weight:500;
opacity:.75;
font-size:10.5px
}
.m2-panel-summary__trend .arrow{
font-size:10px
}
.m2-panel-summary__trend--up{
color:#9bbf6e;
background:rgb(126 216 122 / .14)
}
.m2-panel-summary__trend--down{
color:#e08070;
background:rgb(214 72 72 / .14)
}
.m2-panel-summary__trend--flat{
color:rgb(245 230 204 / .65)
}
.m2-panel-summary__tile--votes .m2-panel-summary__icon{
background:rgb(108 199 255 / .14);
border-color:rgb(108 199 255 / .32);
color:#6cc7ff
}
.m2-panel-summary__tile--comments .m2-panel-summary__icon{
background:rgb(193 141 238 / .14);
border-color:rgb(193 141 238 / .32);
color:#c18dee
}
html[data-theme="light"] .m2-panel-summary__tile--comments .m2-panel-summary__icon{
background:rgb(124 71 184 / .14);
color:#7c47b8;
border-color:rgb(124 71 184 / .32)
}
a.m2-panel-summary__tile{
color:inherit;
text-decoration:none
}
a.m2-panel-summary__tile{
transition:transform .15s ease,border-color .15s ease,background .15s ease
}
a.m2-panel-summary__tile:hover{
transform:translateY(-1px);
border-color:rgb(214 112 47 / .55)
}
.m2-panel-summary__tile--cta{
text-decoration:none;
background:linear-gradient(135deg,rgb(214 112 47 / .18),rgb(120 76 42 / .06));
border-color:rgb(214 112 47 / .45);
transition:transform .15s ease,border-color .15s ease,background .15s ease
}
.m2-panel-summary__tile--cta:hover{
transform:translateY(-1px);
border-color:rgb(214 112 47 / .75);
background:linear-gradient(135deg,rgb(214 112 47 / .28),rgb(120 76 42 / .1))
}
.m2-panel-summary__tile--cta .m2-panel-summary__icon{
background:rgb(214 112 47 / .22);
border-color:rgb(214 112 47 / .55);
color:#f4d4a8
}
html[data-theme="light"] .m2-panel-summary__sub{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-panel-summary__sub--accent{
color:#8a3d12
}
html[data-theme="light"] .m2-panel-summary__sub--accent svg{
color:#b8741b
}
html[data-theme="light"] .m2-panel-summary__trend{
background:rgb(120 80 50 / .1);
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .m2-panel-summary__trend small{
color:inherit;
opacity:.85
}
html[data-theme="light"] .m2-panel-summary__trend--up{
color:#2f6921;
background:rgb(78 136 57 / .2)
}
html[data-theme="light"] .m2-panel-summary__trend--up small{
color:rgb(40 80 28 / .85)
}
html[data-theme="light"] .m2-panel-summary__trend--down{
color:#8a2828;
background:rgb(184 52 52 / .18)
}
html[data-theme="light"] .m2-panel-summary__trend--down small{
color:rgb(120 30 30 / .85)
}
html[data-theme="light"] .m2-panel-summary__trend--flat{
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .m2-panel-summary__tile--votes .m2-panel-summary__icon{
background:rgb(26 115 214 / .14);
color:#1a73d6;
border-color:rgb(26 115 214 / .32)
}
html[data-theme="light"] .m2-panel-summary__tile--cta{
background:linear-gradient(135deg,rgb(214 112 47 / .18),rgb(255 250 242 / .4));
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-panel-summary__tile--cta:hover{
background:#fff8ed;
border-color:rgb(214 112 47 / .75)
}
html[data-theme="light"] .m2-panel-summary__tile--cta .m2-panel-summary__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .55)
}
.m2-panel-section{
margin:24px 0 0
}
.m2-panel-section__head{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
margin:0 0 12px
}
.m2-panel-section__head h2{
display:inline-flex;
align-items:center;
gap:8px;
margin:0;
font-family:var(--font-display);
font-size:20px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-panel-section__head h2 svg{
color:#e8a08a
}
.m2-panel-section__sub{
font-size:11.5px;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .55);
font-weight:700
}
.m2-panel-card{
padding:18px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:12px;
backdrop-filter:blur(10px);
display:flex;
flex-direction:column;
gap:12px
}
.m2-panel-card__row{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap
}
.m2-panel-card__copy{
flex:1;
min-width:220px;
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.m2-panel-card__copy strong{
color:var(--ink)
}
.m2-panel-table{
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:12px;
overflow:hidden
}
.m2-panel-table__head,.m2-panel-table__row{
display:grid;
grid-template-columns:minmax(0,1.8fr) minmax(110px,1fr) minmax(150px,1fr) minmax(180px,1.4fr);
align-items:center;
gap:12px
}
.m2-panel-table__head{
padding:12px 16px;
background:rgb(20 12 8 / .55);
border-bottom:1px solid rgb(255 220 180 / .08);
font-size:10.5px;
letter-spacing:.16em;
text-transform:uppercase;
color:rgb(245 230 204 / .58);
font-weight:700
}
.m2-panel-table__row{
padding:12px 16px;
border-bottom:1px solid rgb(255 220 180 / .05);
transition:background 0.15s ease
}
.m2-panel-table__row:last-child{
border-bottom:none
}
.m2-panel-table__row:hover{
background:rgb(255 220 180 / .025)
}
.m2-panel-table__cell{
display:flex;
align-items:center;
min-width:0
}
.m2-panel-table__cell .m2-btn{
width:100%;
justify-content:center
}
.m2-panel-server{
display:inline-flex;
align-items:center;
gap:8px;
font-family:var(--font-display);
font-size:16px;
font-weight:700;
color:var(--ink);
text-decoration:none;
line-height:1.2
}
.m2-panel-server:hover{
color:#e8a08a
}
.backlink-check.is-off{
filter:grayscale(1);
opacity:.5
}
.m2-panel-bl{
display:inline-flex;
align-items:center;
gap:10px;
width:100%;
padding:10px 12px;
border-radius:8px;
text-decoration:none;
font-family:var(--font-ui);
font-weight:600;
transition:all 0.16s ease
}
.m2-panel-bl strong{
display:block;
font-size:13px;
line-height:1.2
}
.m2-panel-bl small{
display:block;
font-size:11px;
opacity:.85;
margin-top:2px
}
.m2-panel-bl--ok{
background:linear-gradient(180deg,rgb(126 216 122 / .18),rgb(74 140 79 / .1));
border:1px solid rgb(126 216 122 / .45);
color:#c8e8c0
}
.m2-panel-bl--ok:hover{
background:linear-gradient(180deg,rgb(126 216 122 / .32),rgb(74 140 79 / .18))
}
.m2-panel-bl--bad{
background:linear-gradient(180deg,rgb(193 74 58 / .18),rgb(122 40 24 / .1));
border:1px solid rgb(193 74 58 / .5);
color:#e8a08a
}
.m2-panel-bl--bad:hover{
background:linear-gradient(180deg,rgb(193 74 58 / .3),rgb(122 40 24 / .18))
}
.m2-panel-servers{
display:flex;
flex-direction:column;
gap:8px
}
.m2-panel-server-card{
padding:12px 14px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:10px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
transition:border-color 0.15s ease,background 0.15s ease
}
.m2-panel-server-card:hover{
border-color:rgb(255 220 180 / .18);
background:rgb(40 26 18 / .6)
}
.m2-panel-server-card__head{
display:flex;
align-items:center;
gap:10px;
min-width:0;
flex:1
}
.m2-panel-server-card__actions{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap
}
.m2-panel-server-card__bl{
width:auto
}
.m2-panel-tabs-section{
margin-top:18px
}
.m2-server-tabs{
display:flex;
gap:6px;
flex-wrap:wrap;
padding:6px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px
}
.m2-server-tab{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
background:#fff0;
border:1px solid #fff0;
border-radius:8px;
color:rgb(245 230 204 / .78);
font:inherit;
font-size:13.5px;
font-weight:600;
cursor:pointer;
text-decoration:none;
transition:background .12s ease,border-color .12s ease,color .12s ease;
max-width:100%
}
.m2-server-tab:hover{
color:var(--ink);
background:rgb(214 112 47 / .1)
}
.m2-server-tab.is-active{
background:rgb(214 112 47 / .2);
border-color:rgb(214 112 47 / .45);
color:#fff
}
.m2-server-tab__name{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:220px
}
.m2-server-tab .m2-chip{
font-size:10px;
padding:2px 7px
}
.m2-server-tab--add{
margin-left:auto;
border-style:dashed;
border-color:rgb(214 112 47 / .45);
color:#f4d4a8;
background:rgb(214 112 47 / .06)
}
.m2-server-tab--add:hover{
background:rgb(214 112 47 / .18);
color:#fff
}
.m2-server-actions{
display:flex;
gap:8px;
flex-wrap:wrap;
align-items:stretch;
margin-top:14px;
margin-bottom:26px
}
.m2-server-actions__bl{
margin-left:auto;
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 14px;
border-radius:10px;
text-decoration:none;
font-size:12.5px;
line-height:1.25
}
.m2-server-actions__bl strong{
display:block;
font-size:13px
}
.m2-server-actions__bl small{
display:block;
font-size:11px;
opacity:.8
}
.m2-server-actions__bl.m2-panel-bl--ok{
background:rgb(126 216 122 / .14);
border:1px solid rgb(126 216 122 / .32);
color:#c8f0b0
}
.m2-server-actions__bl.m2-panel-bl--bad{
background:rgb(214 72 72 / .14);
border:1px solid rgb(214 72 72 / .4);
color:#ffd0c4
}
html[data-theme="light"] .m2-server-tabs{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-server-tab{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-server-tab:hover{
color:#2a1a0f;
background:rgb(214 112 47 / .1)
}
html[data-theme="light"] .m2-server-tab.is-active{
background:rgb(214 112 47 / .22);
color:#2a1a0f;
border-color:rgb(214 112 47 / .55)
}
html[data-theme="light"] .m2-server-tab--add{
color:#8a3d12;
background:rgb(214 112 47 / .08);
border-color:rgb(214 112 47 / .5)
}
html[data-theme="light"] .m2-server-tab--add:hover{
background:rgb(214 112 47 / .18);
color:#2a1a0f
}
html[data-theme="light"] .m2-server-actions__bl.m2-panel-bl--ok{
background:rgb(78 136 57 / .16);
color:#2f5a1f;
border-color:rgb(78 136 57 / .4)
}
html[data-theme="light"] .m2-server-actions__bl.m2-panel-bl--bad{
background:rgb(184 52 52 / .14);
color:#8a2828;
border-color:rgb(184 52 52 / .4)
}
.m2-panel-tools{
display:grid;
grid-template-columns:1fr 1.4fr;
gap:14px;
margin-top:22px
}
.m2-panel-tools.m2-panel-tools--split{
grid-template-columns:1fr;
gap:12px
}
@media (max-width:880px){
.m2-panel-tools{
grid-template-columns:1fr
}
}
.m2-panel-tool--slim{
display:flex;
align-items:center;
gap:14px;
padding:12px 16px;
flex-direction:row!important
}
.m2-panel-tool--slim .m2-panel-tool__icon{
margin:0;
flex:0 0 auto
}
.m2-panel-tool__copy{
flex:1;
min-width:0
}
.m2-panel-tool__copy h3{
margin:0 0 2px;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
display:inline-flex;
align-items:center;
gap:8px
}
.m2-panel-tool__copy p{
margin:0;
font-size:12.5px;
line-height:1.45;
color:rgb(245 230 204 / .7)
}
.m2-panel-tool__chip{
padding:1px 7px;
font-size:9.5px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
color:#c8f0b0;
background:rgb(126 216 122 / .18);
border:1px solid rgb(126 216 122 / .4);
border-radius:999px
}
.m2-panel-tool--slim .m2-panel-tool__action{
flex:0 0 auto;
margin:0
}
.m2-panel-tool--slim .m2-panel-tool__action .m2-btn{
white-space:nowrap
}
@media (max-width:600px){
.m2-panel-tool--slim{
flex-direction:column!important;
align-items:flex-start
}
.m2-panel-tool--slim .m2-panel-tool__action .m2-btn{
width:100%;
justify-content:center
}
}
.m2-panel-feature{
padding:20px 22px;
background:rgb(30 20 14 / .55);
border:1px solid rgb(214 112 47 / .32);
border-radius:14px;
display:flex;
flex-direction:column;
gap:16px;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .06)
}
.m2-panel-feature__head{
display:grid;
grid-template-columns:auto 1fr auto;
gap:16px;
align-items:flex-start
}
@media (max-width:720px){
.m2-panel-feature__head{
grid-template-columns:auto 1fr
}
.m2-panel-feature__slots{
grid-column:1 / -1;
flex-direction:row!important;
align-items:center
}
}
.m2-panel-feature__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
background:linear-gradient(135deg,rgb(248 196 84 / .28),rgb(214 112 47 / .18));
border:1px solid rgb(248 196 84 / .55);
border-radius:12px;
color:#f8c454;
box-shadow:0 0 16px rgb(248 196 84 / .3)
}
.m2-panel-feature__title{
min-width:0
}
.m2-panel-feature__title .eyebrow{
font-family:var(--font-display);
font-size:10.5px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(248 196 84 / .85);
margin-bottom:2px
}
.m2-panel-feature__title h3{
margin:0 0 6px;
font-family:var(--font-display);
font-size:20px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em
}
.m2-panel-feature__title p{
margin:0;
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .75)
}
.m2-panel-feature__meta{
display:flex;
align-items:stretch;
gap:10px
}
.m2-panel-feature__price{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2px;
min-width:110px;
padding:8px 14px;
background:rgb(214 112 47 / .1);
border:1px solid rgb(214 112 47 / .32);
border-radius:12px
}
.m2-panel-feature__price-lbl{
font-size:10.5px;
letter-spacing:.1em;
text-transform:uppercase;
font-weight:700;
color:rgb(255 226 168 / .75)
}
.m2-panel-feature__price-num{
font-family:var(--font-display);
font-size:28px;
font-weight:800;
color:#ffe2a8;
line-height:1;
text-shadow:0 0 12px rgb(248 196 84 / .3)
}
.m2-panel-feature__price-num small{
font-size:16px;
font-weight:700;
opacity:.7
}
.m2-panel-feature__price-sub{
font-size:11px;
color:rgb(255 226 168 / .65);
font-weight:600
}
@media (max-width:720px){
.m2-panel-feature__meta{
flex-direction:column
}
}
html[data-theme="light"] .m2-panel-feature__price{
background:rgb(214 112 47 / .12);
border-color:rgb(214 112 47 / .4)
}
html[data-theme="light"] .m2-panel-feature__price-lbl{
color:rgb(184 116 27 / .85)
}
html[data-theme="light"] .m2-panel-feature__price-num{
color:#b8741b;
text-shadow:0 0 8px rgb(248 196 84 / .2)
}
html[data-theme="light"] .m2-panel-feature__price-sub{
color:rgb(60 40 28 / .7)
}
.m2-panel-feature__slots{
display:flex;
flex-direction:column;
gap:6px;
align-items:center;
min-width:110px;
padding:8px 12px;
background:rgb(248 196 84 / .08);
border:1px solid rgb(248 196 84 / .3);
border-radius:12px
}
.m2-panel-feature__slots .m2-panel-tool__slots-num{
font-family:var(--font-display);
font-size:28px;
font-weight:800;
color:#ffe2a8;
line-height:1;
text-shadow:0 0 12px rgb(248 196 84 / .3)
}
.m2-panel-feature__slots .m2-panel-tool__slots-num small{
font-size:14px;
color:rgb(255 226 168 / .55);
font-weight:600
}
.m2-panel-feature__slots .m2-panel-tool__slots-bar{
width:100%;
height:4px;
border-radius:999px;
background:rgb(245 230 204 / .1);
overflow:hidden
}
.m2-panel-feature__slots .m2-panel-tool__slots-bar>div{
height:100%;
background:linear-gradient(90deg,#f8c454,#d6702f)
}
.m2-panel-feature__slots .m2-panel-tool__slots-lbl{
font-size:10.5px;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(255 226 168 / .75);
font-weight:700
}
.m2-panel-feature__grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
padding-top:14px;
border-top:1px solid rgb(245 230 204 / .1)
}
@media (max-width:600px){
.m2-panel-feature__grid{
grid-template-columns:1fr;
gap:10px
}
}
.m2-panel-feature__h{
display:inline-flex;
align-items:center;
gap:6px;
margin:0 0 8px;
font-family:var(--font-display);
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:rgb(245 230 204 / .65)
}
.m2-panel-feature__list{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:6px
}
.m2-panel-feature__list li{
display:flex;
align-items:flex-start;
gap:8px;
padding:6px 0;
font-size:13px;
line-height:1.45;
color:rgb(245 230 204 / .8);
border-top:1px solid rgb(245 230 204 / .06)
}
.m2-panel-feature__list li:first-child{
border-top:0;
padding-top:0
}
.m2-panel-feature__list li svg{
flex:0 0 auto;
margin-top:1px;
color:rgb(245 230 204 / .55)
}
.m2-panel-feature__list li.is-ok svg{
color:#9bbf6e
}
.m2-panel-feature__list li.is-bad{
color:rgb(245 230 204 / .55)
}
.m2-panel-feature__list li.is-bad svg{
color:#d56747
}
.m2-panel-feature__cta{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
padding:14px 16px;
background:linear-gradient(135deg,rgb(248 196 84 / .1),rgb(214 112 47 / .06));
border:1px solid rgb(248 196 84 / .35);
border-radius:12px
}
.m2-panel-feature__cta-text{
flex:1;
min-width:0;
display:flex;
flex-direction:column;
gap:2px
}
.m2-panel-feature__cta-text .eyebrow{
font-family:var(--font-display);
font-size:10px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(248 196 84 / .85)
}
.m2-panel-feature__cta-text strong{
font-family:var(--font-display);
font-size:16px;
color:var(--ink)
}
.m2-panel-feature__cta-text small{
font-size:12px;
color:rgb(245 230 204 / .65)
}
.m2-panel-feature__cta-btn{
white-space:nowrap
}
.m2-panel-feature__upload{
display:flex;
flex-direction:column;
gap:10px
}
.m2-panel-feature__upload-row{
display:flex;
gap:8px;
flex-wrap:wrap
}
.m2-panel-feature__upload-row .m2-btn{
flex:1;
justify-content:center;
min-width:200px
}
html[data-theme="light"] .m2-panel-feature{
background:rgb(255 250 242 / .7);
border-color:rgb(214 112 47 / .4)
}
html[data-theme="light"] .m2-panel-feature__icon{
background:linear-gradient(135deg,rgb(248 196 84 / .3),rgb(214 112 47 / .18));
color:#b8741b;
border-color:rgb(214 112 47 / .55)
}
html[data-theme="light"] .m2-panel-feature__title .eyebrow,html[data-theme="light"] .m2-panel-feature__cta-text .eyebrow{
color:#b8741b
}
html[data-theme="light"] .m2-panel-feature__title p{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-panel-feature__h{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-panel-feature__list li{
color:rgb(60 40 28 / .85);
border-top-color:rgb(120 80 50 / .12)
}
html[data-theme="light"] .m2-panel-feature__list li.is-ok svg{
color:#4e8839
}
html[data-theme="light"] .m2-panel-feature__list li.is-bad svg{
color:#c84545
}
html[data-theme="light"] .m2-panel-feature__cta{
background:linear-gradient(135deg,rgb(248 196 84 / .16),rgb(214 112 47 / .08));
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-panel-feature__cta-text small{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-panel-tool__chip{
background:rgb(78 136 57 / .16);
color:#4e8839;
border-color:rgb(78 136 57 / .45)
}
html[data-theme="light"] .m2-panel-tool__copy h3{
color:#1f1208
}
html[data-theme="light"] .m2-panel-tool__copy p{
color:rgb(60 40 28 / .82)
}
html[data-theme="light"] .m2-panel-feature__list li{
color:rgb(60 40 28 / .85);
border-top-color:rgb(120 80 50 / .15)
}
html[data-theme="light"] .m2-panel-feature__h{
color:rgb(60 40 28 / .7)
}
html[data-theme="light"] .m2-panel-feature__title h3{
color:#1f1208
}
html[data-theme="light"] .m2-panel-feature__title p{
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .m2-panel-tool__status,html[data-theme="light"] .m2-panel-warning{
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .m2-panel-tool__status strong{
color:#1f1208
}
.m2-panel-tool{
padding:18px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:12px;
display:flex;
flex-direction:column;
gap:14px
}
.m2-panel-tool__head{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap
}
.m2-panel-tool__head>div{
flex:1;
min-width:0
}
.m2-panel-tool__head h3{
margin:0;
font-family:var(--font-display);
font-size:16px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em
}
.m2-panel-tool__head p{
margin:4px 0 0;
font-size:12.5px;
color:rgb(245 230 204 / .7);
line-height:1.5
}
.m2-panel-tool__icon{
width:40px;
height:40px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(232 160 138 / .14);
border:1px solid rgb(232 160 138 / .32);
color:#e8a08a;
flex-shrink:0
}
.m2-panel-tool__icon--green{
background:rgb(126 216 122 / .14);
border-color:rgb(126 216 122 / .32);
color:#9bbf6e
}
.m2-panel-tool__icon--gold{
background:rgb(240 201 138 / .14);
border-color:rgb(240 201 138 / .36);
color:#f0c98a
}
html[data-theme="light"] .m2-panel-tool__icon--green{
background:rgb(78 136 57 / .2);
border-color:rgb(78 136 57 / .55);
color:#2f6921
}
html[data-theme="light"] .m2-panel-tool__icon--gold{
background:rgb(184 116 27 / .18);
border-color:rgb(184 116 27 / .55);
color:#8a5a13
}
.m2-panel-tool__action{
margin-top:auto
}
.m2-panel-tool__action .m2-btn{
width:100%;
justify-content:center
}
.m2-panel-tool__slots{
display:flex;
flex-direction:column;
align-items:center;
min-width:90px;
padding:8px 12px;
background:rgb(20 12 8 / .5);
border:1px solid var(--hairline-2);
border-radius:10px
}
.m2-panel-tool__slots-num{
font-family:var(--font-display);
font-weight:700;
font-size:22px;
color:var(--ink);
line-height:1;
display:flex;
align-items:baseline;
gap:3px
}
.m2-panel-tool__slots-num small{
font-size:13px;
color:rgb(245 230 204 / .55);
font-weight:600
}
.m2-panel-tool__slots-bar{
width:70px;
height:4px;
background:rgb(20 12 8 / .6);
border-radius:2px;
overflow:hidden;
margin:6px 0 4px
}
.m2-panel-tool__slots-bar>div{
height:100%;
background:linear-gradient(90deg,#e8a08a,#c14a3a);
transition:width 0.3s ease
}
.m2-panel-tool__slots-lbl{
font-size:10px;
letter-spacing:.16em;
text-transform:uppercase;
font-weight:700;
color:rgb(245 230 204 / .55)
}
.m2-panel-tool__cta{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:wrap;
padding:12px 14px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .12);
border-radius:8px
}
.m2-panel-tool__cta-text strong{
display:block;
color:var(--ink);
font-size:13.5px
}
.m2-panel-tool__cta-text small{
display:block;
font-size:11.5px;
color:rgb(245 230 204 / .6);
margin-top:2px
}
.m2-panel-tool__status{
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
background:rgb(193 74 58 / .1);
border:1px solid rgb(193 74 58 / .32);
border-radius:8px;
font-size:13px;
color:rgb(245 230 204 / .85);
line-height:1.5
}
.m2-panel-tool__status svg{
color:#e8a08a;
flex-shrink:0
}
.m2-panel-tool__status strong{
color:var(--ink)
}
.m2-panel-tool__details summary{
cursor:pointer;
list-style:none;
user-select:none;
font-size:12px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .65)
}
.m2-panel-tool__details summary::after{
content:" ▾";
font-size:.85em
}
.m2-panel-tool__details[open] summary::after{
content:" ▴"
}
.m2-panel-tool__details p{
margin:8px 0 0;
font-size:12.5px;
line-height:1.55;
color:rgb(245 230 204 / .75)
}
.m2-panel-tool__upload{
display:flex;
flex-direction:column;
gap:12px
}
html[data-theme="light"] .m2-panel-summary__tile,html[data-theme="light"] .m2-panel-server-card,html[data-theme="light"] .m2-panel-tool{
background:linear-gradient(180deg,rgb(232 208 170 / .92) 0%,rgb(216 188 146 / .92) 100%);
border-color:rgb(120 78 38 / .28)
}
html[data-theme="light"] .m2-panel-server-card:hover{
background:linear-gradient(180deg,rgb(224 196 152 / .95),rgb(208 176 130 / .95))
}
html[data-theme="light"] .m2-panel-summary__l,html[data-theme="light"] .m2-panel-summary__v small,html[data-theme="light"] .m2-panel-tool__head p,html[data-theme="light"] .m2-panel-tool__cta-text small,html[data-theme="light"] .m2-panel-tool__status,html[data-theme="light"] .m2-panel-tool__slots-num small,html[data-theme="light"] .m2-panel-tool__slots-lbl,html[data-theme="light"] .m2-panel-tool__details summary,html[data-theme="light"] .m2-panel-tool__details p{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-panel-summary__v,html[data-theme="light"] .m2-panel-tool__head h3,html[data-theme="light"] .m2-panel-tool__cta-text strong,html[data-theme="light"] .m2-panel-tool__status strong,html[data-theme="light"] .m2-panel-tool__slots-num{
color:#1f1208
}
html[data-theme="light"] .m2-panel-tool__slots,html[data-theme="light"] .m2-panel-tool__cta{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22)
}
.m2-panel-banner__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-wrap:wrap
}
.m2-panel-banner__title h3{
margin:0;
font-family:var(--font-display);
font-size:17px;
font-weight:700;
color:var(--ink)
}
.m2-panel-banner__specs{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:6px
}
.m2-panel-banner__specs span{
display:inline-flex;
align-items:center;
gap:6px;
font-size:11.5px;
color:rgb(245 230 204 / .62);
padding:3px 8px;
background:rgb(255 220 180 / .06);
border:1px solid rgb(255 220 180 / .1);
border-radius:999px
}
.m2-panel-banner__specs svg{
color:#e8a08a
}
.m2-panel-banner__slots{
display:flex;
align-items:center;
gap:12px;
padding:8px 14px;
background:rgb(20 12 8 / .5);
border:1px solid var(--hairline-2);
border-radius:999px;
min-width:220px
}
.m2-panel-banner__slots-num{
font-family:var(--font-display);
font-weight:700;
font-size:18px;
color:#e8a08a;
line-height:1;
display:flex;
align-items:baseline;
gap:4px
}
.m2-panel-banner__slots-num small{
font-size:12px;
color:rgb(245 230 204 / .55);
font-weight:600
}
.m2-panel-banner__progress{
flex:1;
height:6px;
min-width:60px;
background:rgb(20 12 8 / .6);
border-radius:3px;
overflow:hidden
}
.m2-panel-banner__progress .bar{
height:100%;
transition:width 0.3s ease;
background:linear-gradient(90deg,#c14a3a,#e8a08a);
box-shadow:0 0 12px rgb(193 74 58 / .4)
}
.m2-panel-banner__slots-lbl{
font-size:10px;
letter-spacing:.16em;
text-transform:uppercase;
font-weight:700;
color:rgb(245 230 204 / .5)
}
.m2-panel-banner__schedule-note{
display:flex;
align-items:center;
gap:10px;
padding:10px 14px;
background:rgb(232 160 138 / .08);
border:1px solid rgb(232 160 138 / .22);
border-radius:8px;
font-size:12.5px;
color:rgb(245 230 204 / .78);
line-height:1.5
}
.m2-panel-banner__schedule-note svg{
color:#e8a08a;
flex-shrink:0
}
.m2-panel-banner__schedule{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center
}
.m2-panel-banner__schedule-card{
padding:10px 16px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .1);
border-radius:8px
}
.m2-panel-banner__schedule-card .lbl{
font-size:10px;
letter-spacing:.16em;
text-transform:uppercase;
font-weight:700;
color:rgb(245 230 204 / .55)
}
.m2-panel-banner__schedule-card .v{
margin-top:3px;
font-family:var(--font-display);
font-size:14px;
color:var(--ink);
font-feature-settings:"tnum"
}
.m2-panel-warning{
display:flex;
align-items:flex-start;
gap:10px;
padding:12px 14px;
background:rgb(193 74 58 / .1);
border:1px solid rgb(193 74 58 / .32);
border-radius:8px;
font-size:13px;
line-height:1.55;
color:rgb(245 230 204 / .85)
}
.m2-panel-warning svg{
color:#e8a08a;
flex-shrink:0;
margin-top:1px
}
.m2-panel-warning strong{
display:block;
color:var(--ink);
margin-bottom:2px;
font-weight:700
}
.m2-panel-warning span{
display:block
}
.m2-panel-warning.warn{
background:rgb(240 201 138 / .1);
border-color:rgb(240 201 138 / .32)
}
.m2-panel-warning.warn svg{
color:#f0c98a
}
.m2-panel-warning.info{
background:rgb(255 220 180 / .06);
border-color:rgb(255 220 180 / .14)
}
.m2-panel-warning.info svg{
color:rgb(245 230 204 / .7)
}
.m2-panel-banner__current{
display:flex;
flex-direction:column;
gap:6px
}
.m2-panel-banner__current-lbl{
font-size:11px;
letter-spacing:.14em;
text-transform:uppercase;
font-weight:700;
color:rgb(245 230 204 / .6)
}
.m2-panel-banner__current img{
display:block;
max-width:100%;
height:90px;
object-fit:cover;
border-radius:6px;
border:1px solid var(--hairline-2)
}
.m2-panel-banner__upload{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px
}
.m2-panel-banner__upload .m2-btn{
justify-content:center
}
@media (max-width:720px){
.m2-panel-table__head,.m2-panel-table__row{
grid-template-columns:1fr
}
.m2-panel-table__head{
display:none
}
.m2-panel-banner__upload{
grid-template-columns:1fr
}
}
html[data-theme="light"] .m2-panel-card,html[data-theme="light"] .m2-panel-table{
background:linear-gradient(180deg,rgb(232 208 170 / .92) 0%,rgb(216 188 146 / .92) 100%);
border-color:rgb(120 78 38 / .28);
color:#1f1208
}
html[data-theme="light"] .m2-panel-table__head{
background:rgb(140 90 40 / .08);
border-bottom-color:rgb(120 78 38 / .22);
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-panel-table__row{
border-bottom-color:rgb(120 78 38 / .18)
}
html[data-theme="light"] .m2-panel-table__row:hover{
background:rgb(140 90 40 / .05)
}
html[data-theme="light"] .m2-panel-server{
color:#1f1208
}
html[data-theme="light"] .m2-panel-server:hover{
color:#8a3d1e
}
html[data-theme="light"] .m2-panel-card__copy,html[data-theme="light"] .m2-panel-warning,html[data-theme="light"] .m2-panel-banner__schedule-note{
color:rgb(60 38 22 / .85)
}
html[data-theme="light"] .m2-panel-warning strong,html[data-theme="light"] .m2-panel-banner__title h3,html[data-theme="light"] .m2-panel-section__head h2,html[data-theme="light"] .m2-panel-banner__schedule-card .v{
color:#1f1208
}
html[data-theme="light"] .m2-panel-banner__schedule-card,html[data-theme="light"] .m2-panel-banner__specs span,html[data-theme="light"] .m2-panel-banner__slots{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-panel-bl--ok{
color:#1f3a1c
}
html[data-theme="light"] .m2-panel-bl--bad{
color:#6a1810
}
html[data-theme="light"] .m2-panel-section__sub,html[data-theme="light"] .m2-panel-banner__slots-lbl,html[data-theme="light"] .m2-panel-banner__slots-num small,html[data-theme="light"] .m2-panel-banner__schedule-card .lbl,html[data-theme="light"] .m2-panel-banner__current-lbl{
color:rgb(60 38 22 / .7)
}
.profile0{
background-image:url(data:image/png;
base64,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)
}
.profile1{
background-image:url(data:image/png;
base64,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)
}
.profile2{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAACo1BMVEUAAABaMxNVMhFYMg/18+1aNQ8yIx1PLQw1JR2shVCabzqheUWgczs3KCLImljJo2q+lFl6VCtNNiPGmljWsnfVr3S8ll6rfkJNLA/EllTCnWi0jljGoWq0hUevi1uzg0Pi29HAlViQZC+IYDSpdTaxhkt3YDpFMCG+k1VjSC2uhlHOoGDMpWq6jU1DLyOyiE/ClFPXsnm5j1LnyJLMpmw4Jx3FnWG1hkjRrHTRtIZDMCJPOirNsYapgEyhe0mIZTrRq3Dq17HGnWHDmmDlwIR/ViqReFWBYTrqyo1lWDmvfkTFnWTKo2isfULFpHPLnl1vTSq7q5jQrHWHbEj348jrzqC6jk3mz6fWrnC+jUndv43Zu4qkfEmtlXbdt3wRCgasfUG2n2rj2Mu5lGEhFxBzWDWBZUJoUTgmGhksHhsBAQcVCgoNBwcjFxY/GxdWKhRBFAcfFhQdERF1PS8CCBYmEQr///5mOSssKChTFQkzCgYXERBCPzs0NDIvGRhoJRMRHy0OFBtBMSUgJywaHR5DKxQvFQ6UTDBXLy6POBoiAwJ2TDrAgDM3HBbrg1RFTFIvOkHKlD2LaTEDFyxJIyRKOSP81W7vpVQCCSZaOxn7tnJwa2NXWVaXelVgREJYRCp6LBb//e7+3ZyQi494VlMyRlDVdkqRXUf8ukJVTjuEUzHIMx+nQx1wQRL/+ab9wpH+0IWejmOZdj+/XjofMDqoWzn1ozCdZij//d/Cw8Stpqfqq5BreoKCe3eshWDpxV/NtVmsa1FnWE+wkTZqTyqvaR58Ux6NVxXs4t2Wrsr//b7/6bf+1LTawKfLtpz8sYWsnX7MjWuSdmv7nmpTY2jejl3CfVz+1Evbiir/+NDwx7HOrI3gn3T/9FyVjU52dEvLZheHauvdAAAAaHRSTlMACRQ5Bin9Lu2Wf4NN/uXQqlOV+fXmupUg2rqioJ2MUhHLclL+gv6nl3hhT/i6uKuD/vrr3tfW1tLCwKili3Nj9vXt4txvOCb9/fv58OeEa2Aj/v37+OXgtWv43LVJ/dPR/fbvvLiqjvbPu8IAAAekSURBVEjHrZbldxNBFMUpoWk8adombZq21IUaLZQWKO7u7jo7u5uNu6fuLlRxd3d3d5c/hdkQenA4wPs0X37n3nffnJnX6z+WH129UXkPf8ggINQ/gOGtAP9QGv4TyJ8RmC8RhgT37x8cIpRFBjL8Efg7KCAwfMAIoYjNjYkZm8xhi4TBA8IDfw0ipUBJajR7GFuSM49SKs3mysFrY9jCYBkN/hQKZYRPkQxLyl2WK1pHaTQaB6UsSzgULeXIgsMZoUjwx1LDR+dw5dlj5P2Gi6ld2y/u0mjMSly8RCCI4OSGDP+hIOqKOzkjfkz2tCgxi6nUlBcXHz1a6lAW4WtiMwVhXNGiSMT9gGKPypfPHRo1hI9hKofGQDn27Hn2rJjCLVhi8pKsiPzspADEfU9xF2RPT1SQAAClxmAym/Y81etHriwjSIt6+RBBGjdb/q2enz8XUWP6DaZMOhUgqfISpdm07Y5evymVgioLU708OSyaO3LaeL+vqNDhk/NlIf0Gl2gcShyYDQazWdl9X68/salWAy1YCZ8YGBWWFjknxcf5LDJGZ4SH9EsHmm6TWadQaDRUmbJ7g16vv5WqgWqVgkmQg6MEEUNXjev9pcXwHO6I6UMwFcpObScpw3ZNmdLkMJnenC4zQ7WaaiTUWOLCoPj5Q5Fcj1jgFE6OPBkjDaUOEw4qKYOmuEy563VpadU2QwlBWBrdFguJJYvC4ufwelLxC5BIIgQ8FqAQVUYq7IaSwtIy89GNG0/sO3DgEYHjRjcfybF4YRF5ef5+PWKpHEFmor3B5FASdoVdbejSoftYvOnlif0Hnp4lCtQWj7uAthk/jzM3Fsn5OouWCmKZfEqJUlTYga68q0inM5duuK1/uPtuNeHCFSpjo1FrwWLnSfPkPrnejAHS6CQxk68w4SSigGKLoUhRaS6t2n97/7ZTUEXgdoWrs9xKqMQRg9iLGb19HkfEBEWxMKxSqbYrAFAXlhsUlKJIc3hb1e7D1ThBqJAH68SuAheLNylmEXLpHXW+UBo2AwOghNIV2QlcpSgvoQobdaWOPVWPLxKYC1cBe9Gl2ViDsWDGIGluZKgX85eI0kRiDGA6NaXDC68QfIOhVekurCo2dWuMBUatSmuxWAvc6MgUZywRyfy9WICQHZaZjgF7a0ldXJAj6IGuoZVS6Io3VF106CDfiEPrzksdTCNuUWHp+SvYwgAvxgjhCBYOxABpiNtl0ly5uu8sXlmpqHz4uOpwd4PHjRU0zE6duCXBpgYADEyZyglh+HmDDKYTAYBMuLB3cysRd2yTmsALzRvvVB3WFAM332Y9ZyxPaLeqVQCweHFjg1GUNNZ/bBCPCQBWd3BP01V4bceODogXQY9+/+7d23ZaGtuNh/juy7OtTlxNMhHW/xtMsV3hwE26iTuaGyAkYI3+9O77JyFmA5MSoM3mxF0k8GE+k1m0SVWdqRUWz7pGvNtx1WMkADyiPz1nM4Q1tlrjudnOeh0ySQ8OmfRFMi8FRaLae9lU9uLmlm7QdKyhvY0wQpder9W6tnZVOJsOPrHh6i8j8QvIZQ+KRwMAREUx/JB1bC9se1sBT56BAEL9Sdi29XiFra65w1qDk1h6/KDPA/CXidIyxAgrqmy6gsfthRDHXhRq9W14AYQb26zO2lqPdqet2moBmDgj7fO4QyNzpYNmYGjeRN3zQxAWNdVSDZMgvrFdbdRqX1XD8zttWSX1j2wqgKHLJfRdrt6xi2Im8VhITqlr3tEEj2+62aqMg7DgRjt0aZ13aypc5/ufKj+IA4wVlRUTHIiusjfKxewVEWIkV1gW1Hys8Frtk+vKCp0L197YCbVw6+ZdnubazdvdSEycFM0eQAfpbU6eJ50aix5jjML2Pb9MHG++DreXOG1aeG8r4mq2WDs3bHBbAGDGhkmF4d7WvC7ncqfGD2EiPdx9YV+QWwfPVLS2WD2w5cH7lhattbOlupoAAEvMFHBG0B7p6uM3Li8vYiqPhTjSTFy6XruhblaFQeuEWlfCAZez3pmQ4NSSqDOeIEIioeP3Yn3Gp4yMHCRK5iOu6OwplGXd8bhCWNOR1Vy+1xB3pH5iB0YCQD94tFgP1nfc0PmRWZlDaM52Bmo9Wmg7eOveli5XQqrTM/FQpwoAQD+vnBy6sx5s5tKRebLVKekoFkASBc7GigvtHedgTUtQk6e+voukKfoxz0AxfoH1HTdtzlDZ6JTBSI5+g+oaWza3Taiurjlira+3gE9UWBp3ynA06h6Mlhs6MjJ6dAqKE6AiKxs7t3aeNx7x4CovhCVGhUVzpnCRxS8xxKH2JKOmJ7O8nJclSd8JYyUvFKRxRrHp7/Qbbpx8bmR4qpyHPuEe8pMSM5EnCorgfk0hzMdNGymPHxCSyRPTE8S8CCqWmIe+fE7GZO7XFOK8YO/xKfMXxyeF0AvG+vSBLD6fNTBdPCMqiV4wokf/YMHo4y2/8Qx5toyblDthzIJp0/uhmp4pyglC60za5AxGKKJ+uqbFyoKF7GFJC8ZkT5gwYVmIUCKNkUZPlgQG/ATq0wOGDwgWipLih6HiskU5qaPDacjvDxbDSBlaDGfNGjFFKMn3LYZ/s4b+09L77/URQvjEAbvpp9QAAAAASUVORK5CYII=)
}
.profile3{
background-image:url(data:image/png;
base64,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 o2RUKAH/O30CfqFwbnCR2x0AAAAASUVORK5CYII=)
}
.profile4{
background-image:url(data:image/png;
base64,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)
}
.profile5{
background-image:url(data:image/png;
base64,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)
}
.profile6{
background-image:url(data:image/png;
base64,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)
}
.profile7{
background-image:url(data:image/png;
base64,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)
}
.profile8{
background-image:url(data:image/png;
base64,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)
}
.m2-contact{
padding-bottom:24px
}
.m2-contact__grid{
display:grid;
grid-template-columns:1fr 280px;
gap:22px;
align-items:start
}
@media (max-width:800px){
.m2-contact__grid{
grid-template-columns:1fr
}
}
.m2-contact__form{
padding:24px;
background:rgb(28 18 12 / .55);
backdrop-filter:blur(14px) saturate(140%);
border:1px solid var(--hairline-2);
border-radius:12px
}
.m2-contact__row{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px
}
@media (max-width:480px){
.m2-contact__row{
grid-template-columns:1fr
}
}
.m2-contact__submit{
display:flex;
justify-content:flex-end;
margin-top:4px
}
.m2-contact__submit .m2-auth__submit{
width:auto;
padding:11px 22px
}
.m2-contact__channels{
display:flex;
flex-direction:column;
gap:10px
}
.m2-contact__channel{
padding:14px 16px;
background:rgb(28 18 12 / .5);
border:1px solid rgb(255 220 180 / .08);
border-radius:10px;
color:var(--ink);
text-decoration:none;
transition:border-color 0.15s ease,background 0.15s ease
}
.m2-contact__channel:hover{
border-color:rgb(255 220 180 / .22);
background:rgb(40 26 18 / .6)
}
.m2-contact__channel-lbl{
display:inline-flex;
align-items:center;
gap:8px;
font-size:10px;
letter-spacing:.14em;
text-transform:uppercase;
color:#e8a08a;
font-weight:700;
margin-bottom:8px
}
.m2-contact__channel-v{
font-size:13.5px;
font-weight:600;
color:var(--ink);
word-break:break-all
}
.m2-contact__channel-sub{
font-size:11.5px;
color:rgb(245 230 204 / .55);
margin-top:4px
}
html[data-theme="light"] .m2-auth__card,html[data-theme="light"] .m2-contact__form,html[data-theme="light"] .m2-contact__channel{
background:linear-gradient(180deg,rgb(232 208 170 / .92) 0%,rgb(216 188 146 / .92) 100%);
border-color:rgb(120 78 38 / .28);
box-shadow:0 1px 0 rgb(255 245 220 / .7) inset,0 8px 24px -10px rgb(80 50 20 / .32);
color:#1f1208
}
html[data-theme="light"] .m2-auth__head h1{
color:#1f1208
}
html[data-theme="light"] .m2-auth__head p,html[data-theme="light"] .m2-auth__foot,html[data-theme="light"] .m2-contact__channel-sub{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-field__lbl{
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-field__wrap{
background:rgb(255 250 235 / .7);
border-color:rgb(120 78 38 / .28)
}
html[data-theme="light"] .m2-field__wrap:focus-within{
border-color:rgb(193 74 58 / .6);
background:rgb(255 252 238 / .9)
}
html[data-theme="light"] .m2-field__wrap input,html[data-theme="light"] .m2-field__wrap textarea,html[data-theme="light"] .m2-field__wrap select{
color:#1f1208
}
html[data-theme="light"] .m2-field__wrap input::placeholder,html[data-theme="light"] .m2-field__wrap textarea::placeholder{
color:rgb(60 38 22 / .45)
}
html[data-theme="light"] .m2-field__icon{
color:rgb(60 38 22 / .55)
}
html[data-theme="light"] .m2-field__wrap select{
background-image:url("data:image/svg+xml;
utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1208' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>")
}
html[data-theme="light"] .m2-field__wrap select option{
background:#f5e6cc;
color:#1f1208
}
html[data-theme="light"] .m2-auth__avatar{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-contact__channel-v{
color:#1f1208
}
.m2-foot{
border-top:1px solid rgb(255 220 180 / .08);
padding:44px 28px 0;
background:linear-gradient(180deg,rgb(10 6 4 / .55),rgb(10 6 4 / .85));
backdrop-filter:blur(10px);
margin-top:40px
}
.m2-foot__wrap{
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(220px,1fr) 3fr;
gap:36px
}
@media (max-width:880px){
.m2-foot__wrap{
grid-template-columns:1fr;
gap:28px
}
}
.m2-foot__brand{
display:flex;
flex-direction:column;
gap:14px
}
.m2-foot__logo{
display:inline-flex;
align-items:center;
gap:12px;
text-decoration:none;
color:inherit
}
.m2-foot__logo img{
width:56px;
height:31px;
object-fit:contain
}
.m2-foot__logo b{
display:block;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-foot__logo small{
display:block;
margin-top:3px;
font-size:12px;
color:rgb(245 230 204 / .6)
}
.m2-foot__discord{
align-self:flex-start;
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 14px;
font:inherit;
font-size:13px;
font-weight:700;
color:#c9d1ff;
text-decoration:none;
background:rgb(88 101 242 / .14);
border:1px solid rgb(88 101 242 / .4);
border-radius:999px;
transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease
}
.m2-foot__discord:hover{
background:rgb(88 101 242 / .24);
border-color:rgb(88 101 242 / .65);
color:#fff;
transform:translateY(-1px)
}
.m2-foot__cols{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px
}
@media (max-width:880px){
.m2-foot__cols{
grid-template-columns:repeat(2,1fr);
gap:22px
}
}
@media (max-width:480px){
.m2-foot__cols{
grid-template-columns:1fr;
gap:16px
}
}
.m2-foot__col{
display:flex;
flex-direction:column;
gap:8px
}
.m2-foot__col h3{
margin:0 0 4px;
font-family:var(--font-display);
font-size:12px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .55)
}
.m2-foot__col a{
display:inline-flex;
align-items:center;
gap:7px;
font-size:13px;
line-height:1.4;
color:rgb(245 230 204 / .78);
text-decoration:none;
transition:color .12s ease
}
.m2-foot__col a:hover{
color:var(--ink)
}
.m2-foot__col a svg{
color:rgb(245 230 204 / .45);
flex:0 0 auto
}
.m2-foot__col a:hover svg{
color:#f4d4a8
}
.m2-foot__base{
max-width:1180px;
margin:36px auto 0;
padding:18px 0 22px;
border-top:1px solid rgb(255 220 180 / .08);
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:10px;
font-size:12px
}
.m2-foot__copy{
color:rgb(245 230 204 / .55)
}
.m2-foot__tag{
color:rgb(245 230 204 / .45)
}
html[data-theme="light"] .m2-foot{
background:linear-gradient(180deg,rgb(248 240 220 / .65),rgb(232 208 170 / .85));
border-top-color:rgb(120 78 38 / .2)
}
html[data-theme="light"] .m2-foot__logo small{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-foot__col h3{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-foot__col a{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-foot__col a:hover{
color:#1f1208
}
html[data-theme="light"] .m2-foot__col a svg{
color:rgb(60 40 28 / .45)
}
html[data-theme="light"] .m2-foot__col a:hover svg{
color:#8a3d12
}
html[data-theme="light"] .m2-foot__discord{
background:rgb(88 101 242 / .14);
color:#4a55c2;
border-color:rgb(88 101 242 / .55)
}
html[data-theme="light"] .m2-foot__discord:hover{
background:rgb(88 101 242 / .22);
color:#2a36a8
}
html[data-theme="light"] .m2-foot__base{
border-top-color:rgb(120 78 38 / .2)
}
html[data-theme="light"] .m2-foot__copy{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-foot__tag{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-foot__discord{
background:linear-gradient(180deg,rgb(255 250 235 / .85),rgb(232 210 168 / .6));
border-color:rgb(120 78 38 / .32);
color:#1f1208;
box-shadow:inset 0 1px 0 rgb(255 245 220 / .7),0 4px 10px -6px rgb(80 50 20 / .28)
}
html[data-theme="light"] .m2-foot__discord:hover{
background:linear-gradient(180deg,rgb(255 252 238 / .95),rgb(232 210 168 / .85));
border-color:rgb(120 78 38 / .5);
box-shadow:inset 0 1px 0 rgb(255 245 220 / .9),0 8px 18px -6px rgb(80 50 20 / .35)
}
.m2-blog-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px
}
@media (max-width:880px){
.m2-blog-grid{
grid-template-columns:repeat(2,1fr)
}
}
@media (max-width:600px){
.m2-blog-grid{
grid-template-columns:1fr
}
}
.m2-blog-card{
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .08);
border-radius:8px;
overflow:hidden;
cursor:pointer;
transition:transform 0.2s ease,border-color 0.2s ease;
display:flex;
flex-direction:column;
text-decoration:none;
color:inherit
}
.m2-blog-card:hover{
border-color:rgb(255 220 180 / .2);
transform:translateY(-2px)
}
.m2-blog-card__hero{
position:relative;
aspect-ratio:2 / 1;
background:radial-gradient(80% 80% at 30% 30%,rgb(193 74 58 / .27) 0%,transparent 65%),linear-gradient(135deg,#1f1410 0%,#0a0604 100%);
border-bottom:1px solid rgb(255 220 180 / .06);
overflow:hidden
}
.m2-blog-card__hero img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block
}
.m2-blog-card__body{
padding:16px 18px 18px;
display:flex;
flex-direction:column;
flex:1
}
.m2-blog-card h3{
margin:0;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em;
line-height:1.25
}
.m2-blog-card p{
margin:8px 0 0;
font-size:13px;
line-height:1.5;
color:rgb(245 230 204 / .6)
}
.m2-trending-block{
margin-top:36px;
padding:22px 26px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .08);
border-radius:10px
}
.m2-trending-block h2{
margin:0 0 14px;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink);
display:inline-flex;
align-items:center;
gap:8px
}
.m2-trending-block__info{
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
border-radius:50%;
font-family:var(--font-ui);
font-size:11px;
font-weight:700;
color:rgb(245 230 204 / .65);
background:rgb(245 230 204 / .06);
border:1px solid rgb(245 230 204 / .18);
cursor:default;
position:relative;
transition:color .15s ease,border-color .15s ease,background .15s ease
}
.m2-trending-block__info:hover,.m2-trending-block__info:focus{
outline:none;
color:#f8c454;
border-color:rgb(248 196 84 / .55);
background:rgb(248 196 84 / .1)
}
.m2-trending-block__info svg{
display:block
}
.m2-trending-block__info[data-tip]::after{
content:attr(data-tip);
position:absolute;
left:0;
top:calc(100% + 10px);
width:max-content;
max-width:320px;
padding:10px 14px;
font:500 12.5px/1.5 var(--font-ui);
color:var(--ink);
background:linear-gradient(180deg,rgb(40 28 18 / .98),rgb(28 18 12 / .98));
border:1px solid rgb(214 112 47 / .45);
border-radius:10px;
box-shadow:0 14px 36px rgb(0 0 0 / .55);
opacity:0;
pointer-events:none;
transform:translateY(-4px);
transition:opacity .15s ease,transform .15s ease;
z-index:100;
white-space:normal;
text-align:left
}
.m2-trending-block__info[data-tip]::before{
content:'';
position:absolute;
left:4px;
top:calc(100% + 4px);
width:0;
height:0;
border:6px solid #fff0;
border-bottom-color:rgb(214 112 47 / .45);
opacity:0;
transition:opacity .15s ease
}
.m2-trending-block__info:hover::after,.m2-trending-block__info:focus::after{
opacity:1;
transform:translateY(0)
}
.m2-trending-block__info:hover::before,.m2-trending-block__info:focus::before{
opacity:1
}
html[data-theme="light"] .m2-trending-block__info{
color:rgb(60 40 28 / .62);
background:rgb(60 40 28 / .05);
border-color:rgb(120 80 50 / .25)
}
html[data-theme="light"] .m2-trending-block__info:hover,html[data-theme="light"] .m2-trending-block__info:focus{
color:#b06616;
background:rgb(214 112 47 / .1);
border-color:rgb(176 102 22 / .55)
}
html[data-theme="light"] .m2-trending-block__info[data-tip]::after{
background:#fff8ed;
color:#1f1208;
border-color:rgb(120 80 50 / .3);
box-shadow:0 8px 24px rgb(80 50 20 / .22)
}
html[data-theme="light"] .m2-trending-block__info[data-tip]::before{
border-bottom-color:rgb(120 80 50 / .3)
}
.m2-trending-list{
display:flex;
flex-direction:column;
gap:4px
}
.m2-trending-list a{
display:flex;
align-items:center;
gap:10px;
padding:10px 4px;
color:rgb(245 230 204 / .78);
font-size:13px;
border-bottom:1px solid rgb(255 220 180 / .04);
text-decoration:none
}
.m2-trending-list a:last-child{
border-bottom:none
}
.m2-trending-list a:hover{
color:var(--ink)
}
.m2-trending-list a .num{
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--accent);
min-width:22px
}
.m2-alert,.alert,.alert-info,.alert-success{
position:relative;
display:flex;
align-items:center;
gap:12px;
padding:12px 44px 12px 14px;
margin:0 0 14px;
background:linear-gradient(180deg,rgb(126 216 122 / .14) 0%,rgb(74 140 79 / .1) 100%);
border:1px solid rgb(126 216 122 / .36);
border-radius:8px;
color:var(--ink);
font-size:13.5px;
line-height:1.5;
box-shadow:0 4px 14px -8px rgb(74 140 79 / .5),0 1px 0 rgb(255 255 255 / .04) inset
}
.hidden{
display:none!important
}
.captcha-off .g-recaptcha{
display:none!important
}
.m2-toasts{
position:fixed;
bottom:20px;
right:20px;
z-index:100;
display:flex;
flex-direction:column;
gap:10px;
pointer-events:none;
max-width:calc(100vw - 40px)
}
.m2-toast{
pointer-events:auto;
position:relative;
display:flex;
align-items:flex-start;
gap:12px;
padding:12px 38px 12px 14px;
min-width:280px;
max-width:420px;
background:rgb(28 18 12 / .92);
backdrop-filter:blur(14px) saturate(140%);
-webkit-backdrop-filter:blur(14px) saturate(140%);
border:1px solid rgb(255 220 180 / .18);
border-radius:10px;
color:var(--ink);
font-family:var(--font-ui);
font-size:13.5px;
line-height:1.5;
box-shadow:0 16px 40px -14px rgb(0 0 0 / .7),inset 0 1px 0 rgb(255 220 180 / .06);
opacity:0;
transform:translateX(20px);
transition:opacity 0.25s ease,transform 0.32s cubic-bezier(.34,1.4,.64,1)
}
.m2-toast.is-in{
opacity:1;
transform:translateX(0)
}
.m2-toast.is-out{
opacity:0;
transform:translateX(20px)
}
.m2-toast__icon{
flex-shrink:0;
width:26px;
height:26px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(255 220 180 / .1);
border:1px solid rgb(255 220 180 / .22);
color:var(--ink)
}
.m2-toast__body{
flex:1;
min-width:0;
word-wrap:break-word
}
.m2-toast__close{
position:absolute;
top:6px;
right:8px;
width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#fff0;
border:none;
cursor:pointer;
color:rgb(245 230 204 / .55);
font-size:18px;
line-height:1;
border-radius:50%;
transition:all 0.15s ease
}
.m2-toast__close:hover{
color:var(--ink);
background:rgb(255 220 180 / .08)
}
.m2-toast--success{
border-color:rgb(126 216 122 / .42);
background:linear-gradient(180deg,rgb(58 122 64 / .55) 0%,rgb(28 18 12 / .92) 60%);
color:#f4fbe8
}
.m2-toast--success .m2-toast__icon{
background:rgb(126 216 122 / .2);
border-color:rgb(126 216 122 / .55);
color:#7ed87a
}
.m2-toast--error{
border-color:rgb(193 74 58 / .5);
background:linear-gradient(180deg,rgb(122 40 24 / .55) 0%,rgb(28 18 12 / .92) 60%);
color:#fff5e6
}
.m2-toast--error .m2-toast__icon{
background:rgb(193 74 58 / .22);
border-color:rgb(193 74 58 / .55);
color:#e8a08a
}
.m2-toast--warn{
border-color:rgb(240 201 138 / .5);
background:linear-gradient(180deg,rgb(140 90 20 / .55) 0%,rgb(28 18 12 / .92) 60%);
color:#fff5e6
}
.m2-toast--warn .m2-toast__icon{
background:rgb(240 201 138 / .22);
border-color:rgb(240 201 138 / .55);
color:#f0c98a
}
html[data-theme="light"] .m2-toast{
background:linear-gradient(180deg,rgb(255 250 235 / .98) 0%,rgb(240 224 190 / .96) 100%);
border:1px solid rgb(120 78 38 / .32);
color:#1f1208;
box-shadow:0 18px 44px -16px rgb(80 50 20 / .42),0 1px 0 rgb(255 250 235 / .9) inset
}
html[data-theme="light"] .m2-toast__icon{
background:rgb(140 90 40 / .1);
border-color:rgb(120 78 38 / .32);
color:#6a3d1e
}
html[data-theme="light"] .m2-toast__close{
color:rgb(60 38 22 / .6);
border:1px solid #fff0
}
html[data-theme="light"] .m2-toast__close:hover{
color:#1f1208;
background:rgb(140 90 40 / .1);
border-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-toast--success{
background:linear-gradient(180deg,rgb(255 252 238 / .98) 0%,rgb(232 238 200 / .95) 100%);
border-color:rgb(58 122 64 / .45);
color:#1c3a1f;
box-shadow:0 18px 44px -16px rgb(28 60 32 / .32),0 1px 0 rgb(255 250 235 / .9) inset
}
html[data-theme="light"] .m2-toast--success .m2-toast__icon{
background:rgb(58 122 64 / .16);
border-color:rgb(58 122 64 / .45);
color:#2d6a32
}
html[data-theme="light"] .m2-toast--error{
background:linear-gradient(180deg,rgb(255 250 235 / .98) 0%,rgb(244 210 200 / .95) 100%);
border-color:rgb(122 40 24 / .5);
color:#5a1810;
box-shadow:0 18px 44px -16px rgb(140 40 24 / .35),0 1px 0 rgb(255 250 235 / .9) inset
}
html[data-theme="light"] .m2-toast--error .m2-toast__icon{
background:rgb(193 74 58 / .18);
border-color:rgb(122 40 24 / .5);
color:#8a2818
}
html[data-theme="light"] .m2-toast--warn{
background:linear-gradient(180deg,rgb(255 250 235 / .98) 0%,rgb(248 224 178 / .95) 100%);
border-color:rgb(170 120 40 / .5);
color:#4e2f0a;
box-shadow:0 18px 44px -16px rgb(150 90 20 / .32),0 1px 0 rgb(255 250 235 / .9) inset
}
html[data-theme="light"] .m2-toast--warn .m2-toast__icon{
background:rgb(200 144 30 / .18);
border-color:rgb(170 120 40 / .5);
color:#8a5a10
}
@media (max-width:480px){
.m2-toasts{
left:12px;
right:12px;
bottom:12px
}
.m2-toast{
min-width:0;
max-width:none
}
}
.m2-alert::before,.alert::before,.alert-info::before,.alert-success::before{
content:"";
flex-shrink:0;
width:28px;
height:28px;
border-radius:50%;
background:rgb(126 216 122 / .2) center/14px 14px no-repeat url("data:image/svg+xml;
utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237ed87a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 13l4 4L19 7'/></svg>");
border:1px solid rgb(126 216 122 / .45)
}
.m2-alert>div,.alert>div,.alert-info>div,.alert-success>div{
flex:1;
min-width:0
}
.m2-alert.warn,.alert-warning,.alert-danger{
background:linear-gradient(180deg,rgb(193 74 58 / .14) 0%,rgb(122 40 24 / .1) 100%);
border-color:rgb(193 74 58 / .42);
box-shadow:0 4px 14px -8px rgb(193 74 58 / .5)
}
.m2-alert.warn::before,.alert-warning::before,.alert-danger::before{
background-color:rgb(193 74 58 / .2);
background-image:url("data:image/svg+xml;
utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8a08a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M12 9v4M12 17h.01M10.3 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.7 3.86a2 2 0 0 0-3.4 0Z'/></svg>");
border-color:rgb(193 74 58 / .5)
}
.m2-alert a,.alert a{
display:inline-block;
margin-left:6px;
padding:6px 12px;
background:rgb(126 216 122 / .16);
border:1px solid rgb(126 216 122 / .4);
border-radius:6px;
color:#c8e8c0;
font-size:12.5px;
font-weight:600;
text-decoration:none;
transition:all 0.15s ease
}
.m2-alert a:hover,.alert a:hover{
background:rgb(126 216 122 / .26);
color:#e0f5d8
}
.alert_closebtn{
position:absolute;
top:10px;
right:12px;
width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
opacity:.55;
font-size:18px;
line-height:1;
font-weight:700;
color:var(--ink);
border-radius:50%;
transition:all 0.15s ease
}
.alert_closebtn:hover{
opacity:1;
background:rgb(255 220 180 / .08)
}
html[data-theme="light"] .m2-alert,html[data-theme="light"] .alert,html[data-theme="light"] .alert-info,html[data-theme="light"] .alert-success{
background:linear-gradient(180deg,rgb(126 216 122 / .22) 0%,rgb(74 140 79 / .14) 100%);
border-color:rgb(58 122 64 / .42);
color:#1f1208
}
html[data-theme="light"] .m2-alert a,html[data-theme="light"] .alert a{
background:rgb(58 122 64 / .16);
border-color:rgb(58 122 64 / .4);
color:#1f3a1c
}
@keyframes orbSpin{
to{
transform:rotate(360deg)
}
}
@keyframes dotSpin{
0%,100%{
transform:scale(.5);
opacity:.4
}
50%{
transform:scale(1);
opacity:1
}
}
@keyframes voteParticle{
0%{
transform:translate(-50%,-50%) translate(0,0) scale(0);
opacity:0
}
15%{
opacity:1;
transform:translate(-50%,-50%) translate(0,0) scale(1)
}
100%{
transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(.2);
opacity:0
}
}
@keyframes countBump{
0%{
transform:scale(1);
color:#f5e6cc
}
40%{
transform:scale(1.35);
color:#7ed87a
}
100%{
transform:scale(1);
color:#f5e6cc
}
}
.language{
width:13px;
height:9px;
margin:2px;
display:inline-block;
background:no-repeat center / contain;
vertical-align:middle
}
.language.ar{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAkFBMVEX/S1T8/PtIR1bB2JF9thNsqwD9+v//WGBFRFTV1dl0rgBUU2H/S1b8+P7V09f/WGRSUmD9S1b/RVD+aXL/VmJVVWH/U13gSVX/R1VDRVTpW0d1rwL5+PbW19rF25vB2ZL/ipD/dXtgX232Y2vjV2JPTl71YV3/Rln/TFfqaVaGvCaAsxZ1shB5sQ5xsQBprQC9AKqJAAAAb0lEQVQI1zXL2QJDMBSE4SnlNCGyKFXd9xXv/3bC4fuv5mJw1qQ/v+Xki9LaqpaylXLna7BG+qqjLmJ/EFA9w1PIjqC3dbmKVTxS0IDL94vZ8He37CBE5hMChBSbYBuwAiXvFXvgQkT3wpjEM8m1B4e3B4uHtbCoAAAAAElFTkSuQmCC)
}
.language.cs{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAq1BMVEX/S1X29fX1UU/28vH26On2UlD/RVD29vhMU6FAR5v7+/j09vVARpj29/b06ek1Rp84PZj9Z3D+aG729/n16+v25+s8SJ5DR546Q5pRR5SHSYPuS1v/SlL/Sk/+/vj49fP/8e7S2+zg4Oro2OL12uGxtdKqrdB4erdwdrRFR5xPTpo+TJWZZZM/QJNFTpFIP47/cHlgWXjAU3PCSm3BUGL9UFb2UFD+SU7uV0xiPPpPAAAAgElEQVQI1zXHVxKDIBRA0fcQg4JKMTHW9N57sv+VBZjxfNyZC6fljI5oRjMXuoJztOYckQkUQuAQqlJtF5MUGWKK9g/7REUbzlmaM5YHEMXjpFS7+TRw0H8irw+jjdH6Zj8uZN18B94bLrGsnl0LXhvCsaibDnofuL8IIaFDrN8f8bwJMRLeq8gAAAAASUVORK5CYII=)
}
.language.de{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAS1BMVEX/4lr/RlT/4Fr/11r/S1azSVU9RVZERlRTRlT/Z1b/Zlb9SVX+1VlVRlZIRVU8RVRMRla5SVW0SFV0SV34wVz/2lj/zVj8ZldiSFWwMdOoAAAAV0lEQVQI103GCQ6AIAxE0UGQtSC43/+kDoZEX5vfYvOUfeZyblRXiitu8Kh2scT0FrR5nYnpGowxKZnE8wZKJTX0B1cMIUaG+ECmDyaNA38auxYRPcj5AHkaBAOzNkDPAAAAAElFTkSuQmCC)
}
.language.en{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAq1BMVEX5sbX7l5zvmqH6q7D6qq9pbq78lJr6j5VpcLJqb6/6qK3/lJWVocxYXaj7nKH4nKH6maD8l53/k5nzgnyWn8r6srf/rq9dZq7AjqlWXaZkYKP5naFdVZ70lZxYU5j7kpdRWpf+kZPygX2XoMujnsdubrT/sLPsq7Fsba5faa7dnav5oqjEjKdOV6bvq6Xxp6RgXaSicZ7ml51cVZvFeJX3lZTFdIP0g3vthneiVvRaAAAAf0lEQVQI1zXGBxLCIBRF0R8BBUJLiOnd3nvZ/8oUx5x5b+bCpS7Lum2fL9tb27/hTNmC0k0aY4QxOkJOCVmzZB9zjjk/Qc4IISy5dxPnAbcsk1Ie0iVyAObRTIhIbFWhtFY76Hw/DL8fO00FeAp/LlbQeF7g9hNUUBhj9Ghw/QCy8gm/GIxQWwAAAABJRU5ErkJggg==)
}
.language.es{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAwFBMVEX/01DIQkv+zlD/1lD+0k/QVkz1uE32yVbJSVa9P1H+1E3RV0vKTlj/yFL/2FH8zlHAQVH1tk/KQk/KPUvVV0rJQknxvnH1vF7hu1v90VjNTljPRlL2t1H+103+0UzFQkzOP0vKQUnjsrb50rHrsYuqfIntuIbrzYXlw4Tnk3f/03b1yXLViXKpUG72vWzcgmj4yluxQVnroVjzvFfxzlbyxVTGRlPyy1LnsFHLVVHhi1D3sU++PU/geknqj0jRVkYbJXvTAAAAiklEQVQI1x3HRQKDMABE0SEJUBLcXerurve/VdO+mc3HynVdwzRzMy863y/QNErUKX+RErW4ltohSTyt1Dy5B452vdjENac2pZVNoLP1ezaICTgDhwUd49eoP8zAGJjsC5vsl/dpVlFQyglOTqrPt6lOHCJv4aaG4iNCof6IEDvjaRjnnuQHQdB+AZgiC2N0S1mSAAAAAElFTkSuQmCC)
}
.language.fr{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAS1BMVEX/S1VBR5v29fVBR5k/Rpw8Qpj0///Jyt/6l5r9/vj/QUv/Qkn9/Pr0/fP9++728+r19ehJTJz6lpb/Qkz+/vrHydjIytf7lpr/Qk7lVWDLAAAAT0lEQVQI11XNVw7AIAwDUIKhm9l5/5OWIFBE/p6s2CoBsLeP0eVPlSNDxs6r1tN7slF9FC9bNQGcdxNxLoZ4b0a39F9iwtCf+P/xIbjM+z8DyAMpoAN2MgAAAABJRU5ErkJggg==)
}
.language.hu{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAdVBMVEX1//9yrwD7SlXd6cb/SlZ5pwV0rwH6r7T6+P7/Qkz+Qkr9S1X7+f//S1N6qAd3qAN1rwL5+v7y//31+/Hd6Mje58jg5sL6r7b3r7T6sa34S1R2rgP69PT29fD7rrbjTVv6Skz/SUuBmRR+oQl9sQd8sgZzrQFM9W/FAAAAbklEQVQI1y2HBxLDIAwET2A6BDtxd3r7/xMtGK902hMeaxBClBStECk0KTUHAU/vnXdlHbcXltncJzPNprLggjOYesDfrYu2s9HaknjFKAcph76XlRG/VmvaSOt24/ZFJtJEf2KxM95ZKXWqw3x23wcGERC8vh0AAAAASUVORK5CYII=)
}
.language.it{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAVFBMVEX/S1VzrwD19vVwrQD7+P/1//77lpx0sAL29PT/QUvW5bj9S1RwrwD16enU5Lj/QEv29/Z2qwT09ff76 vvX16ujS3q7T3K36k5f7kJb8REx6oxYu1zbJAAAAWklEQVQI112MSRKAIAwE2RNFENyX///TgaI4OLdOd0W8mUgf2x74egQmScopmsTWDYWBUo+GlXVz9dBgVXznaBZV2f963/sE9u0fetV6eELfGMs46HMNge/CHzHYA40HG4IgAAAAAElFTkSuQmCC)
}
.language.pl{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAUVBMVEX19fX/S1b/VVX/RU/08/P9Z3Do5+n39/f09/bo6er/SlX38vP+aG/s7e316Or/Y2z/UVP39fXw7O3x6+3q5+nd3d/HuL/9ZVj/XFX/SFD8R07GYl5BAAAAVklEQVQI102HSRKAIAwEBwwERRb35f8PdeREVzpdg9OPnrd7/+dAgqggQECWhBEdXJsGVWgICroiR5FI+WlGmZ1zlLAF79DzwE7GGEpYi9pKWyou23N/HNQDTjq7VpUAAAAASUVORK5CYII=)
}
.language.pt{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAmVBMVEX/Slb/S1R0rwD9TFX+V2D/TFd0sAFurgH/RlRwpwv/V2J9sxJ6qAVpsQD/nm7+U1//iVr/wlb/XlX+zk9wqgtwrAS0qtzYnrfilprzk4f/lnL+YWr9vl/+Qlr9yVn/Pln/Zlj/q1XryU7W1T3R0T2LjzvSvjm6rS2pky2qiSJ1lx6gwRyciRieiBiQwBR4thOJuQ92rQd3uwRGDq95AAAAeklEQVQI1yWN1Q7DMBAE93ym2k4aKDMz///H9SLP20izWhxjjO9L0ELQYY6hUqp4LgEQDProWet+541nGCYjrtxnV9eVl4CgMbDFoRxP20Z6kLhy+3I0aRsPwcje3VezxdZLzUTiyr1OlQF3xvnvsUaGcEspfa/g7PwHPWUGqCV23EUAAAAASUVORK5CYII=)
}
.language.ro{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAaVBMVEVARpo8Qp7/4Vr/6Vf/UFv/Slb/QlVBR5r/6ln/jlj/S1X/4lpCR55AR51OTZzRu2n+2179U1tIS5xFR5lAR5j94ln/TVfRu23OvGr9R1j/jlZrWp5jVptNTJrEs23QuWn/5F//j1/y3V70ftcLAAAAcklEQVQI1z3M2RKCMAyF4dOmGKGLXUFw9/0f0mBnuPwm5w/uxVX1/MbYxnWeDYp3UC+y+jyepimBPaAu1Jp4EBeHqq6k7e7BgFn2C2lNYulz5X2ve28Q4CF7+bd1M7zcjz4zo3v7+xbCIy82xvdnNSn9APKxBh8Db3qJAAAAAElFTkSuQmCC)
}
.language.tr{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAbFBMVEX/S1T/S1b/TFf/VlX/SFT/RU7zS1rxS1r+Qk7zSlj/WGL/U1r/T1X26en7q677lJj8g4z8eYT5S1n8Ulf/RlL34+T23N35vsD2rq/5oqj4m6P8jpf8i5H7f4LHTm38Xmj9YGfdUGP/P079O0TVMH0qAAAAcklEQVQI1yWOWRbDIAwDZWEDAbI23ff2/nfsc2N/at5IeHQppV0IoTYRAIvAclbB/wWJNg+3AgJ0oMvX/v4qq2G7xP34NZsnhz2v/fSBXQYlhUDMp0NpFVQHFFF5Po7PFZsRCzST6ipx/zvG2Pme0Lz/B1YYBB2rUN+9AAAAAElFTkSuQmCC)
}
.language.all{
background-image:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABlVBMVEUAAABBb8OAxFlCZ7Y7W6uOzVF3yE04VqJnlZBBb8KXxFk9a8R1o4E0TbFIdrlcpmxNerKdy1Ol0lJCcZJ1o31hsWE3ZcgzTrFqw1Q4Wq5vu1xFeY9dpmdPe7WbyFo+ZZhjt1+KwmFDbbU0UaZnt19tx09grmY4WKJ0n4M8Z5k8YKM5WKZKd7lfjclZh8VUgsWbzVdQfstAbseXyF5QftJWhcJJdcBNfbxLebg4VqZ7qYCMu2eazFqg0E5HdNQ8Z85IdMpbishFccNUgsBMebtLerlJdLhMeLRHcrA1T601UKlWhKNJf4qArXWDsnRVn22PwGWMvmKfzVSm2EgzX9Jgjs5VhMxMestFbso/bMNYhr9Dab9Hc71Db7xWgrpLeLkxR7FVg7BfjK0yTKpmlKlZf6leiKZTfaVbh6FdiZpoj5hciZc/ZpRrmpNqmJNijZNBbpN0oIxfiIp4noljnYF/rnx6pntOi3tQkHpqqXGLumyFsWyItWaMuGNdsWGUxF9ZsV1ju1diwVOl1VKf0VFqyUin1EJzXHnTAAAALHRSTlMA7CH+/v7+9+zn4tjVzcnHxbazm5uZl5SUiYiAfXd2cGxoZUpGQD8wJSEPC8gY51UAAADwSURBVBjTNcjTlgNRFEXRk7Rt26qLcpdiG23btt357lSSkfm094KcyfbayqrGfihqfvdLrrVw8neo8KuPHQRjNhy71Lpzv+nU5kRYFHa0+/3nUQBrwOFECBG3TqmejAO0HrHCPMJkw6A6z8fHoSZmXLMCEdkLLfrJf/eA5SVlqHsrBC8uzz3QnxawqH8JmjlYEJlZ7qTsqwPqXQk+9WpzM2a4Lf8YgD67mn5bl3xmWLr7j0wBcOfpQ26TYRh59fGpDgCGt6N2r9cjywFFCc6AqevGL3l8JaW7QWUC8kYqrrZCZ6FIwzQUjfW2dQ5a8zMLkbwz3K7Hxq4AAAAASUVORK5CYII=);
width:16px;
height:16px
}
.m2-detail-statgrid__flags .language{
width:22px;
height:16px
}
.backlink-check{
position:relative;
display:inline-block;
width:.95em;
height:.95em;
margin-left:.35em;
vertical-align:-.1em;
border-radius:50%;
background:radial-gradient(circle at 32% 30%,#d6ffb6 0%,#6ae45b 36%,#2f8a1f 80%,#1a5410 100%);
box-shadow:inset 0 1px 0 rgb(255 255 255 / .55),inset 0 -2px 4px rgb(0 0 0 / .3),0 0 0 1px rgb(126 216 122 / .55),0 0 10px rgb(106 228 91 / .55);
animation:m2BlPulse 2.6s ease-in-out infinite
}
@keyframes m2BlPulse{
0%,100%{
box-shadow:inset 0 1px 0 rgb(255 255 255 / .55),inset 0 -2px 4px rgb(0 0 0 / .3),0 0 0 1px rgb(126 216 122 / .55),0 0 10px rgb(106 228 91 / .55)
}
50%{
box-shadow:inset 0 1px 0 rgb(255 255 255 / .55),inset 0 -2px 4px rgb(0 0 0 / .3),0 0 0 1px rgb(160 255 140 / .85),0 0 18px rgb(106 228 91 / .85)
}
}
.backlink-check::before{
content:"";
position:absolute;
inset:-5px;
background:conic-gradient(from 0deg,#fff0 0deg,rgb(180 255 140 / .55) 8deg,#fff0 16deg,#fff0 45deg,rgb(180 255 140 / .55) 53deg,#fff0 61deg,#fff0 90deg,rgb(180 255 140 / .55) 98deg,#fff0 106deg,#fff0 135deg,rgb(180 255 140 / .55) 143deg,#fff0 151deg,#fff0 180deg,rgb(180 255 140 / .55) 188deg,#fff0 196deg,#fff0 225deg,rgb(180 255 140 / .55) 233deg,#fff0 241deg,#fff0 270deg,rgb(180 255 140 / .55) 278deg,#fff0 286deg,#fff0 315deg,rgb(180 255 140 / .55) 323deg,#fff0 331deg,#fff0 360deg);
-webkit-mask:radial-gradient(circle,transparent 50%,#000 56%,transparent 80%);
mask:radial-gradient(circle,transparent 50%,#000 56%,transparent 80%);
border-radius:50%;
pointer-events:none;
opacity:0;
animation:m2BlSpin 6s linear infinite,m2BlFade 2.6s ease-in-out infinite;
z-index:-1
}
@keyframes m2BlSpin{
to{
transform:rotate(360deg)
}
}
@keyframes m2BlFade{
0%,100%{
opacity:0
}
50%{
opacity:1
}
}
.backlink-check::after{
content:"";
position:absolute;
left:50%;
top:48%;
width:.3em;
height:.55em;
margin-left:-.18em;
margin-top:-.34em;
border:solid #fff;
border-width:0 .13em .13em 0;
transform:rotate(42deg);
filter:drop-shadow(0 1px 1px rgb(0 0 0 / .35))
}
.backlink-check::before{
inset:-.3em
}
.backlink-check:hover{
transform:scale(1.08)
}
.backlink-check{
transition:transform .15s ease
}
html[data-theme="light"] .backlink-check{
box-shadow:inset 0 1px 0 rgb(255 255 255 / .65),inset 0 -2px 4px rgb(0 80 20 / .18),0 0 0 1px rgb(60 140 40 / .65),0 0 10px rgb(106 228 91 / .45)
}
html[data-theme="light"]{
--ink:#2a1a10;
--ink-strong:#1f1208;
--ink-mute:rgba(60,38,22,0.78);
--ink-mute-2:rgba(80,50,30,0.7);
--container-bg:rgba(248, 240, 220, 0.6);
--row-bg-1:rgba(232, 208, 170, 0.92);
--row-bg-2:rgba(216, 188, 146, 0.92);
--row-bg-1h:rgba(224, 196, 152, 0.95);
--row-bg-2h:rgba(208, 176, 130, 0.95);
--row-border:rgba(120, 78, 38, 0.28);
--row-border-h:rgba(120, 78, 38, 0.42);
--hairline:rgba(140, 90, 40, 0.18);
--hairline-2:rgba(140, 90, 40, 0.22)
}
html[data-theme="light"] body{
background:#ede2c8
}
html[data-theme="light"] body::after{
background:#fff0
}
html[data-theme="light"] .m2-nav{
background:linear-gradient(180deg,rgb(248 238 215 / .55) 0%,rgb(232 210 168 / .45) 100%);
backdrop-filter:blur(28px) saturate(180%);
-webkit-backdrop-filter:blur(28px) saturate(180%);
border-bottom-color:rgb(140 90 40 / .22);
box-shadow:inset 0 1px 0 rgb(255 250 235 / .6),0 8px 22px -14px rgb(80 50 20 / .25)
}
html[data-theme="light"] .m2-nav__search,html[data-theme="light"] .m2-nav__lang-btn,html[data-theme="light"] .m2-theme-toggle{
background:rgb(255 250 235 / .7);
border-color:rgb(140 90 40 / .18);
color:#2a1a10
}
html[data-theme="light"] .m2-nav__search{
color:rgb(60 38 22 / .6)
}
html[data-theme="light"] .m2-nav__search input{
color:#1f1208
}
html[data-theme="light"] .m2-nav__search input::placeholder{
color:rgb(60 38 22 / .5)
}
html[data-theme="light"] .m2-nav__menu a{
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-nav__menu a.is-active{
color:#2a1a10
}
html[data-theme="light"] .m2-shell{
background:var(--container-bg);
border-color:rgb(140 90 40 / .22);
backdrop-filter:blur(36px) saturate(180%)
}
html[data-theme="light"] .m2-server-row,html[data-theme="light"] .m2-newcard,html[data-theme="light"] .m2-archive-row,html[data-theme="light"] .m2-stats__tile,html[data-theme="light"] .m2-detail-statgrid__cell,html[data-theme="light"] .m2-vault-stats__tile,html[data-theme="light"] .m2-actioncard,html[data-theme="light"] .m2-vote-card,html[data-theme="light"] .m2-feature,html[data-theme="light"] .m2-comments form,html[data-theme="light"] .m2-comments .comment,html[data-theme="light"] .m2-blog-card,html[data-theme="light"] .m2-trending-block,html[data-theme="light"] .m2-seo,html[data-theme="light"] .m2-archive-foot,html[data-theme="light"] .m2-vote-howto{
background:linear-gradient(180deg,rgb(232 208 170 / .92) 0%,rgb(216 188 146 / .92) 100%);
border-color:rgb(120 78 38 / .28);
box-shadow:0 1px 0 rgb(255 245 220 / .7) inset,0 4px 12px -6px rgb(80 50 20 / .28);
color:#2a1a10
}
html[data-theme="light"] .m2-server-row:hover,html[data-theme="light"] .m2-archive-row:hover{
background:linear-gradient(180deg,rgb(224 196 152 / .95) 0%,rgb(208 176 130 / .95) 100%);
border-color:rgb(120 78 38 / .42)
}
html[data-theme="light"] .m2-server-row__title,html[data-theme="light"] .m2-detail-title h1,html[data-theme="light"] .m2-section-title,html[data-theme="light"] .m2-hero h1,html[data-theme="light"] .m2-page-head h1,html[data-theme="light"] .m2-newcard h3,html[data-theme="light"] .m2-archive-row h3,html[data-theme="light"] .m2-blog-card h3,html[data-theme="light"] .m2-stats__v,html[data-theme="light"] .m2-detail-statgrid__v,html[data-theme="light"] .m2-vault-stats__v,html[data-theme="light"] .m2-vote-side h1,html[data-theme="light"] .m2-vote-card h2,html[data-theme="light"] .m2-detail h2,html[data-theme="light"] .m2-trending-block h2,html[data-theme="light"] .m2-comments h2,html[data-theme="light"] .m2-seo h1,html[data-theme="light"] .m2-seo h2,html[data-theme="light"] .m2-seo h3{
color:#1f1208
}
html[data-theme="light"] .m2-meta-list,html[data-theme="light"] .m2-meta-list .lbl,html[data-theme="light"] .m2-meta-list .val,html[data-theme="light"] .m2-stats__l,html[data-theme="light"] .m2-detail-statgrid__lbl,html[data-theme="light"] .m2-vault-stats__lbl,html[data-theme="light"] .m2-vote-card .sub,html[data-theme="light"] .m2-vote-howto,html[data-theme="light"] .m2-archive-row__tagline,html[data-theme="light"] .m2-archive-row__meta,html[data-theme="light"] .m2-blog-card p,html[data-theme="light"] .m2-newcard__sub,html[data-theme="light"] .m2-page-head p,html[data-theme="light"] .m2-vote-side .tagline,html[data-theme="light"] .m2-hero p,html[data-theme="light"] .m2-archive-year .count,html[data-theme="light"] .m2-page-head .eyebrow{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-meta-list .val,html[data-theme="light"] .m2-archive-row__meta strong{
color:#1f1208
}
html[data-theme="light"] .m2-detail-statgrid__lbl{
color:#1f1208
}
html[data-theme="light"] .m2-detail-statgrid__v{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-vote-btn{
background:linear-gradient(180deg,rgb(58 122 64 / .92) 0%,rgb(38 92 46 / .92) 100%);
border-color:rgb(28 70 36 / .5);
color:#f4fbe8;
box-shadow:0 1px 0 rgb(255 255 255 / .18) inset,0 2px 6px rgb(28 60 32 / .22)
}
html[data-theme="light"] .m2-vote-btn .icon-circle{
background:rgb(255 255 255 / .18);
border-color:rgb(255 255 255 / .32)
}
html[data-theme="light"] .m2-chip[data-type="Oldschool"]{
background:rgb(184 96 56 / .15);
color:#8a3d1e;
border-color:rgb(168 80 40 / .5)
}
html[data-theme="light"] .m2-chip[data-type="Middleschool"]{
background:rgb(160 120 70 / .16);
color:#7a4f1e;
border-color:rgb(150 110 60 / .5)
}
html[data-theme="light"] .m2-chip[data-type="Newschool"]{
background:rgb(184 78 90 / .15);
color:#962f3a;
border-color:rgb(170 70 80 / .5)
}
html[data-theme="light"] .m2-chip[data-type="Official-Like"],html[data-theme="light"] .m2-chip[data-type="Official"]{
background:rgb(110 130 160 / .15);
color:#355475;
border-color:rgb(100 125 155 / .5)
}
html[data-theme="light"] .m2-foot{
background:rgb(245 228 195 / .7);
border-top-color:rgb(140 90 40 / .18)
}
html[data-theme="light"] .m2-foot__copy,html[data-theme="light"] .m2-foot__links a{
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-pagination a,html[data-theme="light"] .m2-pagination span{
background:rgb(255 250 235 / .6);
border-color:rgb(140 90 40 / .22);
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-pagination .is-active{
background:linear-gradient(180deg,rgb(193 74 58 / .4),rgb(122 40 24 / .4));
border-color:rgb(193 74 58 / .6);
color:#fff5e6
}
html[data-theme="light"] .m2-compare__table{
background:linear-gradient(180deg,rgb(232 208 170 / .92),rgb(216 188 146 / .92));
border-color:rgb(120 78 38 / .28)
}
html[data-theme="light"] .m2-compare__crit,html[data-theme="light"] .m2-compare__they,html[data-theme="light"] .m2-compare__label{
color:#1f1208
}
@media (max-width:720px){
.m2-nav__wrap{
padding:10px 16px;
gap:10px;
flex-wrap:wrap
}
.m2-nav__menu{
order:5;
flex-basis:100%;
overflow-x:auto
}
.m2-nav__search{
width:140px
}
.m2-nav__brand-tag{
display:none
}
.m2-shell{
padding:14px 14px 24px;
max-width:100%
}
.m2-stats{
grid-template-columns:repeat(2,1fr)
}
.m2-vault-stats{
grid-template-columns:1fr
}
.m2-compare__row,.m2-compare__hrow{
grid-template-columns:1fr 80px 80px;
padding:12px
}
.m2-detail-statgrid{
grid-template-columns:repeat(2,1fr)
}
.m2-features{
grid-template-columns:1fr
}
.m2-vote-side h1{
font-size:30px
}
.m2-detail-title h1{
font-size:26px
}
}
.m2-edit-preview-bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:wrap;
margin:4px 0 2px
}
.m2-edit-desc{
display:flex;
flex-direction:column;
gap:12px
}
.m2-edit-desc__editor{
min-width:0
}
.m2-edit-desc__preview{
display:none;
padding:14px 16px;
background:rgb(20 12 8 / .45);
border:1px solid rgb(255 220 180 / .1);
border-radius:8px;
min-height:200px
}
.m2-edit-desc__preview-head{
display:inline-flex;
align-items:center;
gap:6px;
font-size:10px;
letter-spacing:.18em;
text-transform:uppercase;
font-weight:700;
color:rgb(245 230 204 / .55);
margin-bottom:8px
}
.m2-edit-desc__preview #preview{
border:none;
background:#fff0;
padding:0;
margin:0;
color:rgb(245 230 204 / .85)
}
.m2-edit-desc.is-live{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
align-items:stretch
}
.m2-edit-desc.is-live .m2-edit-desc__preview{
display:block
}
.m2-edit-desc.is-live .m2-edit-preview-actions{
display:none
}
.m2-edit-desc.is-live #desc_full{
min-height:280px
}
@media (max-width:880px){
.m2-edit-desc.is-live{
grid-template-columns:1fr
}
}
.m2-switch{
display:inline-flex;
align-items:center;
gap:10px;
cursor:pointer;
user-select:none
}
.m2-switch input{
position:absolute;
opacity:0;
pointer-events:none
}
.m2-switch__track{
position:relative;
width:36px;
height:20px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .18);
border-radius:999px;
transition:background 0.18s ease,border-color 0.18s ease;
flex-shrink:0
}
.m2-switch__dot{
position:absolute;
top:2px;
left:2px;
width:14px;
height:14px;
background:rgb(245 230 204 / .7);
border-radius:50%;
transition:transform 0.22s cubic-bezier(.34,1.4,.64,1),background 0.18s ease
}
.m2-switch input:checked~.m2-switch__track{
background:linear-gradient(180deg,rgb(74 140 79 / .55),rgb(47 106 54 / .55));
border-color:rgb(120 200 130 / .55)
}
.m2-switch input:checked~.m2-switch__track .m2-switch__dot{
transform:translateX(16px);
background:#fff5e6
}
.m2-switch__lbl{
font-size:12.5px;
font-weight:600;
color:rgb(245 230 204 / .78);
letter-spacing:.02em
}
.m2-switch input:checked~.m2-switch__lbl{
color:var(--ink)
}
html[data-theme="light"] .m2-switch__track{
background:rgb(255 250 235 / .55);
border-color:rgb(120 78 38 / .32)
}
html[data-theme="light"] .m2-switch__dot{
background:rgb(60 38 22 / .55)
}
html[data-theme="light"] .m2-switch input:checked~.m2-switch__track{
background:linear-gradient(180deg,#5fa867 0%,#2f6a36 100%);
border-color:rgb(28 70 36 / .55)
}
html[data-theme="light"] .m2-switch__lbl{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-switch input:checked~.m2-switch__lbl{
color:#1f1208
}
html[data-theme="light"] .m2-edit-desc__preview{
background:rgb(255 250 235 / .5);
border-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-edit-desc__preview-head{
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-edit-desc__preview #preview{
color:#1f1208
}
.m2-md-toolbar{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:4px;
padding:6px;
background:rgb(20 12 8 / .55);
border:1px solid var(--hairline-2);
border-radius:8px 8px 0 0;
border-bottom:none;
margin-bottom:-1px
}
.m2-md-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:32px;
height:30px;
padding:0 8px;
background:#fff0;
border:1px solid #fff0;
border-radius:6px;
color:rgb(245 230 204 / .78);
font-family:var(--font-ui);
font-size:13px;
font-weight:600;
cursor:pointer;
transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,transform 0.1s ease;
user-select:none
}
.m2-md-btn:hover{
background:rgb(255 220 180 / .06);
color:var(--ink);
border-color:rgb(255 220 180 / .18)
}
.m2-md-btn:active{
transform:scale(.96)
}
.m2-md-btn b,.m2-md-btn i,.m2-md-btn s{
font-style:normal;
font-weight:inherit
}
.m2-md-btn b{
font-weight:800
}
.m2-md-btn i{
font-style:italic;
font-family:var(--font-display)
}
.m2-md-btn s{
text-decoration:line-through
}
.m2-md-sep{
width:1px;
height:18px;
background:rgb(255 220 180 / .14);
margin:0 4px
}
.m2-md-toolbar+.m2-account-row .m2-field__wrap,.m2-md-toolbar+.m2-account-row .m2-field:first-child .m2-field__wrap{
border-top-left-radius:0;
border-top-right-radius:0
}
html[data-theme="light"] .m2-md-toolbar{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .32)
}
html[data-theme="light"] .m2-md-btn{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-md-btn:hover{
background:rgb(140 90 40 / .1);
color:#1f1208;
border-color:rgb(120 78 38 / .32)
}
html[data-theme="light"] .m2-md-sep{
background:rgb(120 78 38 / .22)
}
.m2-lang-picker{
margin:4px 0 10px;
padding:12px 14px;
background:rgb(20 12 8 / .42);
border:1px solid var(--hairline-2);
border-radius:10px
}
.m2-lang-picker__head{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-bottom:10px
}
.m2-lang-picker__lbl{
display:inline-flex;
align-items:center;
gap:6px;
font-size:10.5px;
letter-spacing:.16em;
text-transform:uppercase;
font-weight:700;
color:rgb(245 230 204 / .65);
flex-shrink:0
}
.m2-lang-picker__lbl svg{
color:#e8a08a
}
.m2-lang-picker__hint{
flex:1;
min-width:220px;
font-size:11.5px;
line-height:1.55;
color:rgb(245 230 204 / .6)
}
.m2-lang-chips{
display:flex;
flex-wrap:wrap;
gap:6px
}
.m2-lang-chip{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 12px;
background:rgb(255 220 180 / .04);
border:1px solid var(--hairline-2);
border-radius:999px;
cursor:pointer;
color:rgb(245 230 204 / .78);
font-family:var(--font-ui);
font-size:12.5px;
font-weight:600;
letter-spacing:.02em;
transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,transform 0.1s ease
}
.m2-lang-chip:hover{
color:var(--ink);
border-color:rgb(255 220 180 / .22);
background:rgb(255 220 180 / .07)
}
.m2-lang-chip:active{
transform:scale(.97)
}
.m2-lang-chip.is-active{
background:linear-gradient(180deg,rgb(193 74 58 / .22),rgb(122 40 24 / .18));
border-color:rgb(255 180 140 / .36);
color:var(--ink);
box-shadow:inset 0 1px 0 rgb(255 200 160 / .14),0 4px 10px -6px rgb(193 74 58 / .4)
}
.m2-lang-chip i.language{
width:18px;
height:12px;
margin:0
}
html[data-theme="light"] .m2-lang-picker{
background:rgb(255 250 235 / .55);
border-color:rgb(120 78 38 / .28)
}
html[data-theme="light"] .m2-lang-picker__lbl,html[data-theme="light"] .m2-lang-picker__hint{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-lang-chip{
background:rgb(255 250 235 / .7);
border-color:rgb(120 78 38 / .28);
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-lang-chip:hover{
color:#1f1208;
border-color:rgb(120 78 38 / .5);
background:rgb(255 252 238 / .95)
}
html[data-theme="light"] .m2-lang-chip.is-active{
background:linear-gradient(180deg,rgb(193 74 58 / .3),rgb(122 40 24 / .18));
color:#1f1208;
border-color:rgb(122 40 24 / .45)
}
.m2-lang-picker__row{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-wrap:wrap
}
.m2-lang-picker__auto{
flex-shrink:0
}
.m2-edit-preview-bar__title{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
flex:1
}
.m2-edit-preview-bar__where{
font-size:11.5px;
color:rgb(245 230 204 / .55);
line-height:1.5
}
html[data-theme="light"] .m2-edit-preview-bar__where{
color:rgb(60 38 22 / .65)
}
.m2-switch__lbl{
display:inline-flex;
flex-direction:column;
line-height:1.2
}
.m2-switch__sub{
display:block;
font-size:11px;
font-weight:500;
color:rgb(245 230 204 / .5);
margin-top:2px;
letter-spacing:.01em
}
.m2-switch input:checked~.m2-switch__lbl .m2-switch__sub{
color:rgb(245 230 204 / .65)
}
html[data-theme="light"] .m2-switch__sub{
color:rgb(60 38 22 / .55)
}
html[data-theme="light"] .m2-switch input:checked~.m2-switch__lbl .m2-switch__sub{
color:rgb(60 38 22 / .7)
}
.m2-edit-group{
margin-bottom:22px
}
.m2-edit-group__head{
margin:0 0 12px;
padding-bottom:8px;
border-bottom:1px solid rgb(255 220 180 / .08)
}
.m2-edit-group__head h3{
margin:0;
font-family:var(--font-display);
font-size:17px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em
}
.m2-edit-group__head p{
margin:4px 0 0;
font-size:12.5px;
line-height:1.55;
color:rgb(245 230 204 / .6)
}
html[data-theme="light"] .m2-edit-group__head{
border-bottom-color:rgb(120 78 38 / .2)
}
html[data-theme="light"] .m2-edit-group__head h3{
color:#1f1208
}
html[data-theme="light"] .m2-edit-group__head p{
color:rgb(60 38 22 / .75)
}
.m2-tabs.m2-tabs--inline{
margin:0 0 12px;
padding:4px;
background:rgb(20 12 8 / .42)
}
.m2-tabs--inline .m2-tab{
padding:6px 12px;
font-size:12px
}
.m2-tabs--inline .m2-tab svg{
color:inherit;
opacity:.7
}
.m2-webtab{
display:none;
animation:editPaneIn 0.22s ease
}
.m2-webtab.is-active{
display:block
}
html[data-theme="light"] .m2-tabs.m2-tabs--inline{
background:rgb(255 250 235 / .55)
}
.m2-features-block{
margin-top:18px;
padding:18px 20px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:12px
}
.m2-features-block h2{
margin:0 0 14px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-features-block__qa-head{
margin:22px 0 10px;
font-family:var(--font-display);
font-size:17px;
font-weight:700;
color:var(--ink);
padding-top:14px;
border-top:1px solid rgb(255 220 180 / .1)
}
.m2-feature-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px 22px
}
@media (max-width:720px){
.m2-feature-grid{
grid-template-columns:1fr
}
}
.m2-feature-grid__group h3{
margin:0 0 8px;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
letter-spacing:.04em;
text-transform:uppercase
}
.m2-feature-grid__group ul{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:4px
}
.m2-feature-grid__group li{
display:inline-flex;
align-items:center;
gap:8px;
font-size:13.5px;
line-height:1.5;
color:rgb(245 230 204 / .85)
}
.m2-feature-grid__icon{
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
border-radius:50%;
background:rgb(155 191 110 / .16);
border:1px solid rgb(155 191 110 / .32);
color:#9bbf6e
}
.m2-feature-grid__icon--gold{
background:rgb(240 201 138 / .16);
border-color:rgb(240 201 138 / .42);
color:#f0c98a
}
.m2-feature-qa{
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:8px
}
.m2-feature-qa__row{
padding:10px 14px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .08);
border-radius:8px
}
.m2-feature-qa dt{
font-size:11px;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .6);
font-weight:700;
margin-bottom:4px
}
.m2-feature-qa dd{
margin:0;
font-size:13.5px;
line-height:1.55;
color:var(--ink)
}
html[data-theme="light"] .m2-features-block{
background:linear-gradient(180deg,rgb(232 208 170 / .92),rgb(216 188 146 / .92));
border-color:rgb(120 78 38 / .28)
}
html[data-theme="light"] .m2-features-block h2,html[data-theme="light"] .m2-features-block__qa-head,html[data-theme="light"] .m2-feature-grid__group h3,html[data-theme="light"] .m2-feature-qa dd{
color:#1f1208
}
html[data-theme="light"] .m2-features-block__qa-head{
border-top-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-feature-grid__group li{
color:rgb(60 38 22 / .85)
}
html[data-theme="light"] .m2-feature-qa dt{
color:rgb(60 38 22 / .7)
}
html[data-theme="light"] .m2-feature-qa__row{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22)
}
.m2-feature-group{
margin-bottom:16px
}
.m2-feature-group__head{
margin:0 0 8px;
font-family:var(--font-display);
font-size:13px;
font-weight:700;
color:rgb(245 230 204 / .62);
letter-spacing:.1em;
text-transform:uppercase
}
.m2-feature-chips{
display:flex;
flex-wrap:wrap;
gap:8px
}
.m2-feature-chip{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 12px;
background:rgb(255 220 180 / .04);
border:1px solid var(--hairline-2);
border-radius:999px;
cursor:pointer;
color:rgb(245 230 204 / .78);
font-family:var(--font-ui);
font-size:12.5px;
font-weight:600;
transition:all 0.15s ease
}
.m2-feature-chip input{
position:absolute;
opacity:0;
pointer-events:none
}
.m2-feature-chip svg{
color:rgb(245 230 204 / .3);
flex-shrink:0;
transition:color 0.15s ease
}
.m2-feature-chip:hover{
color:var(--ink);
border-color:rgb(255 220 180 / .22)
}
.m2-feature-chip:has(input:checked){
background:linear-gradient(180deg,rgb(126 216 122 / .2),rgb(74 140 79 / .14));
border-color:rgb(126 216 122 / .45);
color:var(--ink)
}
.m2-feature-chip:has(input:checked) svg{
color:#9bbf6e
}
html[data-theme="light"] .m2-feature-group__head{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-feature-chip{
background:rgb(255 250 235 / .65);
border-color:rgb(120 78 38 / .28);
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-feature-chip:has(input:checked){
background:linear-gradient(180deg,rgb(58 122 64 / .2),rgb(38 92 46 / .14));
border-color:rgb(58 122 64 / .5);
color:#1f1208
}
html[data-theme="light"] .m2-feature-chip:has(input:checked) svg{
color:#2d6a32
}
.m2-feature-custom{
display:flex;
flex-direction:column;
gap:8px;
margin-bottom:10px
}
.m2-feature-custom__row{
display:grid;
grid-template-columns:1fr auto auto;
gap:10px;
align-items:center;
padding:8px 10px;
background:rgb(255 220 180 / .04);
border:1px solid var(--hairline-2);
border-radius:8px
}
.m2-feature-custom__label{
width:100%;
padding:6px 10px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .1);
border-radius:6px;
color:var(--ink);
font-size:13px;
font-family:var(--font-ui);
outline:none;
box-sizing:border-box
}
.m2-feature-custom__label:focus{
border-color:rgb(193 74 58 / .45);
background:rgb(28 18 12 / .7)
}
.m2-feature-custom__remove{
padding:4px 8px;
line-height:1
}
html[data-theme="light"] .m2-feature-custom__row{
background:rgb(255 250 235 / .55);
border-color:rgb(120 78 38 / .28)
}
html[data-theme="light"] .m2-feature-custom__label{
background:rgb(255 250 235 / .7);
border-color:rgb(120 78 38 / .28);
color:#1f1208
}
.m2-nav__finder{
position:relative;
padding:4px 12px;
background:linear-gradient(180deg,rgb(193 74 58 / .18),rgb(122 40 24 / .12));
border:1px solid rgb(193 74 58 / .42);
border-radius:6px;
cursor:pointer;
display:inline-flex;
align-items:center;
gap:6px;
color:var(--ink);
font-family:var(--font-ui);
font-size:12.5px;
font-weight:600;
letter-spacing:.01em;
transition:all 0.15s ease;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .1)
}
.m2-nav__finder svg{
color:#e8a08a
}
.m2-nav__finder:hover{
background:linear-gradient(180deg,rgb(193 74 58 / .32),rgb(122 40 24 / .22));
border-color:rgb(193 74 58 / .6);
box-shadow:inset 0 1px 0 rgb(255 200 160 / .18),0 4px 12px -4px rgb(193 74 58 / .4)
}
html[data-theme="light"] .m2-nav__finder{
background:linear-gradient(180deg,rgb(193 74 58 / .18),rgb(122 40 24 / .1));
border-color:rgb(122 40 24 / .5);
color:#1f1208
}
html[data-theme="light"] .m2-nav__finder svg{
color:#c14a3a
}
html[data-theme="light"] .m2-nav__finder:hover{
background:linear-gradient(180deg,rgb(193 74 58 / .32),rgb(122 40 24 / .22));
border-color:rgb(122 40 24 / .7)
}
@media (max-width:720px){
.m2-nav__finder span{
display:none
}
.m2-nav__finder{
padding:4px 8px
}
}
.m2-finder.popup__inner{
width:100%;
max-width:760px;
max-height:calc(100vh - 48px);
display:flex;
flex-direction:column;
padding:20px 22px 18px;
overflow:hidden
}
.m2-finder__head{
display:flex;
align-items:center;
gap:14px;
padding-bottom:14px;
border-bottom:1px solid rgb(255 220 180 / .1);
margin-bottom:14px
}
.m2-finder__icon{
flex-shrink:0;
width:42px;
height:42px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(193 74 58 / .18);
border:1px solid rgb(193 74 58 / .42);
color:#e8a08a
}
.m2-finder__head h2{
margin:0;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-finder__head p{
margin:4px 0 0;
font-size:12.5px;
line-height:1.5;
color:rgb(245 230 204 / .65)
}
.m2-finder__body{
flex:1;
min-height:0;
overflow-y:auto;
padding-right:6px;
display:flex;
flex-direction:column
}
.m2-finder__filters{
display:flex;
flex-direction:column
}
.m2-finder__group{
margin:0 0 14px;
padding:0;
border:none
}
.m2-finder__group legend{
font-family:var(--font-display);
font-size:12px;
font-weight:700;
color:rgb(245 230 204 / .62);
letter-spacing:.1em;
text-transform:uppercase;
padding:0 0 6px;
width:100%
}
.m2-finder__row{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:7px 4px;
border-bottom:1px solid rgb(255 220 180 / .05)
}
.m2-finder__row:last-child{
border-bottom:none
}
.m2-finder__lbl{
font-size:13.5px;
color:var(--ink);
flex:1;
min-width:0
}
.m2-finder__tri{
display:inline-flex;
gap:0;
padding:2px;
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .12);
border-radius:999px
}
.m2-finder__tri button{
width:28px;
height:24px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#fff0;
border:none;
cursor:pointer;
color:rgb(245 230 204 / .55);
border-radius:999px;
font-size:13px;
transition:all 0.15s ease
}
.m2-finder__tri button:hover{
color:var(--ink)
}
.m2-finder__tri button.is-active[data-state="required"]{
background:linear-gradient(180deg,rgb(58 122 64 / .55),rgb(38 92 46 / .55));
color:#f4fbe8;
box-shadow:inset 0 1px 0 rgb(255 255 255 / .18)
}
.m2-finder__tri button.is-active[data-state="excluded"]{
background:linear-gradient(180deg,rgb(193 74 58 / .55),rgb(122 40 24 / .55));
color:#fff5e6;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .2)
}
.m2-finder__tri button.is-active[data-state="any"]{
background:rgb(255 220 180 / .1);
color:var(--ink)
}
.m2-finder__foot{
display:flex;
align-items:center;
gap:12px;
padding-top:14px;
margin-top:12px;
border-top:1px solid rgb(255 220 180 / .1);
flex-wrap:wrap;
flex:0 0 auto
}
.m2-finder__count{
flex:1;
font-size:12px;
color:rgb(245 230 204 / .62)
}
.m2-finder__results{
margin-top:14px;
display:flex;
flex-direction:column;
gap:6px
}
.m2-finder__hit{
display:grid;
grid-template-columns:auto auto 1fr;
align-items:center;
gap:12px;
padding:8px 12px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .08);
border-radius:8px;
text-decoration:none;
color:var(--ink);
transition:all 0.15s ease
}
.m2-finder__hit:hover{
background:rgb(255 220 180 / .1);
border-color:rgb(255 220 180 / .22);
transform:translateY(-1px)
}
.m2-finder__hit-rank{
font-family:var(--font-display);
font-weight:700;
font-size:14px;
color:#e8a08a;
min-width:32px;
text-align:center;
font-feature-settings:"tnum"
}
.m2-finder__hit-logo{
width:30px;
height:30px;
border-radius:6px;
display:inline-flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,rgb(193 74 58 / .32),rgb(28 18 12 / .5));
border:1px solid rgb(255 220 180 / .1);
font-family:var(--font-display);
font-weight:700;
font-size:13px;
color:var(--ink)
}
.m2-finder__hit-body{
display:flex;
flex-direction:column;
gap:2px;
min-width:0
}
.m2-finder__hit-name{
font-size:13.5px;
font-weight:600;
color:var(--ink);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.m2-finder__hit-meta{
display:inline-flex;
align-items:center;
gap:8px;
font-size:11.5px;
color:rgb(245 230 204 / .55)
}
.m2-finder__hit-meta .m2-chip{
padding:2px 8px;
font-size:9px
}
.m2-finder__empty{
padding:18px;
text-align:center;
color:rgb(245 230 204 / .55);
font-size:13px;
border:1px dashed rgb(255 220 180 / .14);
border-radius:8px
}
html[data-theme="light"] .m2-finder__head{
border-bottom-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-finder__head h2{
color:#1f1208
}
html[data-theme="light"] .m2-finder__head p,html[data-theme="light"] .m2-finder__group legend,html[data-theme="light"] .m2-finder__count,html[data-theme="light"] .m2-finder__hit-meta,html[data-theme="light"] .m2-finder__empty{
color:rgb(60 38 22 / .78)
}
html[data-theme="light"] .m2-finder__lbl,html[data-theme="light"] .m2-finder__hit-name,html[data-theme="light"] .m2-finder__hit-logo{
color:#1f1208
}
html[data-theme="light"] .m2-finder__row{
border-bottom-color:rgb(120 78 38 / .18)
}
html[data-theme="light"] .m2-finder__foot{
border-top-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-finder__tri{
background:rgb(255 250 235 / .65);
border-color:rgb(120 78 38 / .28)
}
html[data-theme="light"] .m2-finder__tri button{
color:rgb(60 38 22 / .6)
}
html[data-theme="light"] .m2-finder__hit{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-finder__hit:hover{
background:rgb(255 252 238 / .85);
border-color:rgb(120 78 38 / .42)
}
.m2-bl-status{
display:flex;
align-items:center;
gap:14px;
padding:14px 18px;
background:linear-gradient(180deg,rgb(126 216 122 / .16),rgb(58 122 64 / .1));
border:1px solid rgb(126 216 122 / .42);
border-radius:10px;
color:var(--ink);
font-size:14px
}
.m2-bl-status__icon{
flex-shrink:0;
width:38px;
height:38px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(58 122 64 / .32);
border:1px solid rgb(58 122 64 / .55);
color:#fff5e6
}
.m2-bl-status strong{
display:block;
font-size:15px;
font-weight:700;
color:var(--ink);
margin-bottom:2px
}
.m2-bl-status span{
display:block;
color:rgb(245 230 204 / .78)
}
.m2-bl-intro{
margin:0 0 18px;
font-size:14px;
line-height:1.6;
color:rgb(245 230 204 / .85)
}
.m2-bl-intro strong{
color:var(--ink)
}
.m2-bl-steps{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:14px
}
.m2-bl-step{
display:grid;
grid-template-columns:36px 1fr;
gap:14px;
padding:16px 18px;
background:rgb(28 18 12 / .55);
border:1px solid var(--hairline-2);
border-radius:10px
}
.m2-bl-step__num{
flex-shrink:0;
width:32px;
height:32px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:linear-gradient(180deg,#c14a3a,#8a2818);
border:1px solid rgb(255 180 140 / .45);
color:#fff5e6;
font-family:var(--font-display);
font-weight:700;
font-size:16px;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .2)
}
.m2-bl-step__body{
min-width:0;
display:flex;
flex-direction:column;
gap:8px;
align-items:flex-start
}
.m2-bl-step__body>.m2-btn{
align-self:flex-start;
width:auto;
flex:0 0 auto
}
.m2-bl-step__body h3{
margin:0;
font-family:var(--font-display);
font-size:16px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em
}
.m2-bl-step__body p{
margin:0;
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.m2-bl-checklist{
list-style:none;
margin:4px 0 0;
padding:0;
display:flex;
flex-direction:column;
gap:8px
}
.m2-bl-checklist li{
display:grid;
grid-template-columns:22px 1fr;
gap:10px;
padding:10px 12px;
background:rgb(255 220 180 / .04);
border:1px solid rgb(255 220 180 / .1);
border-radius:8px;
font-size:13px;
line-height:1.55;
color:rgb(245 230 204 / .85)
}
.m2-bl-checklist__icon{
width:22px;
height:22px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(155 191 110 / .16);
border:1px solid rgb(155 191 110 / .32);
color:#9bbf6e;
flex-shrink:0;
margin-top:1px
}
.m2-bl-checklist strong{
color:var(--ink)
}
.m2-bl-checklist__hint{
display:inline-flex;
align-items:center;
gap:4px;
margin-top:4px;
font-size:12px;
color:#e8a08a;
text-decoration:none
}
.m2-bl-checklist__hint:hover{
color:#f5b69a
}
.m2-bl-checklist__hint svg{
color:#f0c98a
}
.m2-bl-help{
display:grid;
grid-template-columns:42px 1fr;
gap:14px;
align-items:start;
padding:16px 18px;
margin-top:18px;
background:rgb(88 101 242 / .1);
border:1px solid rgb(88 101 242 / .32);
border-radius:10px
}
.m2-bl-help__icon{
width:42px;
height:42px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(88 101 242 / .2);
border:1px solid rgb(88 101 242 / .45);
color:#7983f5
}
.m2-bl-help strong{
display:block;
color:var(--ink);
font-size:14px;
font-weight:700;
margin-bottom:4px
}
.m2-bl-help span{
display:block;
font-size:12.5px;
line-height:1.55;
color:rgb(245 230 204 / .78);
margin-bottom:10px
}
.m2-bl-help .m2-btn{
display:inline-flex
}
html[data-theme="light"] .m2-bl-status{
background:linear-gradient(180deg,rgb(126 216 122 / .3),rgb(58 122 64 / .16));
border-color:rgb(58 122 64 / .5);
color:#1c3a1f
}
html[data-theme="light"] .m2-bl-status strong{
color:#1c3a1f
}
html[data-theme="light"] .m2-bl-status span{
color:rgb(60 38 22 / .8)
}
html[data-theme="light"] .m2-bl-intro,html[data-theme="light"] .m2-bl-step__body p,html[data-theme="light"] .m2-bl-checklist li,html[data-theme="light"] .m2-bl-help span{
color:rgb(60 38 22 / .85)
}
html[data-theme="light"] .m2-bl-intro strong,html[data-theme="light"] .m2-bl-step__body h3,html[data-theme="light"] .m2-bl-checklist strong,html[data-theme="light"] .m2-bl-help strong{
color:#1f1208
}
html[data-theme="light"] .m2-bl-step,html[data-theme="light"] .m2-bl-checklist li{
background:linear-gradient(180deg,rgb(232 208 170 / .92),rgb(216 188 146 / .92));
border-color:rgb(120 78 38 / .28)
}
html[data-theme="light"] .m2-bl-checklist li{
background:rgb(255 250 235 / .6);
border-color:rgb(120 78 38 / .22)
}
html[data-theme="light"] .m2-bl-help{
background:rgb(88 101 242 / .14);
border-color:rgb(64 78 237 / .5)
}
html[data-theme="light"] .m2-bl-help__icon{
color:#4c5bf2
}
.m2-api-promo{
display:grid;
grid-template-columns:auto 1fr;
gap:20px;
padding:20px;
margin-top:12px;
background:linear-gradient(135deg,rgb(214 112 47 / .1),rgb(120 76 42 / .06));
border:1px solid rgb(214 112 47 / .32);
border-radius:14px;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .1)
}
.m2-api-promo__media img{
display:block;
max-width:180px;
height:auto;
border-radius:10px;
box-shadow:0 6px 20px rgb(0 0 0 / .35)
}
.m2-api-promo__body{
min-width:0;
display:flex;
flex-direction:column;
gap:8px;
align-items:flex-start
}
.m2-api-promo__body h3{
margin:0;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-api-promo__body p{
margin:0;
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .8)
}
.m2-api-promo__body .m2-edit-list{
margin:4px 0 8px
}
.m2-api-promo__body>.m2-btn{
align-self:flex-start;
width:auto;
flex:0 0 auto
}
.m2-api-promo__badge{
display:inline-flex;
align-items:center;
gap:5px;
padding:4px 9px;
font-size:11px;
font-weight:700;
letter-spacing:.04em;
text-transform:uppercase;
color:#f4d4a8;
background:rgb(214 112 47 / .22);
border:1px solid rgb(214 112 47 / .45);
border-radius:999px
}
@media (max-width:720px){
.m2-api-promo{
grid-template-columns:1fr
}
.m2-api-promo__media img{
max-width:140px;
margin:0 auto
}
}
.m2-api-types{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px
}
@media (max-width:720px){
.m2-api-types{
grid-template-columns:1fr
}
}
.m2-api-type{
display:flex;
flex-direction:column;
gap:6px;
padding:14px 16px;
background:rgb(40 28 18 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px;
color:inherit;
text-decoration:none;
transition:border-color .15s ease,transform .15s ease,background .15s ease
}
.m2-api-type:hover{
border-color:rgb(214 112 47 / .55);
background:rgb(50 34 22 / .7);
transform:translateY(-1px)
}
.m2-api-type h4{
margin:2px 0 0;
font-family:var(--font-display);
font-size:15px;
font-weight:700;
color:var(--ink)
}
.m2-api-type p{
margin:0;
font-size:13px;
line-height:1.5;
color:rgb(245 230 204 / .72)
}
.m2-api-type__tag{
align-self:flex-start;
display:inline-flex;
align-items:center;
gap:4px;
padding:3px 8px;
font-size:10.5px;
font-weight:700;
letter-spacing:.05em;
text-transform:uppercase;
color:rgb(245 230 204 / .8);
background:rgb(245 230 204 / .08);
border:1px solid rgb(245 230 204 / .15);
border-radius:999px
}
.m2-api-type__tag--primary{
color:#f4d4a8;
background:rgb(214 112 47 / .2);
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-api-promo{
background:linear-gradient(135deg,rgb(214 112 47 / .1),rgb(255 250 242 / .6));
border-color:rgb(214 112 47 / .4)
}
html[data-theme="light"] .m2-api-promo__body p,html[data-theme="light"] .m2-api-type p{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-api-promo__badge{
color:#8a3d12;
background:rgb(214 112 47 / .16);
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-api-type{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-api-type:hover{
background:#fff8ed;
border-color:rgb(214 112 47 / .55)
}
html[data-theme="light"] .m2-api-type__tag{
color:rgb(60 40 28 / .75);
background:rgb(120 80 50 / .1);
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-api-type__tag--primary{
color:#8a3d12;
background:rgb(214 112 47 / .16);
border-color:rgb(214 112 47 / .45)
}
.m2-api-cta{
margin-top:22px;
display:flex;
align-items:center;
gap:14px;
padding:14px 18px;
background:linear-gradient(135deg,rgb(40 28 18 / .7),rgb(50 34 22 / .55));
border:1px solid rgb(214 112 47 / .32);
border-radius:12px;
color:var(--ink);
text-decoration:none;
transition:border-color .15s ease,transform .15s ease,background .15s ease
}
.m2-api-cta:hover{
border-color:rgb(214 112 47 / .65);
background:linear-gradient(135deg,rgb(50 34 22 / .85),rgb(60 40 26 / .65));
transform:translateY(-1px)
}
.m2-api-cta__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:rgb(214 112 47 / .2);
border:1px solid rgb(214 112 47 / .45);
border-radius:10px;
color:#f4d4a8;
flex:0 0 auto
}
.m2-api-cta__body{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
flex:1
}
.m2-api-cta__body strong{
font-family:var(--font-display);
font-size:15px;
font-weight:700;
color:var(--ink)
}
.m2-api-cta__body small{
font-size:12.5px;
line-height:1.45;
color:rgb(245 230 204 / .72)
}
.m2-api-cta__arrow{
display:inline-flex;
color:rgb(245 230 204 / .55);
transition:transform .15s ease,color .15s ease;
flex:0 0 auto
}
.m2-api-cta:hover .m2-api-cta__arrow{
transform:translateX(3px);
color:#f4d4a8
}
html[data-theme="light"] .m2-api-cta{
background:linear-gradient(135deg,rgb(255 250 242 / .9),rgb(255 245 232 / .7));
border-color:rgb(214 112 47 / .4)
}
html[data-theme="light"] .m2-api-cta:hover{
background:#fff8ed;
border-color:rgb(214 112 47 / .65)
}
html[data-theme="light"] .m2-api-cta__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-api-cta__body small{
color:rgb(60 40 28 / .72)
}
html[data-theme="light"] .m2-api-cta__arrow{
color:rgb(60 40 28 / .5)
}
html[data-theme="light"] .m2-api-cta:hover .m2-api-cta__arrow{
color:#8a3d12
}
.m2-banner-stage{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);
gap:22px;
align-items:start
}
@media (max-width:900px){
.m2-banner-stage{
grid-template-columns:1fr
}
}
.m2-banner-stage__preview{
display:flex;
flex-direction:column;
gap:10px
}
.m2-banner-stage__lbl{
font-family:var(--font-display);
font-size:11px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:rgb(245 230 204 / .55)
}
.m2-banner-stage__frame{
position:relative;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px;
padding:12px;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .06)
}
.m2-banner-stage__frame img,.m2-banner-stage__frame video,.m2-banner-stage__current img,.m2-banner-stage__current video,.m2-banner-stage__current picture img{
display:block;
max-width:100%;
height:auto;
border-radius:8px
}
.m2-banner-stage__upload{
align-self:flex-start
}
.m2-banner-stage__meta{
display:flex;
flex-direction:column;
gap:12px
}
.m2-banner-meta-card{
padding:12px 14px;
background:rgb(40 28 18 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:10px
}
.m2-banner-meta-card h3{
display:flex;
align-items:center;
gap:6px;
margin:0 0 6px;
font-family:var(--font-display);
font-size:13px;
font-weight:700;
letter-spacing:.02em;
color:var(--ink)
}
.m2-banner-meta-card h3 svg{
color:rgb(214 112 47 / .85)
}
.m2-banner-meta-card .m2-edit-list{
margin:0;
font-size:12.5px
}
.m2-banner-history{
margin-top:24px;
background:rgb(30 20 14 / .55);
border:1px solid rgb(245 230 204 / .12);
border-radius:12px;
overflow:hidden
}
.m2-banner-history>summary{
display:flex;
align-items:center;
gap:10px;
padding:12px 16px;
cursor:pointer;
user-select:none;
list-style:none;
transition:background .15s ease
}
.m2-banner-history>summary::-webkit-details-marker{
display:none
}
.m2-banner-history>summary:hover{
background:rgb(50 34 22 / .4)
}
.m2-banner-history__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
background:rgb(214 112 47 / .18);
border:1px solid rgb(214 112 47 / .4);
border-radius:8px;
color:#f4d4a8
}
.m2-banner-history__lbl{
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
flex:1
}
.m2-banner-history__count{
padding:2px 8px;
font-size:11px;
font-weight:700;
background:rgb(245 230 204 / .1);
border:1px solid rgb(245 230 204 / .18);
border-radius:999px;
color:rgb(245 230 204 / .8)
}
.m2-banner-history__chevron{
display:inline-flex;
color:rgb(245 230 204 / .55);
transition:transform .2s ease
}
.m2-banner-history[open] .m2-banner-history__chevron{
transform:rotate(180deg)
}
.m2-banner-history__body{
padding:4px 16px 16px;
border-top:1px solid rgb(245 230 204 / .08)
}
.m2-banner-history__hint{
margin:10px 0 12px;
font-size:12.5px;
line-height:1.5;
color:rgb(245 230 204 / .7)
}
.m2-banner-history__grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:10px
}
.m2-banner-history__item{
position:relative;
display:flex;
flex-direction:column;
gap:0;
padding:0;
margin:0;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:8px;
overflow:hidden;
cursor:pointer;
transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;
font-family:inherit;
color:inherit
}
.m2-banner-history__item:hover{
border-color:rgb(214 112 47 / .55);
transform:translateY(-1px);
box-shadow:0 6px 18px rgb(0 0 0 / .3)
}
.m2-banner-history__item img{
display:block;
width:100%;
height:auto;
aspect-ratio:4 / 1;
object-fit:cover
}
.m2-banner-history__date{
padding:6px 10px;
font-size:11px;
font-weight:600;
color:rgb(245 230 204 / .7);
border-top:1px solid rgb(245 230 204 / .08);
text-align:left
}
.m2-banner-history__use{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
font-family:var(--font-display);
font-size:13px;
font-weight:700;
color:#fff;
background:rgb(20 14 10 / .78);
opacity:0;
transition:opacity .15s ease;
pointer-events:none
}
.m2-banner-history__item:hover .m2-banner-history__use{
opacity:1
}
.m2-banner-history__item.is-loading{
opacity:.6;
pointer-events:none
}
.m2-banner-history__item.is-loading .m2-banner-history__use{
opacity:1;
content:'Loading...'
}
html[data-theme="light"] .m2-banner-stage__frame{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-banner-stage__lbl{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-banner-meta-card{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-banner-history{
background:rgb(255 250 242 / .6);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-banner-history>summary:hover{
background:#fff8ed
}
html[data-theme="light"] .m2-banner-history__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-banner-history__count{
background:rgb(120 80 50 / .1);
color:rgb(60 40 28 / .78);
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-banner-history__chevron{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-banner-history__body{
border-top-color:rgb(120 80 50 / .15)
}
html[data-theme="light"] .m2-banner-history__hint{
color:rgb(60 40 28 / .7)
}
html[data-theme="light"] .m2-banner-history__item{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-banner-history__date{
color:rgb(60 40 28 / .65);
border-top-color:rgb(120 80 50 / .15)
}
.m2-admbar{
position:fixed;
left:50%;
bottom:14px;
transform:translateX(-50%);
z-index:39;
pointer-events:none
}
.m2-admbar__wrap{
display:inline-flex;
align-items:center;
gap:10px;
padding:6px 8px 6px 12px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(214 112 47 / .28);
border-radius:999px;
backdrop-filter:blur(14px);
box-shadow:0 10px 28px rgb(0 0 0 / .4);
font-family:var(--font-ui);
pointer-events:auto;
transition:opacity .18s ease,transform .18s ease
}
.m2-admbar.is-min .m2-admbar__wrap{
opacity:0;
pointer-events:none;
transform:translateY(8px)
}
.m2-admbar__lbl{
display:inline-flex;
align-items:center;
gap:5px;
padding:2px 8px;
font-size:10.5px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:#f4d4a8;
background:rgb(214 112 47 / .22);
border:1px solid rgb(214 112 47 / .45);
border-radius:999px
}
.m2-admbar__links{
display:flex;
align-items:center;
gap:2px;
flex-wrap:wrap
}
.m2-admbar__links a{
padding:4px 10px;
font-size:12px;
font-weight:600;
color:rgb(245 230 204 / .78);
text-decoration:none;
border-radius:999px;
transition:background .12s ease,color .12s ease
}
.m2-admbar__links a:hover{
background:rgb(214 112 47 / .18);
color:#f4d4a8
}
.m2-admbar__links a.is-active{
background:rgb(214 112 47 / .28);
color:#fff
}
.m2-admbar__close,.m2-admbar__open{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
background:rgb(245 230 204 / .08);
border:1px solid rgb(245 230 204 / .14);
border-radius:999px;
color:rgb(245 230 204 / .7);
cursor:pointer;
padding:0;
transition:background .12s ease,color .12s ease
}
.m2-admbar__close:hover,.m2-admbar__open:hover{
background:rgb(214 112 47 / .18);
color:#f4d4a8
}
.m2-admbar__open{
position:absolute;
left:50%;
bottom:0;
transform:translateX(-50%);
width:30px;
height:30px;
background:rgb(20 14 10 / .85);
border-color:rgb(214 112 47 / .4);
color:#f4d4a8;
pointer-events:auto;
opacity:0;
box-shadow:0 8px 22px rgb(0 0 0 / .35)
}
.m2-admbar.is-min .m2-admbar__open{
opacity:1
}
html[data-theme="light"] .m2-admbar__wrap{
background:rgb(248 240 220 / .85);
border-color:rgb(214 112 47 / .36);
box-shadow:0 10px 28px rgb(80 50 20 / .22)
}
html[data-theme="light"] .m2-admbar__lbl{
color:#8a3d12;
background:rgb(214 112 47 / .18);
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-admbar__links a{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-admbar__links a:hover{
background:rgb(214 112 47 / .16);
color:#8a3d12
}
html[data-theme="light"] .m2-admbar__links a.is-active{
background:rgb(214 112 47 / .3);
color:#fff
}
html[data-theme="light"] .m2-admbar__close,html[data-theme="light"] .m2-admbar__open{
background:rgb(120 80 50 / .1);
border-color:rgb(120 80 50 / .2);
color:rgb(60 40 28 / .7)
}
html[data-theme="light"] .m2-admbar__open{
background:rgb(248 240 220 / .95);
border-color:rgb(214 112 47 / .45);
color:#8a3d12
}
.m2-admbar__badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:16px;
height:16px;
padding:0 5px;
margin-left:6px;
font-size:10px;
font-weight:800;
color:#fff;
background:linear-gradient(180deg,#e64545,#b81f1f);
border-radius:999px;
box-shadow:0 0 0 2px rgb(184 31 31 / .35),0 0 10px rgb(230 69 69 / .5);
animation:m2BadgePulse 2.2s ease-in-out infinite
}
.m2-admbar__badge--warn{
background:linear-gradient(180deg,#f0a830,#c47a14);
box-shadow:0 0 0 2px rgb(196 122 20 / .35),0 0 10px rgb(240 168 48 / .5);
animation:none
}
.m2-seo-totalbadge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:2px 7px;
margin-left:8px;
font:700 11px/1 var(--font-ui);
letter-spacing:.02em;
color:#fff;
background:linear-gradient(180deg,#e64545,#b81f1f);
box-shadow:0 0 0 1px rgb(184 31 31 / .45)
}
.m2-seo-totalbadge--warn{
background:linear-gradient(180deg,#f0a830,#c47a14);
box-shadow:0 0 0 1px rgb(196 122 20 / .45)
}
.m2-seo-totalbadge--ok{
background:linear-gradient(180deg,#4ade80,#1d8c43);
box-shadow:0 0 0 1px rgb(29 140 67 / .45)
}
html[data-theme="light"] .m2-admbar__badge--warn{
background:linear-gradient(180deg,#d97706,#a05a04);
box-shadow:0 0 0 2px rgb(160 90 4 / .25),0 0 10px rgb(217 119 6 / .4)
}
html[data-theme="light"] .m2-seo-totalbadge{
background:linear-gradient(180deg,#dc2626,#991b1b);
box-shadow:0 0 0 1px rgb(153 27 27 / .4)
}
html[data-theme="light"] .m2-seo-totalbadge--warn{
background:linear-gradient(180deg,#d97706,#a05a04);
box-shadow:0 0 0 1px rgb(160 90 4 / .4)
}
html[data-theme="light"] .m2-seo-totalbadge--ok{
background:linear-gradient(180deg,#16a34a,#0f7a36);
box-shadow:0 0 0 1px rgb(15 122 54 / .4)
}
@keyframes m2BadgePulse{
0%,100%{
box-shadow:0 0 0 2px rgb(184 31 31 / .35),0 0 10px rgb(230 69 69 / .5)
}
50%{
box-shadow:0 0 0 4px rgb(184 31 31 / .2),0 0 14px rgb(230 69 69 / .7)
}
}
.m2-admin-page{
display:flex;
flex-direction:column;
gap:16px;
margin-top:12px
}
.m2-admin-card{
padding:20px;
background:rgb(30 20 14 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:14px;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .06);
display:flex;
flex-direction:column;
gap:14px
}
.m2-admin-card__head{
display:flex;
align-items:flex-start;
gap:12px
}
.m2-admin-card__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
background:rgb(214 112 47 / .2);
border:1px solid rgb(214 112 47 / .45);
border-radius:10px;
color:#f4d4a8;
flex:0 0 auto
}
.m2-admin-card__head h3{
margin:0 0 4px;
font-family:var(--font-display);
font-size:16px;
font-weight:700;
color:var(--ink)
}
.m2-admin-card__head p{
margin:0;
font-size:13px;
line-height:1.5;
color:rgb(245 230 204 / .72)
}
.m2-admin-card .m2-btn{
align-self:flex-start;
width:auto
}
.m2-admin-toolbar{
display:flex;
align-items:flex-end;
gap:10px;
flex-wrap:wrap;
padding-bottom:10px;
border-bottom:1px solid rgb(245 230 204 / .08)
}
.m2-admin-toolbar:last-child{
border-bottom:0;
padding-bottom:0
}
.m2-admin-toolbar .m2-field{
margin:0
}
.m2-admin-form{
display:flex;
flex-direction:column;
gap:12px;
max-width:560px
}
.m2-admin-status{
font-size:12px;
color:rgb(245 230 204 / .65);
align-self:center
}
.m2-admin-editor{
width:100%;
min-height:460px;
background:rgb(20 14 10 / .65);
border:1px solid rgb(245 230 204 / .1);
border-radius:10px;
overflow:hidden
}
.m2-admin-table-wrap{
background:rgb(20 14 10 / .65);
border:1px solid rgb(245 230 204 / .1);
border-radius:10px;
overflow-x:auto
}
.m2-admin-table{
width:100%;
border-collapse:collapse;
font-size:13px
}
.m2-admin-table td{
padding:6px 10px;
border-top:1px solid rgb(245 230 204 / .06)
}
.m2-admin-table tr:first-child td{
border-top:0
}
.m2-admin-table input[type="text"],.m2-admin-table input:not([type]){
width:100%;
padding:5px 8px;
background:rgb(20 14 10 / .65);
border:1px solid rgb(245 230 204 / .12);
border-radius:6px;
color:var(--ink);
font:inherit
}
.m2-admin-table input:focus{
outline:none;
border-color:rgb(214 112 47 / .55)
}
.m2-admin-rep,.m2-admin-preview{
padding:14px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .08);
border-radius:10px;
min-height:60px
}
.m2-admin-rep:empty,.m2-admin-preview:empty{
display:none
}
html[data-theme="light"] .m2-admin-card{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-admin-card__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-admin-card__head p{
color:rgb(60 40 28 / .72)
}
html[data-theme="light"] .m2-admin-toolbar{
border-bottom-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-admin-status{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-admin-editor,html[data-theme="light"] .m2-admin-table-wrap,html[data-theme="light"] .m2-admin-rep,html[data-theme="light"] .m2-admin-preview{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-admin-table td{
border-top-color:rgb(120 80 50 / .12)
}
html[data-theme="light"] .m2-admin-table input[type="text"],html[data-theme="light"] .m2-admin-table input:not([type]){
background:#fff8ed;
border-color:rgb(120 80 50 / .22);
color:#1f1208
}
.m2-nav__menu .m2-nav__tools{
position:relative
}
.m2-nav__tools-btn{
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 10px;
background:#fff0;
border:0;
border-radius:6px;
color:rgb(245 230 204 / .78);
font:inherit;
font-size:14px;
font-weight:600;
cursor:pointer;
transition:color .15s ease,background .15s ease
}
.m2-nav__tools-btn:hover,.m2-nav__tools-btn.is-active{
color:var(--ink)
}
.m2-nav__tools-btn svg:last-child{
transition:transform .2s ease;
opacity:.65
}
.m2-nav__tools.is-open .m2-nav__tools-btn svg:last-child{
transform:rotate(180deg);
opacity:1
}
.m2-nav__tools-menu{
position:absolute;
top:100%;
left:0;
margin-top:8px;
background:rgb(28 18 12 / .96);
backdrop-filter:blur(12px);
border:1px solid rgb(255 220 180 / .1);
border-radius:10px;
padding:6px;
min-width:540px;
box-shadow:0 16px 40px rgb(0 0 0 / .55);
display:none;
grid-template-columns:1fr 1fr;
gap:2px;
z-index:60
}
.m2-nav__tools:hover::after,.m2-nav__tools.is-open::after{
content:'';
position:absolute;
left:0;
right:0;
top:100%;
height:14px
}
.m2-nav__tools.is-open .m2-nav__tools-menu,.m2-nav__tools:hover .m2-nav__tools-menu{
display:grid
}
.m2-nav__tools:hover .m2-nav__tools-btn svg:last-child{
transform:rotate(180deg);
opacity:1
}
.m2-nav__tools-menu a{
display:flex;
align-items:center;
gap:10px;
padding:10px 12px;
border-radius:8px;
color:var(--ink);
text-decoration:none;
transition:background .12s ease
}
.m2-nav__tools-menu a:hover{
background:rgb(214 112 47 / .14)
}
.m2-nav__tools-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
background:rgb(214 112 47 / .18);
border:1px solid rgb(214 112 47 / .4);
border-radius:8px;
color:#f4d4a8;
flex:0 0 auto
}
.m2-nav__tools-body{
display:flex;
flex-direction:column;
gap:1px;
min-width:0
}
.m2-nav__tools-body strong{
font-family:var(--font-display);
font-size:13.5px;
font-weight:700;
color:var(--ink)
}
.m2-nav__tools-body small{
font-size:11.5px;
color:rgb(245 230 204 / .62);
line-height:1.3
}
html[data-theme="light"] .m2-nav__tools-btn{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-nav__tools-btn:hover,html[data-theme="light"] .m2-nav__tools-btn.is-active{
color:#2a1a0f
}
html[data-theme="light"] .m2-nav__tools-menu{
background:linear-gradient(180deg,rgb(248 240 220 / .98) 0%,rgb(232 210 168 / .98) 100%);
border-color:rgb(120 78 38 / .32);
box-shadow:0 16px 40px rgb(80 50 20 / .28)
}
html[data-theme="light"] .m2-nav__tools-menu a{
color:#1f1208
}
html[data-theme="light"] .m2-nav__tools-menu a:hover{
background:rgb(214 112 47 / .14)
}
html[data-theme="light"] .m2-nav__tools-icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-nav__tools-body small{
color:rgb(60 40 28 / .62)
}
.m2-tool{
background:rgb(30 20 14 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px;
padding:18px;
margin-top:16px;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .06)
}
.m2-tool h2,.m2-tool h3{
font-family:var(--font-display);
color:var(--ink)
}
.m2-tool table{
width:100%;
border-collapse:collapse
}
.m2-tool input[type="text"],.m2-tool input[type="number"],.m2-tool select,.m2-tool textarea{
background:rgb(20 14 10 / .65);
border:1px solid rgb(245 230 204 / .14);
border-radius:8px;
color:var(--ink);
padding:8px 10px;
font:inherit
}
.m2-tool input[type="text"]:focus,.m2-tool input[type="number"]:focus,.m2-tool select:focus,.m2-tool textarea:focus{
outline:none;
border-color:rgb(214 112 47 / .55)
}
.m2-tool button:not(.m2-btn){
background:rgb(214 112 47 / .2);
border:1px solid rgb(214 112 47 / .45);
color:#f4d4a8;
padding:6px 12px;
border-radius:8px;
font:inherit;
font-weight:600;
cursor:pointer;
transition:background .12s ease,transform .12s ease
}
.m2-tool button:not(.m2-btn):hover{
background:rgb(214 112 47 / .3);
transform:translateY(-1px)
}
.m2-tool-grid{
display:grid;
gap:6px
}
.m2-tool-cell{
aspect-ratio:1;
display:grid;
place-items:center;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .12);
border-radius:8px;
cursor:pointer;
transition:border-color .15s ease,transform .15s ease,background .15s ease;
user-select:none
}
.m2-tool-cell:hover{
border-color:rgb(214 112 47 / .55);
transform:translateY(-1px)
}
.m2-tool-cell.is-active,.m2-tool-cell--active{
background:rgb(214 112 47 / .2);
border-color:rgb(214 112 47 / .6)
}
html[data-theme="light"] .m2-tool{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-tool-back{
color:rgb(60 40 28 / .7)
}
html[data-theme="light"] .m2-tool-back:hover{
color:#2a1a0f
}
html[data-theme="light"] .m2-tool input[type="text"],html[data-theme="light"] .m2-tool input[type="number"],html[data-theme="light"] .m2-tool select,html[data-theme="light"] .m2-tool textarea{
background:#fff8ed;
border-color:rgb(120 80 50 / .22);
color:#1f1208
}
html[data-theme="light"] .m2-tool button:not(.m2-btn){
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-tool button:not(.m2-btn):hover{
background:rgb(214 112 47 / .26)
}
html[data-theme="light"] .m2-tool-cell{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-tool-cell.is-active,html[data-theme="light"] .m2-tool-cell--active{
background:rgb(214 112 47 / .2);
border-color:rgb(214 112 47 / .6)
}
.m2-tool__bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
padding:4px 0 14px;
margin-bottom:14px;
border-bottom:1px solid rgb(245 230 204 / .1)
}
.m2-tool__actions{
display:flex;
gap:8px;
flex-wrap:wrap
}
.m2-tool__section{
padding:6px 0
}
.m2-tool__section+.m2-tool__section{
border-top:1px solid rgb(245 230 204 / .08);
margin-top:12px;
padding-top:14px
}
.m2-tool__group{
display:flex;
flex-direction:column;
gap:6px;
padding:10px 12px;
background:rgb(20 14 10 / .45);
border:1px solid rgb(245 230 204 / .08);
border-radius:10px;
margin-bottom:10px
}
.m2-tool__group-lbl{
margin:0 0 4px;
font-family:var(--font-display);
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:rgb(245 230 204 / .55)
}
.m2-tool__rules{
margin-top:16px;
padding:14px 18px;
background:rgb(20 14 10 / .45);
border:1px solid rgb(245 230 204 / .1);
border-radius:10px
}
.m2-tool__rules h3{
margin:0 0 10px;
font-family:var(--font-display);
font-size:15px;
font-weight:700
}
.m2-tool__rules ul{
margin:0;
padding-left:20px
}
.m2-tool__rules li{
margin-bottom:6px;
line-height:1.55;
font-size:13.5px;
color:rgb(245 230 204 / .78)
}
html[data-theme="light"] .m2-tool__bar{
border-bottom-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-tool__section+.m2-tool__section{
border-top-color:rgb(120 80 50 / .15)
}
html[data-theme="light"] .m2-tool__group{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-tool__group-lbl{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-tool__rules{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-tool__rules li{
color:rgb(60 40 28 / .78)
}
.m2-tools-rail{
position:fixed;
left:0;
top:50%;
transform:translateY(-50%);
z-index:38;
width:56px;
background:linear-gradient(180deg,rgb(40 28 18 / .96),rgb(28 18 12 / .96));
backdrop-filter:blur(12px);
border:1px solid rgb(255 220 180 / .12);
border-left:0;
border-radius:0 14px 14px 0;
box-shadow:6px 10px 28px rgb(0 0 0 / .5);
overflow:hidden;
transition:width .25s cubic-bezier(.2,.7,.2,1)
}
.m2-tools-rail:hover,.m2-tools-rail:focus-within,.m2-tools-rail.is-open{
width:280px
}
.m2-tools-rail__toggle{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:10px;
background:linear-gradient(90deg,rgb(214 112 47 / .18),rgb(214 112 47 / .04));
border:0;
border-bottom:1px solid rgb(245 230 204 / .1);
color:#f4d4a8;
cursor:pointer;
font:inherit;
text-align:left;
white-space:nowrap
}
.m2-tools-rail__toggle-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
flex:0 0 32px;
background:rgb(214 112 47 / .22);
border:1px solid rgb(214 112 47 / .45);
border-radius:8px;
color:#f4d4a8
}
.m2-tools-rail__toggle-lbl{
font-family:var(--font-display);
font-size:12px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
opacity:0;
transform:translateX(-4px);
transition:opacity .18s ease .05s,transform .18s ease .05s
}
.m2-tools-rail:hover .m2-tools-rail__toggle-lbl,.m2-tools-rail:focus-within .m2-tools-rail__toggle-lbl,.m2-tools-rail.is-open .m2-tools-rail__toggle-lbl{
opacity:1;
transform:translateX(0)
}
.m2-tools-rail__panel{
display:flex;
flex-direction:column;
padding:4px 0
}
.m2-tools-rail__head{
display:none;
padding:8px 10px 10px;
border-bottom:1px solid rgb(245 230 204 / .1);
margin-bottom:4px
}
.m2-tools-rail:hover .m2-tools-rail__head,.m2-tools-rail:focus-within .m2-tools-rail__head,.m2-tools-rail.is-open .m2-tools-rail__head{
display:block
}
.m2-tools-rail__eyebrow{
display:block;
font-family:var(--font-display);
font-size:10.5px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(214 112 47 / .85)
}
.m2-tools-rail__head h3{
margin:2px 0 0;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink)
}
.m2-tools-rail__item{
display:flex;
align-items:center;
gap:10px;
padding:6px 10px;
border-radius:8px;
color:var(--ink);
text-decoration:none;
white-space:nowrap;
transition:background .12s ease
}
.m2-tools-rail__item .m2-nav__tools-icon{
flex:0 0 32px
}
.m2-tools-rail__item:hover{
background:rgb(214 112 47 / .16)
}
.m2-tools-rail__item .m2-nav__tools-body{
opacity:0;
transform:translateX(-4px);
transition:opacity .18s ease .05s,transform .18s ease .05s
}
.m2-tools-rail:hover .m2-tools-rail__item .m2-nav__tools-body,.m2-tools-rail:focus-within .m2-tools-rail__item .m2-nav__tools-body,.m2-tools-rail.is-open .m2-tools-rail__item .m2-nav__tools-body{
opacity:1;
transform:translateX(0)
}
@media (max-width:1024px){
.m2-tools-rail{
display:none
}
}
html[data-theme="light"] .m2-tools-rail{
background:linear-gradient(180deg,rgb(248 240 220 / .98) 0%,rgb(232 210 168 / .98) 100%);
border-color:rgb(120 78 38 / .32);
box-shadow:6px 10px 28px rgb(80 50 20 / .28)
}
html[data-theme="light"] .m2-tools-rail__toggle{
background:linear-gradient(90deg,rgb(214 112 47 / .18),rgb(214 112 47 / .04));
color:#8a3d12;
border-bottom-color:rgb(120 78 38 / .2)
}
html[data-theme="light"] .m2-tools-rail__toggle-icon{
background:rgb(214 112 47 / .18);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-tools-rail__head{
border-bottom-color:rgb(120 78 38 / .2)
}
html[data-theme="light"] .m2-tools-rail__item{
color:#1f1208
}
html[data-theme="light"] .m2-tools-rail__item:hover{
background:rgb(214 112 47 / .16)
}
.m2-floater--ad{
padding-bottom:0
}
.m2-v4b-ad{
display:grid;
grid-template-columns:auto 1fr;
gap:10px;
padding:10px;
text-decoration:none;
color:inherit;
border-radius:0 0 12px 12px;
background:linear-gradient(135deg,rgb(214 112 47 / .18),rgb(120 76 42 / .06));
border-top:1px solid rgb(214 112 47 / .32);
transition:background .15s ease
}
.m2-v4b-ad:hover{
background:linear-gradient(135deg,rgb(214 112 47 / .28),rgb(120 76 42 / .12))
}
.m2-v4b-ad__media img{
display:block;
width:80px;
height:auto;
border-radius:8px;
box-shadow:0 4px 14px rgb(0 0 0 / .35)
}
.m2-v4b-ad__body{
display:flex;
flex-direction:column;
gap:4px;
min-width:0
}
.m2-v4b-ad__badge{
align-self:flex-start;
display:inline-flex;
align-items:center;
gap:4px;
padding:2px 7px;
font-size:9.5px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:#f4d4a8;
background:rgb(214 112 47 / .22);
border:1px solid rgb(214 112 47 / .45);
border-radius:999px
}
.m2-v4b-ad__body strong{
font-family:var(--font-display);
font-size:13.5px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em
}
.m2-v4b-ad__body p{
margin:0;
font-size:11.5px;
line-height:1.45;
color:rgb(245 230 204 / .7)
}
.m2-v4b-ad__cta{
margin-top:4px;
font-size:11px;
font-weight:700;
color:#f4d4a8;
letter-spacing:.02em
}
html[data-theme="light"] .m2-v4b-ad{
background:linear-gradient(135deg,rgb(214 112 47 / .14),rgb(255 250 242 / .4));
border-top-color:rgb(214 112 47 / .4)
}
html[data-theme="light"] .m2-v4b-ad:hover{
background:linear-gradient(135deg,rgb(214 112 47 / .22),rgb(255 250 242 / .55))
}
html[data-theme="light"] .m2-v4b-ad__badge{
color:#8a3d12;
background:rgb(214 112 47 / .16);
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-v4b-ad__body p{
color:rgb(60 40 28 / .72)
}
html[data-theme="light"] .m2-v4b-ad__cta{
color:#8a3d12
}
body{
-webkit-tap-highlight-color:rgb(214 112 47 / .2)
}
.m2-nav__drawer,.m2-nav__extras{
display:contents
}
.m2-burger-check{
display:none
}
.m2-nav__burger{
display:none;
width:36px;
height:36px;
flex-direction:column;
justify-content:center;
gap:4px;
padding:8px;
margin-left:4px;
background:rgb(0 0 0 / .32);
border:1px solid rgb(255 220 180 / .1);
border-radius:8px;
cursor:pointer;
position:relative;
z-index:70
}
.m2-nav__burger span{
display:block;
height:2px;
width:100%;
background:var(--ink);
border-radius:2px;
transition:transform .2s ease,opacity .2s ease
}
.m2-burger-check:checked~.m2-nav .m2-nav__burger span:nth-child(1){
transform:translateY(6px) rotate(45deg)
}
.m2-burger-check:checked~.m2-nav .m2-nav__burger span:nth-child(2){
opacity:0
}
.m2-burger-check:checked~.m2-nav .m2-nav__burger span:nth-child(3){
transform:translateY(-6px) rotate(-45deg)
}
html[data-theme="light"] .m2-nav__burger{
background:rgb(248 240 220 / .6);
border-color:rgb(120 78 38 / .32)
}
.m2-detail-title h1,.m2-panel-server-card h3,.m2-comment__body{
word-break:break-word
}
@media (max-width:880px){
.m2-ad{
display:none
}
.m2-server-row .m2-chip,.m2-meta-list,.m2-server-row__vote{
display:none
}
.m2-nav__burger{
display:flex;
margin-left:auto
}
.m2-nav__spacer{
display:none
}
.m2-nav__brand{
margin-right:auto
}
.m2-nav__drawer{
display:flex!important;
flex-direction:column;
position:fixed;
left:0;
right:0;
top:var(--m2-nav-h,56px);
bottom:auto;
max-height:calc(100vh - var(--m2-nav-h, 56px));
background:rgb(20 14 10 / .97);
backdrop-filter:blur(14px);
border-bottom:1px solid rgb(214 112 47 / .32);
border-radius:0 0 16px 16px;
box-shadow:0 16px 40px rgb(0 0 0 / .55);
transform:translateY(-110%);
transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility .28s linear;
z-index:50;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:14px 16px calc(16px + env(safe-area-inset-bottom));
gap:6px;
pointer-events:none;
visibility:hidden
}
.m2-burger-check:checked~.m2-nav .m2-nav__drawer{
transform:translateY(0);
pointer-events:auto;
visibility:visible
}
.m2-nav__menu,.m2-nav__extras{
display:flex!important;
flex-direction:column;
background:#fff0;
width:100%;
box-shadow:none;
border:0;
padding:0;
transform:none;
position:static;
overflow:visible;
gap:4px
}
.m2-nav__extras{
margin-top:10px;
padding-top:14px;
border-top:1px solid rgb(245 230 204 / .1);
gap:8px
}
.m2-nav__menu{
margin:0;
padding:0;
list-style:none
}
.m2-nav__menu li{
width:100%
}
.m2-nav__menu li>a,.m2-nav__menu .m2-nav__tools-btn{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:12px 14px;
background:#fff0;
border:1px solid #fff0;
border-radius:10px;
color:rgb(245 230 204 / .85);
font-size:15px;
font-weight:600;
font-family:var(--font-ui);
text-align:left;
cursor:pointer;
transition:background .15s ease,border-color .15s ease,color .15s ease
}
.m2-nav__menu li>a::after{
display:none!important
}
.m2-nav__menu li>a:hover,.m2-nav__menu .m2-nav__tools-btn:hover{
background:rgb(214 112 47 / .1);
color:var(--ink)
}
.m2-nav__menu li>a.is-active,.m2-nav__menu .m2-nav__tools-btn.is-active{
background:rgb(214 112 47 / .2);
border-color:rgb(214 112 47 / .45);
color:#fff
}
.m2-nav__tools-btn{
justify-content:space-between
}
.m2-nav__tools-btn svg:last-child{
transition:transform .2s ease;
opacity:.7
}
.m2-nav__tools.is-open .m2-nav__tools-btn svg:last-child{
transform:rotate(180deg)
}
.m2-nav__tools-menu{
position:static!important;
display:none!important;
grid-template-columns:1fr!important;
background:rgb(20 14 10 / .55)!important;
border:1px solid rgb(245 230 204 / .1)!important;
border-radius:10px!important;
margin:4px 0 8px!important;
padding:4px!important;
box-shadow:none!important;
min-width:0!important;
max-height:none!important;
backdrop-filter:none!important
}
.m2-nav__tools.is-open .m2-nav__tools-menu{
display:grid!important
}
.m2-nav__tools:hover .m2-nav__tools-menu{
display:none!important
}
.m2-nav__tools.is-open:hover .m2-nav__tools-menu{
display:grid!important
}
.m2-nav__extras .m2-nav__finder,.m2-nav__extras .m2-nav__lang-btn,.m2-nav__extras .m2-theme-toggle{
width:100%;
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:10px;
color:var(--ink);
font-size:14px;
font-weight:600;
font-family:var(--font-ui);
text-align:left;
cursor:pointer;
transition:background .15s ease,border-color .15s ease
}
.m2-nav__extras .m2-nav__finder:hover,.m2-nav__extras .m2-nav__lang-btn:hover,.m2-nav__extras .m2-theme-toggle:hover{
background:rgb(214 112 47 / .12);
border-color:rgb(214 112 47 / .32)
}
.m2-nav__extras .m2-nav__finder span,.m2-nav__extras .m2-nav__lang-btn span:first-of-type{
display:inline;
flex:1
}
.m2-nav__extras .m2-nav__search{
width:100%!important;
height:auto!important;
padding:10px 14px!important;
border-radius:10px!important;
background:rgb(20 14 10 / .55)!important;
border-color:rgb(245 230 204 / .1)!important;
overflow:visible!important;
justify-content:flex-start!important
}
.m2-nav__extras .m2-nav__search input{
width:auto!important;
opacity:1!important;
padding:0!important;
flex:1;
font-size:14px
}
.m2-nav__extras .m2-nav__lang{
position:relative
}
.m2-nav__extras .m2-nav__lang-btn{
justify-content:space-between
}
.m2-nav__extras .m2-nav__lang-btn svg:last-child{
transition:transform .2s ease;
opacity:.7
}
.m2-nav__extras .m2-nav__lang.is-open .m2-nav__lang-btn svg:last-child{
transform:rotate(180deg)
}
.m2-nav__extras .m2-nav__lang-menu{
position:static!important;
display:none!important;
grid-template-columns:1fr!important;
background:rgb(20 14 10 / .55)!important;
border:1px solid rgb(245 230 204 / .1)!important;
border-radius:10px!important;
margin:4px 0 0!important;
padding:4px!important;
box-shadow:none!important;
min-width:0!important;
max-height:220px;
overflow-y:auto;
backdrop-filter:none!important
}
.m2-nav__extras .m2-nav__lang.is-open .m2-nav__lang-menu{
display:grid!important
}
.m2-nav__extras .m2-nav__lang:hover .m2-nav__lang-menu{
display:none!important
}
.m2-nav__extras .m2-nav__lang.is-open:hover .m2-nav__lang-menu{
display:grid!important
}
.m2-nav__extras .m2-nav__lang-menu a{
padding:10px 12px;
font-size:14px
}
.m2-nav__extras .m2-theme-toggle{
width:100%;
height:auto;
justify-content:flex-start
}
.m2-nav__extras .m2-theme-toggle::after{
content:'Theme';
flex:1;
font-size:14px;
color:var(--ink);
font-weight:600
}
.m2-nav__extras .m2-nav__auth{
display:flex;
flex-direction:row;
gap:8px;
width:100%
}
.m2-nav__extras .m2-nav__auth .m2-btn{
flex:1;
justify-content:center;
padding:12px 14px;
font-size:14px;
font-weight:700;
border-radius:10px
}
.m2-burger-check:checked~.m2-nav::after{
content:'';
position:fixed;
inset:0;
z-index:45;
background:rgb(0 0 0 / .5)
}
html[data-theme="light"] .m2-nav__drawer{
background:rgb(248 240 220 / .98);
border-bottom-color:rgb(120 78 38 / .32)
}
html[data-theme="light"] .m2-nav__extras{
border-top-color:rgb(120 78 38 / .2)
}
html[data-theme="light"] .m2-nav__menu li>a,html[data-theme="light"] .m2-nav__menu .m2-nav__tools-btn{
color:rgb(60 38 22 / .85)
}
html[data-theme="light"] .m2-nav__menu li>a.is-active,html[data-theme="light"] .m2-nav__menu .m2-nav__tools-btn.is-active{
background:rgb(214 112 47 / .22);
border-color:rgb(214 112 47 / .55);
color:#2a1a0f
}
html[data-theme="light"] .m2-nav__extras .m2-nav__finder,html[data-theme="light"] .m2-nav__extras .m2-nav__lang-btn,html[data-theme="light"] .m2-nav__extras .m2-theme-toggle,html[data-theme="light"] .m2-nav__extras .m2-nav__search{
background:rgb(255 250 242 / .7)!important;
border-color:rgb(120 78 38 / .2)!important;
color:#2a1a0f
}
html[data-theme="light"] .m2-nav__tools-menu,html[data-theme="light"] .m2-nav__extras .m2-nav__lang-menu{
background:rgb(255 250 242 / .6)!important;
border-color:rgb(120 78 38 / .2)!important
}
html[data-theme="light"] .m2-nav__tools-menu{
background:rgb(255 250 242 / .6);
border-color:rgb(120 78 38 / .18)
}
}
@media (max-width:720px){
.m2-admbar{
left:12px;
right:12px;
transform:none;
bottom:12px
}
.m2-admbar__wrap{
flex-wrap:wrap;
max-width:calc(100vw - 24px);
padding:6px 10px;
gap:6px
}
.m2-admbar__links{
gap:2px
}
.m2-finder.popup__inner,.popup__inner{
width:calc(100vw - 16px)!important;
max-width:none!important;
max-height:calc(100vh - 32px);
overflow-y:auto;
padding:14px!important
}
.m2-finder__filters{
gap:4px
}
.m2-finder__row{
flex-wrap:wrap
}
.m2-edit-layout{
grid-template-columns:1fr!important;
gap:14px
}
.m2-side-tabs{
position:static!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory;
gap:6px;
padding:6px 4px;
margin:0 -8px;
scrollbar-width:thin
}
.m2-side-tabs::-webkit-scrollbar{
height:4px
}
.m2-side-tab{
flex:0 0 auto;
scroll-snap-align:center;
white-space:nowrap
}
.m2-tool{
padding:12px
}
.ctk-body,.okey-main,.gle-body{
overflow-x:auto
}
.main-container{
display:block!important
}
.main-container .menu,.main-container .atlas{
width:100%!important
}
.main-container canvas{
max-width:100%;
height:auto
}
}
@media (max-width:480px){
.m2-nav__brand-tag{
display:none
}
.m2-nav__search{
flex:1;
min-width:0;
width:auto
}
.m2-nav__search input{
width:100%
}
.m2-nav__auth .m2-btn{
padding:4px 10px;
font-size:12px
}
.m2-nav__lang-btn{
padding:4px 8px;
font-size:11.5px
}
.m2-admbar__wrap{
padding:6px 8px;
gap:4px
}
.m2-admbar__links a{
padding:3px 8px;
font-size:11.5px
}
.m2-floater-reopen{
width:36px;
height:36px
}
.m2-server-row__banner img,.m2-server-row__banner .b4{
max-width:100%;
height:auto
}
.m2-server-row__body{
gap:10px
}
.m2-pagination{
flex-wrap:wrap;
justify-content:center;
gap:4px
}
.m2-pagination a,.m2-pagination span{
padding:6px 10px;
font-size:13px
}
.m2-detail-title h1{
font-size:22px
}
.m2-detail-statgrid{
grid-template-columns:1fr!important
}
.m2-vote-side .vote-orb,.m2-vote-side canvas,.m2-vote-side img{
max-width:80vw;
height:auto
}
.g-recaptcha{
transform:scale(.85);
transform-origin:left top
}
.m2-trending-list{
flex-direction:column
}
.m2-trending-list a{
width:100%
}
.m2-auth__avatar{
flex-direction:column;
align-items:stretch;
gap:12px
}
.m2-auth__avatar img,.m2-auth__avatar .m2-auth__avatar-pic{
align-self:center
}
.m2-auth__card{
padding:18px
}
.m2-account-row{
grid-template-columns:1fr!important
}
.m2-panel-toolbar{
flex-direction:column;
align-items:stretch
}
.m2-panel-toolbar .m2-btn{
width:100%;
justify-content:center
}
.m2-side-tab__sub{
display:none
}
.m2-edit-pane__title{
font-size:18px
}
.ctk-body table,.okey-main table{
min-width:0
}
.gle-body .display-div{
flex-direction:column
}
.m2-floater__icon-btn,.m2-theme-toggle,.m2-admbar__close,.m2-admbar__open,.m2-nav__lang-btn{
min-height:32px
}
}
@media (max-width:380px){
.m2-nav__brand-name{
font-size:14px
}
.m2-nav__logo{
width:50px;
height:28px
}
.m2-shell{
padding:10px 10px 20px!important
}
.m2-admbar__lbl{
display:none
}
.m2-admbar__links a{
padding:3px 6px;
font-size:11px
}
.m2-server-row{
padding:10px
}
.m2-page-head h1{
font-size:22px
}
.m2-side-tab{
padding:6px 8px
}
.m2-side-tab__lbl{
font-size:12px
}
.m2-vote-side canvas{
max-width:70vw
}
.g-recaptcha{
transform:scale(.78)
}
.m2-auth__card{
padding:14px
}
}
.ctk-h1-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
background:linear-gradient(135deg,rgb(248 196 84 / .28),rgb(214 112 47 / .18));
border:1px solid rgb(248 196 84 / .55);
border-radius:10px;
color:#f8c454;
vertical-align:middle;
margin-right:6px;
box-shadow:0 0 16px rgb(248 196 84 / .35);
animation:ctkCrownPulse 3.2s ease-in-out infinite
}
@keyframes ctkCrownPulse{
0%,100%{
box-shadow:0 0 12px rgb(248 196 84 / .3)
}
50%{
box-shadow:0 0 22px rgb(248 196 84 / .55)
}
}
.ctk-body{
background:linear-gradient(180deg,rgb(40 28 18 / .65),rgb(28 18 12 / .75))
}
.ctk-toolbar{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
padding:12px 14px;
margin:0 0 14px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px;
box-shadow:inset 0 1px 0 rgb(255 200 160 / .06)
}
.ctk-toolbar__group{
display:flex;
gap:6px;
flex-wrap:wrap
}
.ctk-toolbar>.ctk-action--ghost{
margin-left:auto
}
.ctk-action{
display:inline-flex;
align-items:center;
gap:6px;
padding:7px 12px;
font:inherit;
font-size:13px;
font-weight:600;
color:rgb(245 230 204 / .85);
background:rgb(40 28 18 / .65);
border:1px solid rgb(245 230 204 / .14);
border-radius:8px;
cursor:pointer;
transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease
}
.ctk-action:hover{
background:rgb(50 34 22 / .85);
border-color:rgb(214 112 47 / .55);
transform:translateY(-1px);
box-shadow:0 6px 16px rgb(0 0 0 / .35)
}
.ctk-action:active{
transform:translateY(0)
}
.ctk-action svg{
color:rgb(245 230 204 / .65)
}
.ctk-action:hover svg{
color:#f4d4a8
}
.ctk-action--primary{
color:#fff;
background:linear-gradient(180deg,rgb(214 112 47 / .85),rgb(168 80 32 / .85));
border-color:rgb(214 112 47 / .65)
}
.ctk-action--primary svg{
color:#fff!important
}
.ctk-action--primary:hover{
background:linear-gradient(180deg,rgb(228 128 60),rgb(184 90 38));
box-shadow:0 8px 22px rgb(214 112 47 / .45)
}
.ctk-action--danger{
color:#ffd0c4;
background:linear-gradient(180deg,rgb(184 52 52 / .2),rgb(120 30 30 / .2));
border-color:rgb(184 52 52 / .5)
}
.ctk-action--danger svg{
color:#ff9080!important
}
.ctk-action--danger:hover{
background:linear-gradient(180deg,rgb(214 72 72 / .4),rgb(150 40 40 / .4));
border-color:rgb(214 72 72 / .75);
box-shadow:0 8px 22px rgb(184 52 52 / .35)
}
.ctk-action--ghost{
background:#fff0
}
.ctk-handpanel{
display:flex;
align-items:center;
gap:14px;
padding:12px 16px;
margin:0 0 14px;
background:linear-gradient(180deg,rgb(40 28 18 / .55),rgb(28 18 12 / .65));
border:1px solid rgb(245 230 204 / .1);
border-radius:12px
}
.ctk-handpanel__lbl{
font-family:var(--font-display);
font-size:11px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .55);
flex:0 0 auto
}
.ctk-handpanel__cards{
display:flex;
gap:10px;
flex-wrap:wrap;
flex:1;
justify-content:center
}
.ctk-handpanel__cards>*{
animation:ctkCardIn .35s cubic-bezier(.2,.7,.2,1) backwards
}
@keyframes ctkCardIn{
from{
opacity:0;
transform:translateY(-8px) scale(.92)
}
to{
opacity:1;
transform:translateY(0) scale(1)
}
}
.ctk-board-wrap{
position:relative;
padding:18px;
background:radial-gradient(ellipse at top,rgb(214 112 47 / .1),transparent 60%),linear-gradient(180deg,rgb(28 18 12 / .85),rgb(20 14 10 / .92));
border:1px solid rgb(214 112 47 / .22);
border-radius:14px;
box-shadow:inset 0 2px 12px rgb(0 0 0 / .35),0 8px 24px rgb(0 0 0 / .3)
}
.ctk-board__overlay{
position:absolute;
inset:0;
pointer-events:none;
background:repeating-linear-gradient(45deg,rgb(255 200 160 / .015) 0 2px,transparent 2px 12px);
border-radius:inherit
}
.ctk-board-wrap .grid-main{
position:relative;
z-index:1
}
.ctk-board-wrap .grid-main>*{
animation:ctkCardIn .4s cubic-bezier(.2,.7,.2,1) backwards;
transition:transform .15s ease,box-shadow .15s ease,filter .15s ease
}
.ctk-board-wrap .grid-main>*:hover{
transform:translateY(-2px) scale(1.02);
filter:brightness(1.12);
box-shadow:0 10px 24px rgb(0 0 0 / .5),0 0 18px rgb(248 196 84 / .2);
z-index:2
}
.ctk-board-wrap .grid-main>*:active{
transform:translateY(0) scale(.98)
}
html[data-theme="light"] .ctk-body{
background:linear-gradient(180deg,rgb(255 250 242 / .85),rgb(248 240 220 / .95))
}
html[data-theme="light"] .ctk-toolbar,html[data-theme="light"] .ctk-handpanel{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .ctk-action{
background:#fff8ed;
border-color:rgb(120 80 50 / .2);
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .ctk-action svg{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .ctk-action:hover{
background:#fff;
border-color:rgb(214 112 47 / .55);
color:#2a1a0f
}
html[data-theme="light"] .ctk-handpanel__lbl{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .ctk-board-wrap{
background:radial-gradient(ellipse at top,rgb(214 112 47 / .1),transparent 60%),linear-gradient(180deg,rgb(255 250 242 / .85),rgb(248 240 220 / .95));
border-color:rgb(214 112 47 / .32);
box-shadow:inset 0 2px 8px rgb(120 80 50 / .1),0 8px 22px rgb(80 50 20 / .18)
}
.ctk-action--red,.ctk-action--green,.ctk-action--blue,.ctk-action--danger{
color:#f4d4a8!important;
font-family:var(--font-display);
letter-spacing:.02em;
text-shadow:0 1px 2px rgb(0 0 0 / .45);
border-width:1px;
border-style:solid;
box-shadow:inset 0 1px 0 rgb(255 220 180 / .18),inset 0 -2px 0 rgb(0 0 0 / .28),0 2px 0 rgb(0 0 0 / .28),0 4px 10px rgb(0 0 0 / .2)
}
.ctk-action--red svg,.ctk-action--green svg,.ctk-action--blue svg,.ctk-action--danger svg{
color:#f4d4a8!important
}
.ctk-action--red{
background:linear-gradient(180deg,#b6432f 0%,#842b1f 100%)!important;
border-color:#d56747!important
}
.ctk-action--red:hover{
background:linear-gradient(180deg,#c8533a,#962f22)!important;
border-color:#e57852!important;
box-shadow:inset 0 1px 0 rgb(255 220 180 / .24),inset 0 -2px 0 rgb(0 0 0 / .28),0 2px 0 rgb(0 0 0 / .28),0 8px 20px rgb(180 55 40 / .45)
}
.ctk-action--green{
background:linear-gradient(180deg,#4e7a35 0%,#355020 100%)!important;
border-color:#719c4f!important
}
.ctk-action--green:hover{
background:linear-gradient(180deg,#5e8c40,#3f5e25)!important;
border-color:#84b15c!important;
box-shadow:inset 0 1px 0 rgb(255 220 180 / .24),inset 0 -2px 0 rgb(0 0 0 / .28),0 2px 0 rgb(0 0 0 / .28),0 8px 20px rgb(78 122 53 / .45)
}
.ctk-action--blue{
background:linear-gradient(180deg,#345a78 0%,#213d56 100%)!important;
border-color:#5277a0!important
}
.ctk-action--blue:hover{
background:linear-gradient(180deg,#406d8c,#284862)!important;
border-color:#6188b0!important;
box-shadow:inset 0 1px 0 rgb(255 220 180 / .24),inset 0 -2px 0 rgb(0 0 0 / .28),0 2px 0 rgb(0 0 0 / .28),0 8px 20px rgb(52 90 120 / .45)
}
.ctk-action--danger{
background:linear-gradient(180deg,#a12b2b 0%,#6b1818 100%)!important;
border-color:#c14a3a!important
}
.ctk-action--danger:hover{
background:linear-gradient(180deg,#b53535,#7e1f1f)!important;
border-color:#d6584a!important;
box-shadow:inset 0 1px 0 rgb(255 220 180 / .24),inset 0 -2px 0 rgb(0 0 0 / .28),0 2px 0 rgb(0 0 0 / .28),0 8px 20px rgb(160 40 40 / .45)
}
.ctk-rules-modal{
position:fixed!important;
inset:0!important;
z-index:80!important;
display:flex;
align-items:center;
justify-content:center;
width:auto!important;
height:auto!important;
top:0!important;
left:0!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
padding:16px;
animation:ctkModalIn .2s ease-out
}
.ctk-rules-modal.hidden{
display:none
}
@keyframes ctkModalIn{
from{
opacity:0
}
to{
opacity:1
}
}
.ctk-rules-modal__bg{
position:absolute;
inset:0;
background:rgb(0 0 0 / .65);
backdrop-filter:blur(6px)
}
.ctk-rules-modal__inner{
position:relative;
width:100%;
max-width:640px;
max-height:90vh;
overflow-y:auto;
background:linear-gradient(180deg,rgb(40 28 18 / .98),rgb(28 18 12 / .98));
border:1px solid rgb(214 112 47 / .45);
border-radius:16px;
box-shadow:0 28px 80px rgb(0 0 0 / .65),inset 0 1px 0 rgb(255 200 160 / .1);
padding:22px 24px 24px;
animation:ctkModalSlideIn .25s cubic-bezier(.2,.7,.2,1)
}
@keyframes ctkModalSlideIn{
from{
transform:translateY(20px) scale(.96);
opacity:0
}
to{
transform:translateY(0) scale(1);
opacity:1
}
}
.ctk-rules-modal__head{
display:flex;
align-items:center;
gap:12px;
padding-bottom:14px;
margin-bottom:16px;
border-bottom:1px solid rgb(245 230 204 / .1)
}
.ctk-rules-modal__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
background:linear-gradient(135deg,rgb(248 196 84 / .3),rgb(214 112 47 / .2));
border:1px solid rgb(248 196 84 / .55);
border-radius:10px;
color:#f8c454;
flex:0 0 auto
}
.ctk-rules-modal__eyebrow{
font-family:var(--font-display);
font-size:10.5px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(248 196 84 / .85)
}
.ctk-rules-modal__head h3{
margin:2px 0 0;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink)
}
.ctk-rules-modal__close{
margin-left:auto;
display:inline-flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
background:rgb(245 230 204 / .08);
border:1px solid rgb(245 230 204 / .14);
border-radius:8px;
color:rgb(245 230 204 / .75);
cursor:pointer;
transition:background .12s ease,color .12s ease
}
.ctk-rules-modal__close:hover{
background:rgb(214 112 47 / .2);
color:#fff
}
.ctk-rules-section{
margin-bottom:18px
}
.ctk-rules-section:last-child{
margin-bottom:0
}
.ctk-rules-section__title{
display:flex;
align-items:center;
gap:8px;
margin:0 0 8px;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:#f4d4a8;
letter-spacing:.02em
}
.ctk-rules-section__num{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
font-size:12px;
font-weight:800;
color:#fff;
background:linear-gradient(180deg,rgb(214 112 47 / .95),rgb(168 80 32 / .95));
border-radius:999px;
box-shadow:0 0 12px rgb(214 112 47 / .4)
}
.ctk-rules-list{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column
}
.ctk-rules-list li{
position:relative;
padding:8px 0 8px 18px;
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .82)
}
.ctk-rules-list li+li{
border-top:1px solid rgb(245 230 204 / .06)
}
.ctk-rules-list li::before{
content:'';
position:absolute;
left:4px;
top:16px;
width:5px;
height:5px;
background:rgb(214 112 47 / .65);
border-radius:999px
}
.ctk-rules-tag{
display:inline-block;
padding:1px 8px;
margin-right:6px;
font-size:10.5px;
font-weight:800;
letter-spacing:.05em;
text-transform:uppercase;
color:#fff;
background:rgb(245 230 204 / .1);
border-radius:999px;
vertical-align:2px
}
.ctk-rules-tag--good{
background:linear-gradient(180deg,#5a9a3e,#3e7028)
}
.ctk-rules-tag--neutral{
background:linear-gradient(180deg,#c08f3a,#8a6420)
}
.ctk-rules-tag--bad{
background:linear-gradient(180deg,#c84545,#8a2828)
}
.ctk-rules-tag--king{
background:linear-gradient(180deg,#f8c454,#c08a20);
color:#2a1a0f;
box-shadow:0 0 10px rgb(248 196 84 / .5)
}
html[data-theme="light"] .ctk-rules-modal__inner{
background:linear-gradient(180deg,rgb(255 250 242 / .98),rgb(248 240 220 / .98));
border-color:rgb(214 112 47 / .45);
box-shadow:0 28px 80px rgb(80 50 20 / .4)
}
html[data-theme="light"] .ctk-rules-modal__head{
border-bottom-color:rgb(120 78 38 / .2)
}
html[data-theme="light"] .ctk-rules-modal__head h3{
color:#2a1a0f
}
html[data-theme="light"] .ctk-rules-modal__eyebrow{
color:#b8741b
}
html[data-theme="light"] .ctk-rules-section__title{
color:#8a3d12
}
html[data-theme="light"] .ctk-rules-modal__close{
background:rgb(120 80 50 / .1);
color:rgb(60 40 28 / .7);
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .ctk-rules-list li{
color:rgb(60 40 28 / .82)
}
html[data-theme="light"] .ctk-rules-list li+li{
border-top-color:rgb(120 80 50 / .15)
}
html[data-theme="light"] .ctk-rules-list li::before{
background:rgb(214 112 47 / .75)
}
.ctk-confirm__inner{
max-width:480px
}
.ctk-confirm__msg{
margin:0 0 18px;
font-size:14px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.ctk-confirm__actions{
display:flex;
gap:10px;
justify-content:flex-end;
flex-wrap:wrap
}
.ctk-confirm__actions .m2-btn{
min-width:100px;
justify-content:center
}
html[data-theme="light"] .ctk-confirm__msg{
color:rgb(60 40 28 / .78)
}
.m2-meta-list span.row.row--champion .val,.m2-meta-list a.row.row--champion .val{
color:#6cc7ff!important;
text-shadow:0 0 6px rgb(108 199 255 / .55),0 0 1px rgb(108 199 255 / .95);
font-weight:700
}
.m2-clvl{
color:#6cc7ff!important;
text-shadow:0 0 8px rgb(108 199 255 / .55),0 0 1px rgb(108 199 255 / .95);
font-weight:700
}
html[data-theme="light"] .m2-meta-list span.row.row--champion .val,html[data-theme="light"] .m2-meta-list a.row.row--champion .val,html[data-theme="light"] .m2-clvl{
color:#1a73d6!important;
text-shadow:0 0 4px rgb(26 115 214 / .35)
}
.m2-meta-list .row.row--event-active .val,.m2-meta-list .row.row--event-active>svg{
color:#4ade80!important;
text-shadow:0 0 6px rgb(74 222 128 / .55),0 0 1px rgb(74 222 128 / .95);
font-weight:700
}
html[data-theme="light"] .m2-meta-list .row.row--event-active .val,html[data-theme="light"] .m2-meta-list .row.row--event-active>svg{
color:#15803d!important;
text-shadow:0 0 4px rgb(21 128 61 / .35)
}
.m2-finder__chips{
display:flex;
gap:6px;
flex-wrap:wrap
}
.m2-finder__chip{
padding:6px 12px;
font:inherit;
font-size:12.5px;
font-weight:600;
color:rgb(245 230 204 / .78);
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .12);
border-radius:999px;
cursor:pointer;
transition:background .12s ease,border-color .12s ease,color .12s ease
}
.m2-finder__chip:hover{
border-color:rgb(214 112 47 / .45);
color:var(--ink)
}
.m2-finder__chip.is-active{
background:rgb(214 112 47 / .22);
border-color:rgb(214 112 47 / .55);
color:#fff
}
html[data-theme="light"] .m2-finder__chip{
background:#fff8ed;
border-color:rgb(120 80 50 / .18);
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-finder__chip:hover{
border-color:rgb(214 112 47 / .55);
color:#2a1a0f
}
html[data-theme="light"] .m2-finder__chip.is-active{
background:rgb(214 112 47 / .22);
border-color:rgb(214 112 47 / .55);
color:#fff
}
.m2-finder__group--range legend{
margin-bottom:8px
}
.m2-finder__lvltabs{
display:inline-flex;
gap:0;
padding:3px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:999px;
margin-bottom:10px
}
.m2-finder__lvltabs button{
padding:6px 14px;
background:#fff0;
border:0;
cursor:pointer;
border-radius:999px;
color:rgb(245 230 204 / .65);
font:inherit;
font-size:12.5px;
font-weight:600;
transition:background .12s ease,color .12s ease
}
.m2-finder__lvltabs button:hover{
color:var(--ink)
}
.m2-finder__lvltabs button.is-active{
background:rgb(214 112 47 / .22);
color:var(--ink);
box-shadow:inset 0 1px 0 rgb(255 220 180 / .1)
}
.m2-finder__lvltabs button .m2-clvl{
color:inherit!important
}
.m2-finder__lvltabs button[data-lvl="champion"].is-active{
background:rgb(108 199 255 / .2)
}
.m2-finder__lvltabs button[data-lvl="champion"].is-active .m2-clvl{
color:#6cc7ff!important;
text-shadow:0 0 8px rgb(108 199 255 / .55),0 0 1px rgb(108 199 255 / .95)
}
html[data-theme="light"] .m2-finder__lvltabs{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-finder__lvltabs button{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-finder__lvltabs button.is-active{
background:rgb(214 112 47 / .22);
color:#2a1a0f
}
html[data-theme="light"] .m2-finder__lvltabs button[data-lvl="champion"].is-active{
background:rgb(26 115 214 / .18)
}
html[data-theme="light"] .m2-finder__lvltabs button[data-lvl="champion"].is-active .m2-clvl{
color:#1a73d6!important
}
.m2-finder__range{
display:flex;
align-items:flex-end;
gap:10px;
padding:6px 0
}
.m2-finder__range label{
display:flex;
flex-direction:column;
gap:4px;
flex:1
}
.m2-finder__range-lbl{
font-size:10.5px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:rgb(245 230 204 / .55)
}
.m2-finder__range input{
width:100%;
padding:8px 10px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .12);
border-radius:8px;
color:var(--ink);
font:inherit;
font-size:13px
}
.m2-finder__range input:focus{
outline:none;
border-color:rgb(214 112 47 / .55)
}
.m2-finder__range-sep{
align-self:flex-end;
display:inline-flex;
align-items:center;
justify-content:center;
height:36px;
padding:0 2px;
font-size:16px;
color:rgb(245 230 204 / .4)
}
html[data-theme="light"] .m2-finder__range-lbl{
color:rgb(60 40 28 / .6)
}
html[data-theme="light"] .m2-finder__range input{
background:#fff8ed;
border-color:rgb(120 80 50 / .18);
color:#1f1208
}
html[data-theme="light"] .m2-finder__range-sep{
color:rgb(60 40 28 / .4)
}
.m2-tool.gle-body{
align-items:stretch!important;
padding:14px!important
}
.gle-grid{
display:flex;
flex-direction:column;
gap:16px;
align-items:stretch;
width:100%
}
.gle-results{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px
}
@media (max-width:880px){
.gle-results{
grid-template-columns:1fr
}
}
.gle-dropzone.box_dragndrop{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
padding:56px 24px;
width:100%!important;
max-width:none!important;
height:auto!important;
min-height:320px;
background:linear-gradient(180deg,rgb(40 28 18 / .55),rgb(28 18 12 / .65))!important;
border:2px dashed rgb(214 112 47 / .45)!important;
outline:0!important;
outline-offset:0!important;
border-radius:14px!important;
color:inherit!important;
cursor:pointer;
text-align:center;
transition:background .15s ease,border-color .15s ease,transform .12s ease
}
.gle-dropzone.box_dragndrop:hover,.gle-dropzone.is-dragover{
background:linear-gradient(180deg,rgb(50 34 22 / .85),rgb(40 28 18 / .85))!important;
border-color:rgb(214 112 47 / .85)!important;
transform:translateY(-1px)
}
.gle-dropzone__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
background:rgb(214 112 47 / .2);
border:1px solid rgb(214 112 47 / .45);
border-radius:14px;
color:#f4d4a8;
margin-bottom:4px;
box-shadow:0 0 18px rgb(214 112 47 / .25)
}
.gle-dropzone__title{
font-family:var(--font-display);
font-size:16px;
font-weight:700;
color:var(--ink)
}
.gle-dropzone__sub{
font-size:12.5px;
color:rgb(245 230 204 / .65)
}
.gle-dropzone__sub small{
display:block;
margin-top:4px;
font-size:11px;
color:rgb(245 230 204 / .45);
letter-spacing:.04em
}
.gle-results{
display:flex;
flex-direction:column;
gap:12px
}
.gle-card{
padding:12px 14px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px;
display:flex;
flex-direction:column;
gap:10px
}
.gle-card.hidden{
display:none
}
.gle-card__head{
display:flex;
align-items:center;
gap:8px
}
.gle-card__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
background:rgb(214 112 47 / .2);
border:1px solid rgb(214 112 47 / .45);
border-radius:6px;
color:#f4d4a8
}
.gle-card__head h3{
margin:0;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
letter-spacing:.02em
}
.gle-card__canvas{
display:flex;
align-items:center;
justify-content:center;
padding:14px;
background:repeating-conic-gradient(rgb(245 230 204 / .04) 0% 25%,transparent 0% 50%) 50% / 18px 18px,rgb(10 6 4 / .55);
border:1px solid rgb(245 230 204 / .06);
border-radius:8px;
min-height:140px
}
.gle-card__canvas canvas{
display:block;
max-width:100%
}
.gle-card__canvas--result canvas{
image-rendering:pixelated;
image-rendering:-moz-crisp-edges;
image-rendering:crisp-edges;
width:192px;
height:144px;
box-shadow:0 0 0 1px rgb(245 230 204 / .1),0 8px 24px rgb(0 0 0 / .35);
border-radius:4px
}
.gle-card--result{
border-color:rgb(214 112 47 / .32)
}
.gle-download{
align-self:flex-start
}
html[data-theme="light"] .gle-dropzone.box_dragndrop{
background:linear-gradient(180deg,rgb(255 250 242 / .7),rgb(248 240 220 / .85))!important;
border-color:rgb(214 112 47 / .45)!important
}
html[data-theme="light"] .gle-dropzone.box_dragndrop:hover,html[data-theme="light"] .gle-dropzone.is-dragover{
background:#fff8ed!important;
border-color:rgb(214 112 47 / .85)!important
}
html[data-theme="light"] .gle-dropzone__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .gle-dropzone__sub{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .gle-dropzone__sub small{
color:rgb(60 40 28 / .45)
}
html[data-theme="light"] .gle-card{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .gle-card__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .gle-card__canvas{
background:repeating-conic-gradient(rgb(120 80 50 / .06) 0% 25%,transparent 0% 50%) 50% / 18px 18px,#fff8ed;
border-color:rgb(120 80 50 / .15)
}
.gle-ai__inner{
max-width:600px
}
.gle-ai__intro{
margin:0 0 14px;
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.gle-ai__field{
display:flex;
flex-direction:column;
gap:6px
}
.gle-ai__textarea{
font-family:'SF Mono','Menlo',Consolas,monospace;
font-size:12.5px;
line-height:1.55;
resize:vertical;
min-height:200px;
white-space:pre
}
.gle-ai__actions{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:14px
}
.gle-ai__actions .m2-btn{
flex:0 1 auto
}
.gle-ai__hint{
display:flex;
align-items:center;
gap:6px;
margin-top:12px;
padding:10px 12px;
background:rgb(214 112 47 / .1);
border:1px solid rgb(214 112 47 / .25);
border-radius:8px;
font-size:12.5px;
line-height:1.4;
color:rgb(245 230 204 / .78)
}
.gle-ai__hint svg{
color:#f4d4a8;
flex:0 0 auto
}
html[data-theme="light"] .gle-ai__intro{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .gle-ai__hint{
background:rgb(214 112 47 / .08);
border-color:rgb(214 112 47 / .3);
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .gle-ai__hint svg{
color:#8a3d12
}
.rem-stat{
display:flex;
align-items:center;
gap:10px;
padding:6px 12px;
background:rgb(214 112 47 / .14);
border:1px solid rgb(214 112 47 / .32);
border-radius:10px
}
.rem-stat__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
background:rgb(214 112 47 / .22);
border:1px solid rgb(214 112 47 / .45);
border-radius:6px;
color:#f4d4a8
}
.rem-stat__lbl{
font-size:10.5px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .65)
}
.rem-stat__val{
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:#f4d4a8;
line-height:1
}
.rem-grid{
display:grid;
grid-template-columns:1fr 1.1fr;
gap:14px;
align-items:start
}
@media (max-width:880px){
.rem-grid{
grid-template-columns:1fr
}
}
.rem-col{
display:flex;
flex-direction:column;
gap:14px
}
.rem-card{
padding:14px 16px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px;
display:flex;
flex-direction:column;
gap:10px
}
.rem-card__head{
display:flex;
align-items:center;
gap:8px
}
.rem-card__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
background:rgb(214 112 47 / .2);
border:1px solid rgb(214 112 47 / .45);
border-radius:6px;
color:#f4d4a8
}
.rem-card__head h3{
margin:0;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink);
letter-spacing:.02em
}
.rem-list{
min-height:60px;
max-height:220px;
overflow-y:auto;
background:rgb(10 6 4 / .55);
border:1px solid rgb(245 230 204 / .06);
border-radius:8px;
padding:6px
}
.rem-list:empty::before{
content:'No alarms';
display:block;
padding:16px;
text-align:center;
font-size:12px;
color:rgb(245 230 204 / .4);
font-style:italic
}
.rem-details{
border-top:1px solid rgb(245 230 204 / .1);
padding-top:10px;
display:flex;
flex-direction:column;
gap:6px
}
.rem-details.hidden{
display:none
}
.rem-details__row{
display:flex;
justify-content:space-between;
gap:10px;
font-size:13px
}
.rem-details__lbl{
color:rgb(245 230 204 / .55);
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase
}
.rem-details__val{
color:var(--ink);
font-weight:600
}
.rem-details__actions{
display:flex;
gap:8px;
margin-top:6px
}
.rem-builder{
gap:12px
}
.rem-field{
display:flex;
flex-direction:column;
gap:6px
}
.rem-field.hidden{
display:none
}
.rem-field__lbl{
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:rgb(245 230 204 / .65);
display:flex;
align-items:center;
gap:6px
}
.rem-field__hint{
font-size:12px;
color:rgb(245 230 204 / .65)
}
.rem-input{
width:100%;
padding:9px 12px;
background:rgb(10 6 4 / .55);
border:1px solid rgb(245 230 204 / .12);
border-radius:8px;
color:var(--ink);
font:inherit;
font-size:13.5px
}
.rem-input:focus{
outline:none;
border-color:rgb(214 112 47 / .55)
}
.rem-radio{
display:flex;
gap:14px;
flex-wrap:wrap
}
.rem-radio label{
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 10px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:8px;
font-size:13px;
cursor:pointer;
transition:border-color .12s ease,background .12s ease
}
.rem-radio label:hover{
border-color:rgb(214 112 47 / .45)
}
.rem-radio input[type="radio"]{
accent-color:#d6702f
}
.rem-actions{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:4px
}
.rem-actions .ctk-action{
flex:1;
justify-content:center;
min-width:120px
}
html[data-theme="light"] .rem-stat{
background:rgb(214 112 47 / .12);
border-color:rgb(214 112 47 / .35)
}
html[data-theme="light"] .rem-stat__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .rem-stat__lbl{
color:rgb(60 40 28 / .6)
}
html[data-theme="light"] .rem-stat__val{
color:#8a3d12
}
html[data-theme="light"] .rem-card{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .rem-card__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .rem-list{
background:#fff8ed;
border-color:rgb(120 80 50 / .15)
}
html[data-theme="light"] .rem-list:empty::before{
color:rgb(60 40 28 / .4)
}
html[data-theme="light"] .rem-details{
border-top-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .rem-details__lbl{
color:rgb(60 40 28 / .6)
}
html[data-theme="light"] .rem-field__lbl{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .rem-field__hint{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .rem-input{
background:#fff8ed;
border-color:rgb(120 80 50 / .2);
color:#1f1208
}
html[data-theme="light"] .rem-radio label{
background:#fff8ed;
border-color:rgb(120 80 50 / .18);
color:#1f1208
}
.atlas-tool{
padding:14px
}
.atlas-stage.main-container,.atlas-stage{
position:relative;
display:block!important;
min-height:520px
}
.atlas-stage>.atlas-canvas-wrap{
width:100%;
min-height:520px
}
.atlas-floater{
position:absolute;
top:14px;
right:14px;
width:280px;
background:rgb(20 14 10 / .92);
border:1px solid rgb(245 230 204 / .14);
border-radius:12px;
box-shadow:0 18px 44px rgb(0 0 0 / .55);
backdrop-filter:blur(12px);
z-index:20
}
.atlas-floater__body{
display:flex;
flex-direction:column;
gap:10px;
padding:10px;
max-height:calc(100vh - 220px);
overflow-y:auto
}
@media (max-width:720px){
.atlas-floater{
position:static;
width:100%;
margin-top:14px
}
}
html[data-theme="light"] .atlas-floater{
background:rgb(255 250 242 / .96);
border-color:rgb(120 80 50 / .22);
box-shadow:0 18px 44px rgb(80 50 20 / .3)
}
.atlas-card{
padding:12px 14px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px;
display:flex;
flex-direction:column;
gap:10px
}
.atlas-card--maps{
flex:1;
min-height:280px
}
.atlas-card__head{
display:flex;
align-items:center;
gap:8px;
font-family:var(--font-display)
}
.atlas-card__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
background:rgb(214 112 47 / .2);
border:1px solid rgb(214 112 47 / .45);
border-radius:6px;
color:#f4d4a8;
flex:0 0 auto
}
.atlas-card__lbl{
font-size:11px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .65);
flex:1
}
.atlas-card__value{
font-size:12px;
font-weight:600;
color:#f4d4a8
}
.atlas-slider{
width:100%;
-webkit-appearance:none;
appearance:none;
height:6px;
border-radius:999px;
background:rgb(245 230 204 / .1);
outline:none
}
.atlas-slider::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
width:18px;
height:18px;
border-radius:50%;
background:linear-gradient(180deg,#f4d4a8,#c8884a);
border:2px solid #1a0e08;
cursor:pointer;
box-shadow:0 2px 8px rgb(0 0 0 / .4)
}
.atlas-slider::-moz-range-thumb{
width:18px;
height:18px;
border-radius:50%;
background:linear-gradient(180deg,#f4d4a8,#c8884a);
border:2px solid #1a0e08;
cursor:pointer
}
.atlas-maplist{
flex:1;
background:rgb(10 6 4 / .55);
border:1px solid rgb(245 230 204 / .08);
border-radius:8px;
max-height:260px;
overflow-y:auto
}
.atlas-maplist table{
width:100%;
border-collapse:collapse;
font-size:12.5px
}
.atlas-maplist td{
padding:6px 10px;
border-top:1px solid rgb(245 230 204 / .06);
color:rgb(245 230 204 / .78);
cursor:pointer;
transition:background .12s ease,color .12s ease
}
.atlas-maplist tr:first-child td{
border-top:0
}
.atlas-maplist td:hover{
background:rgb(214 112 47 / .14);
color:#f4d4a8
}
.atlas-mapinfo:not(:empty){
padding:10px 12px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(214 112 47 / .32);
border-radius:8px;
font-size:12.5px;
line-height:1.5;
color:rgb(245 230 204 / .85)
}
.atlas-canvas-wrap{
position:relative;
padding:14px;
min-height:360px;
background:radial-gradient(ellipse at top,rgb(214 112 47 / .1),transparent 60%),linear-gradient(180deg,rgb(28 18 12 / .85),rgb(20 14 10 / .92));
border:1px solid rgb(214 112 47 / .22);
border-radius:14px;
box-shadow:inset 0 2px 12px rgb(0 0 0 / .35),0 8px 24px rgb(0 0 0 / .3);
overflow:auto
}
.atlas-canvas-overlay{
position:absolute;
inset:0;
pointer-events:none;
background:repeating-linear-gradient(45deg,rgb(255 200 160 / .015) 0 2px,transparent 2px 12px);
border-radius:inherit
}
.atlas-canvas-wrap canvas{
display:block;
position:relative;
z-index:1;
max-width:100%
}
html[data-theme="light"] .atlas-card{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .atlas-card__icon{
background:rgb(214 112 47 / .16);
color:#8a3d12;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .atlas-card__lbl{
color:rgb(60 40 28 / .6)
}
html[data-theme="light"] .atlas-card__value{
color:#8a3d12
}
html[data-theme="light"] .atlas-slider{
background:rgb(120 80 50 / .18)
}
html[data-theme="light"] .atlas-maplist{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .atlas-maplist td{
color:rgb(60 40 28 / .78);
border-top-color:rgb(120 80 50 / .12)
}
html[data-theme="light"] .atlas-mapinfo:not(:empty){
background:#fff8ed;
border-color:rgb(214 112 47 / .4);
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .atlas-canvas-wrap{
background:radial-gradient(ellipse at top,rgb(214 112 47 / .1),transparent 60%),linear-gradient(180deg,rgb(255 250 242 / .85),rgb(248 240 220 / .95));
border-color:rgb(214 112 47 / .32);
box-shadow:inset 0 2px 8px rgb(120 80 50 / .1),0 8px 22px rgb(80 50 20 / .18)
}
.okey-grid{
display:flex;
flex-direction:column;
gap:10px;
flex:1
}
.okey-grid__row{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:center
}
.okey-main .ctk-handpanel{
align-items:stretch;
flex-direction:column;
gap:10px
}
.okey-main .ctk-handpanel__lbl{
align-self:flex-start
}
.m2-cap-why{
margin-top:18px;
padding:18px 20px;
background:linear-gradient(135deg,rgb(214 72 72 / .1),rgb(120 30 30 / .05));
border:1px solid rgb(214 72 72 / .32);
border-radius:14px
}
.m2-cap-why__head{
display:flex;
align-items:center;
gap:12px;
margin-bottom:14px
}
.m2-cap-why__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
background:rgb(214 72 72 / .18);
border:1px solid rgb(214 72 72 / .5);
color:#ff9080;
border-radius:10px
}
.m2-cap-why__head h2{
margin:0;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink)
}
.m2-cap-why__grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px
}
@media (max-width:720px){
.m2-cap-why__grid{
grid-template-columns:1fr
}
}
.m2-cap-why__grid h3{
margin:0 0 6px;
font-family:var(--font-display);
font-size:14px;
font-weight:700;
color:var(--ink)
}
.m2-cap-why__grid p{
margin:0;
font-size:13px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.m2-cap-why__cta{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin-top:14px;
padding:10px 12px;
background:rgb(20 14 10 / .45);
border:1px dashed rgb(214 112 47 / .45);
border-radius:10px;
font-size:13px;
color:rgb(245 230 204 / .85)
}
.m2-cap-keys{
margin-top:18px;
padding:18px 20px;
background:rgb(30 20 14 / .55);
border:1px solid rgb(126 216 122 / .3);
border-radius:14px;
box-shadow:0 0 28px -10px rgb(106 228 91 / .3)
}
.m2-cap-keys__head{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px
}
.m2-cap-keys__head h2{
margin:0;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink)
}
.m2-cap-keys__row{
display:grid;
grid-template-columns:180px 1fr auto;
gap:12px;
align-items:center;
padding:10px 0;
border-top:1px solid rgb(245 230 204 / .08)
}
.m2-cap-keys__row:first-of-type{
border-top:0;
padding-top:0
}
@media (max-width:720px){
.m2-cap-keys__row{
grid-template-columns:1fr
}
}
.m2-cap-keys__lbl{
font-family:var(--font-display);
font-size:11px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .65)
}
.m2-cap-keys__lbl small{
font-weight:500;
color:rgb(245 230 204 / .5);
text-transform:none;
letter-spacing:0;
margin-left:6px
}
.m2-cap-keys__row code{
display:block;
padding:8px 12px;
font:13px/1.4 'SF Mono','Menlo',Consolas,monospace;
word-break:break-all;
background:rgb(10 6 4 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:8px;
color:#f4d4a8
}
.m2-cap-keys__stats{
margin-top:14px;
padding:12px;
background:rgb(10 6 4 / .55);
border:1px solid rgb(245 230 204 / .08);
border-radius:8px
}
.m2-cap-keys__stats-lbl{
display:inline-flex;
align-items:center;
gap:6px;
margin-bottom:6px;
font-family:var(--font-display);
font-size:11px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .65)
}
.m2-cap-keys__stats pre{
margin:0;
font:12px/1.4 'SF Mono','Menlo',Consolas,monospace;
color:rgb(245 230 204 / .78);
white-space:pre-wrap
}
.m2-cap-steps{
margin-top:18px;
padding:16px 20px;
background:rgb(30 20 14 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px
}
.m2-cap-steps__hint{
margin:4px 0 12px;
font-size:13px;
line-height:1.5;
color:rgb(245 230 204 / .72)
}
.m2-cap-code{
position:relative;
padding:14px 16px;
padding-right:96px;
background:rgb(10 6 4 / .65);
border:1px solid rgb(245 230 204 / .1);
border-radius:10px
}
.m2-cap-code pre{
margin:0;
font:13px/1.55 'SF Mono','Menlo',Consolas,monospace;
color:#f4d4a8;
white-space:pre-wrap;
word-break:break-word
}
.m2-cap-code pre b{
color:#ffd2c4
}
.m2-cap-code__copy{
position:absolute;
top:10px;
right:10px;
padding:5px 10px!important
}
.m2-cap-generate{
margin-top:18px;
padding:20px 22px;
background:linear-gradient(135deg,rgb(214 112 47 / .14),rgb(120 76 42 / .05));
border:1px solid rgb(214 112 47 / .4);
border-radius:14px
}
.m2-cap-generate__head h2{
margin:6px 0 4px;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink)
}
.m2-cap-generate__head p{
margin:0 0 14px;
font-size:13px;
line-height:1.5;
color:rgb(245 230 204 / .78)
}
.m2-cap-generate__form{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
align-items:end
}
.m2-cap-generate__form .m2-field{
margin:0;
min-width:0
}
.m2-cap-generate__form .m2-btn{
white-space:nowrap
}
@media (max-width:600px){
.m2-cap-generate__form{
grid-template-columns:1fr
}
.m2-cap-generate__form .m2-btn{
justify-content:center
}
}
.m2-cap-danger{
margin-top:18px;
padding:14px 18px;
background:rgb(214 72 72 / .08);
border:1px solid rgb(214 72 72 / .3);
border-radius:12px;
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap
}
.m2-cap-danger p{
margin:0;
font-size:12.5px;
color:rgb(245 230 204 / .65);
flex:1;
min-width:240px
}
html[data-theme="light"] .m2-cap-why{
background:linear-gradient(135deg,rgb(214 72 72 / .08),rgb(255 250 242 / .5));
border-color:rgb(184 52 52 / .4)
}
html[data-theme="light"] .m2-cap-why__icon{
background:rgb(184 52 52 / .16);
color:#8a2828;
border-color:rgb(184 52 52 / .55)
}
html[data-theme="light"] .m2-cap-why__grid p{
color:rgb(60 40 28 / .82)
}
html[data-theme="light"] .m2-cap-why__cta{
background:#fff8ed;
border-color:rgb(214 112 47 / .5);
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .m2-cap-keys{
background:rgb(255 250 242 / .7);
border-color:rgb(78 136 57 / .4)
}
html[data-theme="light"] .m2-cap-keys__head h2{
color:#1f1208
}
html[data-theme="light"] .m2-cap-keys__row{
border-top-color:rgb(120 80 50 / .15)
}
html[data-theme="light"] .m2-cap-keys__lbl{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-cap-keys__lbl small{
color:rgb(60 40 28 / .5)
}
html[data-theme="light"] .m2-cap-keys__row code,html[data-theme="light"] .m2-cap-keys__stats{
background:#fff8ed;
border-color:rgb(120 80 50 / .18);
color:#6a3a14
}
html[data-theme="light"] .m2-cap-keys__stats-lbl{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-cap-keys__stats pre{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-cap-steps{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-cap-steps__hint{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-cap-code{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-cap-code pre{
color:#1f1208
}
html[data-theme="light"] .m2-cap-code pre b{
color:#8a2818
}
html[data-theme="light"] .m2-cap-generate{
background:linear-gradient(135deg,rgb(214 112 47 / .14),rgb(255 250 242 / .5));
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-cap-generate__head h2{
color:#1f1208
}
html[data-theme="light"] .m2-cap-generate__head p{
color:rgb(60 40 28 / .82)
}
html[data-theme="light"] .m2-cap-danger{
background:rgb(184 52 52 / .08);
border-color:rgb(184 52 52 / .3)
}
html[data-theme="light"] .m2-cap-danger p{
color:rgb(60 40 28 / .72)
}
.m2-vote-success{
position:relative;
max-width:520px;
margin:24px auto;
padding:28px 24px 24px;
text-align:center;
background:linear-gradient(180deg,rgb(40 28 18 / .85),rgb(28 18 12 / .92));
border:1px solid rgb(126 216 122 / .45);
border-radius:16px;
box-shadow:0 0 0 1px rgb(126 216 122 / .15) inset,0 16px 48px rgb(0 0 0 / .45),0 0 60px -10px rgb(106 228 91 / .4);
animation:m2VoteSuccessIn .35s cubic-bezier(.2,.7,.2,1)
}
@keyframes m2VoteSuccessIn{
from{
opacity:0;
transform:translateY(12px) scale(.96)
}
to{
opacity:1;
transform:translateY(0) scale(1)
}
}
.m2-vote-success__seal{
display:inline-flex;
align-items:center;
justify-content:center;
width:72px;
height:72px;
margin:0 auto 14px;
background:radial-gradient(circle at 32% 30%,#d6ffb6 0%,#6ae45b 36%,#2f8a1f 80%,#1a5410 100%);
border-radius:50%;
color:#fff;
box-shadow:inset 0 2px 0 rgb(255 255 255 / .55),inset 0 -3px 6px rgb(0 0 0 / .3),0 0 0 4px rgb(126 216 122 / .18),0 0 28px rgb(106 228 91 / .55);
animation:m2VoteSealPop .55s cubic-bezier(.2,1.5,.4,1) backwards .1s
}
@keyframes m2VoteSealPop{
from{
transform:scale(0);
opacity:0
}
to{
transform:scale(1);
opacity:1
}
}
.m2-vote-success__seal svg{
filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35));
stroke-dasharray:30;
stroke-dashoffset:30;
animation:m2VoteCheck .5s ease-out forwards .35s
}
@keyframes m2VoteCheck{
to{
stroke-dashoffset:0
}
}
.m2-vote-success h2{
margin:0 0 6px;
font-family:var(--font-display);
font-size:26px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-vote-success p{
margin:0 0 16px;
font-size:14px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.m2-vote-success p strong{
color:#f4d4a8;
font-weight:700
}
.m2-vote-success__rate{
display:flex;
justify-content:center;
gap:4px;
margin:0 0 18px
}
.m2-vote-success__star{
font-size:22px;
line-height:1;
color:#f8c454;
text-shadow:0 0 10px rgb(248 196 84 / .55);
animation:m2VoteStar .4s cubic-bezier(.2,1.5,.4,1) backwards
}
.m2-vote-success__star:nth-child(1){
animation-delay:.55s
}
.m2-vote-success__star:nth-child(2){
animation-delay:.65s
}
.m2-vote-success__star:nth-child(3){
animation-delay:.75s
}
.m2-vote-success__star:nth-child(4){
animation-delay:.85s
}
.m2-vote-success__star:nth-child(5){
animation-delay:.95s
}
@keyframes m2VoteStar{
from{
opacity:0;
transform:translateY(6px) scale(.6)
}
to{
opacity:1;
transform:translateY(0) scale(1)
}
}
.m2-vote-success__cta{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 22px
}
.m2-vote-success__close{
position:absolute;
top:12px;
right:12px;
width:30px;
height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
font:inherit;
font-size:0;
line-height:0;
text-decoration:none;
color:rgb(245 230 204 / .78);
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .18);
border-radius:10px;
cursor:pointer;
transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease
}
.m2-vote-success__close::before,.m2-vote-success__close::after{
content:'';
position:absolute;
width:16px;
height:2px;
background:currentColor;
border-radius:2px;
top:50%;
left:50%
}
.m2-vote-success__close::before{
transform:translate(-50%,-50%) rotate(45deg)
}
.m2-vote-success__close::after{
transform:translate(-50%,-50%) rotate(-45deg)
}
.m2-vote-success__close:hover{
background:rgb(214 72 72 / .2);
border-color:rgb(214 72 72 / .55);
color:#fff;
transform:scale(1.06)
}
html[data-theme="light"] .m2-vote-success__close{
background:#fff8ed;
color:rgb(60 40 28 / .65);
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-vote-success__close:hover{
background:rgb(184 52 52 / .18);
color:#fff;
border-color:rgb(184 52 52 / .45)
}
.m2-vote-locked{
position:relative;
max-width:520px;
margin:24px auto;
padding:28px 24px 24px;
text-align:center;
background:linear-gradient(180deg,rgb(40 18 18 / .85),rgb(28 12 12 / .92));
border:1px solid rgb(214 72 72 / .5);
border-radius:16px;
box-shadow:0 0 0 1px rgb(214 72 72 / .18) inset,0 16px 48px rgb(0 0 0 / .45),0 0 60px -10px rgb(214 72 72 / .45);
animation:m2VoteSuccessIn .35s cubic-bezier(.2,.7,.2,1)
}
.m2-vote-locked__close{
position:absolute;
top:12px;
right:12px;
width:30px;
height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:0;
text-decoration:none;
color:rgb(245 230 204 / .78);
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .18);
border-radius:10px;
cursor:pointer;
transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease
}
.m2-vote-locked__close::before,.m2-vote-locked__close::after{
content:'';
position:absolute;
width:16px;
height:2px;
background:currentColor;
border-radius:2px;
top:50%;
left:50%
}
.m2-vote-locked__close::before{
transform:translate(-50%,-50%) rotate(45deg)
}
.m2-vote-locked__close::after{
transform:translate(-50%,-50%) rotate(-45deg)
}
.m2-vote-locked__close:hover{
background:rgb(214 72 72 / .2);
border-color:rgb(214 72 72 / .55);
color:#fff;
transform:scale(1.06)
}
.m2-vote-locked__seal{
display:inline-flex;
align-items:center;
justify-content:center;
width:72px;
height:72px;
margin:0 auto 14px;
background:radial-gradient(circle at 32% 30%,#ffb6b6 0%,#e85050 36%,#8a2020 80%,#4a0e0e 100%);
border-radius:50%;
color:#fff;
box-shadow:inset 0 2px 0 rgb(255 255 255 / .45),inset 0 -3px 6px rgb(0 0 0 / .3),0 0 0 4px rgb(214 72 72 / .18),0 0 28px rgb(214 72 72 / .55);
animation:m2VoteSealPop .55s cubic-bezier(.2,1.5,.4,1) backwards .1s
}
.m2-vote-locked__seal svg{
filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))
}
.m2-vote-locked h2{
margin:0 0 6px;
font-family:var(--font-display);
font-size:26px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-vote-locked p{
margin:0 0 18px;
font-size:14px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.m2-vote-locked p strong{
color:#ffd0c4;
font-weight:700
}
.m2-vote-locked__countdown{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:12px;
padding:14px 18px;
background:rgb(20 8 8 / .55);
border:1px solid rgb(214 72 72 / .3);
border-radius:12px;
font-feature-settings:"tnum"
}
.m2-vote-locked__seg{
display:flex;
flex-direction:column;
align-items:center;
min-width:50px
}
.m2-vote-locked__seg b{
font-family:var(--font-display);
font-size:30px;
font-weight:800;
color:#ffb6a8;
line-height:1;
text-shadow:0 0 12px rgb(232 80 80 / .55)
}
.m2-vote-locked__seg small{
margin-top:4px;
font-size:10px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .55)
}
.m2-vote-locked__sep{
font-family:var(--font-display);
font-size:24px;
font-weight:700;
color:rgb(232 80 80 / .55);
align-self:flex-start;
padding-top:4px
}
.m2-vote-locked__when{
font-size:12.5px;
color:rgb(245 230 204 / .65);
margin:0 0 18px
}
.m2-vote-locked__when strong{
color:var(--ink);
font-weight:700
}
.m2-vote-locked__actions{
display:flex;
gap:10px;
justify-content:center;
flex-wrap:wrap
}
.m2-vote-locked__actions .m2-btn{
padding:10px 18px
}
.m2-vote-locked__debug{
margin-top:14px;
padding:8px 10px;
font:11px/1.4 'SF Mono','Menlo',monospace;
color:rgb(245 230 204 / .5);
background:rgb(0 0 0 / .3);
border-radius:6px;
word-break:break-all
}
html[data-theme="light"] .m2-vote-locked{
background:linear-gradient(180deg,rgb(255 250 242 / .95),rgb(248 232 228 / .95));
border-color:rgb(184 52 52 / .45);
box-shadow:0 0 0 1px rgb(184 52 52 / .18) inset,0 16px 48px rgb(80 20 20 / .2),0 0 60px -10px rgb(214 72 72 / .3)
}
html[data-theme="light"] .m2-vote-locked p{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-vote-locked p strong{
color:#8a2020
}
html[data-theme="light"] .m2-vote-locked__countdown{
background:#fff8ed;
border-color:rgb(184 52 52 / .3)
}
html[data-theme="light"] .m2-vote-locked__seg b{
color:#b03a2e;
text-shadow:0 0 8px rgb(184 52 52 / .2)
}
html[data-theme="light"] .m2-vote-locked__seg small{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-vote-locked__sep{
color:rgb(184 52 52 / .55)
}
html[data-theme="light"] .m2-vote-locked__close{
background:#fff8ed;
color:rgb(60 40 28 / .78);
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-vote-locked__close:hover{
background:rgb(184 52 52 / .18);
border-color:rgb(184 52 52 / .45);
color:#fff
}
.m2-vote-success__note{
margin-top:14px;
font-size:12.5px;
color:rgb(245 230 204 / .65)
}
html[data-theme="light"] .m2-vote-success{
background:linear-gradient(180deg,rgb(255 250 242 / .95),rgb(248 240 220 / .95));
border-color:rgb(78 136 57 / .5);
box-shadow:0 0 0 1px rgb(78 136 57 / .18) inset,0 16px 48px rgb(80 50 20 / .2),0 0 60px -10px rgb(106 228 91 / .35)
}
html[data-theme="light"] .m2-vote-success p{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-vote-success p strong{
color:#8a3d12
}
html[data-theme="light"] .m2-vote-success__note{
color:rgb(60 40 28 / .65)
}
.m2-mod-server{
display:inline-flex;
align-items:center;
gap:8px;
margin:0 0 10px;
padding:6px 12px;
background:rgb(214 112 47 / .14);
border:1px solid rgb(214 112 47 / .32);
border-radius:999px;
font-size:12.5px
}
.m2-mod-server__lbl{
font-family:var(--font-display);
font-size:10.5px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .55)
}
.m2-mod-server__link{
font-weight:700;
color:#f4d4a8;
text-decoration:none
}
.m2-mod-server__link:hover{
color:#fff;
text-decoration:underline
}
html[data-theme="light"] .m2-mod-server{
background:rgb(214 112 47 / .14);
border-color:rgb(214 112 47 / .4)
}
html[data-theme="light"] .m2-mod-server__lbl{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-mod-server__link{
color:#8a3d12
}
html[data-theme="light"] .m2-mod-server__link:hover{
color:#1f1208
}
.m2-mod-card{
margin:0 0 10px;
padding:4px 0;
background:rgb(20 14 10 / .45);
border:1px solid rgb(245 230 204 / .1);
border-radius:10px;
overflow:hidden
}
.m2-mod-card__row{
display:grid;
grid-template-columns:130px 1fr;
gap:12px;
align-items:center;
padding:10px 14px;
font-size:13px
}
.m2-mod-card__row+.m2-mod-card__row{
border-top:1px solid rgb(245 230 204 / .08)
}
.m2-mod-card__lbl{
font-family:var(--font-display);
font-size:10.5px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:rgb(245 230 204 / .55)
}
.m2-mod-card__val{
color:var(--ink)
}
.m2-mod-card__val strong{
color:var(--ink);
font-weight:700
}
.m2-mod-card__hint{
color:rgb(245 230 204 / .55);
font-weight:500;
margin-left:4px
}
.m2-mod-card__guest{
color:rgb(245 230 204 / .55);
font-style:normal;
font-family:'SF Mono',Menlo,monospace;
font-size:12.5px
}
.m2-mod-card__link{
color:#f4d4a8;
font-weight:700;
text-decoration:none
}
.m2-mod-card__link:hover{
color:#fff;
text-decoration:underline
}
.m2-mod-reason{
display:grid;
grid-template-columns:130px 1fr;
gap:12px;
align-items:flex-start;
padding:12px 14px;
margin:0 0 12px;
background:rgb(214 72 72 / .1);
border:1px solid rgb(214 72 72 / .32);
border-radius:10px
}
.m2-mod-reason__lbl{
font-family:var(--font-display);
font-size:10.5px;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
color:#ff9080;
padding-top:2px
}
.m2-mod-reason__body{
display:flex;
flex-direction:column;
gap:8px
}
.m2-mod-reason__txt{
font-size:13px;
line-height:1.5;
color:var(--ink);
word-break:break-word
}
.m2-mod-reason__translate{
align-self:flex-start;
display:inline-flex;
align-items:center;
gap:6px;
padding:5px 12px;
font:inherit;
font-size:12px;
font-weight:600;
color:rgb(245 230 204 / .78);
background:rgb(108 199 255 / .1);
border:1px solid rgb(108 199 255 / .3);
border-radius:999px;
cursor:pointer;
transition:background .12s ease,color .12s ease,border-color .12s ease
}
.m2-mod-reason__translate:hover{
background:rgb(108 199 255 / .2);
color:#6cc7ff;
border-color:rgb(108 199 255 / .55)
}
.m2-mod-reason__translate:disabled{
opacity:.6;
cursor:wait
}
html[data-theme="light"] .m2-mod-reason__translate{
background:rgb(26 115 214 / .1);
border-color:rgb(26 115 214 / .3);
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-mod-reason__translate:hover{
background:rgb(26 115 214 / .18);
color:#1a73d6;
border-color:rgb(26 115 214 / .55)
}
.m2-mod-translate-row{
margin-top:8px
}
.m2-mod-banbar{
display:flex;
gap:12px;
align-items:flex-end;
margin:12px 0 14px;
padding:12px 14px;
background:rgb(214 72 72 / .08);
border:1px solid rgb(214 72 72 / .28);
border-radius:10px
}
.m2-mod-banbar .m2-field{
flex:1;
min-width:140px;
margin:0
}
.m2-mod-banbar select,.m2-mod-banbar input{
width:100%;
padding:8px 12px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .14);
border-radius:8px;
color:var(--ink);
font:inherit;
font-size:13px
}
.m2-mod-banbar select:focus,.m2-mod-banbar input:focus{
outline:none;
border-color:rgb(214 72 72 / .55)
}
@media (max-width:600px){
.m2-mod-banbar{
flex-direction:column;
align-items:stretch
}
}
html[data-theme="light"] .m2-mod-banbar{
background:rgb(184 52 52 / .08);
border-color:rgb(184 52 52 / .3)
}
html[data-theme="light"] .m2-mod-banbar select,html[data-theme="light"] .m2-mod-banbar input{
background:#fff8ed;
border-color:rgb(120 80 50 / .2);
color:#1f1208
}
.m2-mod-server-card{
display:grid;
grid-template-columns:auto 1fr;
gap:14px;
padding:12px 14px;
background:rgb(20 14 10 / .45);
border:1px solid rgb(245 230 204 / .1);
border-radius:10px
}
.m2-mod-server-card__banner{
display:block;
width:220px;
height:auto;
max-height:90px;
border-radius:6px;
object-fit:cover;
background:rgb(0 0 0 / .3)
}
.m2-mod-server-card__body{
display:flex;
flex-direction:column;
gap:8px;
min-width:0
}
.m2-mod-server-card__head{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap
}
.m2-mod-server-card__name{
font-family:var(--font-display);
font-size:16px;
font-weight:700;
color:var(--ink);
text-decoration:none
}
.m2-mod-server-card__name:hover{
color:#f4d4a8
}
.m2-mod-server-card__meta{
margin:0;
padding:0;
display:grid;
grid-template-columns:1fr 1fr;
gap:4px 14px;
font-size:12.5px
}
.m2-mod-server-card__meta>div{
display:flex;
gap:8px;
min-width:0
}
.m2-mod-server-card__meta dt{
flex:0 0 80px;
font-family:var(--font-display);
font-size:10.5px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:rgb(245 230 204 / .55);
padding-top:1px
}
.m2-mod-server-card__meta dd{
margin:0;
flex:1;
min-width:0;
color:var(--ink);
word-break:break-word
}
@media (max-width:720px){
.m2-mod-server-card{
grid-template-columns:1fr
}
.m2-mod-server-card__banner{
width:100%
}
.m2-mod-server-card__meta{
grid-template-columns:1fr
}
}
.m2-mod-pill{
display:inline-flex;
align-items:center;
padding:2px 8px;
font-size:10.5px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:rgb(245 230 204 / .78);
background:rgb(245 230 204 / .08);
border:1px solid rgb(245 230 204 / .16);
border-radius:999px
}
.m2-mod-pill--ok{
color:#c8f0b0;
background:rgb(126 216 122 / .16);
border-color:rgb(126 216 122 / .4)
}
.m2-mod-pill--bad{
color:#ffd0c4;
background:rgb(214 72 72 / .18);
border-color:rgb(214 72 72 / .45)
}
html[data-theme="light"] .m2-mod-server-card{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-mod-server-card__name{
color:#1f1208
}
html[data-theme="light"] .m2-mod-server-card__name:hover{
color:#8a3d12
}
html[data-theme="light"] .m2-mod-server-card__meta dt{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-mod-pill{
background:rgb(120 80 50 / .1);
color:rgb(60 40 28 / .78);
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-mod-pill--ok{
color:#2f6921;
background:rgb(78 136 57 / .16);
border-color:rgb(78 136 57 / .4)
}
html[data-theme="light"] .m2-mod-pill--bad{
color:#8a2828;
background:rgb(184 52 52 / .14);
border-color:rgb(184 52 52 / .45)
}
@media (max-width:600px){
.m2-mod-card__row,.m2-mod-reason{
grid-template-columns:1fr;
gap:4px
}
}
html[data-theme="light"] .m2-mod-card{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-mod-card__row+.m2-mod-card__row{
border-top-color:rgb(120 80 50 / .15)
}
html[data-theme="light"] .m2-mod-card__lbl{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-mod-card__hint{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-mod-card__guest{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-mod-card__link{
color:#8a3d12
}
html[data-theme="light"] .m2-mod-card__link:hover{
color:#1f1208
}
html[data-theme="light"] .m2-mod-reason{
background:rgb(184 52 52 / .1);
border-color:rgb(184 52 52 / .4)
}
html[data-theme="light"] .m2-mod-reason__lbl{
color:#8a2828
}
html[data-theme="light"] .m2-mod-reason__txt{
color:#1f1208
}
.m2-nav__live-dot{
display:inline-block;
width:8px;
height:8px;
border-radius:50%;
margin-left:6px;
vertical-align:middle;
background:#e85a5a;
box-shadow:0 0 8px rgb(232 90 90 / .85);
animation:m2EvDotPulse 1.6s ease-in-out infinite
}
@keyframes m2EvDotPulse{
0%,100%{
transform:scale(1);
opacity:1
}
50%{
transform:scale(1.25);
opacity:.55
}
}
.m2-meta-event .val{
color:#f4d4a8;
font-weight:700
}
.m2-events-block,.m2-changelog-block{
margin-top:26px;
padding-top:22px;
border-top:1px solid rgb(245 230 204 / .1)
}
.m2-events-block>h2,.m2-changelog-block>h2{
display:flex;
align-items:baseline;
gap:8px;
margin:0 0 14px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink)
}
.m2-events-block>h2 svg{
color:#f8c454;
align-self:center
}
.m2-changelog-block>h2 svg{
color:#f4d4a8;
align-self:center
}
.m2-changelog-block>h2 small{
font-size:14px;
font-weight:600;
color:rgb(245 230 204 / .55)
}
.m2-event-row{
display:grid;
grid-template-columns:280px 1fr;
gap:16px;
padding:14px;
margin-bottom:12px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:12px;
transition:box-shadow .2s ease
}
.m2-event-row.is-flash{
box-shadow:0 0 0 2px rgb(248 196 84 / .55),0 0 24px rgb(248 196 84 / .35)
}
@media (max-width:720px){
.m2-event-row{
grid-template-columns:1fr
}
}
.m2-event-row__banner img,.m2-event-row__banner video{
display:block;
width:100%;
height:auto;
border-radius:8px;
box-shadow:0 6px 18px rgb(0 0 0 / .4)
}
.m2-event-row__body{
display:flex;
flex-direction:column;
gap:10px;
min-width:0
}
.m2-event-row{
position:relative
}
.m2-event-row__head{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
padding-right:90px
}
.m2-event-row__head h3{
flex:0 1 auto;
min-width:0
}
.m2-event-row>.m2-event-row__body>.m2-event-row__head .m2-mini-report,.m2-event-row .m2-mini-report.report_event{
position:absolute;
top:14px;
right:14px
}
.m2-event-row__head h3{
margin:0;
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink)
}
.m2-event-row__text{
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .85);
word-break:break-word
}
.m2-event-row .m2-btn{
align-self:flex-start
}
.m2-changelog{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:10px
}
.m2-changelog__entry{
padding:0;
background:rgb(20 14 10 / .45);
border:1px solid rgb(245 230 204 / .08);
border-radius:8px;
transition:box-shadow .2s ease,border-color .2s ease;
overflow:hidden
}
.m2-changelog__entry.is-flash{
box-shadow:0 0 0 2px rgb(248 196 84 / .55),0 0 18px rgb(248 196 84 / .3)
}
.m2-changelog__head{
width:100%;
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
margin:0;
background:#fff0;
border:0;
color:inherit;
text-align:left;
cursor:pointer;
font:inherit;
transition:background .15s ease
}
.m2-changelog__head:hover{
background:rgb(245 230 204 / .04)
}
.m2-changelog__head time{
font-family:'SF Mono',Menlo,monospace;
font-size:11.5px;
color:rgb(245 230 204 / .6);
font-feature-settings:"tnum";
flex:0 0 auto
}
.m2-changelog__head h3{
margin:0;
font-family:var(--font-display);
font-size:15px;
font-weight:700;
color:var(--ink);
flex:1 1 auto;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.m2-changelog__chevron{
flex:0 0 auto;
display:inline-flex;
color:rgb(245 230 204 / .55);
transition:transform .25s ease,color .15s ease
}
.m2-changelog__entry.is-open .m2-changelog__chevron{
transform:rotate(180deg);
color:#f8c454
}
.m2-changelog__body{
display:grid;
grid-template-rows:0fr;
transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)
}
.m2-changelog__entry.is-open .m2-changelog__body{
grid-template-rows:1fr
}
.m2-changelog__body-inner{
overflow:hidden;
min-height:0;
padding:0 14px;
opacity:0;
transform:translateY(-4px);
transition:opacity .25s ease .05s,transform .3s ease,padding .3s ease
}
.m2-changelog__entry.is-open .m2-changelog__body-inner{
padding:2px 14px 14px;
opacity:1;
transform:translateY(0)
}
.m2-changelog__msg{
font-size:13.5px;
line-height:1.55;
color:rgb(245 230 204 / .82);
word-break:break-word
}
.m2-changelog__link{
display:inline-flex;
align-items:center;
gap:5px;
margin-top:8px;
font-size:12.5px;
font-weight:600;
color:#f4d4a8;
text-decoration:none
}
.m2-changelog__link:hover{
color:#fff;
text-decoration:underline
}
.m2-changelog__older{
margin-top:14px
}
.m2-changelog__older>summary{
cursor:pointer;
display:inline-block;
padding:8px 14px;
font-family:var(--font-ui);
font-size:13px;
font-weight:600;
color:rgb(245 230 204 / .78);
background:rgb(245 230 204 / .06);
border:1px solid rgb(245 230 204 / .14);
border-radius:999px;
list-style:none
}
.m2-changelog__older>summary::-webkit-details-marker{
display:none
}
.m2-changelog__older>summary:hover{
background:rgb(214 112 47 / .16);
border-color:rgb(214 112 47 / .4);
color:var(--ink)
}
.m2-changelog__older[open]>summary{
background:rgb(214 112 47 / .2);
border-color:rgb(214 112 47 / .5);
color:#fff
}
.m2-changelog__older-body{
margin-top:12px
}
.m2-events-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px
}
@media (max-width:800px){
.m2-events-grid{
grid-template-columns:1fr
}
}
.m2-event-card{
display:flex;
flex-direction:column;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .1);
border-radius:14px;
overflow:hidden;
text-decoration:none;
color:inherit;
transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease
}
.m2-event-card:hover{
border-color:rgb(214 112 47 / .55);
transform:translateY(-2px);
box-shadow:0 14px 36px rgb(0 0 0 / .4)
}
.m2-event-card__banner{
background:rgb(0 0 0 / .3);
position:relative
}
.m2-event-card__banner img,.m2-event-card__banner video{
display:block;
width:100%;
height:auto;
object-fit:contain
}
.m2-event-card__admin-remove{
position:absolute;
top:6px;
right:6px;
width:28px;
height:28px;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgb(184 31 31 / .92);
color:#fff;
border:1px solid rgb(0 0 0 / .45);
border-radius:50%;
cursor:pointer;
z-index:2;
box-shadow:0 2px 10px rgb(0 0 0 / .5);
transition:background 0.15s ease,transform 0.15s ease
}
.m2-event-card__admin-remove:hover,.m2-event-card__admin-remove:focus-visible{
background:#e64545;
transform:scale(1.08)
}
.m2-event-card__placeholder{
display:flex;
align-items:center;
justify-content:center;
aspect-ratio:3/1;
color:rgb(245 230 204 / .3)
}
.m2-event-card__body{
padding:14px 16px;
display:flex;
flex-direction:column;
gap:8px
}
.m2-event-card__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
font-size:12px
}
.m2-event-card__server{
font-weight:700;
color:var(--ink);
display:inline-flex;
align-items:center
}
.m2-event-card__when{
display:inline-flex;
align-items:center;
padding:2px 8px;
border-radius:999px;
background:rgb(248 196 84 / .14);
border:1px solid rgb(248 196 84 / .4);
color:#f8c454;
font-weight:700;
font-size:10.5px;
letter-spacing:.04em
}
.m2-event-card h3{
margin:0;
font-family:var(--font-display);
font-size:17px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em
}
.m2-event-card p{
margin:0;
font-size:13px;
line-height:1.5;
color:rgb(245 230 204 / .75)
}
.m2-cl-edit-list,.m2-ev-edit-list{
list-style:none;
padding:0;
margin:8px 0 0;
display:flex;
flex-direction:column;
gap:10px
}
.m2-cl-edit-row,.m2-ev-edit-row{
padding:12px 14px;
background:rgb(20 14 10 / .45);
border:1px solid rgb(245 230 204 / .08);
border-radius:8px
}
.m2-cl-edit-row__head{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap
}
.m2-cl-edit-row__head time{
font-family:'SF Mono',Menlo,monospace;
font-size:11.5px;
color:rgb(245 230 204 / .55)
}
.m2-cl-edit-row__head strong{
flex:1;
min-width:0;
color:var(--ink)
}
.m2-cl-edit-row__msg{
margin-top:6px;
font-size:13px;
color:rgb(245 230 204 / .78)
}
.m2-ev-edit-row{
display:flex;
gap:12px;
align-items:flex-start;
flex-wrap:wrap
}
.m2-ev-edit-row>.m2-ev-edit-row__body{
flex:1 1 0%;
min-width:0
}
.m2-ev-edit-row__banner{
flex:0 0 160px;
width:160px;
height:auto;
border-radius:6px;
aspect-ratio:3/1;
object-fit:cover
}
.m2-ev-edit-row__actions{
display:flex;
flex-direction:column;
gap:6px;
flex:0 0 auto
}
.m2-ev-edit-row__actions .m2-btn{
width:auto;
min-width:110px;
justify-content:center
}
@media (max-width:720px){
.m2-ev-edit-row__banner{
flex-basis:100%;
width:100%
}
.m2-ev-edit-row__actions{
flex-direction:row;
flex-basis:100%
}
}
.m2-ev-edit-row__body{
display:flex;
flex-direction:column;
gap:6px;
min-width:0
}
.m2-ev-edit-row__head{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap
}
.m2-ev-edit-row__meta time{
font-size:12px;
color:rgb(245 230 204 / .65);
font-feature-settings:"tnum"
}
.m2-ev-edit-row__desc{
font-size:13px;
color:rgb(245 230 204 / .78)
}
html[data-theme="light"] .m2-events-block,html[data-theme="light"] .m2-changelog-block{
border-top-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-event-row,html[data-theme="light"] .m2-event-card,html[data-theme="light"] .m2-cl-edit-row,html[data-theme="light"] .m2-ev-edit-row{
background:rgb(255 250 242 / .7);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-event-row__text,html[data-theme="light"] .m2-changelog__msg,html[data-theme="light"] .m2-event-card p,html[data-theme="light"] .m2-cl-edit-row__msg,html[data-theme="light"] .m2-ev-edit-row__desc{
color:rgb(60 40 28 / .82)
}
html[data-theme="light"] .m2-changelog__entry{
background:#fff8ed;
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-changelog__head time,html[data-theme="light"] .m2-cl-edit-row__head time,html[data-theme="light"] .m2-ev-edit-row__meta time{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-changelog__link{
color:#8a3d12
}
html[data-theme="light"] .m2-changelog__link:hover{
color:#1f1208
}
html[data-theme="light"] .m2-changelog__older>summary{
background:#fff8ed;
color:rgb(60 40 28 / .78);
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-event-card__when{
background:rgb(214 112 47 / .14);
color:#8a5a13;
border-color:rgb(214 112 47 / .45)
}
html[data-theme="light"] .m2-cl-edit-row__head strong{
color:#1f1208
}
.m2-speed-summary{
padding:18px 20px;
border-radius:12px;
background:linear-gradient(135deg,rgb(248 196 84 / .12) 0%,rgb(214 112 47 / .1) 100%);
border:1px solid rgb(248 196 84 / .45);
display:flex;
flex-direction:column;
gap:14px
}
.m2-speed-summary__date strong{
display:block;
font-size:18px;
font-weight:700;
color:var(--ink);
margin-top:2px
}
.m2-speed-summary__lbl{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em;
color:rgb(245 230 204 / .65)
}
.m2-speed-summary__cd{
display:inline-block;
margin-top:6px;
font-weight:600;
color:#f8c454
}
.m2-speed-summary__cd-row{
padding-top:12px;
border-top:1px solid rgb(248 196 84 / .25)
}
.m2-speed-summary__cd-row strong{
display:block;
font-size:15px;
font-weight:700;
color:var(--ink);
margin-top:2px
}
html[data-theme="light"] .m2-speed-summary__lbl{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-speed-summary__cd{
color:#b06616
}
.m2-speed-badge{
display:inline-flex;
align-items:center;
gap:6px;
padding:4px 10px;
border-radius:6px;
font-size:11px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
color:#1a0e04;
background:linear-gradient(120deg,#ffe27a 0%,#f8c454 25%,#ff8a3d 55%,#d6702f 80%,#ffe27a 100%);
background-size:250% 100%;
box-shadow:0 0 0 1px rgb(248 196 84 / .65),0 4px 16px rgb(214 112 47 / .55),0 0 18px rgb(248 196 84 / .35);
position:relative;
overflow:hidden;
animation:m2SpeedFlow 4s linear infinite,m2SpeedPulse 1.6s ease-in-out infinite
}
.m2-speed-badge::before{
content:'';
position:absolute;
inset:0;
background:radial-gradient(circle at 30% 50%,rgb(255 255 255 / .4) 0%,transparent 45%);
pointer-events:none;
mix-blend-mode:screen
}
.m2-speed-badge::after{
content:'';
position:absolute;
top:0;
left:-120%;
width:55%;
height:100%;
background:linear-gradient(105deg,transparent 30%,rgb(255 255 255 / .75) 50%,transparent 70%);
animation:m2SpeedShimmer 2.8s ease-in-out infinite;
filter:blur(1px)
}
@keyframes m2SpeedShimmer{
0%,100%{
left:-120%
}
60%{
left:200%
}
}
@keyframes m2SpeedFlow{
0%{
background-position:0% 50%
}
100%{
background-position:250% 50%
}
}
@keyframes m2SpeedPulse{
0%,100%{
box-shadow:0 0 0 1px rgb(248 196 84 / .65),0 4px 16px rgb(214 112 47 / .55),0 0 18px rgb(248 196 84 / .35)
}
50%{
box-shadow:0 0 0 1px rgb(255 224 128 / .85),0 6px 22px rgb(255 138 61 / .7),0 0 28px rgb(255 210 120 / .65)
}
}
.m2-speed-hero{
margin:0 0 18px;
padding:18px 20px;
border-radius:14px;
background:linear-gradient(135deg,rgb(248 196 84 / .18) 0%,rgb(214 112 47 / .16) 100%);
border:1px solid rgb(248 196 84 / .55);
display:flex;
align-items:center;
gap:16px;
flex-wrap:wrap
}
.m2-speed-hero__cd{
font-size:18px;
font-weight:700;
color:var(--ink)
}
.m2-speed-hero__date{
font-size:13px;
color:rgb(245 230 204 / .78)
}
html[data-theme="light"] .m2-speed-hero__date{
color:rgb(60 40 28 / .78)
}
.m2-newgrid-section{
margin-bottom:24px
}
.m2-newgrid-section__head{
margin:0 0 12px;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px
}
.m2-newgrid-section__head h2{
margin:0;
font-size:18px;
display:flex;
align-items:center;
gap:8px
}
.m2-newgrid-section__head p{
margin:0;
flex-basis:100%;
color:rgb(245 230 204 / .65);
font-size:13px
}
html[data-theme="light"] .m2-newgrid-section__head p{
color:rgb(60 40 28 / .65)
}
.m2-cl-edit-form input,.m2-cl-edit-form textarea,.m2-ev-edit-form input,.m2-ev-edit-form textarea{
width:100%;
padding:8px 10px;
font:inherit;
background:rgb(20 14 10 / .55);
color:var(--ink);
border:1px solid rgb(245 230 204 / .18);
border-radius:6px;
outline:none
}
.m2-cl-edit-form textarea,.m2-ev-edit-form textarea{
resize:vertical;
min-height:90px
}
html[data-theme="light"] .m2-cl-edit-form input,html[data-theme="light"] .m2-cl-edit-form textarea,html[data-theme="light"] .m2-ev-edit-form input,html[data-theme="light"] .m2-ev-edit-form textarea{
background:#fff8ed;
color:#1f1208;
border-color:rgb(120 80 50 / .2)
}
.m2-mini-report{
display:inline-flex;
align-items:center;
gap:5px;
padding:4px 9px;
margin-left:auto;
font-size:11.5px;
font-weight:600;
color:rgb(245 230 204 / .55);
background:#fff0;
border:1px solid rgb(245 230 204 / .12);
border-radius:999px;
cursor:pointer;
transition:color .15s ease,border-color .15s ease,background .15s ease
}
.m2-mini-report:hover{
color:#ff8a3d;
border-color:rgb(255 138 61 / .45);
background:rgb(255 138 61 / .08)
}
.m2-event-row__actions,.m2-changelog__foot{
display:block!important;
width:100%;
margin-top:10px;
text-align:right
}
.m2-event-row__actions>a,.m2-changelog__foot>a{
float:left
}
.m2-event-row__actions::after,.m2-changelog__foot::after{
content:'';
display:block;
clear:both
}
html[data-theme="light"] .m2-mini-report{
color:rgb(60 40 28 / .55);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-mini-report:hover{
color:#b04020;
border-color:rgb(176 64 32 / .45);
background:rgb(176 64 32 / .07)
}
.m2-captcha-promo{
display:grid;
grid-template-columns:48px 1fr auto;
gap:18px;
align-items:center;
margin:24px 0 0;
padding:16px 20px;
border-radius:10px;
text-decoration:none;
color:inherit;
background:rgb(20 12 8 / .65);
backdrop-filter:blur(10px);
border:1px solid rgb(255 220 180 / .07);
transition:border-color .15s ease,background .15s ease
}
.m2-captcha-promo:hover{
border-color:rgb(214 112 47 / .45);
background:rgb(28 18 12 / .75)
}
.m2-captcha-promo__icon{
width:48px;
height:48px;
border-radius:10px;
display:inline-flex;
align-items:center;
justify-content:center;
background:linear-gradient(180deg,rgb(193 74 58 / .2),rgb(122 40 24 / .18));
border:1px solid rgb(255 180 140 / .28);
color:#f8c454;
flex:0 0 48px
}
.m2-captcha-promo__body{
display:flex;
flex-direction:column;
gap:4px;
min-width:0
}
.m2-captcha-promo__body strong{
font-family:var(--font-display);
font-size:18px;
font-weight:700;
color:var(--ink);
letter-spacing:-.005em;
line-height:1.2
}
.m2-captcha-promo__body span{
font-size:12.5px;
line-height:1.55;
color:rgb(245 230 204 / .62)
}
.m2-captcha-promo__cta{
display:inline-flex;
align-items:center;
font-family:var(--font-display);
font-size:13px;
font-weight:700;
color:rgb(245 230 204 / .78);
white-space:nowrap;
transition:color .15s ease
}
.m2-captcha-promo:hover .m2-captcha-promo__cta{
color:#f8c454
}
@media (max-width:720px){
.m2-captcha-promo{
grid-template-columns:48px 1fr
}
.m2-captcha-promo__cta{
grid-column:1 / -1;
justify-self:end
}
}
html[data-theme="light"] .m2-captcha-promo{
background:rgb(255 248 237 / .85);
border-color:rgb(120 80 50 / .16)
}
html[data-theme="light"] .m2-captcha-promo:hover{
border-color:rgb(214 112 47 / .55);
background:#fff8ed
}
html[data-theme="light"] .m2-captcha-promo__icon{
background:linear-gradient(180deg,rgb(214 112 47 / .18),rgb(176 102 22 / .14));
border-color:rgb(176 102 22 / .3);
color:#b06616
}
html[data-theme="light"] .m2-captcha-promo__body span{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-captcha-promo__cta{
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-captcha-promo:hover .m2-captcha-promo__cta{
color:#b06616
}
.m2-guide{
max-width:920px;
margin:0 auto;
padding:0;
color:var(--ink);
font-size:14px;
line-height:1.7
}
.m2-guide>*+*{
margin-top:16px
}
.m2-guide h1{
font-family:var(--font-display);
font-size:32px;
font-weight:700;
letter-spacing:-.02em;
line-height:1.1;
color:var(--ink);
margin:0 0 8px
}
.m2-guide h2{
font-family:var(--font-display);
font-size:22px;
font-weight:700;
letter-spacing:-.01em;
line-height:1.25;
color:var(--ink);
margin:32px 0 14px
}
.m2-guide h3{
font-family:var(--font-display);
font-size:17px;
font-weight:700;
letter-spacing:-.005em;
line-height:1.3;
color:var(--ink);
margin:0 0 10px
}
.m2-guide p{
font-size:14px;
line-height:1.7;
color:rgb(245 230 204 / .85);
margin:0 0 14px;
word-break:break-word
}
.m2-guide p:last-child{
margin-bottom:0
}
.m2-guide a{
color:#f8c454;
text-decoration:none;
border-bottom:1px solid rgb(248 196 84 / .3);
transition:color .15s ease,border-color .15s ease
}
.m2-guide a:hover{
color:#ffe27a;
border-bottom-color:rgb(255 226 122 / .65)
}
.m2-guide a.m2-btn{
border-bottom:0;
text-decoration:none
}
.m2-guide a.m2-btn:hover{
border-bottom:0
}
.m2-guide a.m2-btn:not(.m2-btn--primary){
color:var(--ink)
}
.m2-guide a.m2-btn--primary,.m2-guide a.m2-btn--primary:hover{
color:#fff5e6
}
.m2-guide__cta a.m2-btn{
padding:10px 18px;
font-size:13.5px;
border-radius:8px
}
.m2-guide strong{
color:var(--ink);
font-weight:700
}
.m2-guide em{
color:rgb(245 230 204 / .92);
font-style:italic
}
.m2-guide code{
font-family:'SF Mono',Menlo,Consolas,monospace;
font-size:.875em;
padding:1px 6px;
border-radius:4px;
background:rgb(20 12 8 / .55);
color:#f4d4a8;
white-space:nowrap;
vertical-align:baseline;
line-height:1.4
}
.m2-guide code.is-url,.m2-guide pre code{
white-space:normal;
overflow-wrap:anywhere;
word-break:break-word
}
.m2-guide__lead,.m2-guide__lead *{
font-style:normal!important
}
.m2-guide__lead{
font-family:var(--font-ui);
font-size:14px;
font-weight:400;
line-height:1.7;
color:rgb(245 230 204 / .85);
padding:0 0 18px;
margin:0 0 8px;
border:0;
background:#fff0;
border-radius:0;
border-bottom:1px solid rgb(245 230 204 / .1)
}
.m2-guide__lead strong{
font-weight:700
}
.m2-guide__video{
width:100%;
margin:18px 0;
border-radius:8px;
overflow:hidden;
background:#000;
box-shadow:0 4px 16px rgb(0 0 0 / .3)
}
.m2-guide__video iframe,.m2-guide__video video{
display:block;
width:100%;
aspect-ratio:16 / 9;
height:auto;
border:0
}
@supports not (aspect-ratio:1 / 1){
.m2-guide__video{
position:relative;
padding-top:56.25%;
height:0
}
.m2-guide__video iframe,.m2-guide__video video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
}
.m2-guide__quote{
font-family:var(--font-ui);
font-style:italic;
font-size:14.5px;
line-height:1.65;
padding:8px 0 8px 18px;
margin:18px 0;
border:0;
border-left:3px solid #d6702f;
border-radius:0;
background:#fff0;
color:rgb(245 230 204 / .95)
}
.m2-guide__quote strong{
font-style:normal
}
.m2-guide__card{
padding:18px 20px;
margin:18px 0;
background:rgb(20 12 8 / .45);
border:1px solid rgb(245 230 204 / .08);
border-radius:10px
}
.m2-guide__card h3{
margin-bottom:12px;
padding-top:0;
border-top:0
}
.m2-guide__card p{
font-size:14px;
line-height:1.7;
color:rgb(245 230 204 / .95)
}
.m2-guide__pros,.m2-guide__cons{
list-style:none;
padding:0;
margin:0;
display:block
}
.m2-guide__pros li,.m2-guide__cons li{
position:relative;
display:block;
padding:0 0 0 32px;
margin:0 0 10px;
font-size:14px;
line-height:1.7;
color:rgb(245 230 204 / .95)
}
.m2-guide__pros li:last-child,.m2-guide__cons li:last-child{
margin-bottom:0
}
.m2-guide__pros li::before,.m2-guide__cons li::before{
position:absolute;
left:0;
top:2px;
width:20px;
height:20px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-weight:800;
font-size:11px;
line-height:1
}
.m2-guide__pros li::before{
content:'✓';
background:rgb(74 222 128 / .12);
color:#4ade80;
border:1px solid rgb(74 222 128 / .32)
}
.m2-guide__cons li::before{
content:'✕';
background:rgb(255 99 71 / .1);
color:#ff8a6e;
border:1px solid rgb(255 99 71 / .32)
}
.m2-guide__pillgrid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:12px;
margin:18px 0
}
.m2-guide__pill{
padding:14px 16px;
border-radius:8px;
background:rgb(20 12 8 / .45);
border:1px solid rgb(245 230 204 / .08);
transition:border-color .15s ease,background .15s ease
}
.m2-guide__pill:hover{
border-color:rgb(248 196 84 / .4);
background:rgb(28 18 12 / .55)
}
.m2-guide__pill strong{
display:inline;
font-size:13.5px;
color:var(--ink)
}
.m2-guide__pill span{
font-size:12.5px;
color:rgb(245 230 204 / .65);
line-height:1.55
}
.m2-guide__cta{
margin:32px 0 8px;
padding:18px 20px;
border-radius:10px;
background:linear-gradient(135deg,rgb(248 196 84 / .08),rgb(214 112 47 / .06));
border:1px solid rgb(248 196 84 / .32);
display:flex;
flex-wrap:wrap;
gap:14px;
align-items:center;
justify-content:space-between
}
.m2-guide__cta p{
margin:0;
font-size:13.5px;
color:rgb(245 230 204 / .92)
}
.m2-guide__cta .m2-btn{
white-space:nowrap
}
.m2-guide__lore{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:10px;
margin:18px 0
}
.m2-guide__lore-item{
padding:12px 14px;
border-radius:8px;
background:rgb(20 12 8 / .45);
border:1px solid rgb(245 230 204 / .08);
font-size:12.5px;
line-height:1.55;
color:rgb(245 230 204 / .78)
}
.m2-guide__lore-item strong{
display:block;
color:var(--ink);
margin-bottom:3px;
font-size:13px
}
.m2-guide img{
display:block;
max-width:100%;
height:auto;
margin:14px auto;
border-radius:8px;
border:1px solid rgb(245 230 204 / .08);
background:rgb(20 12 8 / .3)
}
.m2-guide__card img{
margin:8px auto
}
.m2-guide ul,.m2-guide ol{
margin:0 0 14px;
padding-left:22px
}
.m2-guide ul li,.m2-guide ol li{
font-size:14px;
line-height:1.7;
color:rgb(245 230 204 / .95);
margin-bottom:5px
}
html[data-theme="light"] .m2-guide p,html[data-theme="light"] .m2-guide__pros li,html[data-theme="light"] .m2-guide__cons li,html[data-theme="light"] .m2-guide ul li,html[data-theme="light"] .m2-guide ol li{
color:rgb(40 24 12 / .92)
}
html[data-theme="light"] .m2-guide__lead{
border-bottom-color:rgb(120 80 50 / .18);
color:rgb(40 24 12 / .95)
}
html[data-theme="light"] .m2-guide__quote{
color:rgb(40 24 12 / .95)
}
html[data-theme="light"] .m2-guide__card p{
color:rgb(40 24 12 / .92)
}
html[data-theme="light"] .m2-guide__card,html[data-theme="light"] .m2-guide__pill,html[data-theme="light"] .m2-guide__lore-item{
background:#fff8ed;
border-color:rgb(120 80 50 / .16)
}
html[data-theme="light"] .m2-guide__pill:hover{
background:#fffaf2
}
html[data-theme="light"] .m2-guide__pill span,html[data-theme="light"] .m2-guide__lore-item{
color:rgb(60 40 28 / .72)
}
html[data-theme="light"] .m2-guide a{
color:#b06616;
border-bottom-color:rgb(176 102 22 / .3)
}
html[data-theme="light"] .m2-guide a:hover{
color:#8a4a0a
}
html[data-theme="light"] .m2-guide__cta{
background:linear-gradient(135deg,rgb(214 112 47 / .08),rgb(248 196 84 / .06));
border-color:rgb(120 80 50 / .3)
}
html[data-theme="light"] .m2-guide__cta p{
color:rgb(60 40 28 / .92)
}
html[data-theme="light"] .m2-guide em{
color:rgb(60 40 28 / .92)
}
html[data-theme="light"] .m2-guide code{
background:#fff8ed;
border-color:rgb(120 80 50 / .2);
color:#6a3608
}
html[data-theme="light"] .m2-guide img{
background:#fff8ed;
border-color:rgb(120 80 50 / .16)
}
.m2-blog-head{
display:grid;
grid-template-columns:auto 1fr auto;
gap:16px;
align-items:center;
margin:0 0 18px;
padding:14px 16px;
border-radius:10px;
background:rgb(20 12 8 / .65);
backdrop-filter:blur(10px);
border:1px solid rgb(255 220 180 / .07)
}
.m2-blog-head__back{
display:inline-flex;
align-items:center;
gap:6px;
padding:7px 11px;
border-radius:999px;
font-size:12.5px;
font-weight:700;
color:rgb(245 230 204 / .78);
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .1);
text-decoration:none;
transition:color .15s ease,border-color .15s ease,background .15s ease
}
.m2-blog-head__back:hover{
color:#f8c454;
border-color:rgb(248 196 84 / .45);
background:rgb(20 12 8 / .75)
}
.m2-blog-head__title{
min-width:0;
text-align:center
}
.m2-blog-head__eyebrow{
font-size:11px;
letter-spacing:.12em;
text-transform:uppercase;
color:rgb(245 230 204 / .55);
font-weight:600;
margin-bottom:2px
}
.m2-blog-head__title h1{
margin:0;
font-family:var(--font-display);
font-size:17px;
font-weight:700;
color:var(--ink);
letter-spacing:-.003em;
line-height:1.2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.m2-blog-head__meta{
display:inline-flex;
align-items:center
}
.m2-blog-head__readtime{
display:inline-flex;
align-items:center;
gap:5px;
padding:6px 11px;
border-radius:999px;
font-size:12px;
font-weight:600;
color:rgb(245 230 204 / .72);
background:rgb(20 12 8 / .55);
border:1px solid rgb(255 220 180 / .1)
}
@media (max-width:720px){
.m2-blog-head{
grid-template-columns:auto 1fr;
row-gap:8px
}
.m2-blog-head__title{
text-align:left
}
.m2-blog-head__title h1{
font-size:16px;
white-space:normal
}
.m2-blog-head__meta{
grid-column:1 / -1;
justify-self:end
}
}
html[data-theme="light"] .m2-blog-head{
background:rgb(255 248 237 / .85);
border-color:rgb(120 80 50 / .16)
}
html[data-theme="light"] .m2-blog-head__back,html[data-theme="light"] .m2-blog-head__readtime{
background:#fff8ed;
border-color:rgb(120 80 50 / .18);
color:rgb(60 40 28 / .78)
}
html[data-theme="light"] .m2-blog-head__back:hover{
color:#b06616;
border-color:rgb(176 102 22 / .45);
background:#fffaf2
}
html[data-theme="light"] .m2-blog-head__eyebrow{
color:rgb(60 40 28 / .55)
}
.titlebar{
all:unset
}
.m2-hero__reset{
display:inline-flex;
align-items:baseline;
gap:6px;
white-space:nowrap
}
.m2-hero__reset-clock{
display:inline-block;
min-width:14ch;
text-align:left;
color:#f8c454;
font-weight:700;
font-variant-numeric:tabular-nums;
font-feature-settings:"tnum"
}
html[data-theme="light"] .m2-hero__reset-clock{
color:#b06616
}
.m2-blog-section{
margin:36px 0 0
}
.m2-blog-section h2{
margin:0 0 14px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em
}
.m2-blog-section p{
margin:0 0 10px;
font-size:14px;
line-height:1.7;
color:rgb(245 230 204 / .85)
}
.m2-blog-section p:last-child{
margin-bottom:0
}
.m2-blog-section a{
color:#f8c454;
text-decoration:none;
border:0;
font-weight:600;
transition:color .15s ease
}
.m2-blog-section a:hover{
color:#ffe27a
}
html[data-theme="light"] .m2-blog-section p{
color:rgb(60 40 28 / .82)
}
html[data-theme="light"] .m2-blog-section a{
color:#b06616
}
html[data-theme="light"] .m2-blog-section a:hover{
color:#8a4a0a
}
.m2-sr-only{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important
}
.m2-events-section{
margin:0 0 36px
}
.m2-events-section:last-child{
margin-bottom:0
}
.m2-events-seo{
max-width:820px;
margin:40px auto 24px;
padding:32px 0 0;
border-top:1px solid rgb(245 230 204 / .08)
}
.m2-events-seo h2{
font:700 22px/1.3 var(--font-display,var(--font-ui));
letter-spacing:-.01em;
color:#f5e6cc;
margin:0 0 14px
}
.m2-events-seo h3{
font:700 16px/1.35 var(--font-ui);
letter-spacing:.01em;
color:#f8c454;
margin:24px 0 10px
}
.m2-events-seo p{
font:400 14.5px/1.65 var(--font-ui);
color:rgb(245 230 204 / .82);
margin:0 0 12px
}
.m2-events-seo ul{
margin:8px 0 14px;
padding-left:22px;
font:400 14.5px/1.6 var(--font-ui);
color:rgb(245 230 204 / .82)
}
.m2-events-seo li{
margin:6px 0
}
.m2-events-seo strong{
color:#f5e6cc
}
.m2-events-seo a{
color:#f8c454;
text-decoration:none;
border-bottom:1px solid rgb(248 196 84 / .4);
padding-bottom:1px;
transition:color 0.15s,border-color 0.15s
}
.m2-events-seo a:hover{
color:#ffe27a;
border-bottom-color:#ffe27a
}
html[data-theme="light"] .m2-events-seo{
border-top-color:rgb(180 140 80 / .18)
}
html[data-theme="light"] .m2-events-seo h2{
color:#3a2410
}
html[data-theme="light"] .m2-events-seo h3{
color:#d97706
}
html[data-theme="light"] .m2-events-seo p,html[data-theme="light"] .m2-events-seo ul{
color:#4a3520
}
html[data-theme="light"] .m2-events-seo strong{
color:#3a2410
}
html[data-theme="light"] .m2-events-seo a{
color:#d97706;
border-bottom-color:rgb(217 119 6 / .4)
}
html[data-theme="light"] .m2-events-seo a:hover{
color:#a0541b;
border-bottom-color:#a0541b
}
.m2-events-section__title{
margin:0 0 14px;
font-family:var(--font-display);
font-size:22px;
font-weight:700;
color:var(--ink);
letter-spacing:-.01em;
display:flex;
align-items:baseline;
gap:8px
}
.m2-events-section__title small{
font-family:var(--font-ui);
font-size:12px;
font-weight:600;
color:rgb(245 230 204 / .55);
letter-spacing:0;
text-transform:uppercase
}
html[data-theme="light"] .m2-events-section__title small{
color:rgb(60 40 28 / .6)
}
.m2-event-card__when[data-starts]{
color:#f8c454;
background:rgb(248 196 84 / .1);
border-color:rgb(248 196 84 / .45)
}
html[data-theme="light"] .m2-event-card__when[data-starts]{
color:#b06616;
background:rgb(214 112 47 / .1);
border-color:rgb(176 102 22 / .45)
}
.m2-routes-admin .m2-admin-toolbar{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px
}
.m2-routes-list{
display:flex;
flex-direction:column;
gap:10px
}
.m2-route-row{
display:grid;
grid-template-columns:1fr auto;
gap:14px;
align-items:flex-start;
padding:12px 14px;
background:rgb(20 12 8 / .45);
border:1px solid rgb(245 230 204 / .08);
border-radius:8px
}
.m2-route-row__summary{
min-width:0
}
.m2-route-row__head{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
margin-bottom:4px
}
.m2-route-row__name{
font-family:'SF Mono',Menlo,Consolas,monospace;
font-size:13px;
padding:2px 6px;
border-radius:4px;
background:rgb(255 220 180 / .06);
color:var(--ink)
}
.m2-route-row__display{
font-family:var(--font-ui);
font-size:12.5px;
color:rgb(245 230 204 / .65)
}
.m2-route-row__badge{
display:inline-flex;
align-items:center;
padding:2px 8px;
border-radius:999px;
font-size:10.5px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
background:rgb(245 230 204 / .08);
color:rgb(245 230 204 / .65);
border:1px solid rgb(245 230 204 / .12)
}
.m2-route-row__badge--info{
background:rgb(108 199 255 / .1);
color:#6cc7ff;
border-color:rgb(108 199 255 / .35)
}
.m2-route-row__badge--admin{
background:rgb(248 196 84 / .1);
color:#f8c454;
border-color:rgb(248 196 84 / .35)
}
.m2-route-row__badge--off{
background:rgb(255 99 71 / .1);
color:#ff8a6e;
border-color:rgb(255 99 71 / .35)
}
.m2-route-row__title{
font-size:13.5px;
color:rgb(245 230 204 / .8);
line-height:1.5
}
.m2-route-row__actions{
display:flex;
flex-direction:column;
gap:6px;
flex:0 0 auto
}
.m2-route-row__actions .m2-btn{
white-space:nowrap;
min-width:80px;
justify-content:center
}
.m2-route-form{
grid-column:1 / -1;
margin-top:14px;
padding-top:14px;
border-top:1px solid rgb(245 230 204 / .1);
display:grid;
grid-template-columns:1fr 1fr;
gap:14px 18px
}
.m2-route-form__actions{
grid-column:1 / -1;
display:flex;
gap:8px;
justify-content:flex-end;
padding-top:4px
}
.m2-route-field{
display:flex;
flex-direction:column;
gap:4px
}
.m2-route-field .m2-field__lbl{
font-size:11.5px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:rgb(245 230 204 / .65)
}
.m2-route-field input[type="text"],.m2-route-field input[type="number"],.m2-route-field select,.m2-route-field textarea{
width:100%;
padding:8px 10px;
font:inherit;
background:rgb(20 14 10 / .55);
color:var(--ink);
border:1px solid rgb(245 230 204 / .18);
border-radius:6px;
outline:none
}
.m2-route-field input[type="checkbox"]{
width:18px;
height:18px;
accent-color:#f8c454
}
.m2-route-field textarea{
resize:vertical;
min-height:64px;
font-family:'SF Mono',Menlo,Consolas,monospace;
font-size:12.5px
}
.m2-route-field__hint{
font-size:11.5px;
color:rgb(245 230 204 / .55);
line-height:1.4;
margin-top:2px
}
@media (max-width:720px){
.m2-route-form{
grid-template-columns:1fr
}
.m2-route-row{
grid-template-columns:1fr
}
.m2-route-row__actions{
flex-direction:row
}
}
html[data-theme="light"] .m2-route-row{
background:#fff8ed;
border-color:rgb(120 80 50 / .16)
}
html[data-theme="light"] .m2-route-row__name{
background:rgb(120 80 50 / .08);
color:#1f1208
}
html[data-theme="light"] .m2-route-row__display{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-route-row__title{
color:rgb(60 40 28 / .82)
}
html[data-theme="light"] .m2-route-row__badge{
background:rgb(60 40 28 / .06);
color:rgb(60 40 28 / .65);
border-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-route-form{
border-top-color:rgb(120 80 50 / .18)
}
html[data-theme="light"] .m2-route-field input[type="text"],html[data-theme="light"] .m2-route-field input[type="number"],html[data-theme="light"] .m2-route-field select,html[data-theme="light"] .m2-route-field textarea{
background:#fffaf2;
color:#1f1208;
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-route-field .m2-field__lbl{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-route-field__hint{
color:rgb(60 40 28 / .55)
}
.m2-seo-tabs{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:16px 0 18px;
padding-bottom:10px;
border-bottom:1px solid rgb(245 230 204 / .1)
}
.m2-seo-tab{
display:inline-flex;
align-items:center;
gap:6px;
padding:8px 14px;
border-radius:999px;
font:700 12px/1 var(--font-ui);
letter-spacing:.05em;
color:rgb(245 230 204 / .65);
background:#fff0;
border:1px solid rgb(245 230 204 / .18);
cursor:pointer;
transition:color .15s ease,border-color .15s ease,background .15s ease
}
.m2-seo-tab:hover{
color:var(--ink);
border-color:rgb(248 196 84 / .4)
}
.m2-seo-tab.is-active{
color:#1a0e04;
background:linear-gradient(135deg,#f8c454 0%,#d6702f 100%);
border-color:rgb(248 196 84 / .65)
}
.m2-seo-tab__state{
width:10px;
height:10px;
border-radius:50%;
background:rgb(245 230 204 / .18)
}
.m2-seo-tab__state[data-tone="red"]{
background:#ff6b6b
}
.m2-seo-tab__state[data-tone="amber"]{
background:#ffb02e
}
.m2-seo-tab__state[data-tone="green"]{
background:#4ade80
}
.m2-seo-panel{
display:grid;
grid-template-columns:1fr;
gap:18px
}
.m2-seo-panel__head{
font-family:var(--font-display);
font-size:16px;
color:var(--ink)
}
.m2-seo-panel__head small{
font-family:var(--font-ui);
font-size:11.5px;
font-weight:600;
color:rgb(245 230 204 / .55);
margin-left:4px
}
.m2-seo-field{
display:flex;
flex-direction:column;
gap:6px
}
.m2-seo-field__lbl{
font-size:11.5px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:rgb(245 230 204 / .65)
}
.m2-seo-field__hint{
font-size:11px;
font-weight:500;
letter-spacing:0;
text-transform:none;
color:rgb(245 230 204 / .45);
margin-left:6px
}
.m2-seo-field input[type="text"],.m2-seo-field textarea{
width:100%;
padding:9px 11px;
font:14px/1.55 var(--font-ui);
background:rgb(20 14 10 / .55);
color:var(--ink);
border:1px solid rgb(245 230 204 / .18);
border-radius:6px;
outline:none
}
.m2-seo-field textarea{
resize:vertical;
min-height:72px
}
.m2-seo-field.is-locked input[type="text"]{
opacity:.55;
cursor:not-allowed;
background:rgb(245 230 204 / .04);
border-style:dashed
}
.m2-seo-field.is-locked .m2-seo-field__lbl::after{
content:'🔒 locked';
display:inline-block;
margin-left:8px;
padding:1px 6px;
font:700 10px/1.4 var(--font-ui);
letter-spacing:.04em;
color:#f8c454;
background:rgb(248 196 84 / .12);
border:1px solid rgb(248 196 84 / .35);
border-radius:4px;
vertical-align:middle
}
html[data-theme="light"] .m2-seo-field.is-locked .m2-seo-field__lbl::after{
color:#a05a04;
background:rgb(217 119 6 / .1);
border-color:rgb(217 119 6 / .35)
}
.m2-seo-field__row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap
}
.m2-seo-optimize{
font-size:12px;
padding:4px 10px;
height:auto;
line-height:1.4;
display:inline-flex;
align-items:center;
gap:6px
}
.m2-seo-optimize[disabled]{
opacity:.6;
cursor:progress
}
.m2-seo-counter{
font:600 12px var(--font-ui);
letter-spacing:.02em;
display:inline-flex;
align-items:center;
gap:6px;
align-self:flex-start
}
.m2-seo-counter::before{
content:'';
width:8px;
height:8px;
border-radius:50%;
background:rgb(245 230 204 / .18)
}
.m2-seo-counter[data-tone="red"]{
color:#ff8a6e
}
.m2-seo-counter[data-tone="red"]::before{
background:#ff6b6b
}
.m2-seo-counter[data-tone="amber"]{
color:#ffb02e
}
.m2-seo-counter[data-tone="amber"]::before{
background:#ffb02e
}
.m2-seo-counter[data-tone="green"]{
color:#4ade80
}
.m2-seo-counter[data-tone="green"]::before{
background:#4ade80
}
.m2-seo-translate-one{
align-self:flex-start
}
html[data-theme="light"] .m2-seo-tab{
color:rgb(60 40 28 / .65);
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-seo-tab:hover{
color:#1f1208;
border-color:rgb(176 102 22 / .45)
}
html[data-theme="light"] .m2-seo-tab.is-active{
color:#1f1208
}
html[data-theme="light"] .m2-seo-panel__head small{
color:rgb(60 40 28 / .6)
}
html[data-theme="light"] .m2-seo-field__lbl{
color:rgb(60 40 28 / .65)
}
html[data-theme="light"] .m2-seo-field__hint{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-seo-field input[type="text"],html[data-theme="light"] .m2-seo-field textarea{
background:#fffaf2;
color:#1f1208;
border-color:rgb(120 80 50 / .2)
}
html[data-theme="light"] .m2-seo-tab__state{
box-shadow:0 0 0 1px rgb(0 0 0 / .18)
}
html[data-theme="light"] .m2-seo-tab__state[data-tone="amber"]{
background:#d97706
}
html[data-theme="light"] .m2-seo-counter[data-tone="amber"]{
color:#a55a0e
}
html[data-theme="light"] .m2-seo-counter[data-tone="amber"]::before{
background:#d97706
}
html[data-theme="light"] .m2-seo-counter[data-tone="green"]{
color:#15803d
}
html[data-theme="light"] .m2-seo-counter[data-tone="green"]::before{
background:#16a34a
}
html[data-theme="light"] .m2-seo-counter[data-tone="red"]{
color:#b91c1c
}
html[data-theme="light"] .m2-seo-counter[data-tone="red"]::before{
background:#dc2626
}
.m2-translate-overlay[hidden]{
display:none!important
}
.m2-translate-overlay{
position:fixed;
inset:0;
background:rgb(10 6 4 / .78);
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
backdrop-filter:blur(4px)
}
.m2-translate-card{
background:linear-gradient(180deg,rgb(40 28 18 / .98),rgb(28 18 12 / .98));
border:1px solid rgb(214 112 47 / .45);
border-radius:14px;
padding:28px 36px;
min-width:360px;
max-width:480px;
text-align:left;
box-shadow:0 24px 64px rgb(0 0 0 / .55)
}
.m2-translate-card h3{
margin:0 0 4px;
font-family:var(--font-display);
font-size:20px;
color:var(--ink);
text-align:center
}
.m2-translate-card .m2-xlate-sub{
margin:0 0 16px;
color:rgb(245 230 204 / .78);
font-size:13px;
text-align:center
}
.m2-translate-spinner{
width:14px;
height:14px;
display:inline-block;
vertical-align:middle;
border:2px solid rgb(248 196 84 / .2);
border-top-color:#f8c454;
border-radius:50%;
animation:m2Spin 0.9s linear infinite
}
@keyframes m2Spin{
to{
transform:rotate(360deg)
}
}
.m2-xlate-list{
display:flex;
flex-direction:column;
gap:6px;
max-height:50vh;
overflow-y:auto;
padding-right:4px
}
.m2-xlate-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:8px 12px;
border-radius:8px;
background:rgb(20 14 10 / .55);
border:1px solid rgb(245 230 204 / .08);
font-size:13px;
color:rgb(245 230 204 / .85)
}
.m2-xlate-row.is-running{
border-color:rgb(248 196 84 / .45)
}
.m2-xlate-row.is-done{
border-color:rgb(74 222 128 / .45)
}
.m2-xlate-row.is-error{
border-color:rgb(255 99 71 / .45)
}
.m2-xlate-row__lang{
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
min-width:56px
}
.m2-xlate-row__name{
flex:1;
color:rgb(245 230 204 / .65);
font-size:12px
}
.m2-xlate-row__state{
font-size:12px;
font-weight:700;
display:inline-flex;
align-items:center;
gap:6px
}
.m2-xlate-row.is-pending .m2-xlate-row__state{
color:rgb(245 230 204 / .55)
}
.m2-xlate-row.is-running .m2-xlate-row__state{
color:#f8c454
}
.m2-xlate-row.is-done .m2-xlate-row__state{
color:#4ade80
}
.m2-xlate-row.is-error .m2-xlate-row__state{
color:#ff8a6e
}
.m2-xlate-progress{
margin:8px 0 12px;
height:6px;
border-radius:999px;
background:rgb(245 230 204 / .1);
overflow:hidden
}
.m2-xlate-progress__bar{
height:100%;
width:0%;
background:linear-gradient(90deg,#f8c454,#d6702f);
transition:width .35s ease
}
.m2-xlate-counter{
text-align:center;
font-size:12px;
color:rgb(245 230 204 / .65);
margin:0 0 4px
}
.m2-xlate-foot{
margin-top:14px;
text-align:center
}
.m2-xlate-foot .m2-btn{
display:inline-flex
}
html[data-theme="light"] .m2-translate-overlay{
background:rgb(255 248 237 / .85)
}
html[data-theme="light"] .m2-translate-card{
background:#fff8ed;
border-color:rgb(120 80 50 / .35);
color:#1f1208
}
html[data-theme="light"] .m2-translate-card .m2-xlate-sub{
color:rgb(60 40 28 / .75)
}
html[data-theme="light"] .m2-xlate-row{
background:#fffaf0;
border-color:rgb(120 80 50 / .18);
color:rgb(60 40 28 / .85)
}
html[data-theme="light"] .m2-xlate-row__name{
color:rgb(60 40 28 / .55)
}
html[data-theme="light"] .m2-xlate-counter{
color:rgb(60 40 28 / .65)
}
© 2023 Quttera Ltd. All rights reserved.