.image{position:relative;min-width:var(--icon-size);min-height:var(--icon-size);overflow:hidden}.image ._indicator{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:grid;align-content:center;justify-content:center}.image ._indicator.v-enter-active,.image ._indicator.v-leave-active{transition:opacity .5s,scale .5s}.image ._indicator.v-enter-from,.image ._indicator.v-leave-to{opacity:0}.image>*{z-index:2}.image ._image,.image>*:last-child{opacity:0;position:relative;z-index:1;transition:all 1s ease;width:100%;height:100%;background-repeat:no-repeat;background-position:center}.image.__loaded ._image,.image.__loaded>*:last-child{opacity:1}.segmented-control{width:100%;display:flex;align-items:center;justify-content:center;gap:1.2em;padding:2.4em 4em;border-radius:0;color:var(--clr, var(--clr-metal-900));box-shadow:inset 0 -1px 0 light-dark(var(--clr-metal-100),#fff1);transition:box-shadow .3s,background-color .3s}.segmented-control .emoji{font-size:3.2em}.segmented-control .image ._image{width:3.2em;aspect-ratio:1;background-size:cover;scale:1.3}.segmented-control span{font-size:1.8em;font-weight:700;color:light-dark(var(--clr-metal-950),var(--clr-white))}.segmented-control:hover{background:light-dark(var(--clr-metal-50),#fff2)}.segmented-control.active{box-shadow:inset 0 -2px 0 light-dark(var(--clr-metal-900),var(--clr-white))}.layout.sm button.segmented-control,button.segmented-control.sm{font-size:7px}.layout.sm button.segmented-control .emoji,button.segmented-control.sm .emoji{font-size:24px}.layout.sm button.segmented-control .image ._image,button.segmented-control.sm .image ._image{width:24px}.layout.sm button.segmented-control span,button.segmented-control.sm span{font-size:16px}