.visual-display{--visual-display__size:min(2.4rem,100%);aspect-ratio:1/1;border:.1rem solid rgba(var(--color-foreground),.2);max-width:100%;position:relative;width:var(--visual-display__size)}.visual-display.empty{border-style:dashed}.visual-display--presentation-swatch{--visual-display__size:min(2.4rem,100%);border-radius:100%;overflow:hidden}.visual-display-parent .visual-display--presentation-swatch{outline-offset:.2rem}.visual-display-parent.active .visual-display--presentation-swatch,.visual-display-parent:hover .visual-display--presentation-swatch,.visual-display-parent[\:has\(\.focus-visible\)] .visual-display--presentation-swatch{outline-style:solid}.visual-display-parent:has(.focus-visible) .visual-display--presentation-swatch{outline-style:solid}.visual-display-parent[\:has\(\:focus-visible\)] .visual-display--presentation-swatch{outline-style:solid}.visual-display-parent:has(:focus-visible) .visual-display--presentation-swatch{outline-style:solid}.visual-display-parent.active .visual-display--presentation-swatch{outline-color:rgb(var(--color-foreground),1);outline-width:.2rem}.visual-display-parent:hover .visual-display--presentation-swatch{outline-color:rgb(var(--color-foreground),.4);outline-width:.2rem}.visual-display-parent[\:has\(\.focus-visible\)] .visual-display--presentation-swatch{box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 0 .8rem rgba(var(--color-foreground),.5),0 0 1.2rem .4rem rgba(var(--color-foreground),.3);outline-color:rgb(var(--color-foreground),.4);outline-width:.2rem}.visual-display-parent:has(.focus-visible) .visual-display--presentation-swatch{box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 0 .8rem rgba(var(--color-foreground),.5),0 0 1.2rem .4rem rgba(var(--color-foreground),.3);outline-color:rgb(var(--color-foreground),.4);outline-width:.2rem}.visual-display-parent[\:has\(\:focus-visible\)] .visual-display--presentation-swatch{box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 0 .8rem rgba(var(--color-foreground),.5),0 0 1.2rem .4rem rgba(var(--color-foreground),.3);outline-color:rgb(var(--color-foreground),.4);outline-width:.2rem}.visual-display-parent:has(:focus-visible) .visual-display--presentation-swatch{box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 0 .8rem rgba(var(--color-foreground),.5),0 0 1.2rem .4rem rgba(var(--color-foreground),.3);outline-color:rgb(var(--color-foreground),.4);outline-width:.2rem}@supports not selector(:has(a,b)){.visual-display-parent[focus-within] .visual-display--presentation-swatch{box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 0 .8rem rgba(var(--color-foreground),.5),0 0 1.2rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgb(var(--color-foreground),.4);outline-offset:.2rem}.visual-display-parent:focus-within .visual-display--presentation-swatch{box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 0 .8rem rgba(var(--color-foreground),.5),0 0 1.2rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgb(var(--color-foreground),.4);outline-offset:.2rem}}.visual-display-parent.disabled{opacity:.4;pointer-events:none}.visual-display-parent.disabled .visual-display:after{border-bottom:.1rem solid rgb(var(--color-background-contrast));content:"";display:block;transform:rotate(-45deg);transform-origin:left;width:calc(var(--visual-display__size)*1.414)}.visual-display .visual-display__child{display:block;height:100%;width:100%}.visual-display--presentation-swatch .visual-display__image{-o-object-fit:cover;object-fit:cover}