.image-item{&[data-v-7367e7d6]{transition:all .2s cubic-bezier(.4,.4,0,1)}&[data-v-7367e7d6]:active{transform:scale(.94)}}.cover[data-v-7367e7d6]{opacity:0;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s ease-in-out;display:flex;position:absolute;top:0;left:0}.photos{&[data-v-7367e7d6]{flex-direction:column;flex:1;display:flex;overflow-y:auto}&[data-v-7367e7d6]::-webkit-scrollbar{display:none}& .masonry{&[data-v-7367e7d6]{width:100%}& .list{&[data-v-7367e7d6]{gap:4px;margin:0;padding:0;list-style:none;display:grid}& li[data-v-7367e7d6]{border-radius:4px;font-size:0;position:relative;overflow:hidden}}}}.cms-unsplash-panel{&[data-v-6471caed]{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:12px;display:flex}& .input{&[data-v-6471caed]{display:flex;position:relative}& i.unsplash-icon[data-v-6471caed]{z-index:1;width:16px;height:16px;position:absolute;top:10px;left:12px}& input{&[data-v-6471caed]{border:none;border:1px solid var(--shadow-color-1);box-sizing:border-box;width:100%;height:36px;color:var(--text-color-1);border-radius:6px;outline:none;padding:0 10px 0 38px;font-size:12px;font-weight:500;line-height:20px;transition:all .2s cubic-bezier(.4,.4,0,1)}&[data-v-6471caed]:hover{background:var(--shadow-color-0)}&[data-v-6471caed]:focus{box-shadow:0 0 0 2px var(--shadow-color-1);background:0 0}}& .random[data-v-6471caed]{border:1px solid var(--shadow-color-1);border-radius:6px;margin-left:4px;padding:0 10px}}& .nav{&[data-v-6471caed]{width:100%;margin-top:10px}& .collection-title{&[data-v-6471caed]{justify-content:space-between;align-items:center;width:100%;display:flex}& h2[data-v-6471caed]{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:10px;color:var(--text-color-1);flex:1;padding:0;font-size:16px;font-weight:700;line-height:36px;display:block;overflow:hidden}}}& .photos{&[data-v-6471caed]{border-radius:6px;flex-direction:column;flex:1;margin-top:10px;display:flex;overflow-y:scroll}&[data-v-6471caed]::-webkit-scrollbar{display:none}& .uls{&[data-v-6471caed]{flex-wrap:wrap;width:100%;height:auto;display:flex}& ul{&[data-v-6471caed]{flex-direction:column;width:calc(50% - 2px);display:flex}&.left[data-v-6471caed]{margin-right:4px}}}& .masonry{&[data-v-6471caed]{width:100%}& .masonry-grid{&[data-v-6471caed]{grid-template-columns:repeat(3,1fr);grid-auto-rows:10px;gap:4px;margin:0;padding:0;list-style:none;display:grid}& li[data-v-6471caed]{border-radius:4px;margin-bottom:0;font-size:0;position:relative;overflow:hidden}& .photo-button[data-v-6471caed]{width:100%;height:100%;display:block}& .img{&[data-v-6471caed]{width:100%;height:100%;display:block}& img[data-v-6471caed]{object-fit:cover;width:100%;height:100%}}}}}& .photo-item[data-v-6471caed]{margin-bottom:4px;list-style:none}& .photo-button{&[data-v-6471caed]{cursor:pointer;border-radius:6px;width:100%;height:100%;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&:hover{& .img>.cover[data-v-6471caed],& .content[data-v-6471caed]{opacity:1}}&:active{& .img[data-v-6471caed]{transform:scale(.94)}}& .img{&[data-v-6471caed]{width:100%;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex;position:relative}& img[data-v-6471caed]{pointer-events:none;border-radius:6px;width:100%;height:100%}& .cover[data-v-6471caed]{box-sizing:border-box;pointer-events:none;opacity:0;background:#0006;border-radius:6px;transition:all .2s cubic-bezier(.4,.4,0,1);position:absolute;inset:0}}& .content{&[data-v-6471caed]{pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;inset:0}& i[data-v-6471caed]{color:#fff;font-size:24px}& .photographer{&[data-v-6471caed]{pointer-events:none;flex-direction:row;align-items:center;padding:5px 7px;display:flex;position:absolute;bottom:0;left:0}& a{&[data-v-6471caed]{pointer-events:all;transition:all .2s cubic-bezier(.4,.4,0,1);display:flex}&[data-v-6471caed]:hover{opacity:.5}& i[data-v-6471caed]{margin-right:6px;font-size:15px;display:flex}}& p[data-v-6471caed]{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:15px;text-decoration:none;display:block;overflow:hidden}}}}& .collections{&[data-v-6471caed]{border-radius:6px;flex-direction:column;flex:1;margin-top:12px;display:flex;overflow-y:scroll}&[data-v-6471caed]::-webkit-scrollbar{display:none}& .collections-grid[data-v-6471caed]{flex-direction:column;gap:10px;display:flex}}& .more[data-v-6471caed]{background:#0000000d;border-radius:2px;width:100%;height:40px;margin-top:8px;display:flex}& .loading[data-v-6471caed]{border-radius:2px;justify-content:center;align-items:center;width:100%;height:60px;margin-top:8px;display:flex}}.popover-enter-active[data-v-d31e3b21],.popover-leave-active[data-v-d31e3b21]{transition:transform .2s,opacity .2s}.popover-enter-from[data-v-d31e3b21],.popover-leave-to[data-v-d31e3b21]{opacity:0;transform:scale(.95)}.fade-enter-active[data-v-d31e3b21],.fade-leave-active[data-v-d31e3b21]{transition:opacity .1s ease-out}.fade-enter-from[data-v-d31e3b21],.fade-leave-to[data-v-d31e3b21]{opacity:0}[data-color-picker-floating]{z-index:1100!important}.o-cms-content-prev-next-button{&[data-v-9266c088]{background-color:var(--piano-black);opacity:.4;backdrop-filter:blur(2px);width:56px;height:56px;transition:.4s var(--piano-animation-base-timing);top:calc(50% - 28px)}&.prev[data-v-9266c088]{right:calc(100% + 40px)}&.next[data-v-9266c088]{left:calc(100% + 40px)}}.o-content-editor-header-opening-member{& .header-user{&[data-v-39bbe523]{z-index:1;place-content:center;align-items:center;width:20px;height:100%;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:relative}&:hover{& .icon[data-v-39bbe523]{transform:translateY(-2px);box-shadow:0 4px 12px #0003}& .menu[data-v-39bbe523]{opacity:1;pointer-events:all;transform:translateY(12px)}}& .icon{&[data-v-39bbe523]{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:none;width:24px;height:24px;transition:all .4s cubic-bezier(.4,.4,0,1);position:relative;box-shadow:0 2px 3px #0003}& .ring[data-v-39bbe523]{border-radius:50%;position:absolute;inset:-3px}}& .menu{&[data-v-39bbe523]{background:var(--base-color-1);width:260px;box-shadow:0 0 0 1px var(--shadow-color-0), 0 0 10px #0000001a;opacity:0;pointer-events:none;cursor:default;border-radius:8px;flex-direction:column;margin-top:20px;margin-right:-31px;transition:all .4s cubic-bezier(.4,.4,0,1);display:flex;position:absolute;top:50%;right:50%}&[data-v-39bbe523]:after{content:"";width:50%;height:25px;position:absolute;top:-25px;right:0}& .info{&[data-v-39bbe523]{border-bottom:1px solid var(--shadow-color-1);flex-direction:column;width:100%;padding:16px 20px;overflow-x:hidden}& .name[data-v-39bbe523]{color:var(--text-color-1);word-break:break-all;font-size:20px}& .email[data-v-39bbe523]{color:var(--text-color-3);margin-top:5px;font-size:12px}}}}}.o-content-editor-header{&[data-v-0488e036]{height:76px}& .inner[data-v-0488e036]{height:36px}}.o-content-editor-item-color-field{& .color-square{&[data-v-c1067b7a]{background-image:linear-gradient(45deg, var(--shadow-color-1) 25%, transparent 25%, transparent 75%, var(--shadow-color-1) 75%), linear-gradient(45deg, var(--shadow-color-1) 25%, transparent 25%, transparent 75%, var(--shadow-color-1) 75%);background-position:0 0,5px 5px;background-size:10px 10px;width:24px;height:24px}& span[data-v-c1067b7a]{box-shadow:0 0 0 1px var(--shadow-color-2) inset}}}.o-content-editor-item-image-field{& .thumbnail-image-wrap{&[data-v-830368dd],& .thumbnail-image[data-v-830368dd]{transition:width .4s var(--piano-animation-base-timing)}& .thumbnail-image-mask[data-v-830368dd]{top:0;left:0}}& .upload-icon-wrap[data-v-830368dd]{transition:var(--piano-hover-animation);top:0;left:0}&:hover{& .upload-icon-wrap[data-v-830368dd]{opacity:1}}& .uploading[data-v-830368dd]{transition:var(--piano-hover-animation);top:0;left:0}& .default-logo{&[data-v-830368dd]{aspect-ratio:16/9;width:110px;transition:var(--piano-hover-animation)}&.isExpanded[data-v-830368dd]{aspect-ratio:16/9;width:240px}}}.__uploading[data-v-4cc7f723]{transition:var(--piano-hover-animation)}.o-content-editor-item-reference-field{&.isHovered[data-v-30a8bffa]{background-color:var(--piano-gray-50)}}.thumbnail-wrap[data-v-2796f196]{transition:width .4s var(--piano-animation-base-timing)}.o-content-editor-item{&[data-v-5712b528]{min-height:56px}& .drag-indicator-wrap{&[data-v-5712b528]{right:100%}& .knob{&[data-v-5712b528]{width:16px;height:16px}&[data-v-5712b528]:hover{background:var(--piano-hover-gray-color)}}}&.isDragging[data-v-5712b528]{margin-top:1px}}.o-content-editor-title{& input{&[data-v-f3149dec]{border-bottom:2px solid var(--color-border)}&[data-v-f3149dec]::placeholder{color:var(--color-text-tertiary)}&[data-v-f3149dec]:focus{border-color:var(--color-border-accent)}}}.o-cms-content-editor{&[data-v-88efd45f]{width:880px;height:92vh;transition:.4s var(--piano-animation-base-timing);left:calc(50% - 440px)}& .spinner-wrap[data-v-88efd45f]{background:#0003}& .spinner[data-v-88efd45f]{border:2px solid #fff3;border-color:#ffffffe6 #fff3 #fff3 #ffffffe6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite loading-spin-88efd45f}& .update-status-wrap[data-v-88efd45f]{bottom:30px;right:40px}& .content-editor-item-scroller{&[data-v-88efd45f]{transition:all .3s cubic-bezier(0,.5,0,1)}&.v-enter-from{&[data-v-88efd45f]{opacity:0}&.prev[data-v-88efd45f]{transform:translate(-30px)}&.next[data-v-88efd45f]{transform:translate(30px)}}}}@keyframes loading-spin-88efd45f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.o-collection-editor-item{& .idx-column[data-v-843ed66e]{width:40px}& .image-mask[data-v-843ed66e]{box-shadow:inset 0 0 0 1px #1111110f}& .title-and-slug-wrap{&[data-v-843ed66e]{max-width:700px}&.isPostType[data-v-843ed66e]{max-width:600px}}& .thumbnail-wrap[data-v-843ed66e]{width:80px;height:40px}& .drag-indicator-wrap{&[data-v-843ed66e]{right:100%}& .knob{&[data-v-843ed66e]{width:16px;height:16px}&[data-v-843ed66e]:hover{background:var(--piano-hover-gray-color)}}}& .unlink-btn[data-v-843ed66e]{top:-9px;right:-9px}&.isDragging[data-v-843ed66e]{margin-top:1px}}.o-collection-editor-title{& input{&[data-v-00a48626]{border-bottom:2px solid var(--piano-border-color)}&[data-v-00a48626]::placeholder{color:var(--piano-gray-200)}&[data-v-00a48626]:not(:disabled):focus{border-color:var(--piano-blue-200)}}& p[data-v-00a48626]{border-bottom:2px solid var(--piano-border-color)}}