.md28809.video .hidden{display:none}
.md28809.video .overflow-hidden{overflow:hidden}
.md28809.video .overflow-visible{overflow:visible}
.md28809.video .absolute{position:absolute}
.md28809.video .relative{position:relative}
.md28809.video .inset-0{inset:0}
.md28809.video .top-0{top:0}
.md28809.video .right-0{right:0}
.md28809.video .bottom-0{bottom:0}
.md28809.video .left-0{left:0}
.md28809.video .top-full{top:100%}
.md28809.video .right-full{right:100%}
.md28809.video .bottom-full{bottom:100%}
.md28809.video .left-full{left:100%}
.md28809.video .z-0{z-index:0}
.md28809.video .z-10{z-index:10}
.md28809.video .mx-auto{margin-left:auto;margin-right:auto}
.md28809.video .mt-auto{margin-top:auto}
.md28809.video .ml-auto{margin-left:auto}
.md28809.video .mr-10{margin-right:.1rem}
.md28809.video .ml-10{margin-left:.1rem}
.md28809.video .w-full{width:100%}
.md28809.video .w-auto{width:auto}
.md28809.video .w-screen{width:100vw}
.md28809.video .h-full{height:100%}
.md28809.video .h-auto{height:auto}
.md28809.video .h-screen{height:100vh}
.md28809.video .max-w-full{max-width:100%}
.md28809.video .leading-none{line-height:1}
.md28809.video .whitespace-nowrap{white-space:nowrap}
.md28809.video .bg-theme{background-color:rgb(var(--theme))}
.md28809.video .rounded-full{border-radius:9999px}
.md28809.video .cursor-pointer{cursor:pointer}
.md28809.video .object-cover{object-fit:cover}
.md28809.video .object-contain{object-fit:contain}
.md28809.video .pointer-events-none{pointer-events:none}
.md28809.video .pointer-events-auto{pointer-events:auto}
.md28809.video .brightness-20{filter:brightness(20)}
.md28809.video .invert{filter:invert(1)}
.md28809.video .text-theme{color:rgb(var(--theme))}
.md28809.video .mt-60{margin-top:.6rem}
.md28809.video .size-full{width:100%;height:100%}
.md28809.video .text-theme{color:var(--theme)}
.md28809.video .flex-center{display:flex;align-items:center;justify-content:center}
.md28809.video .flex-start{display:flex;align-items:flex-start;justify-content:flex-start}
.md28809.video .flex-start-center{display:flex;align-items:flex-start;justify-content:center}
.md28809.video .flex-start-between{display:flex;align-items:flex-start;justify-content:space-between}
.md28809.video .flex-center-between{display:flex;align-items:center;justify-content:space-between}
.md28809.video .flex-center-start{display:flex;align-items:center;justify-content:flex-start}
.md28809.video .flex-center-end{display:flex;align-items:center;justify-content:flex-end}
.md28809.video .flex-end-center{display:flex;align-items:flex-end;justify-content:center}
.md28809.video .flex-end-between{display:flex;align-items:flex-end;justify-content:space-between}
.md28809.video .rounded-10{border-radius:.1rem}
.md28809.video .rounded-15{border-radius:.15rem}
.md28809.video .rounded-20{border-radius:.2rem}
.md28809.video button,.md28809.video input,.md28809.video textarea{border:none;outline:none;padding:0;background-color:transparent}
.md28809.video .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}
.md28809.video .icon img,.md28809.video .icon svg{width:100%;height:100%;object-fit:contain;transition:.3s}
.md28809.video .icon img:nth-child(2),.md28809.video .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md28809.video .hover-icon:hover.icon img:first-child,.md28809.video .hover-icon:hover .icon img:first-child,.md28809.video .active-icon.icon img:first-child,.md28809.video .active-icon .icon img:first-child{opacity:0}
.md28809.video .hover-icon:hover.icon img:last-child,.md28809.video .hover-icon:hover .icon img:last-child,.md28809.video .active-icon.icon img:last-child,.md28809.video .active-icon .icon img:last-child{opacity:1}
.md28809.video.wrap,.md28809.video .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md28809.video .area{margin:0 auto;width:14rem;max-width:100%}
.md28809.video img{opacity:0}
.md28809.video img[src]{opacity:1}
.md28809.video{color:#111;overflow:hidden;padding-top:.8rem;padding-bottom:.9rem}
.md28809.video .paging{display:flex;justify-content:center;margin-top:.5rem;height:2em}
.md28809.video .btn-f5 .paging-btn{background-color:#f5f5f5}
.md28809.video .btn-white .paging-btn{background-color:#fff}
.md28809.video .paging-btn{display:flex;align-items:center;justify-content:center;margin:0 .05rem;aspect-ratio:1;border-radius:50%;background-color:#f5f7fa;cursor:pointer;transition:.3s}
.md28809.video .paging-btn.disabled{color:#ccc;cursor:no-drop}
.md28809.video .paging-btn.disabled:hover{color:#ccc;background-color:#f5f7fa}
.md28809.video .paging-btn:hover,.md28809.video .paging-btn.active{color:#fff;background-color:var(--theme)}
.md28809.video .md-title{line-height:1.2941176471}
.md28809.video .list{margin-left:-.2rem}
.md28809.video .item{width:calc(33.3333333333% - .2rem - .01rem);margin-left:.2rem;margin-top:.45rem}
.md28809.video .item:hover .vdo-cover{align-items:center;justify-content:center;width:100%;height:100%}
.md28809.video .item:hover .play-btn{background-color:var(--theme)}
.md28809.video .item:hover .fill{transform:scale(1.05)}
.md28809.video .vdo{position:relative;flex-shrink:0}
.md28809.video .vdo:before{content:"";display:block;padding-top:56.0706401766%}
.md28809.video .vdo>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md28809.video .vdo{overflow:hidden}
.md28809.video .vdo-cover{display:flex;align-items:flex-end;justify-content:flex-start;padding:.2rem;width:calc(2em + .4rem);height:calc(2em + .4rem);bottom:0;left:0;cursor:pointer;transition:.3s}
.md28809.video .play-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2em;height:2em;border-radius:50%;background:transparent;border:2px solid #fff}
.md28809.video .play-btn .icon{transform:translate(10%)}
.md28809.video .item.bigger{width:calc(50% - .2rem)}
.md28809.video .item.bigger .vdo{position:relative;flex-shrink:0}
.md28809.video .item.bigger .vdo:before{content:"";display:block;padding-top:56.231884058%}
.md28809.video .item.bigger .vdo>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md28809.video .title{line-height:1.5555555556;margin-top:.2rem}
.md28809.vdo-dialog.dialog{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;border:none;pointer-events:none;transform:translateY(100%);background-color:#0000001a;z-index:60}
.md28809.vdo-dialog.dialog:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(4px)}
.md28809.vdo-dialog.dialog.dialog-show{opacity:1;pointer-events:auto;transform:translateY(0)}
.md28809.vdo-dialog.dialog.dialog-show .dialog-inner{animation:dialog-show .5s forwards}
@keyframes dialog-show{0%{transform:scale(0) translateY(100%)}
30%{transform:scale(.001) translateY(0)}
60%{transform:scaleX(.001) translateY(0)}
to{transform:scale(1) translateY(0)}
}
.md28809.vdo-dialog .dialog-inner{position:relative;transition:.5s;z-index:10}
.md28809.vdo-dialog .dialog-main{margin:0 auto;border-radius:.15rem;background-color:#fff}
.md28809.vdo-dialog .dialog-close .cross{position:relative;width:1em;height:1em;flex-shrink:0;aspect-ratio:1;cursor:pointer}
.md28809.vdo-dialog .dialog-close .cross:before,.md28809.vdo-dialog .dialog-close .cross:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:3px;transform:translate(-50%,-50%);background-color:#fff;transition:.5s}
.md28809.vdo-dialog .dialog-close .cross:before{transform:translate(-50%,-50%) rotate(90deg)}
.md28809.vdo-dialog .dialog-close .cross:after{transform:translate(-50%,-50%) rotate(180deg)}
.md28809.vdo-dialog .dialog-close{position:absolute;top:.1rem;right:.1rem;width:1em;height:1em;color:#666;background-size:100%;transition:.3s;cursor:pointer;z-index:10}
.md28809.vdo-dialog .dialog-close .cross{transform:rotate(45deg);transition:.3s}
.md28809.vdo-dialog .dialog-close .cross:before,.md28809.vdo-dialog .dialog-close .cross:after{border-radius:2px;background-color:#8a8a8a}
.md28809.vdo-dialog .dialog-close:hover{transform:scale(1.1)}
.md28809.vdo-dialog .dialog-close:hover .cross{transform:rotate(135deg)}
.md28809.vdo-dialog .dialog-main{min-width:80vw;max-width:80vw;max-height:80vh}
.md28809.vdo-dialog .dialog-main{position:relative;flex-shrink:0}
.md28809.vdo-dialog .dialog-main:before{content:"";display:block;padding-top:56.25%}
.md28809.vdo-dialog .dialog-main>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md28809.vdo-dialog .dialog-main{overflow:hidden}
@media(max-width:750px){
	.md28809.video .item{width:calc(50% - .2rem)}
}
@media(max-width:500px){
	.md28809.video .item{width:100%!important}
}