.cykle{font-family:"Manrope",sans-serif;display:flex;height:100%;color:#fff}.cykle .list-container{display:flex;flex-direction:column;padding:20px;flex-basis:40%;background-color:#1b5149;box-sizing:border-box;overflow-y:auto;max-height:900px;position:relative}.cykle .list-container .list{flex:1;overflow-y:auto;padding-right:6px;font-size:18px}.cykle .list-container .list .tree{background-color:#25675f;border-radius:12px;margin-bottom:12px;padding:14px 16px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:all .3s ease}.cykle .list-container .list .tree.hidden .content{display:none}.cykle .list-container .list .tree .name,.cykle .list-container .list .tree .cykl-name{cursor:pointer;margin:6px 0;font-weight:600;display:flex;align-items:center;position:relative;color:#fff;padding:4px 6px;border-radius:8px;transition:background-color .2s ease,color .2s ease}.cykle .list-container .list .tree .name:hover,.cykle .list-container .list .tree .cykl-name:hover{background-color:#348076;color:#fdcf5b}.cykle .list-container .list .tree .name:before,.cykle .list-container .list .tree .cykl-name:before{margin-right:.6em;font-size:1em}.cykle .list-container .list .tree .name:before{content:"◯";color:#ccc}.cykle .list-container .list .tree .cykl-name:before{content:"⬤";color:#fdcf5b}.cykle .list-container .list .tree .cykl-name{background-color:#1d3c39;padding:10px;border-left:4px solid #fdcf5b;border-radius:8px;font-size:17px;margin-top:8px;transition:background-color .3s ease}.cykle .list-container .list .tree .cykl-name:hover{background-color:#2c5e57;color:#fff}.cykle .list-container .list .tree .label{flex-grow:1}.cykle .list-container .toggle-btn{position:absolute;background:#1b5149;color:#fff;border:none;cursor:pointer;z-index:10;font-size:20px;transition:all .3s ease}@media(max-width: 900px){.cykle .list-container .toggle-btn{bottom:0;left:0;width:100%;height:30px}}@media(min-width: 901px){.cykle .list-container .toggle-btn{top:0;right:0;width:20px;height:100%}}.cykle .list-container.collapsed{flex-basis:40px;overflow:hidden}.cykle .list-container.expanded{flex-basis:40%;overflow:auto}.cykle .cykl-container{flex:1;background:#1b5149;color:#000;padding:20px;overflow-y:auto}.cykle .cykl-container .cykl-view{background:#25675f;border-radius:16px;padding:24px 28px;box-shadow:0 4px 16px rgba(0,0,0,.08);max-width:100%;margin:0 auto}.cykle .cykl-container .cykl-view .cykl-header{font-size:26px;font-weight:700;margin-bottom:20px;color:#145046;border-bottom:2px solid #eee;padding-bottom:8px;color:#fdcf5b}.cykle .cykl-container .cykl-view .links{display:flex;flex-direction:column;gap:12px;margin-top:10px}.cykle .cykl-container .cykl-view .links .link,.cykle .cykl-container .cykl-view .links>div{display:none;background:#1d3c39;border-left:4px solid #fdcf5b;border-radius:8px;padding:12px 16px;color:#fff;font-size:16px;font-weight:500;transition:background-color .3s ease}.cykle .cykl-container .cykl-view .links .link:hover,.cykle .cykl-container .cykl-view .links>div:hover{background:#2c5e57}.cykle .cykl-container .cykl-view .links .link a,.cykle .cykl-container .cykl-view .links>div a{color:inherit;text-decoration:none;display:inline-block}.cykle .cykl-container .cykl-view .links .link a:hover,.cykle .cykl-container .cykl-view .links>div a:hover{text-decoration:underline;color:#fdcf5b}.cykle .cykl-container .cykl-view.show{display:block}@media(max-width: 900px){.cykle{flex-direction:column;height:auto}.cykle .list-container{flex-basis:auto;width:100%;max-height:288px;transition:max-height .3s ease;overflow-y:auto}.cykle .list-container .list{opacity:1;pointer-events:auto;transition:opacity .3s ease;font-size:16px}.cykle .list-container .toggle-btn{height:30px;width:100%}}/*# sourceMappingURL=cykle-list.css.map */