asobu-character-picker{display:block;min-width:0}asobu-character-picker [hidden],.asobu-characters__dialog:not([open]){display:none}.asobu-characters__bar,.asobu-characters__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.asobu-characters__bar p{margin:0}.asobu-characters__browse{color:inherit;font:inherit;font-size:.875rem;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}button.asobu-characters__browse{min-height:44px}.asobu-characters__strip{display:flex;gap:.45rem;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px .4rem}.asobu-character-thumb,.asobu-character-card{background:#fff;color:#292521;border:1px solid #cfcac5;border-radius:.45rem}.asobu-character-thumb{position:relative;display:grid;place-items:center;flex:0 0 52px;height:56px;padding:3px;overflow:hidden}.asobu-character-thumb img{width:100%;height:100%;object-fit:contain}.asobu-character-thumb.is-selected,.asobu-character-card[aria-current]{border:2px solid currentColor}asobu-character-picker :focus-visible{outline:2px solid currentColor;outline-offset:2px}.asobu-characters__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(42rem,calc(100% - 1.5rem));max-height:min(85vh,48rem);max-height:min(85dvh,48rem);padding:0;border:0;border-radius:1rem;background:#fffaf3;color:#292521}.asobu-characters__dialog[open]{display:flex;flex-direction:column}.asobu-characters__dialog::backdrop{background:#1916147f}.asobu-characters__top{flex:none;padding:.6rem 1rem;border-bottom:1px solid #dbd4cb}.asobu-characters__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(6rem,100%),1fr));gap:.5rem;padding:.8rem;overflow-y:auto;overscroll-behavior:contain}.asobu-character-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.25rem;padding:.4rem;text-align:center;font-size:.875rem;line-height:1.25}.asobu-character-card img{width:100%;aspect-ratio:1;object-fit:contain}.asobu-character-card[data-unavailable]{background:#f5f2ed}.asobu-character-card small{color:#60544d}.asobu-characters__fallback summary{width:fit-content}
/*# sourceMappingURL=/cdn/shop/t/50/compiled_assets/styles.css.map */