.popup-cropped-image .popup-container{resize:none}.popup-cropped-image .popup-footer{display:flex;justify-content:center}.popup-cropped-image .cropper-image-wrapper{max-height:30em}@media(max-width: 576px){.popup-cropped-image .cropper-image-wrapper{max-height:45vh}}.popup-cropped-image .cropper-crop-box::before{content:attr(data-size);position:absolute;left:0;bottom:0;z-index:1;background:rgba(0,0,0,.7);color:#f5f5f5;padding:.5em .25em;font-size:12px;white-space:nowrap}.popup-cropped-image .image-info{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:1em;margin-top:.5em}@media(max-width: 768px){.popup-cropped-image .image-info{font-size:.6em}}.popup-cropped-image .image-info legend{font-weight:bold;word-break:keep-all}.popup-cropped-image .image-info .row{display:flex;flex-wrap:wrap;column-gap:1em;margin-top:.25em}.popup-cropped-image .image-info .row .label{word-break:keep-all}.popup-cropped-image .image-info .row .label::after{content:":"}.popup-cropped-image .image-info .row .value{color:gray;word-break:break-all}
.block-user-preference{position:relative;background-color:var(--theme-bg-primary)}.block-user-preference .hidden{display:none !important}.block-user-preference .protective-tips .protective-icon{margin:0 auto;width:5em}.block-user-preference .protective-tips .title{text-align:center}.block-user-preference .protective-tips .description{text-indent:2em}.block-user-preference .protective-tips .btn-edit{--paddingY: 1em;display:block;margin:0 auto;padding:var(--paddingY) 1.5em;border-radius:calc(1em + var(--paddingY)*2)}.block-user-preference .protective-tips .btn-edit .icon{margin-right:.25em}.block-user-preference .form-grid .label{margin:.75em 0}.block-user-preference .row.row-avatar{grid-column:1/-1;display:flex;gap:1em;padding:1em;border-bottom:.125em solid var(--theme-border-primary)}@media(max-width: 768px){.block-user-preference .row.row-avatar{justify-content:center}}.block-user-preference .row.row-avatar .radio-option{text-align:center}.block-user-preference .row.row-avatar .radio-box{flex-direction:column;margin-top:1em;border:none}.block-user-preference .row.row-avatar .user-avatar-wrapper{--wrapper-size: 7.5em;position:relative;margin:0 auto;width:var(--wrapper-size);height:var(--wrapper-size)}.block-user-preference .row.row-avatar .user-avatar-custom{position:relative}.block-user-preference .row.row-avatar .user-avatar-custom:has([data-progress]) .icon-default{display:none}.block-user-preference .row.row-avatar .user-avatar{--size: var(--wrapper-size)}.block-user-preference .row.row-avatar .upload-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.block-user-preference .row.row-avatar .upload-wrapper .upload-progress{position:relative;display:flex;width:100%;height:100%}.block-user-preference .row.row-avatar .upload-wrapper .upload-progress:not([data-progress])~.btn-upload-cancel{display:none}.block-user-preference .row.row-avatar .upload-wrapper .upload-progress[data-progress]::before{--progress-bar: var(--theme-progress-bar-normal);--progress-bar-bg: var(--theme-progress-bg);content:"";display:block;width:100%;height:100%;border-radius:50%;background-image:conic-gradient(var(--progress-bar) var(--progress), var(--progress-bar-bg) 0);mask-image:radial-gradient(circle, transparent 60%, black 61%);transition:background-image .3s linear}.block-user-preference .row.row-avatar .upload-wrapper .upload-progress[data-progress]::after{content:attr(data-progress);position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--theme-font-secondary);font-weight:bold}.block-user-preference .row.row-avatar .upload-wrapper .upload-progress[data-progress]~.btn-upload{display:none}.block-user-preference .row.row-avatar .upload-wrapper .btn{--size: 1em;--btn-size: calc(var(--size) * 1.75);position:absolute;right:0;display:flex;align-items:center;justify-content:center;padding:0;width:var(--btn-size);height:var(--btn-size);border-radius:var(--btn-size);font-size:var(--size)}.block-user-preference .row.row-avatar .upload-wrapper .btn-upload{bottom:0}.block-user-preference .row.row-avatar .upload-wrapper .btn-upload-cancel{bottom:0}.block-user-preference .row-phone .content{display:flex;flex-wrap:wrap;gap:.5em;align-items:center}.block-user-preference .row-phone .content-group:has(.phone-number){flex:1}.block-user-preference .row-phone .split-symbol{font-weight:bold}.block-user-preference .row-phone .phone-code-option{display:flex;gap:.5em;align-items:center}.block-user-preference .row-phone .phone-code-option .icon-flag{aspect-ratio:3/2;width:2em}.block-user-preference .row-phone .phone-code{min-width:4.5em;width:auto}.block-user-preference .row-phone .phone-code.ts-wrapper{width:auto}.block-user-preference .row-phone .phone-code.ts-wrapper.plugin-dropdown_input .items-placeholder{width:0}.block-user-preference .row-phone .phone-code .ts-control .phone-code-option .country-name{display:none}.block-user-preference .row-phone .phone-code .ts-dropdown{width:max-content}.block-user-preference .row-phone .phone-code .ts-dropdown-content{display:grid;grid-template-columns:auto auto 1fr}[data-os*=ios] .block-user-preference .row-phone .phone-code .ts-dropdown-content{display:block}[data-os*=macos] .block-user-preference .row-phone .phone-code .ts-dropdown-content{display:block}.block-user-preference .row-phone .phone-code .ts-dropdown-content .phone-code-option{display:grid;grid-column:1/-1;grid-template-columns:subgrid}[data-os*=ios] .block-user-preference .row-phone .phone-code .ts-dropdown-content .phone-code-option{display:flex;flex-wrap:wrap}[data-os*=macos] .block-user-preference .row-phone .phone-code .ts-dropdown-content .phone-code-option{display:flex;flex-wrap:wrap}.block-user-preference .row-phone .phone-number{flex:inherit;min-width:7.5em}.block-user-preference .row-phone .phone-extension{max-width:4.75em}.block-user-preference .row-birthday .content{display:flex}.block-user-preference .row-birthday .value{flex:1}.block-user-preference .row.row-toolbar{grid-column:1/-1;display:flex;gap:1em;justify-content:flex-end;margin-top:.5em}.block-user-preference .row.row-toolbar .btn .icon{margin-right:.25em}

/*# sourceMappingURL=preference.1222ef9d.css.map*/