.nxd-site{
    --pek-green:#007b48;
    --pek-yellow:#fff400;
    --pek-gray:#D3D3D3;
    --text:#1f2d27;
    --muted:#6b7a73;
    --border:#d7e1dc;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:14px;
    line-height:1.45;
    color:var(--text);
    max-width:1460px;
    margin:0 auto;
    padding:8px 0 30px;
}
.nxd-site *{box-sizing:border-box}
.nxd-site input,.nxd-site select,.nxd-site button{font:inherit;color:inherit}
.nxd-site h1,.nxd-site h2,.nxd-site h3,.nxd-site p{font-family:inherit}

.nxd-site-note{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:10px 12px;border:1px solid #eadf86;border-radius:9px;background:#fffce0;color:#6b5e12;font-size:13px;font-weight:400}
.nxd-site-note i{flex:0 0 auto;color:#a18f00;font-size:14px}

.nxd-site-filter{display:grid;grid-template-columns:minmax(230px,1.65fr) repeat(3,minmax(145px,.8fr)) auto;gap:8px;align-items:center;margin:0 0 24px}
.nxd-site-filter input,.nxd-site-filter select,.nxd-site-filter button{height:40px;border:1px solid #cddbd4;border-radius:8px;background:#fff;padding:0 10px;outline:none;font-size:14px;font-weight:400}
.nxd-site-search{position:relative;margin:0}
.nxd-site-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#70847a;font-size:13px;pointer-events:none}
.nxd-site-search input{width:100%;padding-left:33px}
.nxd-site-filter input:focus,.nxd-site-filter select:focus{border-color:var(--pek-green);box-shadow:0 0 0 2px rgba(0,123,72,.08)}
.nxd-site-filter button{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--pek-green);font-weight:600;cursor:pointer;white-space:nowrap}
.nxd-site-filter button:hover{background:#f5faf7;border-color:#a9cabb}

.nxd-level{margin:0 0 34px}
.nxd-level-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.nxd-level-title-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.nxd-heading-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--pek-green);box-shadow:0 2px 8px rgba(0,123,72,.12)}
.nxd-heading-icon--level{width:34px;height:34px;border-radius:9px;font-size:16px}
.nxd-level-head h2{margin:0;font-size:21px;line-height:1.25;font-weight:700;text-transform:uppercase;color:var(--pek-green);letter-spacing:.015em}
.nxd-summary-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#e7f5ee;color:#087342;font-size:12px;font-weight:400;white-space:nowrap}
.nxd-summary-badge i{font-size:11px}.nxd-summary-badge b{font-weight:700}
.nxd-summary-badge--soft{background:#f2f5f3;color:#68786f}
.nxd-level-line{height:1px;flex:1;min-width:40px;background:linear-gradient(90deg,#cfe0d7,transparent)}

.nxd-grade{margin:15px 0 21px}
.nxd-grade-title{display:flex;align-items:center;gap:7px;margin-bottom:10px;min-height:28px;flex-wrap:wrap}
.nxd-heading-icon--grade{width:25px;height:25px;border-radius:7px;background:#e7f5ee;color:var(--pek-green);font-size:11px;box-shadow:none}
.nxd-grade-title strong{font-size:15px;line-height:1.25;font-weight:700;text-transform:uppercase;color:#33483f;letter-spacing:.01em}
.nxd-grade-stat{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:#f0f7f3;color:#557066;font-size:11px;font-weight:400;white-space:nowrap}
.nxd-grade-stat b{font-weight:700;color:#247554}.nxd-grade-stat--classes{background:#f6f7f6;color:#7a8881}

.nxd-class-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(210px,270px));
    gap:18px 16px;
    align-items:start;
    justify-content:start;
}
.nxd-class-card{min-width:0;width:100%;max-width:270px}
.nxd-class-button{
    position:relative;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    grid-template-rows:1fr auto;
    align-items:center;
    column-gap:10px;
    row-gap:5px;
    min-height:92px;
    padding:14px 12px 12px;
    border-radius:15px;
    background:linear-gradient(145deg,var(--card-bg),color-mix(in srgb,var(--card-bg),#000 8%));
    color:var(--card-fg)!important;
    text-decoration:none!important;
    box-shadow:0 4px 0 color-mix(in srgb,var(--card-bg),#000 22%),0 9px 20px rgba(0,0,0,.12);
    border:1px solid rgba(255,255,255,.42);
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
    overflow:hidden;
}
.nxd-class-button:before{content:"";position:absolute;inset:2px;border-radius:12px;border:1px solid rgba(255,255,255,.30);pointer-events:none}
.nxd-class-button:after{content:"";position:absolute;left:12px;right:12px;top:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);pointer-events:none}
.nxd-class-button:hover{transform:translateY(-3px);filter:saturate(1.05) brightness(1.025);box-shadow:0 5px 0 color-mix(in srgb,var(--card-bg),#000 22%),0 13px 24px rgba(0,0,0,.15)}
.nxd-class-button:active{transform:translateY(1px);box-shadow:0 2px 0 color-mix(in srgb,var(--card-bg),#000 22%),0 5px 11px rgba(0,0,0,.12)}
.nxd-class-button.disabled{opacity:.74;cursor:not-allowed;box-shadow:0 3px 0 color-mix(in srgb,var(--card-bg),#000 18%),0 6px 14px rgba(0,0,0,.09)}
.nxd-class-icon{grid-column:1;grid-row:1/3;align-self:center;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.16);font-size:16px}
.nxd-class-name{grid-column:2;grid-row:1/3;align-self:center;min-width:0;font-size:17px;line-height:1.15;font-weight:700;text-align:left;text-shadow:0 1px 1px rgba(0,0,0,.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxd-card-students{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    align-self:start;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:56px;
    height:29px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(255,255,255,.22);
    border:1px solid rgba(255,255,255,.28);
    font-size:10px;
    font-weight:400;
    white-space:nowrap;
    backdrop-filter:blur(2px);
}
.nxd-card-students i{font-size:10px;opacity:.94}.nxd-card-students b{font-size:12px;font-weight:700}.nxd-card-students span{font-size:9px;opacity:.92}
.nxd-open-icon{grid-column:3;grid-row:2;justify-self:end;align-self:end;font-size:12px;opacity:.9}
.nxd-no-link{grid-column:3;grid-row:2;justify-self:end;align-self:end;font-size:8.5px;font-weight:400;opacity:.9;white-space:nowrap}
.nxd-class-info{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:28px;
    padding:9px 4px 0;
    font-size:11.5px;
    font-weight:400;
}
.nxd-teacher{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-width:0;
    max-width:100%;
    color:var(--teacher-color,#007b48);
    line-height:1.25;
}
.nxd-teacher i{flex:0 0 auto;font-size:13px;color:var(--teacher-color,#007b48)}
.nxd-teacher span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--teacher-color,#007b48);font-weight:500}
.nxd-site-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--muted)}
.nxd-site-empty i{font-size:28px;color:var(--pek-green);margin-bottom:9px}
.nxd-site-empty h3{margin:0 0 5px;font-size:16px;font-weight:600;color:var(--text)}
.nxd-site-empty p{margin:0;font-size:13px}

@media(max-width:1200px){
    .nxd-class-grid{grid-template-columns:repeat(auto-fill,minmax(205px,255px));gap:17px 14px}
    .nxd-class-card{max-width:255px}
}
@media(max-width:1050px){
    .nxd-site-filter{grid-template-columns:1.4fr repeat(2,1fr)}
    .nxd-site-search{grid-column:1/-1}
    .nxd-class-grid{grid-template-columns:repeat(auto-fill,minmax(200px,245px));gap:16px 13px}
    .nxd-class-card{max-width:245px}
    .nxd-class-button{min-height:88px}
}
@media(max-width:768px){
    .nxd-site{padding:6px 10px 24px;font-size:14px}
    .nxd-site-note{font-size:12px;margin-bottom:12px}
    .nxd-site-filter{grid-template-columns:1fr 1fr;margin-bottom:20px}
    .nxd-site-search{grid-column:1/-1}
    .nxd-level{margin-bottom:28px}
    .nxd-level-head h2{font-size:18px}
    .nxd-heading-icon--level{width:31px;height:31px;font-size:14px}
    .nxd-grade-title strong{font-size:14px}
    .nxd-class-grid{grid-template-columns:repeat(auto-fill,minmax(190px,235px));gap:15px 12px}
    .nxd-class-card{max-width:235px}
    .nxd-class-button{min-height:86px;padding:13px 11px 11px;column-gap:8px}
    .nxd-class-icon{width:34px;height:34px;font-size:15px}
    .nxd-class-name{font-size:16px}
    .nxd-card-students{min-width:53px;height:27px;padding:0 7px}
}
@media(max-width:560px){
    .nxd-site-filter{grid-template-columns:1fr 1fr}
    .nxd-site-filter input,.nxd-site-filter select,.nxd-site-filter button{height:39px;font-size:13px}
    .nxd-site-filter button span{display:none}
    .nxd-level-head{align-items:flex-start;gap:8px}
    .nxd-level-line{display:none}
    .nxd-level-title-wrap{white-space:normal}
    .nxd-level-head h2{font-size:17px;flex:1 1 auto}
    .nxd-summary-badge{font-size:10.5px;padding:3px 7px}
    .nxd-grade-title strong{font-size:13px}
    .nxd-grade-stat{font-size:10px}
    .nxd-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px;justify-content:stretch}
    .nxd-class-card{max-width:none}
    .nxd-class-button{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;min-height:82px;padding:12px 9px 10px;border-radius:13px}
    .nxd-class-icon,.nxd-open-icon{display:none}
    .nxd-class-name{grid-column:1;grid-row:1/3;text-align:left;font-size:15px;padding-left:2px}
    .nxd-card-students{grid-column:2;grid-row:1;min-width:49px;height:26px}
    .nxd-no-link{grid-column:2;grid-row:2;font-size:8px}
    .nxd-class-info{font-size:10.5px;padding-top:7px;min-height:25px}
    .nxd-teacher i{font-size:12px}
}
@media(max-width:380px){
    .nxd-site-filter{grid-template-columns:1fr}
    .nxd-site-search{grid-column:auto}
    .nxd-level-head h2{font-size:16px}
    .nxd-summary-badge--soft{display:none}
    .nxd-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px}
    .nxd-class-button{min-height:78px;padding:10px 7px 9px}
    .nxd-class-name{font-size:14px}
    .nxd-card-students{min-width:44px;padding:0 5px}
    .nxd-card-students i{display:none}
    .nxd-teacher span{max-width:118px}
}
@media(max-width:330px){
    .nxd-class-grid{grid-template-columns:minmax(0,280px);justify-content:start}
    .nxd-class-card{max-width:280px}
}
@supports not (color:color-mix(in srgb,#000,#fff)){
    .nxd-class-button{background:var(--card-bg);box-shadow:0 4px 0 rgba(0,0,0,.18),0 7px 15px rgba(0,0,0,.10)}
    .nxd-class-button:hover{box-shadow:0 5px 0 rgba(0,0,0,.18),0 10px 20px rgba(0,0,0,.13)}
    .nxd-class-button:active{box-shadow:0 2px 0 rgba(0,0,0,.18),0 4px 9px rgba(0,0,0,.11)}
}


/* 1.1.16 - màu khối do quản trị viên chọn */
.nxd-grade{--grade-color:var(--pek-green);--grade-fg:#fff}
.nxd-grade-title{padding-left:4px;border-left:3px solid var(--grade-color)}
.nxd-heading-icon--grade{background:color-mix(in srgb,var(--grade-color),#fff 84%);color:var(--grade-color);border:1px solid color-mix(in srgb,var(--grade-color),#fff 62%)}
.nxd-grade-title strong{color:var(--grade-color)}
.nxd-grade-stat{background:color-mix(in srgb,var(--grade-color),#fff 90%);color:color-mix(in srgb,var(--grade-color),#20352c 38%);border:1px solid color-mix(in srgb,var(--grade-color),#fff 76%)}
.nxd-grade-stat b{color:var(--grade-color)}
.nxd-grade-stat--classes{background:#f7f8f7;color:#718078;border-color:#e7ece9}


/* 1.1.17 - card cao, giới hạn chiều rộng khi lọc ít lớp; responsive không kéo giãn card */
.nxd-class-card[hidden]{display:none!important}

/* 1.1.20 - grid co giãn thông minh: dàn kín hàng khi nhiều lớp, cân đối khi chỉ còn 1-2 lớp */
.nxd-class-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px 16px;
    width:100%;
    align-items:start;
    justify-content:stretch;
}
.nxd-class-card{
    width:100%;
    max-width:none;
}
.nxd-class-button{
    min-height:104px;
    padding:16px 14px 14px;
    border-radius:16px;
}
.nxd-class-button:before{border-radius:13px}
.nxd-class-icon{width:38px;height:38px;border-radius:11px;font-size:17px}
.nxd-class-name{font-size:18px}
.nxd-card-students{height:30px;min-width:58px;padding:0 9px}
.nxd-class-info{min-height:30px;padding-top:10px;font-size:12px}

/* Một kết quả: card vừa phải và cân giữa, không thành thanh dài */
.nxd-class-grid[data-visible-count="1"]{
    grid-template-columns:minmax(360px,460px);
    justify-content:center;
}
/* Hai kết quả: hai card cân đối, không kéo kín cả màn hình */
.nxd-class-grid[data-visible-count="2"]{
    grid-template-columns:repeat(2,minmax(300px,420px));
    justify-content:center;
}

@media(max-width:1200px){
    .nxd-class-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:18px 14px}
    .nxd-class-card{max-width:none}
    .nxd-class-grid[data-visible-count="1"]{grid-template-columns:minmax(340px,440px)}
    .nxd-class-grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(275px,390px))}
}
@media(max-width:900px){
    .nxd-class-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:17px 13px}
    .nxd-class-grid[data-visible-count="1"]{grid-template-columns:minmax(320px,420px)}
    .nxd-class-grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(245px,1fr));justify-content:stretch}
    .nxd-class-button{min-height:98px;padding:15px 12px 13px}
}
@media(max-width:680px){
    .nxd-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px;justify-content:stretch}
    .nxd-class-grid[data-visible-count="1"]{grid-template-columns:minmax(270px,360px);justify-content:center}
    .nxd-class-grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
    .nxd-class-button{min-height:90px;padding:13px 10px 11px}
    .nxd-class-name{font-size:16px}
}
@media(max-width:420px){
    .nxd-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 8px}
    .nxd-class-grid[data-visible-count="1"]{grid-template-columns:minmax(250px,320px);justify-content:center}
    .nxd-class-button{min-height:86px;padding:12px 8px 10px}
    .nxd-class-name{font-size:15px}
}
@media(max-width:330px){
    .nxd-class-grid,.nxd-class-grid[data-visible-count="1"],.nxd-class-grid[data-visible-count="2"]{
        grid-template-columns:minmax(0,1fr);
        justify-content:stretch;
    }
}



/* 1.1.20 - nội dung card cân đối; hover kiểu lớp nền trượt phía sau, card chính đứng yên */
.nxd-class-card{
    position:relative;
    isolation:isolate;
    overflow:visible;
}
.nxd-class-card::before{
    content:"";
    position:absolute;
    z-index:0;
    left:7px;
    right:7px;
    top:5px;
    bottom:31px;
    border-radius:16px;
    background:color-mix(in srgb,var(--card-bg),#000 18%);
    box-shadow:0 7px 18px color-mix(in srgb,var(--card-bg),transparent 72%);
    opacity:0;
    transform:translateY(9px) scale(.965);
    transition:transform .28s cubic-bezier(.2,.75,.25,1),opacity .22s ease,box-shadow .28s ease;
    pointer-events:none;
}
.nxd-class-button{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:13px;
    min-height:104px;
    padding:15px 16px;
    transform:none!important;
    transition:filter .22s ease,box-shadow .24s ease,border-color .22s ease;
}
.nxd-class-button:hover,
.nxd-class-button:active{
    transform:none!important;
}
.nxd-class-icon{
    flex:0 0 42px;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:12px;
    font-size:17px;
    background:rgba(255,255,255,.19);
    border:1px solid rgba(255,255,255,.24);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.nxd-class-content{
    display:flex;
    flex:1 1 auto;
    min-width:0;
    flex-direction:column;
    justify-content:center;
    gap:8px;
}
.nxd-class-title-row{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}
.nxd-class-name{
    display:block;
    flex:0 1 auto;
    min-width:0;
    font-size:19px;
    line-height:1.1;
    font-weight:700;
    text-align:left;
    text-shadow:0 1px 1px rgba(0,0,0,.12);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.nxd-card-students{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    gap:4px;
    height:27px;
    min-width:0;
    padding:0 9px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.25);
    font-size:10px;
    font-weight:400;
    white-space:nowrap;
    backdrop-filter:blur(2px);
    align-self:center;
    justify-self:auto;
}
.nxd-card-students i{font-size:10px;opacity:.95}
.nxd-card-students b{font-size:12px;font-weight:700}
.nxd-card-students span{font-size:9px;opacity:.9}
.nxd-class-status{
    display:inline-flex;
    align-items:center;
    gap:5px;
    width:max-content;
    max-width:100%;
    font-size:10px;
    line-height:1.2;
    font-weight:400;
    opacity:.88;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.nxd-class-status i{font-size:10px;opacity:.92}
.nxd-open-icon,.nxd-no-link{display:none!important}
.nxd-class-button.disabled{opacity:.78}
.nxd-class-button.disabled .nxd-class-status{opacity:.92}

@media (hover:hover) and (pointer:fine){
    .nxd-class-card:hover::before{
        opacity:.62;
        transform:translateY(-7px) scale(.985);
        box-shadow:0 10px 22px color-mix(in srgb,var(--card-bg),transparent 68%);
    }
    .nxd-class-card:hover .nxd-class-button:not(.disabled){
        filter:saturate(1.045) brightness(1.025);
        box-shadow:0 4px 0 color-mix(in srgb,var(--card-bg),#000 22%),0 10px 21px rgba(0,0,0,.13);
    }
    .nxd-class-card:has(.nxd-class-button.disabled):hover::before{
        opacity:.32;
    }
}

@media(max-width:900px){
    .nxd-class-button{min-height:98px;padding:14px 13px;gap:11px}
    .nxd-class-icon{flex-basis:39px;width:39px;height:39px;border-radius:11px;font-size:16px}
    .nxd-class-name{font-size:17px}
    .nxd-class-content{gap:7px}
    .nxd-card-students{height:26px;padding:0 8px}
}
@media(max-width:680px){
    .nxd-class-button{display:flex;min-height:90px;padding:12px 10px;gap:9px}
    .nxd-class-icon{display:grid;flex-basis:34px;width:34px;height:34px;border-radius:10px;font-size:14px}
    .nxd-class-content{gap:6px}
    .nxd-class-title-row{gap:6px}
    .nxd-class-name{font-size:16px;padding:0;text-align:left}
    .nxd-card-students{height:24px;padding:0 6px}
    .nxd-card-students b{font-size:11px}
    .nxd-class-status{font-size:9px}
    .nxd-class-info{padding-top:8px}
    .nxd-class-card::before{left:5px;right:5px;bottom:28px;border-radius:14px}
}
@media(max-width:420px){
    .nxd-class-button{min-height:86px;padding:11px 9px;gap:8px}
    .nxd-class-icon{flex-basis:32px;width:32px;height:32px;font-size:13px}
    .nxd-class-name{font-size:15px}
    .nxd-card-students{height:23px;padding:0 5px}
    .nxd-card-students i{display:none}
    .nxd-class-status{font-size:8.5px}
}
@media(max-width:350px){
    .nxd-class-icon{display:none}
    .nxd-class-title-row{justify-content:space-between}
    .nxd-class-name{font-size:15px}
}
@supports not (color:color-mix(in srgb,#000,#fff)){
    .nxd-class-card::before{background:rgba(0,0,0,.18);box-shadow:0 8px 18px rgba(0,0,0,.12)}
}


/* 1.1.23 - hover: lớp nền phía sau góc vuông, không shadow; giữ hiệu ứng phóng */
.nxd-class-card{
    position:relative;
    isolation:isolate;
    overflow:visible;
}
.nxd-class-card::before{
    content:"";
    position:absolute;
    z-index:0;
    left:-6px;
    right:-6px;
    top:-6px;
    bottom:25px;
    border-radius:0;
    background:linear-gradient(145deg,
        color-mix(in srgb,var(--card-bg) 34%,#fff 66%),
        color-mix(in srgb,var(--card-bg) 44%,#fff 56%)
    );
    border:1px solid color-mix(in srgb,var(--card-bg) 28%,#fff 72%);
    box-shadow:none;
    opacity:0;
    transform:scale(.84);
    transform-origin:center center;
    transition:
        transform .30s cubic-bezier(.18,.78,.22,1),
        opacity .18s ease,
        box-shadow .30s ease;
    pointer-events:none;
}
.nxd-class-button{
    position:relative;
    z-index:2;
    transform:none!important;
    transition:filter .22s ease,box-shadow .25s ease,border-color .22s ease;
}
.nxd-class-button:hover,
.nxd-class-button:active{
    transform:none!important;
}
@media (hover:hover) and (pointer:fine){
    .nxd-class-card:hover::before{
        opacity:.82;
        transform:scale(1.035);
        box-shadow:none;
    }
    .nxd-class-card:hover .nxd-class-button:not(.disabled){
        filter:saturate(1.06) brightness(1.035);
        box-shadow:0 4px 0 color-mix(in srgb,var(--card-bg),#000 22%),0 9px 20px rgba(0,0,0,.12);
    }
    .nxd-class-card:has(.nxd-class-button.disabled):hover::before{
        opacity:.58;
    }
}
@media(max-width:680px){
    .nxd-class-card::before{
        left:-4px;
        right:-4px;
        top:-4px;
        bottom:23px;
        border-radius:0;
    }
}
@media(hover:none),(pointer:coarse){
    .nxd-class-card::before{display:none}
}
@supports not (color:color-mix(in srgb,#000,#fff)){
    .nxd-class-card::before{
        background:rgba(255,255,255,.38);
        border-color:rgba(255,255,255,.62);
        box-shadow:none;
    }
}