| 1 |
- .left-pano[data-v-14929653]{position:absolute;width:var(--left-pano-width);background:rgba(27,27,28,.8);top:calc(var(--editor-head-height) + var(--header-top));left:var(--left-pano-left);bottom:var(--editor-menu-bottom);z-index:1000;backdrop-filter:blur(4px);overflow-y:auto;transition:all .3s ease}.ctrl-pano-c[data-v-14929653]{position:absolute;left:calc(var(--left-pano-left) + var(--left-pano-width));width:20px;height:80px;background:rgba(26,26,26,.8);border-radius:0 6px 6px 0;top:50%;transform:translateY(-50%);z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:14px;cursor:pointer;transition:inset .3s ease,color .3s ease}.ctrl-pano-c[data-v-14929653]:hover{color:#fff}.ctrl-pano-c[data-v-14929653]:active{color:var(--colors-primary-base)}.ctrl-pano-c .icon[data-v-14929653]{display:inline-block;transition:transform .3s ease;transform:rotate(0)}.ctrl-pano-c.active .icon[data-v-14929653]{transform:rotate(180deg)}.right-pano[data-v-88ae4fb8]{position:absolute;width:340px;background:rgba(27,27,28,.8);backdrop-filter:blur(4px);top:calc(var(--editor-head-height) + var(--header-top) + 20px);right:20px;z-index:5;overflow-y:auto;transition:all .3s ease;max-height:calc(100% - (var(--editor-head-height) + var(--header-top) + 40px));padding:20px;border-radius:4px}.ctrl-pano-c[data-v-dfff816a]{position:absolute;right:calc(var(--editor-menu-right) + var(--editor-toolbox-width));width:20px;height:80px;background:rgba(26,26,26,.8);border-radius:6px 0 0 6px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:14px;cursor:pointer;transition:inset .3s ease,color .3s ease}.ctrl-pano-c[data-v-dfff816a]:hover{color:#fff}.ctrl-pano-c[data-v-dfff816a]:active{color:var(--colors-primary-base)}.ctrl-pano-c .icon[data-v-dfff816a]{display:inline-block;transition:transform .3s ease;transform:rotate(180deg)}.ctrl-pano-c.active .icon[data-v-dfff816a]{transform:rotate(0)}.flex[data-v-dfff816a]{overflow-y:hidden;display:flex;flex-direction:column}.flex .header[data-v-dfff816a]{flex:none}.flex .content[data-v-dfff816a]{flex:1;overflow-y:auto;margin:0 -20px;padding:0 20px}
|
