.ImagePillSelector__image-wrap{position:relative;width:100%;overflow:hidden}.ImagePillSelector__image{display:block;width:100%;height:auto}.ImagePillSelector__list{display:flex;flex-direction:column;gap:8px;padding:12px 0}.ImagePillSelector__pill{display:inline-flex;align-items:center;gap:8px;border-radius:20px;padding:6px 12px 6px 16px;background:#ffffffe6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:2px solid rgba(0,0,0,.12);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#3a3a3a;white-space:nowrap;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.ImagePillSelector__image-wrap .ImagePillSelector__pill{position:absolute;transform:translate(-50%,-50%)}.ImagePillSelector__list .ImagePillSelector__pill{position:relative;width:100%;justify-content:space-between}.ImagePillSelector__pill:hover{box-shadow:0 4px 12px #0000001f;transform:translate(-50%,-55%)}.ImagePillSelector__list .ImagePillSelector__pill:hover{box-shadow:0 4px 12px #0000001f;transform:none}.ImagePillSelector__pill:focus-visible{box-shadow:0 0 0 3px #af5b4f4d}.ImagePillSelector__pill--selected{border-color:#af5b4f;box-shadow:0 2px 8px #af5b4f2e}.ImagePillSelector__pill--selected:hover{box-shadow:0 4px 14px #af5b4f38}.ImagePillSelector__pill-label{line-height:1.3}.ImagePillSelector__pill-indicator{position:relative;width:20px;height:20px;flex-shrink:0;border-radius:50%;border:2px solid rgba(0,0,0,.2);background:#fff;transition:background .2s ease,border-color .2s ease}.ImagePillSelector__pill--selected .ImagePillSelector__pill-indicator{background:#af5b4f;border-color:#af5b4f}.ImagePillSelector__pill-check{position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%)}.check-fade-enter-active,.check-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.check-fade-enter-from,.check-fade-leave-to{opacity:0;transform:scale(.6)}