.emotion-selector{border:0;margin:0;padding:0}.emotion-selector__options{display:flex;align-items:center;justify-content:space-between}.emotion-selector__option{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;position:relative;font-size:2.125rem}.emotion-selector__input{position:absolute;opacity:0;pointer-events:none}.emotion-selector__control{position:relative;display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:999px;background:var(--surface-input)}.emotion-selector__option:hover .emotion-selector__control{background:var(--accent-subtle)}.emotion-selector__input:checked+.emotion-selector__control{background:var(--accent-default)}.emotion-selector__input:focus-visible+.emotion-selector__control{box-shadow:0 0 0 2px #6000A366;background:var(--surface-input)}.emotion-selector__input:checked:focus-visible+.emotion-selector__control{background:var(--accent-default);box-shadow:0 0 0 2px #fff,0 0 0 4px #6000A366}.emotion-selector__label{color:var(--text-tertiary);position:absolute;top:100%;white-space:nowrap;padding-top:.75rem}.emotion-selector__label--0{left:0}.emotion-selector__label--2{left:50%;transform:translate(-50%,0)}.emotion-selector__label--4{right:0}@media only screen and (max-width:768px){.emotion-selector__label{padding-top:.5rem}}