@layer components{.sk-mood-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (max-width:359.98px){.sk-mood-chips{grid-template-columns:minmax(0,1fr)}}.sk-mood-chip{--sk-mood:var(--mood-wonder);border:2px solid var(--ss-ink);background-color:var(--ss-paper);min-width:0;min-height:48px;color:var(--ss-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .24s var(--ss-ease),box-shadow .24s var(--ss-ease);border-radius:8px;flex-direction:column;padding:9px 6px 2px 7px;display:flex;position:relative;overflow:hidden;container:sk-mood-chip/inline-size}.sk-mood-chip:hover:not(.is-on){background-color:var(--ss-paper-2)}.sk-mood-chip.is-on{background-color:var(--ss-label);border-width:3px;padding:8px 5px 1px 6px;box-shadow:0 6px 16px -6px #ffc93c8c}.sk-mood-chip:has(.sk-mood-chip-input:focus-visible){outline:3px solid var(--ss-gold);outline-offset:3px}.sk-mood-chip-input{z-index:1;opacity:0;appearance:none;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sk-mood-chip-band{background-color:var(--sk-mood);border-bottom:1px solid #1e1a1659;height:5px;position:absolute;top:0;left:0;right:0}.sk-mood-chip-top{align-items:center;gap:5px;min-width:0;height:16px;display:flex}.sk-mood-chip-icon{width:14px;height:14px;color:color-mix(in srgb,var(--sk-mood)55%,var(--ss-ink));flex:none}.sk-mood-chip-name{min-width:0;font-family:var(--ss-display);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1;overflow:hidden}.sk-mood-chip-contour{flex:none;width:35px;height:15px;margin-left:auto;position:relative}.sk-mood-chip-dot{top:calc(var(--y)*1px);left:calc(var(--x)*6px);background-color:var(--sk-mood);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 0 .5px #1e1a1659}.sk-mood-chip.is-on .sk-mood-chip-dot{box-shadow:0 0 0 .5px var(--ss-ink)}.sk-mood-chip-blurb{font-family:var(--ss-ui);letter-spacing:-.016em;color:var(--ss-ink-2);text-wrap:pretty;margin-top:3px;font-size:11px;font-weight:400;line-height:1.2}.sk-mood-chip.is-on .sk-mood-chip-blurb{color:var(--ss-ink)}@container sk-mood-chip (max-width:152.98px){.sk-mood-chip-contour{margin:0;position:absolute;top:28px;right:6px}.sk-mood-chip.is-on .sk-mood-chip-contour{top:27px}.sk-mood-chip-blurb:before{content:"";float:right;width:39px;height:12px}}@media (prefers-reduced-motion:reduce){.sk-mood-chip{transition:none}}}