.label{border-radius:.5rem;font-size:1.5rem;line-height:1.6rem;padding:.8rem 1rem;white-space:nowrap;color:#fff;margin:0!important}.label-gray-200{background:#9a9a9a}.label-primary{background:#734bd1}@media (min-width:769px){.label{display:block}}@media (max-width:768px){.label{display:inline-block}}.breadcrumb{margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.breadcrumb>li{position:relative}.breadcrumb>li:not(:last-child){margin-right:1rem;padding-right:2rem}.breadcrumb>li:not(:last-child):after{content:"\00BB";color:#9a9a9a;position:absolute;right:0}.breadcrumb>li:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb>li>a{color:#9a9a9a;font-size:1.7rem;white-space:nowrap}.breadcrumb>li>a:hover{color:#000}.modal{z-index:999}.modal,.modal:after{position:fixed;top:0;left:0;height:100%;width:100%}.modal:after{content:"";z-index:1;background:rgba(0,0,0,.5)}.modal-body{position:relative;width:100%;margin:5rem auto;background-color:#fff;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:2;padding:5rem 2rem;min-height:60rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal .close{background:transparent;border:none;position:absolute;top:3rem;right:3rem;z-index:5;font-size:2rem;cursor:pointer}.modal-description .modal-body{text-align:center;color:#fff}.modal-description .close{color:#fff}.modal-description .list-social{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-description .list-social>li>a{background:#fff;width:5rem;height:5rem;line-height:5rem;border-radius:100%;color:#333}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}@media (min-width:769px){.modal-body{max-width:50rem}}@media (max-width:768px){.modal-body{max-width:95vw}}.solution-btn{position:fixed;bottom:2rem;right:2rem;z-index:500}.solution-btn .btn{border-radius:5rem;color:#fff;border:2px solid #734bd1;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.article{width:100%;background:#fff;-webkit-box-shadow:.1rem .1rem 1rem rgba(0,0,0,.1);box-shadow:.1rem .1rem 1rem rgba(0,0,0,.1);-webkit-transition:all .25s ease;transition:all .25s ease}.article-row>*{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:3rem}.article:hover{-webkit-box-shadow:.1rem .1rem 4rem rgba(0,0,0,.05);box-shadow:.1rem .1rem 4rem rgba(0,0,0,.05)}.article-header{height:22rem;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.article-header>img{min-height:100%;min-width:100%;width:auto;height:auto;max-width:auto;margin:auto}.article-body{padding:2rem}.article-search{position:relative}.article-search>input{padding-right:4rem}.article-search>button{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;height:100%;width:3rem;padding-right:1rem;background:transparent;border:none;cursor:pointer;outline:none}#editor a:not(.btn){color:#734bd1;text-decoration:underline}#editor a:not(.btn):hover{text-decoration:none}#editor img:not(:last-child),#editor ol:not(:last-child),#editor p:not(:last-child),#editor ul:not(:last-child){margin-bottom:2.5rem}#editor ul>li{position:relative;padding-left:2rem}#editor ul>li:after{content:"";position:absolute;top:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:.5rem;width:.5rem;border-radius:100%;background-color:#333}#editor ol{counter-reset:count}#editor ol>li{list-style:none;position:relative;padding-left:2rem}#editor ol>li:before{counter-increment:count;content:counter(count) ".";position:absolute;top:1.2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;color:#333}.list-search{position:static}.list-search-container{position:relative;z-index:10}.list-search-items{position:absolute;top:130%;background:#fff;max-height:30rem;overflow:auto;padding:1rem;-webkit-box-shadow:.1rem .1rem 1rem rgba(0,0,0,.2);box-shadow:.1rem .1rem 1rem rgba(0,0,0,.2);border-radius:5px}.list-search-items>li{cursor:pointer;border-radius:5px;padding:.5rem;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-search-items>li mark{background:transparent;font-weight:700}.list-search-items>li:hover{background:#fafbfe}.list-search-items>li .list-img{height:6rem;width:6rem;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;margin-right:1rem;border-radius:.5rem}.list-search-items>li .list-img>img{height:100%}.img-wrap{height:40rem;border:.2rem solid #bebebe;padding:2rem}.img-wrap img{width:100%!important;height:100%!important}@media (min-width:769px){.article-page{margin-top:9rem}.article-page,.article-related{padding:7rem 0}.article:hover a{color:#734bd1}.list-inline.list-article-filter>li{text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0}.list-inline.list-article-filter>li>input{display:none}.list-inline.list-article-filter>li>label{cursor:pointer}.list-search-items{width:100%;overflow:auto;right:0}.img-wrap{float:right;width:18rem;margin:0 4rem}}@media (max-width:768px){.article-page{margin-top:7rem}.article-page,.article-related{padding:5rem 0}.list-article-filter>li{margin-bottom:1rem;margin-right:1rem}.list-article-filter>li>input{display:none}.list-article-filter>li>label{cursor:pointer}.list-search-items{width:calc(100% - 30px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:1rem}.img-wrap{width:20rem;margin:0 auto;display:block}}


.share-button{
  position: relative;
}
.share-content{
  display: flex;
  align-items: center;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 2rem);
  width: max-content;
  background-color: #fff;
  padding: 1rem;
  border-radius: 40rem;
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.2);
}
.share-content::after{
  content: '';
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  z-index: 2;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  top: -1rem;
  position: absolute;
}
.share-popup{
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  border-radius: 100%;
  text-align: center;
  color: #fff;
}
.share-popup:not(:last-child){
  margin-right: 1rem;
}
#editor pre{
  font-feature-settings: normal;
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  font-family: Fira Code,Menlo,Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  font-variant-ligatures: none;
  word-wrap: normal;
  tab-size: 4;
  hyphens: none;
  background: #eee;
  padding: 3rem;
  overflow: auto;
}
#editor pre> code{
  line-height: calc(1.75rem + .2vw);
  background: 0 0;
  white-space: break-spaces;
}