.close-button{position:absolute}.close-button>div{width:100%;height:100%;display:block;position:relative}.close-button span{background-color:currentColor;width:0;height:2px;transition:width .2s;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-app__button{text-transform:uppercase;text-align:center;color:#fff;background-color:#c2927b;flex:none;padding:20px 14px;font-weight:600;transition:opacity .2s}.locket-app__button.disabled{opacity:.1}.locket-mock{position:relative}.locket-mock .disclaimer{z-index:100;position:fixed;inset:0}.locket-mock .disclaimer>div{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.locket-mock .disclaimer .disclaimer__background{z-index:1;background-color:#00000054;position:absolute;inset:0}.locket-mock .disclaimer .disclaimer__content{z-index:2;background-color:#fff;margin:20px;padding:30px 20px;position:relative}.locket-mock .disclaimer .disclaimer__content h2{margin-bottom:15px}.locket-mock .disclaimer .disclaimer__content .close-button{width:25px;height:25px;padding:6px;top:0;right:0}.locket-mock .disclaimer .disclaimer__content .close-button span{width:100%}.locket-mock .locket-mock__imag{flex:50%;min-height:0;position:relative}.locket-mock #final-preview{opacity:1;justify-content:center;height:100%;transition:opacity .2s ease-in;display:flex}.locket-mock #final-preview.loading{opacity:.33}.locket-mock #final-preview canvas{width:100%;height:100%}.locket-crop-modal-wrap{z-index:599999999;align-items:flex-end;display:flex;position:fixed;inset:0}@media screen and (width>=990px){.locket-crop-modal-wrap{justify-content:center;align-items:center}}.locket-crop-modal-wrap__backdrop{cursor:pointer;background-color:#0009;position:absolute;inset:0;display:block!important}.locket-crop-modal{z-index:1;background:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative}@media screen and (width>=990px){.locket-crop-modal{flex-direction:row;width:100%;max-width:900px;height:100%;max-height:800px;padding:15px}}.locket-crop-modal .locket-crop-modal__preview{flex:50%;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.locket-crop-modal .locket-crop-modal__preview canvas{max-width:100%;max-height:100%}.locket-crop-modal .image-cropper__widget{flex-direction:column;flex:50%;min-height:0;display:flex}.locket-crop-modal .image-cropper__canvas-host{flex:1 1 0;min-height:0;position:relative}.locket-crop-modal .image-cropper__canvas-host cropper-canvas{width:100%;height:100%}.locket-crop-modal .crop-controls{border-top:1px solid #eee;flex-direction:row;flex:none;justify-content:center;display:flex}.locket-crop-modal .crop-control-btn{cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.1rem;line-height:1;display:flex}@media screen and (width>=990px){.locket-crop-modal .crop-control-btn{padding:1rem}}.locket-crop-modal .crop-control-btn svg{width:16px;height:16px;display:block}.c-handle{pointer-events:none;background-color:#c2927b;width:14px;height:14px;display:block}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.locket-mock{display:none}.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}