@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;700;900&display=swap');
@font-face {
    font-family: 'KhmerMuol';
    src: url('fonts/KhmerMoul.woff2') format('woff2'),
         url('fonts/KhmerMoul.woff') format('woff'),
         url('fonts/KhmerMoul.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
    --ocm-main-font:'Khmer OS Muol Light', 'Khmer OS Muol Light Regular', 'Khmer Muol', 'KhmerMuol', serif;        
    --ocm-primary-font: 'Noto Sans Khmer';
    --ocm-secondary-font: 'Noto Sans Khmer';
    --ocm-hdl-t:20px;
    --ocm-hdl-w: 400;
    --ocm-body-space: -0.05em;
}

.fl_col{
    display: flex;
    flex-direction: column;
}
.fl_row{
    display: flex;    
}
.fl_betw{
    justify-content: space-between;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;    
}
body {
    background-color: #003693;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--ocm-primary-font);
    color: #000;
    line-height: 1.45;    
    letter-spacing: -0.01em;
}
  .cur_meeting, .cur_meeting:hover{
    background-color: #e9ffed !important;
    border-bottom: 1px solid #94c994;
  }
.jl-pgal-null .swiper-wrapper{
    flex-direction: column;
}
.ocmnul .cur_meetings{
    background: #fff !important;
}
.ocm_emevt{
    font-size: 2vw;
    font-weight: 700;
}
.sch_date{
    position: relative;
}
.she_aml{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}
#datetime{
    font-size: 1.5vw;
    font-weight: 400;
    text-align: right;
}
#datetime span{
    font-size: 2.1vw;
    font-weight: 700;
}
.swiper-slide-inner{
    background-color: #fff;
}
.swiper-slide-inner tbody tr > *{
    opacity: 0;
}
.swiper-slide-active tbody tr > *{
    opacity: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-name: jlmdown;
    animation-name: jlmdown;   
}
.swiper-slide-active tbody tr:nth-child(2) > *{
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-delay: .25s;
    animation-delay: .4s;
}
.swiper-slide-active tbody tr:nth-child(3) > *{
    -webkit-animation-duration: .40s;
    animation-duration: .40s;
    -webkit-animation-delay: .30s;
    animation-delay: .60s;
}
.swiper-slide-active tbody tr:nth-child(4) > *{
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-delay: .35s;
    animation-delay: .8s;
}
.swiper-slide-active tbody tr:nth-child(5) > *{
    -webkit-animation-duration: .40s;
    animation-duration: .40s;
    -webkit-animation-delay: .40s;
    animation-delay: 1.2s;
}
.swiper-slide-active tbody tr:nth-child(6) > *{
    -webkit-animation-duration: .50s;
    animation-duration: .50s;
    -webkit-animation-delay: .50s;
    animation-delay: 1.4s;
}
.swiper-slide-active tbody tr:nth-child(7) > *{
    -webkit-animation-duration: .55s;
    animation-duration: .55s;
    -webkit-animation-delay: .55s;
    animation-delay: .55s;
}
.swiper-slide-active tbody tr:nth-child(8) > *{
    -webkit-animation-duration: .60s;
    animation-duration: .60s;
    -webkit-animation-delay: .60s;
    animation-delay: .60s;
}
@-webkit-keyframes jlmdown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes jlmdown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
.table__body tbody tr{
    --srow: calc(100vh - 15.4vw);
    height: calc(var(--srow) / 6);
    overflow: hidden;
}
main.table {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    font-weight: 400;
    font-size: 17px;    
}
.table__header {
    width: 100%;
    margin: 0 auto;
    height: 6.5vw;
    color: #fff;
    padding: 0px 1.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table__header h1{
    display: flex;
    align-items: center;
    gap: 1vw;
    white-space: nowrap;
    font-size: 2.1vw;
    font-weight: 400;
    line-height: 1.72;
    font-family: var(--ocm-main-font);
}
.table__header h1 img{
    width: 4.8vw;
    height: auto;
}
.table__header .input-group {
    width: 35%;
    height: 100%;
    background-color: #fff5;
    padding: 0 .8rem;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
}

.table__header .input-group:hover {
    width: 45%;
    background-color: #fff8;
    box-shadow: 0 .1rem .4rem #0002;
}

.table__header .input-group img {
    width: 1.2rem;
    height: 1.2rem;
}

.table__header .input-group input {
    width: 100%;
    padding: 0 .5rem 0 .3rem;
    background-color: transparent;
    border: none;
    outline: none;
}

.table__body {
    width: calc(100% - 3vw);
    height: calc(100vh - 8.2vw);
    background-color: #fff;
    margin: 0.3vw 1.3vw 1.3vw 1.3vw;
    overflow: hidden;
    border: 1px solid #000 !important;
    border-right: 0px;
    position: relative;
    border-radius: 13px;
    border-radius: 1vw;
}
.table__body:after{
    content: '';
    position: absolute;
    width: 1px;
    background: #000;
    height: 100%;
    right: 0px;
    top: 0px;
}
thead{
    position: relative;
    z-index: 999;
}
.table__body .col_head_tr th{
    background: #ffc94a !important;
    color: #000000 !important;
}
.ocm_sheddw{
    display: flex;
    gap: 2px;
    width: 100%;
    font-weight: 700;
    justify-content: flex-start;
    flex-direction: column;
}
.ocmll{font-weight: 400;}
.ocm_shdiv{
    font-size: 2vw;
}
.ocm_shedi{
    display: flex;
}
.ocm_shedd{
    font-size: 20px;
    font-size: 1.5vw;
    font-weight: 700;
}
.ocm_shed{
    font-size: 16px;
    font-size: 1.2vw;
}
.ocm_sch_n{
    font-size: 1vw;
    font-weight: 400;
    display: block;
    color: #000;
}
.table__body .col1{
    width: 14.5vw;
    padding-right: 0px !important;
}
.table__body .col3{
    width: 250px;
    width: 24vw;
    padding-right: 0px;
}
.table__body .col4{
    width: 70px;
    width: 24vw;
    padding-right: 0px;
}
.table__body .col5{
    width: 120px;
    text-align: center;
    padding: 10px;
}

.table__body::-webkit-scrollbar{
    width: 0.5rem;
    height: 0.5rem;
}

.table__body::-webkit-scrollbar-thumb{
    border-radius: 0px;
    background-color: #0004;
    visibility: hidden;
}

.table__body:hover::-webkit-scrollbar-thumb{ 
    visibility: visible;
}

table {
    width: 100%;
}

td img {
    width: 36px;
    height: 36px;
    margin-right: .5rem;
    border-radius: 0px;
    vertical-align: middle;
}

table, th, td {
    border-collapse: collapse;
    padding: .1vw .5vw;
    text-align: left;
}

thead th {
    position: sticky;
    top: 0;
    left: 0;
    color: #000 !important;
    border-bottom: 0.11vw solid #000;
    text-transform: capitalize;
    font-size: 19px;
    font-size: 1.4vw;
    font-weight: 400;
    line-height: 1.72;
    font-family: var(--ocm-main-font);
    height: 2.4vw !important;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #ffc94a;
}
thead.ocmnxt th{
    border-top: 0.11vw solid #000;
}
thead th span{
    position: absolute;
    -webkit-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    -ms-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    left: .5vw;
    font-size: 1.25vw;
}
thead tr th, tbody tr td{
    border-right: 0.11vw solid #000 !important;
    position: relative;
}
tbody tr td{
    overflow: hidden;
    border-bottom: 0.11vw solid #000 !important;
}
.swiper-slide-inner tbody tr:last-child td{
    border-bottom: 0px !important;
}
.sgsche .table__body{
    margin: 1.3vw 1.3vw 1.3vw 1.3vw;
    height: calc(100vh - 10.3vw);
}
.sgsche .table__header{
    height: 7.2vw;
}
.sgsche .table__header h1{
    font-size: 1.9vw;
}
#datetime span{
    font-size: 2.4vw;    
}
.sgsche #datetime{
    font-size: 1.7vw;
}
.sgsche .table__header h1 img{
    width: 5.2vw;
}
.sgsche thead th{
    height: 2.8vw !important;
}
.sgsche .table__body tbody tr{
    --srow: calc(100vh - 13.2vw);
}
.sgsche tbody tr:nth-child(even), .mlsche tbody tr:nth-child(even) {
    background-color: #f0f5ff;
}
.jlslu .swiper-slide-inner tbody tr:last-child td{
    border-bottom: 0.11vw solid #000 !important;
}
thead tr th:last-child, tbody tr td:last-child{
    border-right: 0px !important;
}
tbody tr td:nth-child(3){
    font-size: 17px;
    font-weight: 700;
}
tbody tr td:nth-child(4){
    font-size: 17px;
}
tbody tr {
    background-color: #fff;
}
tbody tr:nth-child(even) {
    background-color: #fff;
}
tbody tr {
    --delay: .1s;
    transition: .5s ease-in-out var(--delay), background-color 0s;
}
tbody{
    position: relative;
}
tbody tr.hide {
    opacity: 0;
    transform: translateX(100%);
}

tbody tr td,
tbody tr td p,
tbody tr td img {
    transition: .2s ease-in-out;
}

tbody tr.hide td,
tbody tr.hide td p {
    padding: 0;
    font: 0 / 0 sans-serif;
    transition: .2s ease-in-out .5s;
}

tbody tr.hide td img {
    width: 0;
    height: 0;
    transition: .2s ease-in-out .5s;
}
.table__body .topic_meeting{
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    -ms-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    left: .5vw;
    right: .5vw;
    font-size: 1.1vw;
    line-height: 1.9vw;
    font-family: var(--ocm-main-font);
    font-weight: 400;
    color: #0128b8;
    display: flex !important;
    flex-direction: column;
    gap: 1px;
}
.table__body .col2 .topic_meeting{
    display: block !important;
}
.topic_meeting .topic_in{
    font-family: var(--ocm-primary-font);
    font-weight: 400;
    color: #000;
    font-size: 1.1vw;
    line-height: 1;    
}
.time_lbl{
    text-decoration: underline;
}

.table__body_w{
    padding: 10px;
    display: none;
}
.table__body.table__mobile thead{
    position: sticky;
    top: 0px;
    z-index: 9;
    border-right: 1px solid #000;
}
.table__body.table__mobile thead{
    background-color: #000;
}
.table__body.table__mobile thead .col_full_head{
    border-bottom: 0px !important;
}
.table__body.table__mobile{
    display: none;
    height: unset;
    border-radius: 0px;
    width: 100%;
    border: 1px solid #000 !important;
    border-right: 0px !important;
    margin: 0px;
}
.table__body.table__mobile table{
    border-right: 0px;
}
.table__body.table__mobile thead th{
    height: 40px !important;
}
.table__body.table__mobile tbody tr{
    height: auto;
}
.table__body.table__mobile thead th{
    font-size: 17px;
}
.table__body.table__mobile .topic_meeting{
    position: unset !important;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
}
.table__body.table__mobile tr td span{
    width: 100%;
    display: block;
    -webkit-line-clamp: 30;
}
.table__body.table__mobile tr td span label{
    text-decoration: underline;
    font-weight: 700 !important;
}
.table__body.table__mobile tr td .meeting_m_lead, .table__body.table__mobile tr td .meeting_m_place, .meeting_m_status span:first-child{
    font-size: 16px;
    color: #0b415c;
}
.table__body.table__mobile tr td .meeting_m_lead{
    font-weight: 700;
}
.table__body.table__mobile tr td .meeting_m_lead label{
    font-weight: 400;
}
.table__body.table .topic_meeting{
    display: block;
    -webkit-line-clamp: 50;
}
.meeting_m_status{
    display: flex !important;
    width: 100% !important;
    align-items: center;
    font-size: 16px;
    gap: 10px;
}
.meeting_m_status span{
    width: unset !important;
    line-height: 1.2;
    font-size: 13px;
    font-weight: 700;
}
.meeting_m_status .status{
    padding: 3px 15px;
    font-size: 13px;
}
.table__body.table__mobile .status{
    padding: 2px 7px !important;
    font-size: 12px;
    display: inline-flex;
    justify-content: center;
    width: unset;
}
.table__body.table__mobile tbody tr td:nth-child(4){
    text-align: center;
}
.table__body tbody tr td:nth-child(1), .table__body tbody tr td:nth-child(3), .table__body tbody tr td:nth-child(4){
    font-weight: 700;
}
.table__body.table__mobile tbody tr td:nth-child(1), .table__body.table__mobile tbody tr td:nth-child(3){
    font-size: 13px;
    text-align: center;    
}
.table__body.table__mobile .col4{
    width: 50px;
}
.table__body.table__mobile thead th:nth-child(4){
    width: 75px;
}
.table__body.table__mobile thead .col_full_head th{
    border-bottom: 0px !important;
}
.table__body.table__mobile thead .col_head_tr th:first-child span, .table__body.table__mobile thead th:nth-child(3) span, .table__body.table__mobile thead th:nth-child(4) span{
    left: 0px;
    width: 100%;
    text-align: center;
}
.table__body.table__mobile tr td .meeting_m_lead{
    font-size: 14px;
}
.table__body.table__mobile .col1{
    width: 90px;
}

@media only screen and (max-width: 1366px) {
    .sgsche thead th{
        height: 3.5vw !important;
    }
    thead th span{
        font-size: 1.7vw;
    }
    .table__body .topic_meeting{
        font-size: 1.6vw;
        line-height: 2vw;
    }
    .topic_meeting .topic_in{
        font-size: 1.3vw;        
    }
    .ocm_sch_n{
        font-size: 1.5vw;
    }
}
@media only screen and (max-width: 1024px) {

    body{
        background: #f3f6f9 !important;
        height: auto !important;
    }
    .table__header, .table__body{
        display: none !important;
    }
    
    .mb_sec_head{
        background-color: #0128b8; 
        padding: 8px 15px;    
        margin-bottom: 15px;
        color: #fff;
        position: sticky;
        top: 0px;
    }
    .mb_sec_nav_top{
        height: 45px;
        align-items: center;
    }
    .mb_nav_tg, .mb_nav_date{
        width: 20px;
        cursor: pointer;
    }
    .mb_nav_title{
        font-family: var(--ocm-main-font);
        font-size: 18px;
        line-height: 1.6;
        color: currentColor;
    }
    .mb_nav_sech input{
        width: 100%;
        border: 0px;
        outline: none;
        background: rgba(255, 255, 255, .3);
        font-size: 15px;
        color: #fff;
        height: 35px;
        border-radius: 5px;
        padding: 2px 10px;
        cursor: pointer;
        font-family: var(--ocm-primary-font);
    }
    .mb_sec_card{
        padding: 0px 15px 15px 15px;    
        display: block;
    }
    .mb_mcard_w{
        width: 100%;
        display: grid;
        grid-column-gap: var(--jlcols-gap, 15px);
        grid-row-gap: var(--jlrow-gap, 15px);
        grid-template-columns: repeat(var(--grid-col-num, 1), minmax(0, 1fr));
    }
    .mb_mcard{
        background: #fff;
        overflow: hidden;
        border-radius: 10px;
        border: 1px solid #e0e9ef;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    }
    .mb_mcard_h{
        font-family: var(--ocm-main-font);
        padding: var(--ocm-card-padd, 8px);
        background-color: #ffbd22;
        color: #000;
        font-size: 13px;
    }
    .mb_mcard_c{    
        padding: var(--ocm-card-padd, 8px);
    }
    .mb_sec_card .topic_meetingw{
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .mb_sec_card .topic_meeting{
        font-family: var(--ocm-main-font);
        font-size: 13px;
        line-height: 1.75;
        color: #0128b8;
    }
    
    .mb_sec_card .topic_meetingw .topic_in{
        font-size: 15px !important;
        line-height: 1.4;        
    }
    .mb_ac_add{
        position: fixed;
        bottom: 15px;
        right: 15px;
        width: 45px;
        height: 45px;
        background: #0128b8;
        color: #fff;    
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .mb_ac_add svg{
        width: 1.1em;
        height: 1.1em;
    }

    .sgsche .table__header h1 img, .mlsche .table__header h1 img{
        width: 7vw !important;
    }
    .sgsche .table__header h1, .mlsche .table__header h1, #datetime span {
        font-size: 3.2vw !important;
        pointer-events: none;
    }
    .sgsche #datetime, .mlsche #datetime{
        font-size: 1.7vw !important;
    }
    .sgsche .table__header, .mlsche .table__header{
        height: 12vw !important;
    }
    .table__header{
        position: sticky;
        top: 0px;
        z-index: 99999;
        background: #003693;
    }    
    .table__body{
            display: none;
    }
    .she_aml{
        pointer-events: none;
    }
    body, main.table{
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        height: auto !important;
    }    
    .ocm_shed{
        font-size: 14px !important;
    }    
}

@media only screen and (max-width: 768px) {        

    .sgsche .table__header h1 img, .mlsche .table__header h1 img{
        width: 7vw !important;
    }
    .sgsche .table__header h1, .mlsche .table__header h1, #datetime span {
        font-size: 3.3vw !important;
        pointer-events: none;
    }
    .sgsche #datetime, .mlsche #datetime{
        font-size: 2vw !important;
    }
    .sgsche .table__header, .mlsche .table__header{
        height: 12vw !important;
    }
    .table__header{
        position: sticky;
        top: 0px;
        z-index: 99999;
        background: #003693;
    }    
    .table__body{
            display: none;
    }
    .she_aml{
        pointer-events: none;
    }
    body, main.table{
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        height: auto !important;
    }        
    .ocm_shed{
        font-size: 11px !important;
    }
    .ocm_shed.ocmdd{
        font-size: 13px !important;
    }
    .shmb{
        display: inline;
        font-style: normal;
    }
}
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}