[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-field-image__field-label{color:var(--Text-Text-1, #121212);font-family:var(--font-body-medium-family);font-size:18px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-.36px;padding-bottom:4px;display:flex;flex-wrap:wrap;column-gap:8px}.xo-field-image__field-label-optional{color:#8d8d8d;font-family:var(--font-body-family)}.xo-field-image__field-description{color:var(--Text-Text-4, #8d8d8d);font-size:16px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-.32px;padding-bottom:12px}@media(min-width:768px){.xo-field-image--desktop .xo-field-image__field-group{column-gap:13px;flex-direction:row;flex-wrap:wrap}.xo-field-image--desktop .xo-field-image__action{width:calc(33.33% - 13px);aspect-ratio:1}.xo-field-image--desktop .xo-field-image__image-box{width:calc((100% - 26px) / 3);padding:0}.xo-field-image--desktop .xo-field-image__image-box--completed .xo-field-image__image-action{transform:translate(-50%,-50%)}.xo-field-image--desktop .xo-field-image__image-action{top:50%;left:50%;gap:10px;transform:translate(-50%,-50%);background:#fff9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.xo-field-image--desktop .xo-field-image__image-box--error .xo-field-image__image{border:1px solid #d90000}.xo-field-image--desktop .xo-field-image__image{width:100%}.xo-field-image--desktop .xo-field-image__info{display:none}}.xo-field-image__field-group{display:flex;column-gap:20px;flex-direction:column;row-gap:16px}.xo-field-image__input{display:none}.xo-field-image__action{display:flex;gap:4px;width:100%}.xo-field-image__label{display:flex;justify-content:center;align-items:center;background:var(--Fill-Fill-4, #f1f1f1);transition:.3s;cursor:pointer;min-height:auto;width:100%;min-height:48px;gap:8px;border:none}.xo-field-image__label:hover{background:var(--Fill-Fill-5, #e8e8e8)}.xo-field-image__label svg{display:block;transition:.3s;width:16px}@media(min-width:768px){.xo-field-image__label svg{width:24px}}@media(min-width:768px){.xo-field-image__label{flex-direction:column}}.xo-field-image__camera{display:flex;align-items:center;justify-content:center;background:var(--Fill-Fill-4, #f1f1f1);flex-shrink:0;width:48px;height:48px;transition:.3s;cursor:pointer}.xo-field-image__camera:hover{background:var(--Fill-Fill-5, #e8e8e8)}@media(min-width:768px){.xo-field-image__camera{display:none}}.xo-field-image__label--loading{position:relative}.xo-field-image__label--loading svg,.xo-field-image__label--loading .xo-field-image__label-text{opacity:0}.xo-field-image__label--loading:after{position:absolute;content:"";width:45px;height:45px;top:calc(50% - 22px);left:calc(50% - 22px);border-radius:50%;border:3px solid #8d8d8d;border-right-color:transparent;border-top-color:transparent;animation:rotateAround .8s linear infinite}.xo-field-image__label-text{display:block;color:var(--Text-Text-4, #121212);font-family:var(--font-body-medium-family);font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.32px;transition:.3s}.xo-field-image__image-box{width:100%;position:relative;display:flex;align-items:center;gap:12px;padding:8px}.xo-field-image__image-box--completed .xo-field-image__info-progress{display:none}.xo-field-image__image-box--completed .xo-field-image__image-action{top:50%;transform:translateY(-50%)}.xo-field-image__image-box--error .xo-field-image__info-progress-text{color:#d90000}.xo-field-image__image-box--error .xo-field-image__info-progress-bar:after{background-color:#d90000}.xo-field-image__image-box--error .xo-field-image__error-icon{display:inline-block}.xo-field-image__image-action{position:absolute;top:2px;right:0;display:flex;gap:20px;width:fit-content;padding:0 8px}.xo-field-image__image-action-btn{padding:8px 0;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;color:#161616;position:relative}.xo-field-image__image-action-btn:hover{color:var(--color-branding)}.xo-field-image__image-action-btn svg:not(.xo-field-image__progress-icon){width:16px;display:block}.xo-field-image__image-action-btn xo-circle-progress{transform:scale(1.1);display:block}.xo-field-image__image{width:60px;aspect-ratio:1;flex-shrink:0;overflow:hidden}.xo-field-image__file-preview{object-fit:cover;width:100%;height:100%}.xo-field-image__file-none-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f1f1f1}.xo-field-image__file-none-preview svg{display:block}.xo-field-image__info{width:calc(100% - 60px)}.xo-field-image__info-title{color:var(--Text-Text-1, #121212);font-family:var(--font-body-medium-family);font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.32px;width:calc(100% - 72px);overflow:hidden;text-overflow:ellipsis}.xo-field-image__info-progress{width:100%;padding-top:8px}.xo-field-image__info-progress-text{color:var(--Text-Text-3, #6b6d76);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-.28px;padding-bottom:7px;display:flex;align-items:center;gap:4px}.xo-field-image__info-progress-bar{position:relative;width:100%;height:2px;background-color:#e4e4e4;transition:.2s}.xo-field-image__info-progress-bar:after{content:"";position:absolute;left:0;height:100%;width:var(--width);background-color:#000}.xo-field-image__error-icon{display:none}@media(min-width:768px){.xo-field-image__error-icon{position:absolute;top:4px;right:4px;z-index:1}}.xo-field-image__progress-icon{width:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/field-image.css.map */