.account-settings-tab .profile-photo-container{padding:8px 0}.account-settings-tab .profile-photo-container .profile-photo{flex-direction:row;align-items:center;gap:24px;display:flex;position:relative}@media screen and (max-width:900px){.account-settings-tab .profile-photo-container .profile-photo{background:0 0;align-items:center;gap:20px;padding:0}}.account-settings-tab .profile-photo-container .profile-photo .avatar-image{border:1px solid var(--surface-on-surface);cursor:pointer;border-radius:50%;width:100px;height:100px}@media screen and (max-width:900px){.account-settings-tab .profile-photo-container .profile-photo .avatar-image{width:80px;height:80px}}.account-settings-tab .profile-photo-container .profile-photo .photo-upload{font-family:var(--montserrat-font);flex-direction:column;gap:12px;display:flex}.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons{gap:12px;display:flex}@media screen and (max-width:640px){.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons{justify-content:center}}.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons .photo-upload-button{height:40px;color:var(--text-primary);background-color:var(--surface-on-surface);padding:8px 24px}@media screen and (max-width:900px){.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons .photo-upload-button{flex-shrink:0;padding:8px 24px}}.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons .photo-upload-button:hover{background-color:var(--surface-on-surface-hover)}.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons .photo-delete-button{background-color:var(--surface-on-surface);cursor:pointer;color:#e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}@media screen and (max-width:900px){.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons .photo-delete-button{flex-shrink:0}}.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons .photo-delete-button:hover{background-color:var(--surface-on-surface-hover);color:var(--icon-pure)}.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-buttons .photo-delete-button svg{background:0 0;width:20px;height:20px}.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-upload-instructions{color:var(--text-secondary);font-size:12px}@media screen and (max-width:900px){.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-upload-instructions .instructions-text{display:none}}.account-settings-tab .profile-photo-container .profile-photo .photo-upload .photo-upload-instructions .error{color:var(--text-critical)}@media screen and (max-width:900px){.account-settings-tab .profile-photo-container .profile-photo .photo-upload{gap:0}}.account-settings-tab .profile-photo-container .profile-photo .spinner{border-color:#0000;width:100px;height:100px;margin:0;display:flex;position:absolute}@media screen and (max-width:900px){.account-settings-tab .profile-photo-container .profile-photo .spinner{width:80px;height:80px}}
.drag-zone.highlight .drag-zone-content:after{content:"";border:1px solid var(--surface-brand-brand);background-color:#eb622b10;width:100%;height:100%;position:absolute;top:0;left:0}.drag-zone .drag-zone-content{position:relative}
.crop-image-modal .crop-container{background:#1a1a1a;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}@media only screen and (orientation:landscape) and (max-width:1024px){.crop-image-modal .crop-container{height:150px}}@media only screen and (max-width:900px) and (orientation:portrait){.crop-image-modal .modal-container{background:var(--modal-overlay-background);padding:0}}@media only screen and (orientation:landscape) and (max-width:1024px){.crop-image-modal .modal-container{background:var(--modal-overlay-background);padding:0}}.crop-image-modal .modal-container .modal{width:560px;height:560px;padding:30px 0 24px}@media only screen and (orientation:landscape) and (max-width:1024px){.crop-image-modal .modal-container .modal{width:334px;height:325px}}.crop-image-modal .modal-container .modal h1{text-align:center;margin-bottom:16px}.crop-image-modal .modal-container .modal .modal-content{scrollbar-width:none;height:400px;margin:0;padding:0;position:relative;overflow:auto}@media only screen and (orientation:landscape) and (max-width:1024px){.crop-image-modal .modal-container .modal .modal-content{height:150px;max-height:unset}}.crop-image-modal .modal-container .modal .actions{margin-top:24px;padding:0 24px}@media only screen and (max-width:900px) and (orientation:portrait){.crop-image-modal .modal-container .modal .actions{justify-content:center;margin-top:32px}.crop-image-modal .modal-container .modal .actions button{padding:8px 60px}.crop-image-modal .modal-container .modal .actions .btn-quaternary{display:none}}@media only screen and (orientation:landscape) and (max-width:1024px){.crop-image-modal .modal-container .modal .actions{justify-content:center;margin-top:32px}.crop-image-modal .modal-container .modal .actions button{padding:8px 60px}.crop-image-modal .modal-container .modal .actions .btn-quaternary{display:none}}@media only screen and (max-width:900px) and (orientation:portrait){.crop-image-modal .modal-container .modal{background-color:#0000;border:none;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;height:100%;padding:12px 0 28px;display:flex}.crop-image-modal .modal-container .modal .btn-close{color:var(--icon-primary);top:12px;right:10px}.crop-image-modal .modal-container .modal h1{padding:1px 10px 7px}}