.card-wrapper[data-v-e3f9c118]{width:100%}.card-wrapper:hover>.card{&[data-v-e3f9c118]{scale:.98}&.overlay[data-v-e3f9c118]{display:flex}}.card-wrapper:hover>.card:not(.editing,.dropping),.card.card:not(.editing,.dropping).selected{& .overlay[data-v-e3f9c118]{display:flex}& .file-name-label{&[data-v-e3f9c118]{color:var(--piano-white)}&.editable[data-v-e3f9c118]{border:1px solid var(--piano-gray-300)}}&:not(.replace) .icon[data-v-e3f9c118]{opacity:0}}.card{&[data-v-e3f9c118]{cursor:pointer;background:var(--editor-black-5);border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:4px;width:100%;height:40px;padding:0 32px 0 8px;transition:all .1s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&:not(.editing,.dropping){&.otherSelected,&.selected{& .file-name[data-v-e3f9c118]{pointer-events:none}& .file-name-label[data-v-e3f9c118]{border-color:#0000}}}&.menuOpened{& .overlay[data-v-e3f9c118]{display:flex}& .file-name-label{&[data-v-e3f9c118]{color:var(--piano-white)}&.editable[data-v-e3f9c118]{border:1px solid var(--piano-gray-300)}}}}.img-wrapper[data-v-e3f9c118]{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.img[data-v-e3f9c118]{-webkit-user-drag:none;user-select:none;object-fit:scale-down}.overlay{&[data-v-e3f9c118]{z-index:0;flex-flow:row;justify-content:space-between;align-items:center;padding:6px;display:none;position:absolute;inset:0}& .cover[data-v-e3f9c118]{background:var(--piano-black);opacity:.3;z-index:2;border-radius:6px;position:absolute;inset:0}}.delete-button{&[data-v-e3f9c118]{z-index:2;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}&[data-v-e3f9c118]:hover{background:0 0}&[data-v-e3f9c118]>*{z-index:3}&[data-v-e3f9c118]:before{content:"";opacity:.4;border-radius:6px;position:absolute;inset:0}&:hover{&[data-v-e3f9c118]:before{background:var(--piano-const-white)}}}.menu-button{&[data-v-e3f9c118]{z-index:4;justify-content:center;align-items:center;width:24px;height:24px;display:flex}&[data-v-e3f9c118]:before{content:"";opacity:.4;border-radius:6px;position:absolute;inset:0}&:hover{&[data-v-e3f9c118]:before{background:var(--piano-const-white)}}}.checkbox-wrapper[data-v-e3f9c118]{flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.select-check[data-v-e3f9c118]{z-index:3}.file-name[data-v-e3f9c118]{z-index:3;pointer-events:none;flex:1;justify-content:center;min-width:0;display:flex;position:relative}.file-name-input[data-v-e3f9c118]{border:1px solid var(--piano-blue-300);background:var(--piano-white);text-align:center;width:100%;color:var(--piano-gray-600);border-radius:4px;font-size:12px;line-height:18px}.file-name[data-v-e3f9c118]{z-index:3;justify-content:center;margin:0 -4px;display:flex;position:relative}.file-name-label{&[data-v-e3f9c118]{border:1px solid #0000;border-radius:4px;width:100%;height:20px;padding:0 8px;transition:all .1s cubic-bezier(.4,.4,0,1)}&.editable{&[data-v-e3f9c118]:hover{background:var(--piano-gray-400)}}}.card-wrapper[data-v-ac0d66bc]{width:100%}.card-wrapper:hover>.card{&[data-v-ac0d66bc]{scale:.98}&.overlay[data-v-ac0d66bc]{display:flex}}.card-wrapper:hover>.card:not(.editing,.dropping),.card.card:not(.editing,.dropping).selected{& .overlay[data-v-ac0d66bc]{display:flex}& .file-name-label{&[data-v-ac0d66bc]{color:var(--piano-white)}&.editable[data-v-ac0d66bc]{border:1px solid var(--piano-gray-300)}}&:not(.replace) .icon[data-v-ac0d66bc]{opacity:0}}.card{&[data-v-ac0d66bc]{cursor:pointer;background:var(--editor-black-5);border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:4px;width:100%;height:40px;padding:0 32px 0 8px;transition:all .1s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&:not(.editing,.dropping){&.otherSelected,&.selected{& .file-name[data-v-ac0d66bc]{pointer-events:none}& .file-name-label[data-v-ac0d66bc]{border-color:#0000}}}&.menuOpened{& .overlay[data-v-ac0d66bc]{display:flex}& .file-name-label{&[data-v-ac0d66bc]{color:var(--piano-white)}&.editable[data-v-ac0d66bc]{border:1px solid var(--piano-gray-300)}}}}.img-wrapper[data-v-ac0d66bc]{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.img[data-v-ac0d66bc]{-webkit-user-drag:none;user-select:none;object-fit:scale-down}.overlay{&[data-v-ac0d66bc]{z-index:0;flex-flow:row;justify-content:space-between;align-items:center;padding:6px;display:none;position:absolute;inset:0}& .cover[data-v-ac0d66bc]{background:var(--piano-black);opacity:.3;z-index:2;border-radius:6px;position:absolute;inset:0}}.delete-button{&[data-v-ac0d66bc]{z-index:2;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}&[data-v-ac0d66bc]:hover{background:0 0}&[data-v-ac0d66bc]>*{z-index:3}&[data-v-ac0d66bc]:before{content:"";opacity:.4;border-radius:6px;position:absolute;inset:0}&:hover{&[data-v-ac0d66bc]:before{background:var(--piano-const-white)}}}.menu-button{&[data-v-ac0d66bc]{z-index:4;justify-content:center;align-items:center;width:24px;height:24px;display:flex}&[data-v-ac0d66bc]:before{content:"";opacity:.4;border-radius:6px;position:absolute;inset:0}&:hover{&[data-v-ac0d66bc]:before{background:var(--piano-const-white)}}}.checkbox-wrapper[data-v-ac0d66bc]{flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.select-check[data-v-ac0d66bc]{z-index:3}.file-name[data-v-ac0d66bc]{z-index:3;pointer-events:none;flex:1;justify-content:center;min-width:0;display:flex;position:relative}.file-name-input[data-v-ac0d66bc]{border:1px solid var(--piano-blue-300);background:var(--piano-white);text-align:center;width:100%;color:var(--piano-gray-600);border-radius:4px;font-size:12px;line-height:18px}.file-name[data-v-ac0d66bc]{z-index:3;justify-content:center;margin:0 -4px;display:flex;position:relative}.file-name-label{&[data-v-ac0d66bc]{border:1px solid #0000;border-radius:4px;width:100%;height:20px;padding:0 8px;transition:all .1s cubic-bezier(.4,.4,0,1)}&.editable{&[data-v-ac0d66bc]:hover{background:var(--piano-gray-400)}}}.card-wrapper:hover>.card:not(.isDisabled){&[data-v-7ba75944]{scale:.98}&:not(.editing){& .file-name[data-v-7ba75944]{background-color:#0000}}&.overlay[data-v-7ba75944]{pointer-events:all;opacity:1}& .select-check[data-v-7ba75944],& .delete-button[data-v-7ba75944]{display:flex}}.card-wrapper:hover>.card:not(.dropping):not(.isDisabled),.card.card:not(.editing,.dropping):not(.isDisabled).selected{&[data-v-7ba75944]{--asset-photo-item-icon-color:var(--piano-const-white)}& .overlay[data-v-7ba75944]{pointer-events:all;opacity:1}& .file-name-label[data-v-7ba75944]{color:var(--piano-white)}& .file-name[data-v-7ba75944]{background-color:#0000}}.card{&[data-v-7ba75944]{--asset-photo-item-icon-color:var(--piano-gray-500);aspect-ratio:1;background:var(--editor-black-5);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:stretch;gap:4px;width:100%;transition:all .1s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&.isDisabled[data-v-7ba75944]{cursor:not-allowed;opacity:.5}&.card-image[data-v-7ba75944]{background-color:var(--protect-mixed-with-app-background-1);background-image:url(/assets/p-10-check-light-BgJkLujr.svg);background-size:20px}&:not(.editing,.dropping){&.otherSelected,&.selected{& .file-name[data-v-7ba75944]{pointer-events:none}& .file-name-label[data-v-7ba75944]{border-color:#0000}& .icon[data-v-7ba75944]{display:none}& .select-check[data-v-7ba75944]{display:flex}}}&.menuOpened{& .overlay[data-v-7ba75944]{pointer-events:all;opacity:1}& .file-name-label{&[data-v-7ba75944]{color:var(--piano-white)}&.editable[data-v-7ba75944]{border:1px solid var(--piano-gray-300)}}}}.img-wrapper[data-v-7ba75944]{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 8px 0;display:flex;overflow:hidden}.img[data-v-7ba75944]{-webkit-user-drag:none;user-select:none;object-fit:contain;width:100%;height:100%}.overlay{&[data-v-7ba75944]{z-index:0;pointer-events:none;opacity:0;justify-content:center;align-items:center;padding:6px;transition:opacity .25s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;inset:0}& .cover[data-v-7ba75944]{background:var(--piano-black);opacity:.3;z-index:1;border-radius:6px;position:absolute;inset:0}}.delete-button{&[data-v-7ba75944]{justify-content:center;align-items:center;width:24px;height:24px;display:none;position:absolute;top:4px;right:4px}&[data-v-7ba75944]:before{content:"";opacity:.4;z-index:1;border-radius:6px;position:absolute;inset:0}&[data-v-7ba75944]>*{z-index:1}&:hover{&[data-v-7ba75944]:before{background:var(--piano-const-white)}}}.menu-button{&[data-v-7ba75944]{z-index:1;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px}&[data-v-7ba75944]:before{content:"";opacity:.4;border-radius:6px;position:absolute;inset:0}&:hover{&[data-v-7ba75944]:before{background:var(--piano-const-white)}}}.select-check[data-v-7ba75944]{z-index:1;display:none;position:absolute;top:6px;left:6px}.file-name[data-v-7ba75944]{z-index:0;background-color:var(--piano-gray-100);border-radius:0 0 6px 6px;align-items:center;gap:2px;padding:4px 4px 4px 8px;transition:background-color .25s cubic-bezier(.4,.4,0,1);display:flex;position:relative}.file-name-input[data-v-7ba75944]{border:1px solid var(--piano-blue-300);background:var(--piano-white);width:100%;color:var(--piano-black);border-radius:4px;padding:0 4px;font-size:10px;line-height:18px}.file-name-label{&[data-v-7ba75944]{width:100%;height:20px;color:var(--piano-gray-900);border:1px solid #0000;border-radius:4px;padding:0 4px;font-size:10px;line-height:18px;transition:all .1s cubic-bezier(.4,.4,0,1)}&.editable[data-v-7ba75944]:hover{background:var(--piano-white);border:1px solid var(--piano-gray-200);color:var(--piano-gray-900)!important}}.popover-variant{& .card-image[data-v-7ba75944]{aspect-ratio:auto;gap:0}& .img-wrapper[data-v-7ba75944]{aspect-ratio:16/9;flex:none;padding:4px;overflow:hidden}& .img-wrapper .img[data-v-7ba75944]{object-fit:contain;width:100%;height:100%}}.AssetPanelPhoto{&.dropping[data-v-7ba75944]{pointer-events:none}}.card-wrapper:hover>.card:not(.isDisabled){&[data-v-c51a6e68]{scale:.98}&:not(.editing){& .file-name[data-v-c51a6e68]{background-color:#0000}}&.overlay[data-v-c51a6e68]{pointer-events:all;opacity:1}& .select-check[data-v-c51a6e68],& .delete-button[data-v-c51a6e68]{display:flex}}.card-wrapper:hover>.card:not(.dropping):not(.isDisabled),.card.card:not(.editing,.dropping):not(.isDisabled).selected{&[data-v-c51a6e68]{--asset-photo-item-icon-color:var(--piano-const-white)}& .overlay[data-v-c51a6e68]{pointer-events:all;opacity:1}& .file-name-label[data-v-c51a6e68]{color:var(--piano-white)}& .file-name[data-v-c51a6e68]{background-color:#0000}}.card{&[data-v-c51a6e68]{--asset-photo-item-icon-color:var(--piano-gray-500);aspect-ratio:1;background:var(--editor-black-5);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:stretch;gap:4px;width:100%;transition:all .1s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&.isDisabled[data-v-c51a6e68]{cursor:not-allowed;opacity:.5}&.card-image[data-v-c51a6e68]{background-color:var(--protect-mixed-with-app-background-1);background-image:url(/assets/p-10-check-light-BgJkLujr.svg);background-size:20px}&:not(.editing,.dropping){&.otherSelected,&.selected{& .file-name[data-v-c51a6e68]{pointer-events:none}& .file-name-label[data-v-c51a6e68]{border-color:#0000}& .icon[data-v-c51a6e68]{display:none}& .select-check[data-v-c51a6e68]{display:flex}}}&.menuOpened{& .overlay[data-v-c51a6e68]{pointer-events:all;opacity:1}& .file-name-label{&[data-v-c51a6e68]{color:var(--piano-white)}&.editable[data-v-c51a6e68]{border:1px solid var(--piano-gray-300)}}}}.img-wrapper[data-v-c51a6e68]{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 8px 0;display:flex}.img[data-v-c51a6e68]{-webkit-user-drag:none;user-select:none;object-fit:scale-down}.overlay{&[data-v-c51a6e68]{z-index:0;pointer-events:none;opacity:0;justify-content:center;align-items:center;padding:6px;transition:opacity .25s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;inset:0}& .cover[data-v-c51a6e68]{background:var(--piano-black);opacity:.3;z-index:1;border-radius:6px;position:absolute;inset:0}}.delete-button{&[data-v-c51a6e68]{justify-content:center;align-items:center;width:24px;height:24px;display:none;position:absolute;top:4px;right:4px}&[data-v-c51a6e68]:before{content:"";opacity:.4;z-index:1;border-radius:6px;position:absolute;inset:0}&[data-v-c51a6e68]>*{z-index:1}&:hover{&[data-v-c51a6e68]:before{background:var(--piano-const-white)}}}.menu-button{&[data-v-c51a6e68]{z-index:1;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px}&[data-v-c51a6e68]:before{content:"";opacity:.4;border-radius:6px;position:absolute;inset:0}&:hover{&[data-v-c51a6e68]:before{background:var(--piano-const-white)}}}.select-check[data-v-c51a6e68]{z-index:1;display:none;position:absolute;top:6px;left:6px}.file-name[data-v-c51a6e68]{z-index:0;background-color:var(--piano-gray-100);border-radius:0 0 6px 6px;align-items:center;gap:2px;padding:4px 4px 4px 8px;transition:background-color .25s cubic-bezier(.4,.4,0,1);display:flex;position:relative}.file-name-input[data-v-c51a6e68]{border:1px solid var(--piano-blue-300);background:var(--piano-white);width:100%;color:var(--piano-black);border-radius:4px;padding:0 4px;font-size:10px;line-height:18px}.file-name-label{&[data-v-c51a6e68]{width:100%;height:20px;color:var(--piano-gray-900);border:1px solid #0000;border-radius:4px;padding:0 4px;font-size:10px;line-height:18px;transition:all .1s cubic-bezier(.4,.4,0,1)}&.editable[data-v-c51a6e68]:hover{background:var(--piano-white);border:1px solid var(--piano-gray-200);color:var(--piano-gray-900)!important}}.popover-variant{& .card-image[data-v-c51a6e68]{aspect-ratio:auto;gap:0}& .img-wrapper[data-v-c51a6e68]{aspect-ratio:16/9;flex:none;padding:4px;overflow:hidden}& .img-wrapper .img[data-v-c51a6e68]{object-fit:contain;width:100%;height:100%}}.isCurrent[data-v-11637701]{background:var(--piano-gray-50);pointer-events:none}.list-move[data-v-b8b77262],.list-enter-active[data-v-b8b77262],.list-leave-active[data-v-b8b77262]{transition:all .5s cubic-bezier(.55,0,.1,1)}.list-enter-from[data-v-b8b77262],.list-leave-to[data-v-b8b77262]{opacity:0;scale:.7}.list-leave-active[data-v-b8b77262]{position:absolute;inset:auto}.list-move[data-v-11de7832],.list-enter-active[data-v-11de7832],.list-leave-active[data-v-11de7832]{transition:all .5s cubic-bezier(.55,0,.1,1)}.list-enter-from[data-v-11de7832],.list-leave-to[data-v-11de7832]{opacity:0;scale:.7}.list-leave-active[data-v-11de7832]{position:absolute;inset:auto}.__scrollbar-none{&[data-v-cbbfac9b]::-webkit-scrollbar{display:none}}.text-inherit[data-v-cbbfac9b]{font-size:inherit;color:inherit;font-weight:inherit}.asset-spinner[data-v-0ec5de25]{animation:1s linear infinite spin-0ec5de25}@keyframes spin-0ec5de25{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.__scrollbar-none{&[data-v-db871853]::-webkit-scrollbar{display:none}}.fade-enter-active[data-v-db871853],.fade-leave-active[data-v-db871853]{transition:opacity .18s ease-in-out,transform .18s ease-in-out}.fade-enter-from[data-v-db871853],.fade-leave-to[data-v-db871853]{opacity:0;transform:translateY(5px)}