.club-logo.club-logo-preview,.club-logo.club-logo-field__preview-image{flex-basis:3rem;width:3rem;height:3rem}.club-logo-field{gap:var(--space-4);border:0;min-width:0;margin:0;padding:0;display:grid}.club-logo-field>legend{margin-bottom:var(--space-2);font-weight:760}.club-logo-field__choices{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-raised);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.club-logo-field__choices label{cursor:pointer;min-width:0;position:relative}.club-logo-field__choices input{opacity:0;width:1px;height:1px;position:absolute}.club-logo-field__choices span{min-height:var(--target-min);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;transition:background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);place-items:center;font-weight:720;display:grid}.club-logo-field__choices input:checked+span{background:var(--color-surface);color:var(--color-brand);box-shadow:var(--shadow-raised)}.club-logo-field__choices label:focus-within span{outline:3px solid var(--color-focus);outline-offset:2px}.club-logo-upload{min-width:0}.club-logo-dropzone{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:0;min-height:6rem;transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}.club-logo-dropzone:focus-visible,.club-logo-dropzone[data-dragging=true]{border-color:var(--color-brand);background:var(--color-brand-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 16%, transparent);outline:0}.club-logo-dropzone[data-has-file=true]{border-style:solid}.club-logo-dropzone__empty,.club-logo-dropzone__selected{align-items:center;gap:var(--space-3);min-width:0;min-height:6rem;padding:var(--space-3);flex-wrap:wrap;display:flex}.club-logo-dropzone__empty>span:not(.club-logo-dropzone__icon),.club-logo-dropzone__selected>span{gap:var(--space-1);flex:10rem;min-width:0;display:grid}.club-logo-dropzone__empty small,.club-logo-dropzone__selected small,.club-logo-field__preview small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.club-logo-dropzone__icon{border-radius:var(--radius-sm);background:var(--color-brand-soft);width:2.75rem;height:2.75rem;color:var(--color-brand);flex:none;place-items:center;display:grid}.club-logo-dropzone__icon svg{width:1.4rem;height:1.4rem}.club-logo.club-logo-dropzone__preview{background-color:var(--color-surface);background-image:conic-gradient(var(--color-surface-raised) 25%, var(--color-surface) 0 50%, var(--color-surface-raised) 0 75%, var(--color-surface) 0);background-position:0 0;background-size:.75rem .75rem;flex-basis:3.5rem;width:3.5rem;height:3.5rem}.club-logo-dropzone__selected strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.club-logo-field__preview{align-items:center;gap:var(--space-3);min-width:0;padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.club-logo-field__preview>span{gap:var(--space-1);min-width:0;display:grid}.club-logo.club-logo-field__preview-image--processed{background-color:var(--color-surface);background-image:conic-gradient(var(--color-surface-raised) 25%, var(--color-surface) 0 50%, var(--color-surface-raised) 0 75%, var(--color-surface) 0);background-position:0 0;background-size:.75rem .75rem}.club-logo-field__warning{gap:0 var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--font-size-sm);line-height:var(--leading-copy);flex-wrap:wrap;margin:0;display:flex}.club-logo-field__background-actions{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.club-logo-field__background-actions .field__hint{flex:12rem;margin:0}@media (max-width:32rem){.club-logo-field__choices{grid-template-columns:1fr}.club-logo-field__choices span{padding-inline:var(--space-3);justify-items:start}.club-logo-dropzone__empty .ui-button,.club-logo-dropzone__selected .ui-button{width:100%}}