.account-profile-image{display:flex;flex-direction:column;align-items:center}.account-profile-image__preview-wrap{margin-bottom:.5rem}.account-profile-image__preview{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#f5f5f5;border:1px solid #ddd;flex-shrink:0;display:flex;align-items:center;justify-content:center}.account-profile-image__preview img{width:100%;height:100%;object-fit:cover}.account-profile-image__placeholder-img{object-fit:cover}.account-profile-image__actions{display:flex;align-items:center;flex-wrap:wrap}.account-profile-image__actions.has-multi{gap:.75rem}.account-profile-image__btn{display:inline-block;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none;border:1px solid #ddd}.account-profile-image__btn--primary{background:#333;color:#fff;border-color:#333;margin-bottom:0}.account-profile-image__btn--primary:hover{background:#000;color:#fff}.account-profile-image__btn--remove{background:#fff;color:#000;border-color:#000}.account-profile-image__btn--remove:hover{background:#d5785c}.account-profile-image__btn--save{background:#d5785c;color:#fff;border-color:#d5785c}.account-profile-image__btn--save:hover{background:#c46a4f;color:#fff}.account-profile-image__btn--secondary{background:#fff;color:#333;border-color:#ddd}.account-profile-image__btn--secondary:hover{background:#f5f5f5}.account-profile-image__input{display:none}.account-profile-image__btn--remove{display:none!important}.account-profile-image__btn--remove.show{display:inline-block!important}.account-profile-image__message{font-size:13px;min-height:1.4em}.account-profile-image__message--error{color:#c62828}.account-profile-image__message--success{color:#2e7d32}.account-profile-crop-modal,.tml-profile-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:60px}.account-profile-crop-modal.is-hidden,.tml-profile-crop-modal.is-hidden{display:none!important}.account-profile-crop-modal.is-open,.tml-profile-crop-modal.is-open{display:flex!important}.account-profile-crop-modal.is-in-body,.tml-profile-crop-modal.is-in-body{z-index:2147483647}.account-profile-crop-modal__backdrop,.tml-profile-crop-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.account-profile-crop-modal__box,.tml-profile-crop-modal__box{position:relative;background:#fff;border-radius:8px;padding:1.5rem;max-width:100%;box-shadow:0 4px 24px #0003}.account-profile-crop-modal__title,.tml-profile-crop-modal__title{margin:0 0 .25rem;font-size:1.1rem}.account-profile-crop-modal__hint,.tml-profile-crop-modal__hint{margin:0 0 1rem;font-size:13px;color:#666}.account-profile-crop-container,.tml-profile-crop-container{width:100%;max-width:360px;height:360px;margin:0 auto 1rem;position:relative;z-index:1;background:#000}.account-profile-crop-container img,.tml-profile-crop-container img,.account-profile-crop-img,.tml-profile-crop-img{max-width:100%;max-height:360px;display:block}.account-profile-crop-modal__zoom,.tml-profile-crop-modal__zoom{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.account-profile-crop-zoom-btn,.tml-profile-crop-zoom-btn{width:32px;height:32px;padding:0;font-size:18px;line-height:1;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#333;flex-shrink:0}.account-profile-crop-zoom-btn:hover,.tml-profile-crop-zoom-btn:hover{background:#e0e0e0}.account-profile-crop-modal__zoom input[type=range],.tml-profile-crop-modal__zoom input[type=range]{flex:1;max-width:180px;min-height:10px;height:10px;-webkit-appearance:none;appearance:none;background:#ccc;border-radius:5px;padding:0;margin:0}.account-profile-crop-modal__zoom input[type=range]::-webkit-slider-runnable-track,.tml-profile-crop-modal__zoom input[type=range]::-webkit-slider-runnable-track{height:10px;background:#ccc;border-radius:5px}.account-profile-crop-modal__zoom input[type=range]::-webkit-slider-thumb,.tml-profile-crop-modal__zoom input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-3px;background:#333;border-radius:50%;cursor:pointer}.account-profile-crop-modal__zoom input[type=range]::-moz-range-track,.tml-profile-crop-modal__zoom input[type=range]::-moz-range-track{height:10px;background:#ccc;border-radius:5px}.account-profile-crop-modal__zoom input[type=range]::-moz-range-thumb,.tml-profile-crop-modal__zoom input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#333;border-radius:50%;cursor:pointer;border:none}.account-profile-crop-modal__actions,.tml-profile-crop-modal__actions{display:flex;justify-content:flex-end;gap:.5rem}.account-profile-image__btn--save{display:none}.account-profile-image__btn--save.is-visible{display:inline-block}.profile-picture-upload-group #direct-access-sidebar-profile-picture{padding:10px;min-height:25px;width:auto}.profile-picture-upload-group{display:flex;align-items:center;gap:15px}.profile-picture-preview{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#f5f5f5;border:1px solid #ddd;flex-shrink:0;display:none}.profile-picture-preview.has-image{display:block}.profile-picture-preview img{width:100%;height:100%;object-fit:cover;display:block}.profile-picture-remove{padding:8px;display:none;background:none;border:none;color:#000;cursor:pointer;font-size:12px;margin-left:10px;background:#eaeaea;border-radius:3px;font-weight:500}.profile-picture-remove.show{display:inline}.profile-picture-remove:hover{background-color:#ddd!important}@media screen and (max-width:767px){.profile-picture-upload-group{flex-direction:column;align-items:flex-start}.profile-picture-preview{width:45px;height:45px}.profile-picture-remove{margin-left:0;margin-top:5px}}.tml-profile-crop-btn{display:inline-block;padding:8px 14px;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none;border:1px solid #ddd}.tml-profile-crop-btn--primary{background:#333;color:#fff;border-color:#333}.tml-profile-crop-btn--primary:hover{background:#000;color:#fff}.tml-profile-crop-btn--secondary{background:#fff;color:#333;border-color:#ddd}.tml-profile-crop-btn--secondary:hover{background:#f5f5f5}
/*# sourceMappingURL=/cdn/shop/t/215/assets/direct-access-profile-upload.css.map */