/*a{flex-shrink:0;white-space:nowrap;display:inline-block;margin:0 10px;padding:8px 12px;border-radius:3px;background:var(--notifL);color:#fffdfc;font-size:12px;font-weight:400;box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);text-decoration:none}
/* Fixed/Pop-up Element */
.fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%;opacity:0;visibility:hidden}
.fixLi,.fixL .cmBri{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:12px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)}
.fixLs{padding:60px 20px 20px;overflow-y:scroll;overflow-x:hidden;width:100%;background:var(--contentB)}
.fixH,.mnH,.srhB .BlogSearch{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2}
.fixH .cl,.srhB .c{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px}
.fixH .c::after,.ntfC .c::after,.mnH .c::before,.srhB .c::after{content:'\2715';line-height:18px;font-size:14px}
.fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7}
.fixT .c::before,.mnH .c::after{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6}
.fixi:checked~.fixL,#comment:target .fixL{margin-bottom:0;opacity:1;visibility:visible}
.fixi:checked~.fixL .fCls,#comment:target .fixL .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}
.shBri,.tmBr{max-width:520px}
.fnBr{max-width:480px}
/* Display Flex */
.bIc{display:flex;align-items:center}
/* Header */
header{width:100%;z-index:10;position:-webkit-sticky;position:sticky;top:0;border-bottom:var(--headerL) solid var(--contentL)}
header a{color:inherit}
header svg{width:20px;height:20px;fill:var(--headerI);opacity:.8}
header svg.line{fill:none;stroke:var(--headerI)}
.headCn{position:relative;height:var(--headerH);color:var(--headerC);background:var(--headerB)}
.headIn{display:flex;justify-content:space-between;height:100%}
.headL{display:flex;align-items:center;min-width:200px;max-width:300px;/* change this to increase header title width */}
.headL .headIc{flex:0 0 35px;padding-right:5px}
.headI .headP{display:flex;justify-content:flex-end;align-items:center;position:relative;height:100%}
.headI{height:100%;position:relative;width:calc(100% + 15px);left:-7.5px;right:-7.5px}
.headI>*{margin:0 7.5px}
.headIc{font-size:11px;display:flex;list-style:none;margin:0;padding:0}
.headIc>*{position:relative}
.headIc svg{z-index:1}
ul.headIc{position:relative;width:calc(100% + 14px);left:-7px;right:-7px;justify-content:flex-end}
ul.headIc li{margin:0 2px}
/* Header Widget */
.Header{background-repeat:no-repeat;background-size:100%;background-position:center}
.Header img{max-width:160px;max-height:45px}
.Header .headH{display:block;color:inherit;font-size:var(--headerT);font-weight:var(--headerW)}
.Header .headH.hasSub{display:flex;align-items:baseline}
.Header .headTtl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.Header .headSub{margin:0 5px;font:400 11px var(--fontB);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:60px;opacity:.6}
.Header .headSub::before{content:attr(data-text)}
/* Header Icon */
.tIc{width:30px;height:30px;justify-content:center}
.tIc::after{content:'';background:var(--transB);border-radius:12px;position:absolute;left:0;right:0;top:0;bottom:0;transition:var(--trans-1);opacity:0;visibility:hidden}
.tIc:hover::after{opacity:1;visibility:visible;transform:scale(1.3,1.3)}
.tDL .d2,.drK .tDL .d1,.grD .tGr .s3{display:none}
/* Scroll Menu */
.navI{background-color:var(--navB);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;padding:0}
.navI ul{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap}
.navI li{margin:0 15px;padding:10px 0;position:relative;scroll-snap-align:start}
.navI li:first-child{margin-left:auto}
.navI li:last-child{margin-right:auto}
.navI .l{display:block;color:inherit;padding:8px 0}
.navI .l::before{content:attr(data-text)}
.navI .l::after{content:'';height:1px;border-radius:2px 2px 0 0;background:var(--linkC);position:absolute;bottom:0;left:0;right:0;opacity:0}
.navI span.l{opacity:.7}
.navI a.l:hover,.navI .l.a{color:var(--linkC)}
/* mainNav */
.mnBr ul{list-style:none;margin:0;padding:0}
.mnMn svg{flex-shrink:0}
.mnMn svg.d{width:14px;height:14px}
/* mainIn Section */
.blogCont{flex-grow:1;padding:20px 0 0;position:relative;transition:var(--trans-1)}
.blogCont .section:not(.no-items),.blogCont .widget:not(:first-child){margin-top:40px}
.blogCont .section:first-child,.blogCont footer .widget:not(:first-child){margin-top:0}
.blogAd .section:not(.no-items){margin-bottom:40px}
.blogM{flex-wrap:wrap;justify-content:center;padding-bottom:40px}
.sidebar{max-width:500px;margin:50px auto 0}
.sideSticky{position:-webkit-sticky;position:sticky;top:calc(var(--headerH) + 10px)}
.onPs .mainbar,.onHm .mainbar{max-width:var(--postW)}
.onPg .mainbar,.onMl:not(.grD) .mainbar{max-width:var(--pageW)}
.onMl.grD .mainbar{max-width:100%}
/* Footer */
footer{font-size:97%;line-height:1.8em;padding:30px 0;border-top:var(--fotL) solid var(--contentL);color:var(--fotT);background:var(--fotB)}
footer .LinkList a,footer .sL li>*{display:inline-block;color:inherit;line-height:20px}
footer .LinkList a:hover{text-decoration:underline}
footer .LinkList ul:not(.sL) li::before{content:'\2013';opacity:.3}
footer .sL{display:flex;flex-wrap:wrap;align-items:baseline;font-size:13px;opacity:.8}
footer .sL li{display:inline-flex;align-items:baseline}
footer .sL li:not(:first-child)::before{content:'/';margin:0 5px}
footer .sL li>*::before{content:attr(data-text)}
.fotIn ul{list-style:none;margin:0;padding:0}
.fotIn{display:flex;flex-wrap:wrap;position:relative;width:calc(100% + 30px);left:-15px;right:-15px}
.fotIn>*{width:calc(21.666% - 30px);margin:0 15px}
.fotIn>*:first-child{width:calc(35% - 30px)}
.fotIn .widget{margin-bottom:30px}
.fotIn .widget .title{color:inherit;margin-bottom:12px;font-weight:700;font-size:14px}
.abtU{max-width:calc(100% - 25px)}
.abtU::before{content:attr(data-text);font-size:13px;opacity:.6;display:block;margin-bottom:3px}
.abtT .tl{color:inherit;font-size:1.3rem}
/* .abtD{line-height:1.6em;margin:20px 0 0} */
.abtU >* {
align-items: center;
display: flex;
justify-content: space-between;
margin: 10px 0
}
.abtU .pu-views::before {
content: 'We have served the best performance ' attr(data-text) ' times.';
opacity: .8
}
.abtL {
flex: 0 0 70px;
width: 70px;
height: 70px;
background: var(--transB);
object-fit: cover;
object-position: center;
border-radius: 10px;
transition: filter .1s ease
}
.abtL.lazyload,.abtL.lazyloading {
filter: blur(10px)
}
.abtT {
flex: 0 0 calc(100% - 82px)
}
.abtT .tl {
color: inherit;
font-size: 1.3rem
}
.abtD {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
line-height: 1.4em;
margin: 4px 0 0;
overflow: hidden
}
/* Footer Credit and Backtop */
.cdtIn{display:flex;align-items:baseline;justify-content:space-between;position:relative;width:calc(100% + 20px);left:-10px;right:-10px}
.cdtIn>*{margin:0 10px}
.cdtIn .HTML{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fotCd{display:inline-flex}
.fotCd .creator{opacity:0}
.tTop svg{width:20px;height:20px;stroke:var(--fotT)}
.toTop{display:flex;align-items:center;white-space:nowrap}
.toTop::before{content:attr(data-text);opacity:.7;margin:0 5px}
.toTopF{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--linkB);position:fixed;bottom:20px;right:20px}
.toTopF svg{stroke:#fffdfc;stroke-width:2}
/* Article*/
.onId:not(.grD) .ntry,.itemFt .itm{display:flex;flex-wrap:wrap;align-items:center;position:relative;width:calc(100% + 22px);left:-11px;right:-11px}
.onId:not(.grD) .ntry>*,.itemFt .itm>*{flex:0 0 calc(50% - 22px);width:calc(50% - 22px);margin-bottom:0;margin-left:11px;margin-right:11px}
.onId:not(.grD) .ntry>*:last-child,.itemFt .itm>*:last-child{flex-grow:1}
.onId:not(.grD) div.ntry>*{flex:0 0 calc(100% - 25px);width:calc(100% - 25px)}
.onId .ntry{margin-bottom:40px;position:relative}
.onId .blogPts.mty{display:block;width:100%;left:0;right:0}
.onId .blogPts.mty .noPosts{width:100%;margin:0}
.blogPts .ntry.noAd .widget,.Blog~.HTML{display:none}
/* Gridmode */
.tGr::before{content:attr(data-grid);position:absolute;right:32px;opacity:.8}
.grD .tGr::before{content:attr(data-list)}
.grD .blogPts{display:flex;flex-wrap:wrap;position:relative;width:calc(100% + 22px);left:-11px;right:-11px}
.grD .ntry{width:calc(50% - 22px);margin-left:11px;margin-right:11px;position:relative;padding-bottom:33px}
.grD div.ntry{padding-bottom:0}
.grD .ntry .pInf{position:absolute;left:0;right:0;bottom:0}
@media screen and (min-width:897px){.onMl.grD .ntry{width:calc(33.33% - 22px)}}
@media screen and (max-width:1100px) and (min-width:897px){.grD .ntry .pTtl{font-size:1.1rem}}
@media screen and (max-width:500px){.grD:not(.oGrd) .ntry .pSnpt,.grD:not(.oGrd) .ntry .pHdr .aIm{display:none}.grD .blogPts{width:calc(100% + 15px);left:-7.5px;right:-7.5px}.grD .ntry{width:calc(50% - 15px);margin-left:7.5px;margin-right:7.5px}.grD div.ntry{width:calc(100% - 15px)}}
/* Blog title */
.blogTtl{font-size:14px;margin:0 0 30px;width:calc(100% + 16px);display:flex;align-items:center;justify-content:space-between;position:relative;left:-8px;right:-8px}
.blogTtl .t,.blogTtl.hm .title{margin:0 8px;flex-grow:1}
.blogTtl .t span{font-weight:400;font-size:90%;opacity:.7}
.blogTtl .t span::before{content:attr(data-text)}
.blogTtl .t span::after{content:'';margin:0 4px}
.blogTtl .t span.hm::after{content:'/';margin:0 8px}
.blogTtl .g{position:relative;flex-shrink:0;margin:0 2px;font-size:12px}
.blogTtl .g svg{width:20px;height:20px}
/* Thumbnail */
.pThmb{flex:0 0 calc(50% - 12.5px);overflow:hidden;position:relative;border-radius:3px;margin-bottom:20px;background:var(--transB)}
.pThmb .thmb{display:block;position:relative;padding-top:52.335%;color:inherit;transition:var(--trans-1)}
.pThmb .thmb amp-img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-height:108%;text-align:center;transform:translate(-50%,-50%)}
.pThmb div.thmb span::before{content:attr(data-text);opacity:.7;white-space:nowrap}
.pThmb:not(.nul)::before{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 20%,rgba(255,255,255,.6) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:''}
.pThmb.iyt:not(.nul) .thmb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4) url("data:image/svg+xml,") center / 35px no-repeat;opacity:0;transition:var(--trans-1)}
.pThmb.iyt:not(.nul):hover .thmb::after{opacity:1}
/* Sponsored */
.iFxd{display:flex;justify-content:flex-end;position:absolute;top:0;left:0;right:0;padding:10px 6px;font-size:13px;line-height:16px}
.iFxd>*{display:flex;align-items:center;margin:0 5px;padding:5px 2.5px;border-radius:8px;background:var(--contentB);color:inherit;box-shadow:0 8px 25px 0 rgba(0,0,0,.1)}
.iFxd>* svg{width:16px;height:16px;stroke-width:1.5;margin:0 2.5px;opacity:.7}
.iFxd .cmnt{padding:5px;color:var(--bodyC)}
.iFxd .cmnt::after{content:attr(data-text);margin:0 2.5px;opacity:.7}
.drK .iFxd>* svg.line{stroke:var(--iconC)}
/* Label */
.pLbls::before,.pLbls>*::before{content:attr(data-text)}
.pLbls::before{opacity:.7}
.pLbls a:hover{text-decoration:underline}
.pLbls>*{color:inherit;display:inline}
.pLbls>*:not(:last-child)::after{content:'/'}
/* Profile Images and Name */
.im{width:35px;height:35px;border-radius:16px;background-color:var(--transB);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}
.im svg{width:18px;height:18px;opacity:.4}
.nm::after{content:attr(data-text)}
/* Title and Entry */
.pTtl{font-size:1.2rem;line-height:1.5em}
.pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900;line-height:1.3em}
.pTtl.itm.nSpr{margin-bottom:30px}
.aTtl a:hover{color:var(--linkC)}
.aTtl a,.pSnpt{color:inherit;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pEnt{margin-top:40px;font-size:var(--postF);font-family:var(--fontBa);line-height:1.8em}
/* Snippet,Description,Headers and Info */
.pHdr.nHdr{margin:0}
.pHdr{width:calc(100% + 8px);position:relative;left:-4px;right:-4px;margin-bottom:8px;display:flex;align-items:center}
.pHdr .aIm{flex-shrink:0;margin:0 4px}
.pHdr .aIm .im{width:18px;height:18px}
.pHdr .aNm{flex-grow:1;opacity:.8;margin:0 2px;display:inline-flex;flex-wrap:wrap;max-width:calc(100% - 30px)}
.pHdr .nm,.pHdr .pLbls{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 2px}
.pHdr .pLbls{opacity:.8}
.pSml{font-size:93%}
.pSnpt{-webkit-line-clamp:2;margin:12px 0 0;font-family:var(--fontBa);font-size:14px;line-height:1.5em;opacity:.8}
.pSnpt.nTag{color:var(--linkC);opacity:1}
.pDesc{font-size:16px;line-height:1.5em;margin:8px 0 25px;opacity:.7}
.pInf{display:flex;align-items:baseline;justify-content:space-between;margin-top:15px}
.pInf.nTm{margin:0}
.pInf.nSpr .pJmp{opacity:1}
.pInf.nSpr .pJmp::before{content:attr(aria-label)}
.pInf.ps{justify-content:flex-start;align-items:center;margin-top:25px;position:relative;left:-4px;right:-4px;width:calc(100% + 8px)}
.pInf.ps .pTtmp{opacity:1}
.pInf.ps .pTtmp::before{content:attr(data-date) ' '}
.pInf.ps .pTtmp::after{display:inline}
.pInf.ps.nul{display:none}
.pInf .pIm{flex-shrink:0;margin:0 4px}
.pInf .pNm{flex-grow:1;width:calc(100% - 108px);display:inline-flex;flex-wrap:wrap;align-items:baseline}
.pInf .pNm.l{display:none}
.pInf .pCm{flex-shrink:0;max-width:24px;margin:0 2px}
.pInf .pCm.l{max-width:58px}
.pInf .pIc{display:inline-flex;justify-content:flex-end;position:relative;width:calc(100% + 10px);left:-5px;right:-5px}
.pInf .pIc>*{display:flex;align-items:center;position:relative;margin:0 2px;color:inherit}
.pInf .pIc svg{width:20px;height:20px;opacity:.8;z-index:1}
.pInf .pIc .cmnt::before{content:attr(data-text);font-size:11px;line-height:18px;padding:0 5px;border-radius:10px;background:#e6e6e6;color:var(--bodyC);position:absolute;top:-5px;right:0;z-index:2}
.pInf .pIc .cmnt svg{height:18px}
.pInf .pDr{opacity:.7;display:inline-block;margin:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}
.pInf .pDr>*:not(:first-child)::before{content:'\00B7';margin:0 5px}
.pInf .pIn{display:inline}
.pInf .nm{margin:0 4px}
.pInf .n .nm::before,.pHdr .n .nm::before{content:attr(data-write) ' ';opacity:.7}
.pInf .im{width:28px;height:28px}
.aTtmp{opacity:.8}
.aTtmp,.pJmp{overflow:hidden}
.pTtmp::after,.pJmp::before,.iTtmp::before{content:attr(data-text);display:block;line-height:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pJmp{display:inline-flex;align-items:center;opacity:0;transition:var(--trans-2)}
.pJmp::before{content:attr(aria-label)}
.pJmp svg{height:18px;width:18px;stroke:var(--linkC);flex-shrink:0}
.ntry:hover .pJmp,.itm:hover .pJmp{opacity:1}
/* Blog pager */
.blogPg{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:90%;font-family:var(--fontB);line-height:20px;color:#fffdfc;margin:30px 0 50px;max-width:100%}
.blogPg>*{display:flex;align-items:center;padding:10px 13px;margin-bottom:10px;color:inherit;background:var(--linkB);border-radius:3px}
.blogPg>* svg{width:18px;height:18px;stroke:var(--darkT);stroke-width:1.5}
.blogPg>*::before{content:attr(data-text)}
.blogPg .jsLd{margin-left:auto;margin-right:auto}
.blogPg .nwLnk::before,.blogPg .jsLd::before{display:none}
.blogPg .nwLnk::after,.blogPg .jsLd::after{content:attr(data-text);margin:0 8px}
.blogPg .olLnk::before{margin:0 8px}
.blogPg .nPst,.blogPg .current{background:var(--contentL);color:var(--bodyCa)}
.blogPg .nPst.jsLd svg{fill:var(--darkTa);stroke:var(--darkTa)}
.blogPg .nPst svg.line{stroke:var(--darkTa)}
/* Breadcrumb */
.brdCmb{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brdCmb a{color:inherit}
.brdCmb>*:not(:last-child)::after{content:'/';margin:0 4px;font-size:90%;opacity:.6}
.brdCmb>*{display:inline}
.brdCmb .tl::before{content:attr(data-text)}
.brdCmb .hm a{font-size:90%;opacity:.7}
/* Article Style */
.pS h1,.pS h2,.pS h3,.pS h4,.pS h5,.pS h6{margin:1.5em 0 18px;font-family:var(--fontBa);font-weight:900;line-height:1.5em}
.pS h1:target,.pS h2:target,.pS h3:target,.pS h4:target,.pS h5:target,.pS h6:target{padding-top:var(--headerH);margin-top:0}
/* Paragraph */
.pS p{margin:1.7em 0}
.pIndent{text-indent:2.5rem}
.onIt:not(.Rtl) .dropCap{float:left;margin:4px 8px 0 0;font-size:55px;line-height:45px;opacity:.8}
.pS hr{margin:3em 0;border:0}
.pS hr::before{content:'\2027 \2027 \2027';display:block;text-align:center;font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both}
.pRef{display:block;font-size:14px;line-height:1.5em;opacity:.7;word-break:break-word}
/* Img and Ad */
.pS img{display:inline-block;border-radius:3px;height:auto!important}
.pS img.full{display:block!important;margin-bottom:10px;position:relative;width:100%;max-width:none}
.pS .widget,.ps .pAd>*{margin:40px 0}
/* Note */
.note{position:relative;padding:16px 20px 16px 50px;background:#e1f5fe;color:#3c4043;font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden}
.note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1}
.note::after{content:'\002A';position:absolute;left:18px;top:16px;font-size:20px;min-width:15px;text-align:center}
.note.wr{background:#ffdfdf;color:#48525c}
.note.wr::before{background:#e65151}
.note.wr::after{content:'\0021'}
/* Ext link */
.extL::after{content:'';width:14px;height:14px;display:inline-block;margin:0 5px;background:url("data:image/svg+xml,") center / 14px no-repeat}
/* Scroll img */
.psImg{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;margin:2em 0;position:relative;left:-7px;right:-7px;width:calc(100% + 14px)}
.psImg>*{width:calc(50% - 14px);margin:0 7px 14px;position:relative}
.psImg img{display:block}
.scImg>*{width:calc(33.3% - 14px);margin:0 7px}
.btImg label{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:3px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);transition:var(--trans-1);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);color:var(--darkT);font-size:13px;font-family:var(--fontB)}
.hdImg .shImg{width:100%;margin:0;left:0;right:0;transition:var(--trans-1);max-height:0;opacity:0;visibility:hidden}
.inImg:checked~.hdImg .shImg{max-height:1000vh;opacity:1;visibility:visible}
.inImg:checked~.hdImg .btImg label{opacity:0;visibility:hidden}
/* Post related */
.pRelate{margin:40px 0;padding:20px 0;border:1px solid #989b9f;border-left:0;border-right:0;font-size:14px;line-height:1.8em}
.pRelate b{font-weight:400;margin:0;opacity:.8}
.pRelate ul,.pRelate ol{margin:8px 0 0;padding:0 20px}
/* Blockquote */
blockquote,.cmC i[rel=quote]{position:relative;font-size:.97rem;opacity:.8;line-height:1.6em;margin-left:0;margin-right:0;padding:5px 20px;border-left:2px solid var(--contentL)}
blockquote.s-1,details.sp{font-size:.93rem;padding:25px 25px 25px 45px;border:1px solid #989b9f;border-left:0;border-right:0;line-height:1.7em}
blockquote.s-1::before{content:'\201D';position:absolute;top:10px;left:0;font-size:60px;line-height:normal;opacity:.5}
/* Table */
.ps table{margin:0 auto;font-size:14px;font-family:var(--fontB)}
.ps table:not(.tr-caption-container){min-width:90%;border:1px solid var(--contentL);border-radius:3px;overflow:hidden}
.ps table:not(.tr-caption-container) td{padding:16px}
.ps table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid var(--contentL)}
.ps table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:rgba(0,0,0,.01)}
.ps table th{padding:16px;text-align:inherit;border-bottom:1px solid var(--contentL)}
.ps .table{display:block;overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth}
/* Img caption */
figure{margin-left:0;margin-right:0}
.ps .tr-caption,.psCaption,figcaption{display:block;font-size:14px;line-height:1.6em;font-family:var(--fontB);opacity:.7}
/* Syntax */
.pre{background:var(--synxBg);color:var(--synxC);direction:ltr}
.pre:not(.tb){position:relative;border-radius:3px;overflow:hidden;margin:1.7em auto;font-family:var(--fontC)}
.pre pre{margin:0;color:inherit;background:inherit}
.pre:not(.tb)::before,.cmC i[rel=pre]::before{content:'';display:flex;justify-content:flex-end;position:absolute;right:0;top:0;width:100%;background:inherit;color:var(--synxGray);font-size:10px;padding:0 10px;z-index:2;line-height:30px}
.pre:not(.tb).html::before{content:'.html'}
.pre:not(.tb).css::before{content:'.css'}
.pre:not(.tb).js::before{content:'.js'}
pre,.cmC i[rel=pre]{display:block;position:relative;font-family:var(--fontC);font-size:13px;line-height:1.6em;border-radius:3px;background:var(--synxBg);color:var(--synxC);padding:30px 20px 20px;margin:1.7em auto;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;overflow:auto;direction:ltr;white-space:pre}
pre i{color:var(--synxBlue);font-style:normal}
pre i.block{color:#fff;background:var(--synxBlue)}
pre i.green{color:var(--synxGreen)}
pre i.gray{color:var(--synxGray)}
pre i.red{color:var(--synxOrange)}
pre i.blue{color:var(--synxBlue)}
code{display:inline;padding:5px;font-size:14px;border-radius:3px;line-height:inherit;color:var(--synxC);background:#f2f3f5;font-family:var(--fontC)}
/* Multi syntax */
.pre.tb{border-radius:5px}
.pre.tb pre{margin:0;background:inherit}
.pre.tb .preH{font-size:13px;border-color:rgba(0,0,0,.05);margin:0}
.pre.tb .preH>*{padding:13px 20px}
.pre.tb .preH::after{content:'';font-size:10px;font-family:var(--fontC);color:var(--synxGray);padding:15px;margin-left:auto}
.pre.tb>:not(.preH){display:none}
.pS input[id*="1"]:checked~div[class*="C-1"],.pS input[id*="2"]:checked~div[class*="C-2"],.pS input[id*="3"]:checked~div[class*="C-3"],.pS input[id*="4"]:checked~div[class*="C-4"]{display:block}
/* ToC */
.pS details summary{list-style:none;outline:none}
.pS details summary::-webkit-details-marker{display:none}
details.sp{padding:20px 15px}
details.sp summary{display:flex;justify-content:space-between;align-items:baseline}
details.sp summary::after{content:attr(data-show);font-size:12px;opacity:.7;cursor:pointer}
details.sp[open] summary::after{content:attr(data-hide)}
details.toc a:hover{text-decoration:underline}
details.toc a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit}
details.toc ol{list-style:none;padding:0;margin:0;line-height:1.6em;counter-reset:toc-count}
details.toc ol ol ol ol{display:none}
details.toc ol ol,.tocIn li:not(:last-child){margin-bottom:5px}
details.toc li li:first-child{margin-top:5px}
details.toc li{display:flex;flex-wrap:wrap;justify-content:flex-end}
details.toc li::before{flex:0 0 23px;content:counters(toc-count,'.')'. ';counter-increment:toc-count}
details.toc li a{flex:1 0 calc(100% - 23px)}
details.toc li li::before{flex:0 0 28px;content:counters(toc-count,'.')}
details.toc li li a{flex:1 0 calc(100% - 28px)}
details.toc li li li::before{flex:0 0 45px}
details.toc li li li a{flex:1 0 calc(100% - 45px)}
details.toc .toC>ol{margin-top:1em}
details.toc .toC>ol>li>ol{flex:0 0 calc(100% - 23px)}
details.toc .toC>ol>li>ol ol{flex:0 0 calc(100% - 28px)}
details.toc .toC>ol>li>ol ol ol{flex:0 0 calc(100% - 45px)}
/* Accordion */
.showH{margin:1.7em 0;font-size:.93rem;font-family:var(--fontB);line-height:1.7em}
details.ac{padding:18px 0;border-bottom:1px solid var(--contentL)}
details.ac:first-child{border-top:1px solid var(--contentL)}
details.ac summary{font-weight:700;cursor:default;display:flex;align-items:baseline;transition:var(--trans-1)}
details.ac summary::before{content:'\203A';flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px;font-weight:400;font-size:1.33rem;color:inherit}
details.ac[open] summary{color:var(--linkC)}
details.ac:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center}
details.ac.alt summary::before{content:'\002B';padding:0 2px}
details.ac.alt[open] summary::before{content:'\2212'}
details.ac .aC{padding:0 25px;opacity:.9}
/* Tabs */
.tbHd{display:flex;border-bottom:1px solid var(--contentL);margin-bottom:30px;font-size:14px;font-family:var(--fontB);line-height:1.6em;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.tbHd>*{padding:12px 15px;border-bottom:1px solid transparent;transition:var(--trans-1);opacity:.6;white-space:nowrap;scroll-snap-align:start}
.tbHd>*::before{content:attr(data-text)}
.tbCn>*{display:none;width:100%}
.tbCn>* p:first-child{margin-top:0}
.pS input[id*="1"]:checked~.tbHd label[for*="1"],.pS input[id*="2"]:checked~.tbHd label[for*="2"],.pS input[id*="3"]:checked~.tbHd label[for*="3"],.pS input[id*="4"]:checked~.tbHd label[for*="4"]{border-color:var(--linkB);opacity:1}
.pS input[id*="1"]:checked~.tbCn div[class*="Text-1"],.pS input[id*="2"]:checked~.tbCn div[class*="Text-2"],.pS input[id*="3"]:checked~.tbCn div[class*="Text-3"],.pS input[id*="4"]:checked~.tbCn div[class*="Text-4"]{display:block}
.tbHd.stick{position:-webkit-sticky;position:sticky;top:var(--headerH);background:var(--bodyB)}
/* Split */
.ps .blogPg{font-size:13px;justify-content:center;position:relative;width:calc(100% + 8px);left:-4px;right:-4px}
.ps .blogPg>*{padding:8px 15px;margin:0 4px 8px}
/* Youtube fullpage */
.videoYt{position:relative;padding-bottom:56.25%;overflow:hidden;border-radius:5px}
.videoYt iframe{position:absolute;width:100%;height:100%;left:0;right:0}
/* Lazy Youtube */
.lazyYt{background:var(--synxBg);position:relative;overflow:hidden;padding-top:56.25%;border-radius:5px}
.lazyYt img{width:100%;top:-16.84%;left:0;opacity:.95}
.lazyYt img,.lazyYt iframe,.lazyYt .play{position:absolute}
.lazyYt iframe{width:100%;height:100%;bottom:0;right:0}
.lazyYt .play{top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:all .5s ease;display:block;width:70px;height:70px;z-index:1}
.lazyYt .play svg{width:inherit;height:inherit;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:8}
.lazyYt .play .c{stroke:rgba(255,255,255,.85);stroke-dasharray:650;stroke-dashoffset:650;transition:all .4s ease-in-out;opacity:.3}
.lazyYt .play .t{stroke:rgba(255,255,255,.75);stroke-dasharray:240;stroke-dashoffset:480;transition:all .6s ease-in-out;transform:translateY(0)}
.lazyYt .play:hover .t{animation:nudge .6s ease-in-out;-webkit-animation:nudge .6s ease-in-out}
.lazyYt .play:hover .t,.lazyYt .play:hover .c{stroke-dashoffset:0;opacity:.7;stroke:#FF0000}
.nAmp .lazyYt{display:none}
/* Button */
.button{display:inline-flex;align-items:center;margin:10px 0;padding:12px 15px;outline:0;border:0;border-radius:3px;line-height:20px;color:#fffdfc;background:var(--linkB);font-size:14px;font-family:var(--fontB);white-space:nowrap;overflow:hidden;max-width:320px}
.button.ln{color:inherit;background:transparent;border:1px solid var(--bodyCa)}
.button.ln:hover{border-color:var(--linkB);box-shadow:0 0 0 1px var(--linkB) inset}
.btnF{display:flex;justify-content:center;margin:10px 0;width:calc(100% + 12px);left:-6px;right:-6px;position:relative}
.btnF>*{margin:0 6px}
/* Download btn */
.dlBox{max-width:500px;background:#f1f1f0;border-radius:10px;padding:12px;margin:1.7em 0;display:flex;align-items:center;font-size:14px}
.dlBox .fT{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:45px;height:45px;padding:10px;background:rgba(0,0,0,.1);border-radius:5px}
.dlBox .fT::before{content:attr(data-text);opacity:.7}
.dlBox a{flex-shrink:0;margin:0;padding:10px 12px;border-radius:5px;font-size:13px}
.dlBox a::after{content:attr(aria-label)}
.dlBox .fN{flex-grow:1;width:calc(100% - 200px);padding:0 15px}
.dlBox .fN>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlBox .fS{line-height:16px;font-size:12px;opacity:.8}
/* Icon btn */
.icon{flex-shrink:0;display:inline-flex}
.icon::before{content:'';width:18px;height:18px;background-size:18px;background-repeat:no-repeat;background-position:center}
.icon::after{content:'';padding:0 6px}
.icon.dl::before,.drK .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,")}
.icon.demo::before{background-image:url("data:image/svg+xml,")}
.button.ln .icon.dl::before{background-image:url("data:image/svg+xml,")}
/* Lightbox image */
.zmImg.s{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;margin:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}
.zmImg.s img{display:block;max-width:92%;max-height:92%;width:auto;margin:auto;border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)}
.zmImg.s img.full{left:auto;right:auto;border-radius:10px;width:auto}
.zmImg::after{content:'\2715';line-height:16px;font-size:14px;color:#fffdfc;background:var(--linkB);position:fixed;bottom:-20px;right:-20px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;transition:var(--trans-1);opacity:0;visibility:hidden}
.zmImg.s::after{bottom:20px;right:20px;opacity:1;visibility:visible;cursor:pointer}
/* Article Style Responsive */
@media screen and (max-width:640px){.pS img.full{width:calc(100% + 40px);left:-20px;right:-20px;border-radius:0}.note{font-size:13px}.scImg{flex-wrap:nowrap;justify-content:flex-start;position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 13px;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.scImg>*{flex:0 0 80%;scroll-snap-align:center}.ps .table{position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px;display:flex}}
@media screen and (max-width:500px){.hdImg{width:100%;left:0;right:0}.hdImg>*,.shImg>*{width:100%;margin:0 0 16px}.ps .tr-caption,.psCaption,figcaption{font-size:13px}.btnF>*{flex-grow:1;justify-content:center}.btnF>*:first-child{flex:0 0 auto}.dlBox a{width:42px;height:42px;justify-content:center}.dlBox a::after,.dlBox .icon::after{display:none}.pS .separator a{display:block!important;margin:0!important}}
/* Author profile */
.admPs{display:flex;max-width:480px;margin:30px 0;padding:12px 12px 15px;background:var(--contentB);border-radius:8px;box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}
.admIm{flex-shrink:0;padding:5px 0 0}
.admIm .im{width:34px;height:34px}
.admI{flex-grow:1;width:calc(100% - 34px);padding:0 12px}
.admN::before{content:attr(data-write) ' ';opacity:.7;font-size:90%}
.admN::after{content:attr(data-text)}
.admA{margin:5px 0 0;font-size:90%;opacity:.9;line-height:1.5em;/*display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden*/}
/* Share btn */
.pSh{margin:15px 0;padding:18px 0;border:1px solid rgba(0,0,0,.05);border-left:0;border-right:0}
.pShc{display:flex;align-items:center;flex-wrap:wrap;position:relative;width:calc(100% + 18px);left:-9px;right:-9px;font-size:13px;opacity:.8}
.pShc::before{content:attr(data-text);margin:0 9px;flex-shrink:0}
.pShc>*{margin:0 5px;display:flex;align-items:center;color:inherit}
.pShc a::after{content:attr(data-text);margin:0 3px}
.pShc svg,.cpL svg{width:18px;height:18px;margin:0 3px}
.shL{position:relative;width:calc(100% + 20px);left:-10px;right:-10px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center}
.shL>*{margin:0 10px 20px;text-align:center}
.shL>*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block}
.shL a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:65px;height:65px;color:inherit;margin:0 auto 5px;padding:8px;border-radius:26px;background:#f1f1f0}
.shL svg{opacity:.8}
.cpL{padding-bottom:15px}
.cpL::before{content:attr(data-text);display:block;margin:0 0 15px;opacity:.8}
.cpL svg{margin:0 4px;opacity:.7}
.cpL input{border:0;outline:0;background:transparent;color:rgba(8,16,43,.4);padding:18px 8px;flex-grow:1}
.cpL label{color:var(--linkC);display:flex;align-items:center;align-self:stretch;flex-shrink:0;padding:0 8px}
.cpLb{display:flex;align-items:center;position:relative;background:#f1f1f0;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(0,0,0,.25);padding:0 8px}
.cpLb:hover{border-color:rgba(0,0,0,.42);background:#ececec}
.cpLn span{display:block;padding:5px 14px 0;font-size:90%;color:#2e7b32;transition:var(--trans-1);animation:fadein 2s ease forwards;opacity:0;height:22px}
/* Entry font */
.fnIn:checked~.fnB .fCls{-webkit-backdrop-filter:none;backdrop-filter:none}
.fnC{display:flex;list-style:none;margin:0;padding:0}
.fnC li{flex:0 0 33.33%;display:flex;justify-content:center;align-items:baseline;padding-bottom:17px;position:relative}
.fnC li:nth-child(1) label::before{font-size:25px;line-height:38px}
.fnC li:nth-child(1) label::after{content:'Small'}
.fnC li:nth-child(3) label::before{font-size:40px;line-height:27px}
.fnC li:nth-child(3) label::after{content:'Large'}
.fnC label{display:inline-flex;flex-direction:column;align-items:center;opacity:.6}
.fnC label:hover{opacity:1}
.fnC label::before{content:'A';font-size:32px;font-weight:700;line-height:34px}
.fnC label::after{content:'Default';font-size:12px;position:absolute;bottom:0}
.fontS1:checked~.fnB .fnt1,.fontS2:checked~.fnB .fnt2,.fontS3:checked~.fnB .fnt3{opacity:1}
.fontS1:checked~.pInr .pEnt{font-size:var(--postFS)}
.fontS3:checked~.pInr .pEnt{font-size:var(--postFL)}
@media screen and (max-width:500px){.fontS1:checked~.pInr .pEnt{font-size:var(--postFSm)}.fontS3:checked~.pInr .pEnt{font-size:var(--postFLm)}}
/* Post bMenu */
.bMenu{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:25px 15px 20px;z-index:2;background-image:linear-gradient(0deg,rgba(255,255,255,.9) 25%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.35) 75%,rgba(255,255,255,.01) 95%)}
.bMenu>*{position:relative;margin:0 5px;border-radius:10px;box-shadow:0 10px 20px -10px rgba(0,0,0,.25)}
.bMenu>*:not(.bCmt){width:42px;height:42px;justify-content:center;background:#fffdfc}
.bMenu .bCmt{justify-content:center;padding:0 10px;height:42px;flex-grow:1;background:var(--linkB);color:var(--darkT)}
@media screen and (min-width:501px){.bMenu{display:none}}
/* Comments */
.pCmnts{margin-top:50px}
.cmDis{text-align:center;margin-top:20px;opacity:.7}
.cmMs{margin-bottom:20px}
.cm iframe{width:100%}
.cm:not(.cmBr) .cmBrs{background:transparent;position:relative;padding:60px 20px 0;width:calc(100% + 40px);left:-20px;right:-20px}
.cmH h3.title{margin:0;flex-grow:1;padding:16px 10px}
.cmH .s{margin:0 14px}
.cmH .s::before{content:attr(data-text);margin:0 6px;opacity:.7;font-size:90%}
.cmH .s::after{content:'\296E';line-height:18px;font-size:17px}
.cmAv{flex-shrink:0;padding:0 6px;width:47px}
.cmAv .im{width:35px;height:35px;border-radius:50%;position:relative}
.cmIn{flex-grow:1;padding:0 6px;width:calc(100% - 47px);position:relative}
.cmBd.del .cmCo{font-style:italic;font-size:90%;line-height:normal;border:1px dashed rgba(0,0,0,.2);border-radius:3px;margin:.5em 0;padding:15px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmHr{line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmHr .d{font-size:90%;opacity:.7}
.cmHr .d::before{content:'\00B7';margin:0 4px}
.cmHr.a .n{display:inline-flex;align-items:center}
.cmHr.a .n::after{content:'\2714';display:flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:8px;background:#519bd6;color:#fefefe;border-radius:50%;margin-left:3px}
.cmCo{line-height:1.6em;opacity:.9}
.cmC i[rel=image]{font-size:90%;display:block;position:relative;min-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1em auto}
.cmC i[rel=image]::before{content:'This feature isn\0027t available!';border:1px dashed rgba(0,0,0,.2);border-radius:3px;padding:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--contentB)}
.cmC i[rel=pre],.cmC i[rel=quote]{margin-top:1em;margin-bottom:1em;font-style:normal;line-height:inherit;padding:20px}
.cmC i[rel=pre]::before{display:block;width:auto}
.cmC i[rel=pre]{text-align:left}
.cmC i[rel=quote]{display:block;font-style:italic;font-size:inherit;padding:5px 15px}
.cmCo img{margin-top:1em;margin-bottom:1em}
.cmAc{margin-top:10px}
.cmAc a{font-size:90%;color:inherit;opacity:.7;display:inline-flex}
.cmAc a::before{content:'\2934';line-height:18px;font-size:16px;transform:rotate(90deg)}
.cmAc a::after{content:attr(data-text);margin:0 6px}
.cmR{margin:10px 0 0}
.cmRp~.cmAc,.cmBd.del~.cmAc,.onIt:not(.Rtl) .cmHr .date{display:none}
.cmRi:checked~.cmRp .thTg{margin-bottom:0}
.cmRi:checked~.cmRp .thTg::before{content:attr(aria-label)}
.cmRi:checked~.cmRp .thCh,.cmRi:checked~.cmRp .cmR{display:none}
.cmAl:checked~.cm .cmH .s::before{content:attr(data-new)}
.cmAl:checked~.cm .cmCn>ol{flex-direction:column-reverse}
.thTg{display:inline-flex;align-items:center;margin:15px 0 18px;font-size:90%}
.thTg::after{content:'';width:20px;border-bottom:1px solid var(--widgetTac);opacity:.5;margin:0 10px}
.thTg::before{content:attr(data-text);opacity:.7}
.cmCn ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cmCn li{display:flex;flex-wrap:wrap;padding-bottom:20px;position:relative;width:calc(100% + 12px);left:-6px;right:-6px}
.cmCn li .cmRbox{margin-top:20px;padding:0 6px;flex-grow:1}
.cmCn li li{padding-bottom:15px;display:block;width:100%;left:0;right:0}
.cmCn li li:last-child{padding-bottom:0}
.cmCn li li .cmAv{width:20px;margin:2px 0;padding:0;position:absolute}
.cmCn li li .cmAv .im{width:20px;height:20px}
.cmCn li li .cmIn{width:100%;padding:0}
.cmCn li li .cmHr{padding:0 0 0 26px}
.cmHl>li>.cmIn::before{content:'';border-left:1px solid var(--contentL);position:absolute;left:-24px;top:40px;height:calc(100% - 25px)}
/* Comments Show/Hide */
#comment:target{margin:0;padding-top:60px}
.cmSh:checked~.cmShw,.cmShw~.cm:not(.cmBr),#comment:target .cmShw,#comment:target .cmSh:checked~.cm:not(.cmBr){display:none}
.cmSh:checked~.cm:not(.cmBr),#comment:target .cm:not(.cmBr),#comment:target .cmSh:checked~.cmShw{display:block}
.cmBtn{display:block!important;padding:20px!important;text-align:center!important;max-width:100%!important}
.cmBtn.ln:hover{color:var(--linkB)}
/* Comments Pop-up */
#comment:target .cmSh:checked~.cm.cmBr{bottom:-100%;opacity:0;visibility:hidden}
#comment:target .cmSh:checked~.cm.cmBr .fCls{opacity:0;visibility:hidden}
/* Widget Style */
.widget .imgThm{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:108%;font-size:12px;text-align:center;transform:translate(-50%,-50%)}
.widget .title{margin:0 0 25px;font-size:var(--widgetT);font-weight:var(--widgetTw);position:relative}
.widget .title::after{content:'';display:inline-block;vertical-align:middle;width:var(--widgetTa);margin:0 10px;border-bottom:1px solid var(--widgetTac);opacity:.5}
.widget input[type=text],.widget input[type=email],.widget textarea{display:block;width:100%;outline:0;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:4px 4px 0 0;background:#f3f3f4;padding:25px 16px 8px 16px;line-height:1.6em;transition:var(--trans-1)}
.widget input[type=text]:hover,.widget input[type=email]:hover,.widget textarea:hover{border-color:rgba(0,0,0,.42);background:#ececec}
.widget input[type=text]:focus,.widget input[type=email]:focus,.widget textarea:focus,.widget input[data-text=fl],.widget textarea[data-text=fl]{border-color:var(--linkB);background:#ececec}
.widget input[type=button],.widget input[type=submit]{display:inline-flex;align-items:center;padding:12px 30px;outline:0;border:0;border-radius:4px;color:#fffdfc;background:var(--linkB);font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%}
.widget input[type=button]:hover,.widget input[type=submit]:hover{opacity:.7}
/* Widget BlogSearch */
.srhB .c{border-left:1px solid var(--contentL);padding:0 20px}
.srhB .BlogSearch{padding:0}
.srhB .BlogSearch:last-child{border:0}
.srhB .Label{padding:20px 0}
.srhBs{padding-bottom:0}
.BlogSearch{border-bottom:1px solid var(--contentL)}
.BlogSearch form{position:relative;flex-grow:1}
.BlogSearch input{position:relative;display:block;background:var(--srchB);border:0;outline:0;padding:10px 55px;width:100%;height:60px;transition:var(--trans-1);z-index:2}
.BlogSearch input[type=search]::-ms-clear,.BlogSearch input[type=search]::-ms-reveal{display:none;appearance:none;width:0;height:0}
.BlogSearch input[type=search]::-webkit-search-decoration,.BlogSearch input[type=search]::-webkit-search-cancel-button,.BlogSearch input[type=search]::-webkit-search-results-button,.BlogSearch input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none;appearance:none}
.BlogSearch input:focus~button.sb{opacity:.7}
.BlogSearch .sb{position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0}
.BlogSearch .sb svg{width:18px;height:18px;stroke:var(--srchI)}
.BlogSearch button.sb{left:auto;right:0;opacity:0;font-size:12px;padding:0 15px}
.BlogSearch button.sb::before{content:attr(data-text)}
/* Widget Profile */
.wPrf.sl{position:relative;width:calc(100% + 16px);left:-8px;right:-8px;display:flex}
.wPrf.sl .sIm{margin:0 8px;flex-shrink:0}
.wPrf.sl .im{width:58px;height:58px;border-radius:26px;margin:0 auto}
.wPrf.tm{display:flex;position:relative;width:calc(100% + 4px);left:-2px;right:-2px}
.wPrf.tm .sIm{padding:2px;background:var(--contentB);position:relative;border-radius:50%}
.wPrf.tm .sIm:not(:first-child){margin-left:-10px}
.wPrf.tm .sIm .im,.wPrf.tm .am{width:42px;height:42px;flex-shrink:0;border-radius:50%}
.wPrf.tm .sIm::after{content:attr(data-text);position:absolute;bottom:-23px;left:50%;transform:translate(-50%,0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px;background:#696969;color:#ebeced;font-size:12px;padding:3px 10px;border-radius:3px;opacity:0;visibility:hidden}
.wPrf.tm .sIm:hover::after{opacity:.9;visibility:visible}
.wPrf.tm .mIm{display:flex;padding:2px 0}
.wPrf.tm .mIm::before{content:'';border-left:1px solid var(--contentL);margin:5px 10px;flex-shrink:0}
.wPrf.tm .am{display:flex;align-items:center;justify-content:center;background:var(--transB)}
.wPrf.tm .am::before{content:attr(data-text);font-size:12px;opacity:.8}
.tmC{display:flex}
.prfL{border-radius:8px;padding:8px;transition:var(--trans-1);text-align:center}
.prfL::after{content:attr(data-text);font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px;display:block}
.prfL .im{width:55px;height:55px;border-radius:50%;margin:0 auto 5px}
.sInf{margin:0 8px;flex-grow:1}
.sInf .sDt .l{display:inline-flex;align-items:center;color:inherit}
.sInf .sTxt{margin:5px auto 0;max-width:320px;font-size:93%;opacity:.9;line-height:1.5em}
.sInf .sTxt a{text-decoration:underline}
.sInf .lc{display:flex;margin:10px 0 0;opacity:.8;font-size:90%}
.sInf .lc svg{width:16px;height:16px}
.sInf .lc::after{content:attr(data-text);margin:0 4px}
/* Widget PopularPosts */
.itemPp{counter-reset:p-cnt}
.itemPp .iCtnt{display:flex}
.itemPp>*:not(:last-child){margin-bottom:25px}
.itemPp .iCtnt::before{flex-shrink:0;content:'0' counter(p-cnt);counter-increment:p-cnt;width:25px;opacity:.6;font-size:85%;line-height:1.8em}
.iInr{flex:1 0;width:calc(100% - 25px)}
.iTtl{font-size:.95rem;font-weight:700;line-height:1.5em}
.iTtmp{display:inline-flex}
.iTtmp::after{content:'\2014';margin:0 5px;color:var(--widgetTac);opacity:.7}
.iInf{margin:0 25px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.iInf .pLbls{display:inline;opacity:.8}
/* Widget Label */
/* List Label */
.wL ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;position:relative;width:calc(100% + 30px);left:-15px;right:-15px;font-size:13px}
.wL li{width:calc(50% - 10px);margin:0 5px}
.wL li>*{display:flex;align-items:baseline;justify-content:space-between;color:inherit;width:100%;padding:8px 10px;border-radius:4px;line-height:20px}
.wL li>* svg{width:18px;height:18px;opacity:.8}
.wL li>*:hover svg,.wL li>div svg{/*fill:var(--linkC)!important;*/
stroke:var(--linkC)}
.wL li>*:hover .lbC,.wL li>div .lbC{color:var(--linkC)}
.wL .lbR{display:inline-flex;align-items:center}
.wL .lbR .lbC{margin:0 5px}
.wL .lbAl{max-height:0;overflow:hidden;transition:var(--trans-4)}
.wL .lbM{display:inline-block;margin-top:10px;line-height:20px;color:var(--linkC)}
.wL .lbM::before{content:attr(data-show)}
.wL .lbM::after,.wL .lbC::after{content:attr(data-text)}
.wL .lbM::after{margin:0 8px}
.wL .lbT{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}
.wL .lbC,.wL .lbM::after{flex-shrink:0;font-size:12px;opacity:.7}
.lbIn:checked~.lbAl{max-height:1000vh}
.lbIn:checked~.lbM::before{content:attr(data-hide)}
.lbIn:checked~.lbM::after{visibility:hidden}
.wL.bg ul{width:calc(100% + 10px);left:-5px;right:-5px}
.wL.bg li{margin-bottom:10px}
.wL.bg li>*{background:#f6f6f6}
/* Cloud Label */
.wL.cl{display:flex;flex-wrap:wrap}
.wL.cl>*,.wL.cl .lbAl>*{display:block;max-width:100%}
.wL.cl .lbAl{display:flex;flex-wrap:wrap}
.wL.cl .lbC::before{content:'';margin:0 4px;flex:0 0}
.wL.cl .lbN{display:flex;justify-content:space-between;margin:0 0 8px;padding:9px 13px;border:1px solid var(--contentL);border-radius:3px;color:inherit;line-height:20px}
.wL.cl .lbN:hover .lbC,.wL.cl div.lbN .lbC{color:var(--linkB);opacity:1}
.wL.cl .lbN:not(div):hover,.wL.cl div.lbN{border-color:var(--linkB)}
.wL.cl .lbSz{display:flex}
.wL.cl .lbSz::after{content:'';margin:0 4px;flex:0 0}
/* Widget ContactForm */
.ContactForm{max-width:500px;font-family:var(--fontB);font-size:14px}
.cArea:not(:last-child){margin-bottom:25px}
.cArea label{display:block;position:relative}
.cArea label .n{display:block;position:absolute;left:0;right:0;top:0;color:rgba(8,16,43,.4);line-height:1.6em;padding:15px 16px 0;border-radius:4px 4px 0 0;transition:var(--trans-1)}
.cArea label .n.req::after{content:'*';font-size:85%}
.cArea textarea{height:100px}
.cArea textarea:focus,.cArea textarea[data-text=fl]{height:200px}
.cArea input:focus~.n,.cArea textarea:focus~.n,.cArea input[data-text=fl]~.n,.cArea textarea[data-text=fl]~.n{padding-top:5px;color:rgba(8,16,43,.7);font-size:90%;background:#ececec}
.cArea .h{display:block;font-size:90%;padding:5px 16px 0;opacity:.7;line-height:normal}
.nArea .contact-form-error-message-with-border{color:#d32f2f}
.nArea .contact-form-success-message-with-border{color:#2e7b32}
/* Widget Sliders */
.sldO{position:relative;display:flex;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0;-ms-overflow-style:none}
.sldO.no-items{display:none}
.sldO.no-items+.section{margin-top:0}
.sldO .widget:not(:first-child){margin-top:0}
.sldO .widget{position:relative;flex:0 0 100%;width:100%;background:transparent;outline:0;border:0}
.sldC{position:relative}
.sldS{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center;z-index:-1}
.sldIm{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:var(--transB);display:block;padding-top:40%;border-radius:3px;color:#fffdfc;font-size:13px}
.sldT{position:absolute;bottom:0;left:0;right:0;display:block;padding:20px;background:linear-gradient(0deg,rgba(30,30,30,.1) 0%,rgba(30,30,30,.05) 60%,rgba(30,30,30,0) 100%);border-radius:0 0 3px 3px}
.sldS{animation-name:tonext,snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite}
.sldO .widget:last-child .sldS{animation-name:tostart,snap}
.Rtl .sldS{animation-name:tonext-rev,snap}
.Rtl .sldO .widget:last-child .sldS{animation-name:tostart-rev,snap}
.sldO:hover .widget .sldS,.Rtl .sldO:hover .widget .sldS,.sldO:focus-within .widget .sldS,.Rtl .sldO:focus-within .widget .sldS{animation-name:none}
@media (prefers-reduced-motion:reduce){.sldS,.Rtl .sldS{animation-name:none}}
@media screen and (max-width:640px){.sldO{width:calc(100% + 40px);left:-20px;right:-20px;padding:0 12.5px 10px}.sldO .widget{flex:0 0 90%;width:90%;margin:0 7.5px;box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%)}.sldT{padding:10px 15px}.sldIm{font-size:12px}}
/* Sticky Ad */
.ancrA{position:fixed;bottom:0;left:0;right:0;min-height:70px;max-height:200px;padding:5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);transition:var(--trans-1);display:flex;align-items:center;justify-content:center;background:#fffdfc;z-index:50;border-top:1px solid var(--contentL)}
.ancrC{width:40px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;border:1px solid var(--contentL);border-bottom:0;border-right:0;position:absolute;right:0;top:-30px;background:inherit}
.ancrC::after{content:'\2715';line-height:18px;font-size:14px}
.ancrCn{flex-grow:1;overflow:hidden;display:block;position:relative}
.ancrI:checked~.ancrA{padding:0;min-height:0}
.ancrI:checked~.ancrA .ancrCn{display:none}
/* Error Page */
.erroP{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:0}
.erroC{width:calc(100% - 40px);max-width:450px;margin:auto;font-family:var(--fontBa)}
.erroC h3{font-size:1.414rem;font-family:inherit}
.erroC h3 span{display:block;font-size:140px;line-height:.8;margin-bottom:-1rem;color:#ebebf0}
.erroC p{margin:30px 5%;line-height:1.6em;opacity:.7}
.erroC .button{margin:0;padding-left:2em;padding-right:2em;font-size:14px}
/* Responsive */
@media screen and (min-width:897px){/* Header */ .headL .headN{width:100%}.headL,.headR{z-index:1}.headM .HTML+.PageList,.headL .headIc{display:none}.headM{display:flex;align-items:center;justify-content:center;max-width:calc(100% - 350px);height:100%;position:absolute;left:0;right:0;margin:0 auto}/* mainIn */ .mainIn,.blogM{display:flex}.blogCont{padding-top:30px;padding-bottom:30px}.mainbar{flex:1 0 calc(100% - var(--sideW) - 50px);width:calc(100% - var(--sideW) - 50px);transition:var(--trans-2)}.sidebar{display:flex;flex:0 0 calc(var(--sideW) + 50px);width:calc(var(--sideW) + 50px);margin:0}.sidebar::before{content:'';flex:0 0 50px}.sidebar .sideIn{width:calc(100% - 50px)}/* mainNav */ .mnH{display:none}.mnMob,.mnMn svg:not(.d){display:none}.mnMn{display:block;position:relative;width:calc(100% + 25px);left:-12.5px;right:-12.5px}.mnMn>li{display:inline-flex;align-items:center;margin:0 12.5px;position:relative;white-space:nowrap;height:var(--headerH)}.mnMn>li:hover ul{max-height:100vh;opacity:1;visibility:visible}.mnMn>li:last-child ul{left:auto;border-radius:16px 5px 16px 16px}.mnMn ul{display:block;position:absolute;top:calc(var(--headerH) - 15px);left:-15px;right:-15px;min-width:180px;max-height:0vh;background:var(--contentB);box-shadow:0 10px 20px -10px rgba(0,0,0,.1);border-radius:5px 16px 16px 16px;transition:var(--trans-1);opacity:0;visibility:hidden;z-index:1;overflow:hidden}.mnMn ul li>*{display:block;padding:10px 15px}.mnMn ul li>*:hover{background:var(--transB)}.mnMn .a{display:inline-flex;align-items:center}.mnMn .a:hover{color:var(--linkC)}.mnMn .a:hover::after{opacity:1}.mnMn .a::after{content:'';border-bottom:1px solid var(--linkC);position:absolute;bottom:-1px;left:0;right:0;opacity:0}.mnMn .drp .n::after{content:'';padding:0 3px;flex:0 0}}
@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.35)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.35)}}
@media screen and (max-width:1100px) and (min-width:897px){/* mainIn */ .mainbar{flex:1 0 calc(100% - var(--sideW) - 25px);width:calc(100% - var(--sideW) - 25px)}.sidebar{flex:0 0 calc(var(--sideW) + 25px);width:calc(var(--sideW) + 25px)}.sidebar::before{content:'';flex:0 0 25px}.sidebar .sideIn{width:calc(100% - 25px)}}
@media screen and (max-width:896px){/* mainIn */ .mainbar{margin:0 auto}/* Header */ .ntfC{padding-left:20px;padding-right:20px}.headIn,.navI .secIn{padding:0}.headL{padding:0 0 0 15px;flex-grow:1;width:50%;max-width:none}.headR{padding:0 20px 0 0;flex-grow:0}.headIc .isSrh{display:block}.headL .headN{width:calc(100% - 40px)}/* Scroll Menu */ .navI li{margin:0;padding:8px 0;display:flex}.navI li::before{content:'';padding:10px}.navI ul::after{content:'';display:block;padding:10px;scroll-snap-align:start}.navI .l{position:relative}.navI .l::after{bottom:-8px}.navI a.l:hover::after,.navI .l.a::after{opacity:1}/* mainNav */ .headM{display:flex;justify-content:flex-start;position:fixed;left:0;top:0;bottom:0;margin-left:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%}.mnBr{width:85%;max-width:480px;height:100%;border-radius:0 12px 12px 0;transition:inherit;z-index:3;overflow:hidden;position:relative;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)}.mnBrs{padding:60px 0 0;overflow-y:scroll;overflow-x:hidden;width:100%;height:100%;background:var(--contentB)}.mnH{padding:0 15px}.mnH label{padding:15px 10px}.mnH .c::after{margin:0 13px}.navi:checked~.mainWrp .headM{margin-left:0}.navi:checked~.mainWrp .headM .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}.mnMob{align-self:flex-end;position:absolute;left:0;right:0;bottom:0;background:inherit;padding:15px 20px 20px;z-index:1}.mnMob .mSoc{display:flex;position:relative;width:calc(100% + 14px);left:-7px;right:-7px;margin-top:5px}.mnMob:not(.no-items)+.mnMen{padding-bottom:100px}.mnBr .mMenu{margin-bottom:5px}.mnMen{padding:0 15px 20px}.mMenu>*{display:inline}.mMenu>*:not(:last-child)::after{content:'\00B7';font-size:90%;opacity:.6}.mMenu a:hover{text-decoration:underline}.mSoc>*{position:relative}.mSoc svg{z-index:1}.mSoc svg,.mnMn svg{width:20px;height:20px;opacity:.8}.mSoc span,.mMenu span{opacity:.7}.mnMn>li{position:relative}.mnMn>li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 5px}.mnMn li:not(.mr) .a:hover,.mnMn ul li>*:hover{background:var(--transB)}.mnMn li:not(.mr) .a:hover,.mnMn ul li a:hover{color:var(--linkC)}.mnMn li:not(.mr) ul{padding-left:30px}.mnMn li ul{display:none;opacity:0;visibility:hidden}.mnMn ul li>*,.mnMn .a{display:flex;align-items:center;padding:10px 5px;position:relative;width:calc(100% + 10px);left:-5px;right:-5px;border-radius:8px;transition:var(--trans-1)}.mnMn ul li>*{padding:10px}.mnMn .a>*{margin:0 5px}.mnMn .a:hover svg:not(.d){fill:var(--linkC)}.mnMn .a:hover svg.line:not(.d){fill:none;stroke:var(--linkC)}.mnMn .n,.mnMn ul li>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)}.mnMn .drp.mr .a{font-size:13px;padding-bottom:0;opacity:.7}.mnMn .drp.mr svg.d{display:none}.mnMn .drpI:checked~.a svg.d{transform:rotate(180deg)}.mnMn .drpI:checked~ul{display:block;opacity:1;visibility:visible}/* Font and Blog */ .pTtl{font-size:1.1rem}}
@media screen and (max-width:640px){/* Header */ .headCn{height:var(--headerHm)}/* Pop-up */ .fixL{align-items:flex-end}.fixL .fixLi,.fixL .cmBri{border-radius:12px 12px 0 0;max-width:680px}.fixL .cmBri:not(.mty){border-radius:0;height:100%;max-height:100%}/* Article */ .onId:not(.grD) .ntry,.itemFt .itm{align-items:flex-start}.onId:not(.grD) .ntry>*,.itemFt .itm>*{flex:0 0 calc(40% - 22px);width:calc(40% - 22px)}.onId .ntry .pInf,.itemFt .itm .pInf{margin-top:10px}.ntry .iFxd .spnr{display:none}.ntry .iFxd{padding:8px 3px}.ntry .iFxd .cmnt{padding:3px}.ntry .iFxd>* svg{padding:1px}/* Footer */ .fotIn>*,.fotIn>*:first-child{width:calc(50% - 30px)}}
@media screen and (max-width:500px){/* Font size */ .iFxd,.crdtIn,.pInf.ps .pDr{font-size:12px}.brdCmb,.navI{font-size:13px}.pDesc{font-size:14px}.pEnt{font-size:var(--postFm)}.pTtl.itm{font-size:var(--postTm)}/* Share */ .pShc a::after{display:none}/* Article */ .onId:not(.grD) .ntry{width:calc(100% + 15px);left:-7.5px;right:-7.5px;flex-direction:row-reverse}.onId:not(.grD) .ntry>*{flex:0 0 calc(40% - 7.5px);width:calc(40% - 7.5px);margin-left:7.5px;margin-right:7.5px}.onId:not(.grD) .ntry .pThmb{flex:0 0 100px}.onId:not(.grD) .ntry .thmb{padding-top:100%}.onId .ntry .pTtl{font-size:1rem}.onId .ntry .pInf{margin-top:12px}.ntry .pSnpt{font-size:13px;/* add display:none;here to hide Snippet in mobile view */}.ntry .pSml{font-size:12px}.pInf.ps .pTtmp::after{content:attr(data-time)}/* oneGrid mode*/ .grD.oGrd .ntry{width:calc(100% - 15px);padding-bottom:0}.grD.oGrd .ntry .pInf{position:relative;margin-top:15px}.grD.oGrd .ntry .pSnpt{font-size:14px}.grD.oGrd .ntry .pSml{font-size:93%}.grD.oGrd .ntry .pTtl{font-size:1.1rem}.grD.oGrd .ntry .iFxd .spnr{display:flex}.grD.oGrd .ntry .iFxd{padding:10px 6px}.grD.oGrd .ntry .iFxd .cmnt{padding:5px}.grD.oGrd .ntry .iFxd>* svg{padding:0}/* Widget Featured */ .itemFt .itm .iThmb{flex:0 0 calc(100% - 25px);margin-bottom:20px}.itemFt .itm .iCtnt{padding-bottom:30px;border-bottom:1px solid var(--contentL)}.itemFt .itm .pInf{margin-top:15px}/* Footer */ .fotIn>*,.fotIn>*:first-child{width:calc(100% - 30px)}}
/* Keyframes Animation */
@keyframes shimmer{100%{transform:translateX(100%)}}
@keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}}
@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@keyframes tonext{75%{left:0}95%{left:100%}98%{left:100%}99%{left:0}}
@keyframes tostart{75%{left:0}95%{left:-300%}98%{left:-300%}99%{left:0}}
@keyframes tonext-rev{75%{right:0}95%{right:100%}98%{right:100%}99%{right:0}}
@keyframes tostart-rev{75%{right:0}95%{right:-300%}98%{right:-300%}99%{right:0}}
@keyframes snap{96%{scroll-snap-align:center}97%{scroll-snap-align:none}99%{scroll-snap-align:none}100%{scroll-snap-align:center}}
@-webkit-keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}}
@-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@-webkit-keyframes tonext{75%{left:0}95%{left:100%}98%{left:100%}99%{left:0}}
@-webkit-keyframes tostart{75%{left:0}95%{left:-300%}98%{left:-300%}99%{left:0}}
@-webkit-keyframes tonext-rev{75%{right:0}95%{right:100%}98%{right:100%}99%{right:0}}
@-webkit-keyframes tostart-rev{75%{right:0}95%{right:-300%}98%{right:-300%}99%{right:0}}
@-webkit-keyframes snap{96%{scroll-snap-align:center}97%{scroll-snap-align:none}99%{scroll-snap-align:none}100%{scroll-snap-align:center}}
/* Noscript Option */
.lazy:not([lazied]){display:none}
.noJs{display:flex;justify-content:flex-end;align-items:center;position:fixed;top:20px;left:20px;right:20px;z-index:99;max-width:640px;border-radius:12px;margin:auto;padding:10px 5px;background:#ffdfdf;font-size:13px;box-shadow:0 10px 20px -10px rgba(0,0,0,.1);color:#48525c}
.noJs::before{content:attr(data-text);padding:0 10px;flex-grow:1}
.noJs label{flex-shrink:0;padding:10px}
.noJs label::after{content:'\2715';line-height:18px;font-size:14px}
.nJs:checked~.noJs{display:none}
/* Hide Scroll */
.scrlH::-webkit-scrollbar{width:0;height:0}
.scrlH::-webkit-scrollbar-track{background:transparent}
.scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}
/* --- Remove to reduce CSS size or if you aren't using RTL --- */
.adB{min-height:70px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--darkTa);border:1px solid var(--contentL);border-radius:3px}
.adB::before{content:attr(data-text)}
/* Article Style RTL */
.Rtl .note{padding:20px 50px 20px 20px}
.Rtl .note::before{left:auto;right:-12px}
.Rtl .note::after{left:auto;right:18px}
.Rtl .pS hr::before{text-indent:-0.6em}
.Rtl .dropCap{margin:0;line-height:inherit;font-size:inherit;float:none}
.Rtl blockquote,.Rtl .cmC i[rel=quote]{border-left:0;border-right:2px solid var(--contentL)}
.Rtl blockquote.s-1{padding:25px 45px 25px 25px;border-right:0}
.Rtl blockquote.s-1::before{left:auto;right:0}
/* RTL Mode */
.Rtl .ntfT{padding:0 0 0 15px}
.Rtl .cmHr.a .n::after{margin:0 3px 0 0}
.Rtl .cmCn li li .cmHr{padding:0 26px 0 0}
.Rtl .cmAc a::before{content:'\2935'}
.Rtl .cmHl>li>.cmIn::before{right:-24px;left:auto}
.Rtl .BlogSearch .sb{left:auto;right:0}
.Rtl .BlogSearch button.sb{left:0;right:auto}
.Rtl .srhB .c{border-left:0;border-right:1px solid var(--contentL)}
.Rtl .toTopF{right:auto;left:20px}
.Rtl .tGr::before{right:auto;left:32px}
@media screen and (min-width:897px){.Rtl .mnMn ul{border-radius:16px 5px 16px 16px}.Rtl .mnMn>li:last-child ul{left:-15px;right:auto;border-radius:5px 16px 16px 16px}}
@media screen and (max-width:896px){.Rtl .headR{padding:0 0 0 20px}.Rtl .headL{padding:0 15px 0 0}.Rtl .headL .headIc{padding-right:0;padding-left:5px}.Rtl .headM{left:auto;right:0;margin-left:0;margin-right:-100%}.Rtl .navi:checked~.mainWrp .headM{margin-left:0;margin-right:0}.Rtl .mnBr{border-radius:12px 0 0 12px}.Rtl .mnMn li:not(.mr) ul{padding-left:0;padding-right:30px}}
/*li>.cmIn::before,.drK .cpLb{border-color:rgba(255,255,255,.15)}
.drK .pre{background:var(--darkBs);color:var(--darkTa)}
.drK .cmC i[rel=pre]{background:var(--darkB);color:var(--darkTa)}
.drK footer{background:var(--darkBs);border-color:rgba(255,255,255,.15)}
.drK .tIc::after,.drK .shL a,.drK .cpLb{background:rgba(0,0,0,.15)}
.drK h1,.drK h2,.drK h3,.drK h4,.drK h5,.drK h6,.drK footer,.drK .button{color:var(--darkT)}
.drK .admPs,.drK .dlBox,.drK .fixLs,.drK .cArea input:focus~.n,.drK .cArea textarea:focus~.n,.drK .cArea input[data-text=fl]~.n,.drK .cArea textarea[data-text=fl]~.n,.drK .wL.bg li>*{background:var(--darkBs)}
.drK .ancrA{background:var(--darkBa)}
.drK .button.ln,.drK .navI,.drK .BlogSearch input{background:transparent}
.drK::selection,.drK a,.drK .free::after,.drK .new::after,.drK .mnMn li:not(.mr) .a:hover,.drK .mnMn ul li a:hover,.drK .aTtl a:hover,.drK details.ac[open] summary,.drK .cpL label,.drK .wL li>*:hover .lbC,.drK .wL li>div .lbC,.drK .wL .lbM,.drK .cmBtn.ln:hover,.drK .wL.cl .lbN:hover .lbC,.drK .wL.cl div.lbN .lbC{color:var(--darkU)}
.drK .wL li>*:hover svg,.drK .wL li>div svg{stroke:var(--darkU)}
.drK .toTopF,.drK .blogPg>*,.drK .button,.drK .zmImg::after,.drK .widget input[type=button],.drK .widget input[type=submit]{background:var(--darkU)}
.drK .pS input[id*="1"]:checked~.tbHd label[for*="1"],.drK .pS input[id*="2"]:checked~.tbHd label[for*="2"],.drK .pS input[id*="3"]:checked~.tbHd label[for*="3"],.drK .pS input[id*="4"]:checked~.tbHd label[for*="4"],.drK .widget input[type=text]:focus,.drK .widget input[type=email]:focus,.drK .widget textarea:focus,.drK .widget input[data-text=fl],.drK .widget textarea[data-text=fl],.drK .wL.cl .lbN:not(div):hover,.drK .wL.cl div.lbN{border-color:var(--darkU)}
.drK .button.ln:hover{border-color:var(--darkU);box-shadow:0 0 0 1px var(--darkU) inset}
.drK header a,.drK .pLbls>*,.drK .aTtl a,.drK .blogPg>*,.drK .brdCmb a,.drK .wL li>*,.drK .cmAc a,.drK .pShc>*{color:inherit}
.drK .blogPg .nPst,.drK .blogPg .current{background:var(--contentL);color:var(--bodyCa)}
.drK .wPrf.tm .sIm{background:var(--darkB)}
.drK .wPrf.tm .sIm::after{background:var(--darkBa);color:var(--darkTa)}
.drK .wPrf.tm .am{background:var(--darkBs)}
.drK .bMenu{background-image:linear-gradient(0deg,rgba(30,30,30,.9) 25%,rgba(30,30,30,.75) 50%,rgba(30,30,30,.35) 75%,rgba(30,30,30,.01) 95%)}
.drK .bMenu>*:not(.bCmt){background:var(--darkBs)}
.drK .bMenu .bCmt{background:var(--darkU)}
@media screen and (min-width:897px){drK .mnMn .a:hover{color:var(--darkU)}.drK .mnMn .a::after{border-color:var(--darkU)}.drK .mnMn ul{background:var(--darkBs)}.drK .mnMn ul li>*:hover{background:rgba(0,0,0,.15)}}
@media screen and (max-width:896px){.drK .mnBrs{background:var(--darkBs)}.drK .mnMn .a:hover svg:not(.d){fill:var(--darkU)}.drK .mnMn .a:hover svg.line:not(.d){fill:none;stroke:var(--darkU)}.drK .mnMn li:not(.mr) .a:hover,.drK .mnMn ul li>*:hover{background:rgba(0,0,0,.15)}.drK .mnMn>li.br::after{border-color:rgba(255,255,255,.15)}}
@media screen and (max-width:500px){.itemFt .itm .iCtnt{border-color:rgba(255,255,255,.15)}}
/* onSTU */
.onSTU .headCn {
height: var(--headerH) !important;
}
.onSTU .blogAd, .onSTU .headL .headIc,.onSTU #header-Menu, .onSTU .isSrh, .onSTU #notif-widget, .onSTU .blogPts, .onSTU .sidebar{
display: none !important;
}
.onSTU .bg_stu {
display: block !important;
}
.onSTU .headH>bdi {
display: flex;
align-items: center;
gap: 10px
}
.chmv {
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 100;
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3E%3Cg mask='url(%23SvgjsMask1007)' fill='none'%3E%3Crect width='1440' height='560' x='0' y='0' fill='%23c20025'%3E%3C/rect%3E%3Cpath d='M1440 0L1293.33 0L1440 107.4z' fill='rgba(255, 255, 255, 0.1)'%3E%3C/path%3E%3Cpath d='M1293.33 0L1440 107.4L1440 349.63L926.2199999999999 0z' fill='rgba(255, 255, 255, 0.075)'%3E%3C/path%3E%3Cpath d='M926.22 0L1440 349.63L1440 405.67L364.98 0z' fill='rgba(255, 255, 255, 0.05)'%3E%3C/path%3E%3Cpath d='M364.98 0L1440 405.67L1440 439.12L353.16 0z' fill='rgba(255, 255, 255, 0.025)'%3E%3C/path%3E%3Cpath d='M0 560L590.88 560L0 506.21z' fill='rgba(0, 0, 0, 0.1)'%3E%3C/path%3E%3Cpath d='M0 506.21L590.88 560L822.63 560L0 360.37z' fill='rgba(0, 0, 0, 0.075)'%3E%3C/path%3E%3Cpath d='M0 360.37L822.63 560L1187.81 560L0 225.48000000000002z' fill='rgba(0, 0, 0, 0.05)'%3E%3C/path%3E%3Cpath d='M0 225.48000000000002L1187.81 560L1205.58 560L0 186.44000000000003z' fill='rgba(0, 0, 0, 0.025)'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3Cmask id='SvgjsMask1007'%3E%3Crect width='1440' height='560' fill='white'%3E%3C/rect%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E"); */
background-attachment: fixed;
background-size: cover;
background-position: center;
color: #000
}
.chmv svg.safe {
color: #000;
fill: none;
width: 50px;
height: 50px;
}
.hmvH-icon {
display: inline-block;
border: 1px solid;
border-color: #dadce0;
border-radius: 50%;
line-height: 0;
padding: 10px
}
.hmvB-title {
font-size: 24px;
font-weight: 700
}
.hmv {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 20px;
width: 100%;
max-width: 400px;
}
.hmv>* {
position: relative;
z-index: 1
}
.hmv .hmvD {
font-size: 13px;
opacity: .8;
display: inline-flex;
align-items: center
}
.hmv .hmvD svg {
width: 13px;
height: 13px;
margin-right: 5px
}
.chmv>.exp {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.exp .b {
text-align: center
}
.chmv>.exp .i svg {
width: 350px;
height: 350px;
max-width: 100%
}
.chmv>.exp .button {
background: #181087
}
.hmvH {
margin-bottom: 25px;
}
.hmvB {
margin-bottom: 15px;
}
@keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-30px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes lightSpeedLeft {
from {
transform: translate3d(-50%, 0, 0) skewX(20deg);
opacity: 0
}
60% {
transform: skewX(-10deg);
opacity: 1
}
80% {
transform: skewX(2deg)
}
to {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes zoomOut {
0% {
opacity: 0;
transform: scale(1.5)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes slideRight {
0% {
opacity: 0;
transform: translateX(30px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes lightSpeedRight {
from {
transform: translate3d(50%, 0, 0) skewX(-20deg);
opacity: 0
}
60% {
transform: skewX(10deg);
opacity: 1
}
80% {
transform: skewX(-2deg)
}
to {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
.button {
display: inline-flex;
text-align: center;
align-items: center;
background: #ed143d;
color: #fff;
font-weight: 400;
padding: 8px 12px;
border: 0;
border-radius: 6px;
text-decoration: none;
transition: opacity 0.3s;
cursor: pointer;
}
.button.wait {
cursor: default;
}
.button:not(.wait):hover {
opacity: 0.8;
}
.button.exp {
background: #FFF !important;
color: #181087
}
.button.wait {
background-color: #0454E71f;
color: #0454E7;
box-shadow: none;
}
.button.wait:hover {
box-shadow: none;
}
.button svg {
width: 18px;
height: 18px;
fill: none !important
}
.button .wait-icon {
margin-right: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.circle_animate {
animation: rotation 1s linear infinite;
}
@keyframes rCv {
0%, 20%, 50%, 80%, 100% {
transform: translateX(0)
}
40% {
transform: translateX(10px)
}
60% {
transform: translateX(5px)
}
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
h2.expired {
transition: 1s;
animation: 0.8s 1 forwards cubic-bezier(.36, -.01, .5, 1.38) zoomIn
}
@media screen and (min-width: 1024px) {
.waveT {
margin-top: -50px
}
.waveB {
margin-bottom: -50px
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5)
}
100% {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0)
}
}
/*]]>*/