main{margin:0 20px}.scroller{height:255px;overflow-y:auto}article{cursor:pointer;border:1px solid #fff;width:calc(100% - 12px);margin:0 6px;padding:8px 10px;font-size:12px}article:hover{background:#b7dbff;border:1px solid #40a0ff}.subscribe__content__search .close{top:20px;right:26px!important}.unselect{color:#444;background-color:#0000;border:none;width:36px;font-size:18px}.unselect:hover{color:red}.position-fixed{position:fixed}.bottom-0{bottom:0}.end-0{left:0}.subscribed-to{margin-bottom:25px}.subscribed-to__wrap .alert{margin-top:10px;margin-bottom:10px}#app h4{color:#141b3d;margin-bottom:10px;font-size:12px;font-weight:500}.subscribed-to__wrap{border:1px solid #dadde2;border-radius:8px;max-height:140px;padding:0 16px;overflow-y:auto}.subscribed-to__wrap li{color:#141b3d;align-items:center;padding:8px 0;font-size:12px;font-weight:400;list-style:none}.subscribed-to__all{border:1px solid #dadde2;border-radius:8px;align-items:center;margin-bottom:30px;padding:26px 28px;display:flex}.subscribed-to__all span{margin-right:13px}.subscribed-to__all .fa-check{color:#55b14f}.subscribed-to__all .fa-times{color:#f1616f}.subscribed-to__all p{color:#2d3e4d;font-size:14px}.backdrop{z-index:2;background:#0003;place-items:center;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.scroll-section{max-height:calc(100vh - 166px);overflow:auto}.search-input{width:25%;min-width:400px;max-width:100%}.subscribe__content__search{background:#f6f7f9;border-bottom:1px solid #d9d9d9;border-top-left-radius:8px;border-top-right-radius:8px;align-content:center;align-items:center;padding:20px 25px 16px;display:flex;position:relative}.subscribe__content__search label{color:#141b3d;white-space:nowrap;margin-right:10px;font-size:12px;font-weight:500}@media only screen and (width<=768px){.subscribe__content__search{padding:20px 25px 16px}}.subscribe__content__search div{width:100%;position:relative}.subscribe__content__search label{color:#141b3d;margin-right:28px;font-size:12px}.subscribe__content__search input{color:#141b3d;border:1px solid #dadde2;border-radius:8px 0 0 8px;width:100%;height:37px;padding:0 10px;font-size:14px}.subscribe__content__search .close{cursor:pointer;color:#ccc;background:0 0;border:none;width:30px;height:30px;font-size:22px;position:absolute;right:106px}.is-selected{color:green}.codes-list{margin-bottom:50px}.tree>.tree-level>li.tree-node:nth-child(2n){background:#f6f7f9}.tree{width:100%;font-family:Roboto,Helvetica Neue,sans-serif}.tree-level{flex:1}.node-checkbox{display:none}.icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:0;height:24px;padding:0;display:flex}.node-wrapper:hover{background-color:#eee}.node-wrapper:focus{background-color:#e0e0e0;border:0}.input-wrapper{margin-left:.75em}.icon-wrapper svg{width:12px;height:12px}.node-wrapper{word-wrap:break-word;flex:1;align-items:center;padding:14px 26px;font-size:13px;display:flex}.checkbox-wrapper{cursor:pointer;background:#fff;border:2px solid #0000008a;border-radius:.125em;width:1.25em;height:1.25em;margin-left:.3em;transition:background .3s;position:relative;overflow:hidden}.checkbox-wrapper.checked,.checkbox-wrapper.indeterminate{background:#3db1f2;border:2px solid #3db1f2}.node-wrapper.disabled .checkbox-wrapper.checked,.node-wrapper.disabled .checkbox-wrapper.indeterminate{background:#00000042}.node-wrapper.disabled .checkbox-wrapper{border-color:#00000042}.checkbox-wrapper.checked:after{border:.125em #fff;border-style:none none solid solid;width:.5em;height:.3em;transform:translate(.25em,.336538em)rotate(-45deg)}.checkbox-wrapper.indeterminate:after{border:.125em #fff;border-bottom-style:solid;width:.5em;height:.3em;transform:translate(.25em,.336538em)rotate(0)}.checkbox-wrapper:after{content:"";position:absolute;top:0;left:0}.node-over{border-top:2px solid #3db1f2}.node-in{background-color:#bdbdbd}.node-under{border-bottom:2px solid #3db1f2}.input-wrapper{color:#000;align-items:center;font-size:14px;display:flex;position:relative}.node-input,.node-text{font-family:Roboto,sans-serif}.input-wrapper:after{content:" ";color:#d50000;padding-top:5px;font-size:12px;display:block}.input-wrapper input{color:#000;background:0 0;border:none;border-bottom:1px solid #d2d2d2;outline:none;width:100%;padding:4px 0;font-size:14px;transition:border-color .2s;display:block}.input-wrapper input:focus{color:#3db1f2;border-bottom-width:3px;border-bottom-color:#3db1f2;outline:none;padding-bottom:4px}.subscribe__header{justify-content:space-between;align-items:flex-end;margin-bottom:36px;display:flex}.subscribe__header__left h2{color:#141b3d;margin-bottom:13px;font-size:23px;font-weight:700}.subscribe__header__left p{color:#acacaf;font-size:13px}.subscribe__header__right button{cursor:pointer;background:0 0;border:none;align-items:center;margin-bottom:20px;display:flex}.subscribe__header__right button i{margin-right:8px}.subscribe__header__right button span{color:#141b3d;white-space:nowrap;font-size:12px}.subscribe__content__search .btn{border-top-left-radius:0;border-bottom-left-radius:0;height:37px;padding:0 20px}.subscribe__content{border:1px solid #d9d9d9;border-radius:8px}.alert-success{color:#4f9c79;background:#c9ebdc;border:1px solid #6bb693;border-radius:8px;padding:10px}