/*! #navigation start */
/* #region */
.md33954.navigation .hidden{display:none}
.md33954.navigation .overflow-hidden{overflow:hidden}
.md33954.navigation .overflow-visible{overflow:visible}
.md33954.navigation .absolute{position:absolute}
.md33954.navigation .relative{position:relative}
.md33954.navigation .inset-0{inset:0}
.md33954.navigation .z-10{z-index:10}
.md33954.navigation .mx-auto{margin-left:auto;margin-right:auto}
.md33954.navigation .mt-auto{margin-top:auto}
.md33954.navigation .ml-auto{margin-left:auto}
.md33954.navigation .size-full{width:100%;height:100%}
.md33954.navigation .w-full{width:100%}
.md33954.navigation .w-auto{width:auto}
.md33954.navigation .h-full{height:100%}
.md33954.navigation .h-auto{height:auto}
.md33954.navigation .leading-none{line-height:1}
.md33954.navigation .whitespace-nowrap{white-space:nowrap}
.md33954.navigation .bg-theme{background-color:rgb(var(--theme))}
.md33954.navigation .cursor-pointer{cursor:pointer}
.md33954.navigation .object-cover{object-fit:cover}
.md33954.navigation .object-contain{object-fit:contain}
.md33954.navigation .pointer-events-none{pointer-events:none}
.md33954.navigation .pointer-events-auto{pointer-events:auto}
.md33954.navigation .brightness-20{filter:brightness(20)}
.md33954.navigation .invert{filter:invert(1)}
.md33954.navigation .text-theme{color:rgb(var(--theme))}
.md33954.navigation .text-theme{color:var(--theme)}
.md33954.navigation .font-medium{font-weight:500}
.md33954.navigation button,.md33954.navigation input,.md33954.navigation textarea{border:none;outline:none;padding:0;background-color:transparent}
.md33954.navigation img{opacity:0}
.md33954.navigation img[src]{opacity:1}
.md33954.navigation .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}
.md33954.navigation .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md33954.navigation .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md33954.navigation .icon img:nth-child(2),.md33954.navigation .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md33954.navigation .hover-icon:hover.icon img:first-child,.md33954.navigation .hover-icon:hover .icon img:first-child,.md33954.navigation .active-icon.icon img:first-child,.md33954.navigation .active-icon .icon img:first-child{opacity:0}
.md33954.navigation .hover-icon:hover.icon img:last-child,.md33954.navigation .hover-icon:hover .icon img:last-child,.md33954.navigation .active-icon.icon img:last-child,.md33954.navigation .active-icon .icon img:last-child{opacity:1}
.md33954.navigation.wrap,.md33954.navigation .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md33954.navigation .area{margin:0 auto;width:16rem;max-width:100%}
.md33954.navigation{color:#222;overflow:hidden}
.md33954.navigation{border-bottom:1px solid rgba(0,0,0,.08)}
.md33954.navigation::-webkit-scrollbar{background-color:#eee;border-radius:3px}
.md33954.navigation::-webkit-scrollbar-button{display:none}
.md33954.navigation::-webkit-scrollbar-thumb{background:rgba(var(--rgb),1);border-radius:3px}
.md33954.navigation{overflow-x:auto}
.md33954.navigation::-webkit-scrollbar{height:.05rem}
@supports not selector(::-webkit-scrollbar){.md33954.navigation{scrollbar-color:rgba(var(--rgb),1) #eee;scrollbar-width:thin}
}
.md33954.navigation .nav-main{min-height:.8rem;white-space:nowrap}
.md33954.navigation .nav-item{border-top:4px solid transparent;border-bottom:4px solid transparent}
.md33954.navigation .nav-item:nth-child(n+2){margin-left:.8rem}
.md33954.navigation .nav-item.active{color:rgba(var(--rgb),1);border-bottom-color:rgba(var(--rgb),1)}
.md33954.navigation .icon-home{margin-right:.15rem}
.md33954.navigation .crumb-item{transition:.3s}
.md33954.navigation .crumb-item:nth-child(n+2){padding-left:.05rem}
.md33954.navigation .crumb-item:nth-child(n+2):before{content:"/";display:block;padding-right:.05rem;color:#999;text-shadow:none}
.md33954.navigation .crumb-item:hover{color:rgba(var(--rgb),1)}
@media(max-width:500px){
	.md33954.navigation .crumbs{display:none}
}
/* #endregion */
/*! #navigation end */

/*! #case-detail start */
/* #region */
.md33681.md-case-detail .hidden{display:none}
.md33681.md-case-detail .overflow-hidden{overflow:hidden}
.md33681.md-case-detail .overflow-visible{overflow:visible}
.md33681.md-case-detail .absolute{position:absolute}
.md33681.md-case-detail .relative{position:relative}
.md33681.md-case-detail .inset-0{inset:0}
.md33681.md-case-detail .z-10{z-index:10}
.md33681.md-case-detail .mx-auto{margin-left:auto;margin-right:auto}
.md33681.md-case-detail .mt-auto{margin-top:auto}
.md33681.md-case-detail .ml-auto{margin-left:auto}
.md33681.md-case-detail .size-full{width:100%;height:100%}
.md33681.md-case-detail .w-full{width:100%}
.md33681.md-case-detail .w-auto{width:auto}
.md33681.md-case-detail .h-full{height:100%}
.md33681.md-case-detail .h-auto{height:auto}
.md33681.md-case-detail .leading-none{line-height:1}
.md33681.md-case-detail .whitespace-nowrap{white-space:nowrap}
.md33681.md-case-detail .bg-theme{background-color:rgb(var(--theme))}
.md33681.md-case-detail .cursor-pointer{cursor:pointer}
.md33681.md-case-detail .object-cover{object-fit:cover}
.md33681.md-case-detail .object-contain{object-fit:contain}
.md33681.md-case-detail .pointer-events-none{pointer-events:none}
.md33681.md-case-detail .pointer-events-auto{pointer-events:auto}
.md33681.md-case-detail .brightness-20{filter:brightness(20)}
.md33681.md-case-detail .invert{filter:invert(1)}
.md33681.md-case-detail .text-theme{color:rgb(var(--theme))}
.md33681.md-case-detail .text-theme{color:var(--theme)}
.md33681.md-case-detail .font-medium{font-weight:500}
.md33681.md-case-detail button,.md33681.md-case-detail input,.md33681.md-case-detail textarea{border:none;outline:none;padding:0;background-color:transparent}
.md33681.md-case-detail img{opacity:0}
.md33681.md-case-detail img[src]{opacity:1}
.md33681.md-case-detail .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}
.md33681.md-case-detail .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md33681.md-case-detail .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md33681.md-case-detail .icon img:nth-child(2),.md33681.md-case-detail .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md33681.md-case-detail .hover-icon:hover.icon img:first-child,.md33681.md-case-detail .hover-icon:hover .icon img:first-child,.md33681.md-case-detail .active-icon.icon img:first-child,.md33681.md-case-detail .active-icon .icon img:first-child{opacity:0}
.md33681.md-case-detail .hover-icon:hover.icon img:last-child,.md33681.md-case-detail .hover-icon:hover .icon img:last-child,.md33681.md-case-detail .active-icon.icon img:last-child,.md33681.md-case-detail .active-icon .icon img:last-child{opacity:1}
.md33681.md-case-detail.wrap,.md33681.md-case-detail .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md33681.md-case-detail .area{margin:0 auto;width:16rem;max-width:100%}
.md33681.md-case-detail{color:#222;overflow:hidden;padding-top:1.4rem;padding-bottom:1rem;background-color:#f0f5f9}
.md33681.md-case-detail .btn{position:relative;display:inline-flex;align-items:center;justify-content:space-between;min-width:1.8rem;height:2em;max-height:2em;white-space:nowrap;line-height:1;padding:.1rem .2rem;border-radius:.1rem;cursor:pointer;transition:.3s}
.md33681.md-case-detail .btn.border-white{color:#fff;border:1px solid #fff}
.md33681.md-case-detail .btn.border-white.hover:hover{color:#fff;border-color:rgba(var(--rgb),1);background-color:rgba(var(--rgb),1)}
.md33681.md-case-detail .btn.border{color:rgba(var(--rgb),1);border:1px solid rgba(var(--rgb),1)}
.md33681.md-case-detail .btn.border.hover:hover,.md33681.md-case-detail .btn.fill{color:#fff;background-color:rgba(var(--rgb),1)}
.md33681.md-case-detail .btn.fill-white{color:rgba(var(--rgb),1);background-color:#fff}
.md33681.md-case-detail .btn:hover{transform:translateY(-5px)}
.md33681.md-case-detail .case-main{display:flex;justify-content:space-between}
.md33681.md-case-detail .detail{width:11rem}
.md33681.md-case-detail .case-head{padding-bottom:.45rem;border-bottom:1px solid #ccc}
.md33681.md-case-detail .title{line-height:1.2777777778}
.md33681.md-case-detail .info{line-height:1.5555555556;margin-top:.28rem}
.md33681.md-case-detail .case-body{padding-top:.4rem}
.md33681.md-case-detail .case-body i,.md33681.md-case-detail .case-body em{font-style:italic}
.md33681.md-case-detail .case-body b,.md33681.md-case-detail .case-body strong{font-weight:bolder}
.md33681.md-case-detail .case-body u{text-decoration:underline}
.md33681.md-case-detail .case-body s,.md33681.md-case-detail .case-body del{text-decoration:line-through}
.md33681.md-case-detail .case-body p:has(img){text-align:center}
.md33681.md-case-detail .case-body video,.md33681.md-case-detail .case-body img,.md33681.md-case-detail .case-body iframe{max-width:100%;object-fit:contain}
.md33681.md-case-detail .case-body{line-height:2.0555555556}
.md33681.md-case-detail .case-foot{flex-wrap:wrap;padding-top:.6rem}
.md33681.md-case-detail .foot-left,.md33681.md-case-detail .foot-right{margin-top:.4rem}
.md33681.md-case-detail .turner-item{display:block;line-height:2}
.md33681.md-case-detail .turner-item:hover{color:rgba(var(--rgb),1)}
.md33681.md-case-detail .sidebar{margin-left:.3rem}
.md33681.md-case-detail .sidebar-title{line-height:1.3333333333}
.md33681.md-case-detail .sidebar-main{width:10em;margin-top:.25rem}
.md33681.md-case-detail .sidebar-item{display:block}
.md33681.md-case-detail .sidebar-item{position:relative;flex-shrink:0}
.md33681.md-case-detail .sidebar-item:before{content:"";display:block;padding-top:73.6842105263%}
.md33681.md-case-detail .sidebar-item>.fill{position:absolute;top:0%;left:0;width:100%;height:100%;z-index:1;transition:.5s}
.md33681.md-case-detail .sidebar-item{margin-bottom:.2rem;border-radius:.1rem;overflow:hidden}
.md33681.md-case-detail .sidebar-item:hover img{transform:scale(1.05)}
.md33681.md-case-detail .sidebar-cover{display:flex;flex-direction:column;justify-content:flex-end;padding:.15rem .3rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent 30%)}
@media(max-width:750px){
	.md33681.md-case-detail .case-main{flex-direction:column}
.md33681.md-case-detail .detail,.md33681.md-case-detail .sidebar-main{width:100%}
.md33681.md-case-detail .sidebar{margin-top:.6rem;margin-left:0}
.md33681.md-case-detail .sidebar-main{display:flex;flex-wrap:wrap;width:100%;gap:.49rem}
.md33681.md-case-detail .sidebar-item{width:calc((100% - .5rem)/2)}
}
@media(max-width:500px){
	.md33681.md-case-detail .sidebar-item{width:100%}
}
/* #endregion */
/*! #case-detail end */