.locket-mock__upload{flex-wrap:wrap;gap:1rem;display:flex;position:relative}.mock-upload{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.mock-upload input{display:none}.mock-upload>div{width:100%;position:relative}.mock-upload label{aspect-ratio:1;background-color:rgba(var(--color-base-accent-1));cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;margin-bottom:.5rem;display:flex;position:relative;overflow:hidden}.mock-upload label img{filter:grayscale()}.mock-upload h5{text-align:center;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:11px}.mock-upload .mock-upload__icon{color:#c0b9b0;width:28px;height:auto}.mock-upload .mock-upload__remove{z-index:2;cursor:pointer;padding:5px;bottom:0;right:0}.mock-upload .mock-upload__remove>div{width:15px;height:15px}.mock-upload .mock-upload__remove.active span{width:100%}.mock-upload .mock-upload__edit{z-index:2;cursor:pointer;padding:5px;position:absolute;bottom:0;left:0}.mock-upload .mock-upload__edit svg{color:#000;width:15px;height:15px;display:block}.mock-upload .mock-upload__bg{z-index:1;background-color:#ffffff4d;position:absolute;inset:0}.image-warning{z-index:100;position:fixed;inset:0}.image-warning>div{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-warning .image-warning__background{z-index:1;background-color:#00000054;position:absolute;inset:0}.image-warning .image-warning__content{z-index:2;background-color:#fff;margin:20px;padding:30px 20px;position:relative}.image-warning .image-warning__content h2{margin-bottom:10px}.image-warning .image-warning__content p{margin-bottom:20px;font-size:.9rem}.close-button{position:absolute}.close-button>div{width:100%;height:100%;display:block;position:relative}.close-button span{background-color:#000;width:0;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.close-button span:first-of-type{transform:translate(-50%,-50%)rotate(-45deg)}.locket-preview__row{flex:0 0 100%;justify-content:center;padding-top:4px;display:flex}.locket-preview__row .button{--color-button:var(--color-base-accent-2);width:100%;height:4.4rem}.locket-preview-popup{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.locket-preview-popup__backdrop{cursor:pointer;background-color:#0009;position:absolute;inset:0;display:block!important}.locket-preview-popup__content{z-index:1;max-width:min(80vw,400px);position:relative}.locket-preview-popup__content img{width:100%;height:auto;display:block}.locket-preview-popup__close{width:28px;height:28px;padding:6px;position:absolute;top:-36px;right:0}.locket-preview-popup__close span{background-color:#fff;width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.comb-loading .locket-mock__upload{opacity:.5;pointer-events:none;transition:opacity .3s}.mock-upload__remove.active,.mock-upload__edit{background-color:#00000080}.mock-upload__remove.active *,.mock-upload__edit *{color:#fff}.mock-upload__remove.active span,.mock-upload__edit span{background-color:#fff}