.fragment-block{flex-grow:1;background:white;border:3px solid white;box-shadow:0 2px 10px var(--light-shadow)}.fragment-block iframe{border:none}@media (min-width: 420px){.fragment-block{border-radius:12px}}@media (max-width: 420px){.fragment-block{border-inline:none}}.list-view{display:flex;flex-direction:column;padding:15px 10px;background:var(--light-platin-white);box-shadow:0 2px 10px var(--light-shadow)}.list-view .head{display:flex;align-items:center;padding-inline-start:10px;padding-bottom:15px;border-bottom:1px solid var(--very-light-gray);margin-bottom:15px}.list-view .head .title.anchored{display:block;cursor:pointer}.list-view .head .title.anchored:hover{text-decoration:underline;color:var(--primary)}.list-view .checkbox{--size: 16px;position:relative;display:block;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);margin-inline-end:20px;background-color:#fff;border:1px solid var(--very-light-gray);border-radius:50%;transition:all .1s ease-in-out;cursor:pointer}.list-view .checkbox.checked{background-color:var(--primary);border-color:var(--primary)}.list-view .checkbox:before{content:"";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:8px;border-right:2px solid white;border-bottom:2px solid white}.list-view .back{width:20px;height:20px;color:#708090;font-size:1.1rem;line-height:24px;margin-inline-end:10px;transition:color .1s ease-in-out;cursor:pointer}.rtl .list-view .back,.rtl .list-view .list-item .arrow{transform:rotateY(180deg)}.list-view .back.hide{display:none}.list-view .back:hover{color:var(--primary)}.list-view .head p{flex-grow:1;color:#708090}.list-view .head .options{position:relative;z-index:1}.list-view .head .options span{display:block;position:relative;width:30px;height:30px;border-radius:8px;transition:background-color .1s ease-in-out;cursor:pointer}.list-view .head .options span:hover{background-color:var(--very-light-gray)}.list-view .head .options span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#2f4f4f}.list-view .body{position:relative;flex-grow:1}.list-view .body .loading.hide{display:none}.list-view .body .loading{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:1}.list-view .layers{position:relative;width:100%;min-width:260px;height:100%}.list-view .layers ul{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;background:var(--light-platin-white);overflow-y:auto}.list-view .body ul::-webkit-scrollbar{width:8px;background-color:var(--light-platin-white)}.list-view .body ul::-webkit-scrollbar-track{border-radius:10px}.list-view .body ul::-webkit-scrollbar-thumb{border-radius:10px;background-color:#888}.list-view .body li{list-style-type:none}.list-view .body li:not(:last-of-type){padding:0 10px 5px;border-bottom:1px solid var(--very-light-gray);margin-bottom:5px}.list-view .body li:last-of-type{padding:0 10px}.list-view .list-item{display:flex;align-items:center;padding:10px;margin:0 -10px;border-radius:8px;transition:background-color .1s ease-in-out;-webkit-user-select:none;user-select:none;cursor:pointer}.list-view .list-item:hover{background-color:var(--very-light-gray)}.list-view .list-item .content{flex-grow:1}.list-view .list-item .arrow{display:flex;width:20px;margin-inline-start:10px;color:#789;transition:visibility .1s ease-in-out;cursor:pointer;text-align:end}.ltr .list-view .list-item .arrow{justify-content:flex-end}.list-view .list-item:not(:hover) .arrow{visibility:hidden}@media (min-width: 420px){.list-view{border:3px solid white;border-radius:12px}}@media (max-width: 420px){.list-view{border-block:3px solid white}}.search-field{position:relative;display:flex;align-items:center;padding:0 15px;background:var(--very-light-gray);border-radius:8px}.search-field i{color:#708090}.search-field input{flex-grow:1;padding:10px 20px;background:transparent;border:none;font-size:.9rem}.search-field .results{position:absolute;width:calc(100% - 20px);left:0;bottom:-10px;transform:translateY(100%);padding:10px;background:white;border-radius:12px;box-shadow:0 2px 10px var(--medium-shadow);z-index:10}.search-field .results:not(.show){display:none}.search-field .results ul{max-height:300px;padding:0;margin:0;overflow-y:auto}.search-field .results li{list-style-type:none;padding:5px;border-radius:8px;transition:background-color .1s ease-in-out;cursor:pointer}.search-field .results li:not(:last-of-type){margin-bottom:5px}.search-field .results li:hover{background-color:var(--average-platin-white)}.search-field .results.loading>ul,.search-field .results:not(.loading) .spinner{display:none}.ltr .collapsible-panel{--dir: 1}.rtl .collapsible-panel{--dir: -1}.collapsible-panel:not(.show){width:0;margin:0}.collapsible-panel{width:var(--width);transition:all .3s ease}.collapsible-panel:not(.show) .collapsible-content{transform:translate(calc(var(--dir) * -30px))}.collapsible-content{position:absolute;top:0;height:100%;width:var(--width);box-sizing:border-box;transition:transform .3s ease}.ltr .collapsible-content,.ltr .collapsible-panel .panel-toggle{right:0}.rtl .collapsible-content,.rtl .collapsible-panel .panel-toggle{left:0}.collapsible-panel:not(.show) .panel-toggle{border-start-start-radius:0;border-end-start-radius:0}.collapsible-panel .panel-toggle{position:absolute;top:0;width:40px;height:40px;transform:translate(-50%,calc(var(--dir) * 50%));background-color:#fff;color:#2f4f4f;border-radius:20px;font-size:1.2rem;box-shadow:0 2px 5px var(--light-shadow);transition:all .2s ease;cursor:pointer;z-index:10}.collapsible-panel .panel-toggle:hover{background-color:var(--info);color:#fff}.collapsible-panel .panel-toggle i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .1s ease}.collapsible-panel.show .panel-toggle i{transform:translate(-50%,-50%) rotateY(180deg)}@media (min-width: 851px){.collapsible-panel{position:relative}}@media (max-width: 850px){.collapsible-panel{position:absolute;height:calc(100% - 20px)}}@media (max-width: 420px){.collapsible-panel{width:100%}.collapsible-panel .panel-toggle{width:60px;transform:translate(calc(var(--dir) * 20px),-50%)}.collapsible-panel:not(.show) .panel-toggle{transform:translate(calc(var(--dir) * 40px),-50%)}.collapsible-panel.show .panel-toggle i{left:calc(50% - var(--dir) * 10px)}.collapsible-panel:not(.show) .panel-toggle i{left:calc(50% + var(--dir) * 10px)}}.container{max-height:calc(100% - 90px)}.view-container{flex-grow:1;display:flex;max-height:100%}.collapsible-panel{margin-inline-end:20px}.search-field li,.list-view li .content{display:flex;align-items:center}.search-field li span,.list-view li .content span{--size: 34px;position:relative;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);margin-inline-end:10px;background:var(--info);border-radius:8px;box-shadow:0 1px 5px var(--light-shadow)}.search-field li span i,.list-view li .content span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.search-field li h4,.list-view li h4{color:#2f4f4f;font-size:.8rem}.search-field li p,.list-view .body li p{color:#708090;font-size:.8rem}