.upload-photo-modal{position:fixed;inset:0;z-index:1000;display:none}.upload-photo-modal.active{display:block}.upload-photo-modal.expandable .expandable-upload-photo-modal svg{transform:rotate(-180deg)}.upload-photo-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg)}.upload-photo-modal-scroll{position:fixed;inset:0;padding:calc(var(--spacing-3xl) + 44px) var(--spacing-xl);overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;pointer-events:none}.upload-photo-modal-content{position:relative;border-radius:var(--radius-3xl);background:var(--surface-solid);padding:var(--spacing-4xl);max-width:44.6rem;width:100%;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column;pointer-events:auto;margin:auto;transition:var(--easing-normal);box-shadow:0 502px 141px #0000,0 321px 128px #00000003,0 181px 108px #0000000d,0 80px 80px #00000017,0 20px 44px #0000001a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-photo-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl)}.upload-photo-modal-title{color:var(--text-primary, #141312);font-size:var(--font-size-lg, 24px);font-weight:var(--font-weight-Semibold, 600);line-height:var(--font-height-lg, 28px);letter-spacing:-.48px}.upload-photo-modal-subtitle{color:var(--text-secondary, rgba(0, 0, 0, .8));font-size:var(--font-size-2xs, 14px);font-weight:var(--font-weight-Semibold, 600);line-height:var(--font-height-sm, 20px);letter-spacing:-.28px;margin-bottom:2px}.upload-photo-modal-close{padding:8px}.upload-photo-modal-close-box{display:flex;align-items:center;position:absolute;top:-44px;right:-8px;cursor:pointer}.upload-photo-modal-close-box:hover .upload-photo-modal-close-box-text:after{width:100%;opacity:1}.upload-photo-modal-close-box svg{display:flex}.upload-photo-modal-close-box-text{color:var(--text-on-dark-primary, #fafafa);font-size:var(--font-size-3xs, 12px);font-weight:var(--font-weight-Medium, 500);line-height:var(--font-height-xs, 16px);letter-spacing:.96px;text-transform:uppercase;position:relative}.upload-photo-modal-close-box-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;opacity:0;background-color:var(--text-on-dark-primary, #fafafa);transition:var(--easing-normal)}.expandable-upload-photo-modal{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-link);font-size:var(--font-size-3xs);font-weight:var(--font-weight-Medium);line-height:var(--font-height-xs);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;letter-spacing:.96px;position:relative;line-height:1}.expandable-upload-photo-modal:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;transition:var(--easing-normal);background-color:var(--text-link)}.expandable-upload-photo-modal:hover:before{width:100%;opacity:1}.expandable-upload-photo-modal svg{transition:var(--easing-normal)}.upload-photo-modal-body{display:flex;flex-direction:column}.upload-photo-modal-detail{height:0;visibility:hidden;transition:var(--easing-normal)}.expandable .upload-photo-modal-detail{height:auto;visibility:visible}.upload-photo-modal-detail-inner{display:flex;padding:var(--spacing-2xl);flex-direction:column;align-items:center;gap:var(--spacing-lg);align-self:stretch;border-radius:var(--radius-xl);border:1px solid var(--border-secondary);background:var(--surface-primary);margin-bottom:var(--spacing-3xl)}.upload-photo-modal-detail-text p{color:var(--text-primary);font-size:var(--font-size-xs);line-height:var(--font-height-md);letter-spacing:var(--letter-spacing-xs)}.upload-photo-modal-detail-text p b{font-weight:var(--font-weight-Semibold)}.upload-photo-modal-detail-text ul{padding-left:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.upload-photo-modal-detail-text li{color:var(--text-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-Regular);line-height:var(--font-height-sm);display:flex;gap:var(--spacing-md)}.upload-photo-modal-detail-text li svg{width:20px;height:20px;flex-shrink:0}