.collection-finder__inner{display:flex;flex-direction:column;gap:64px}.collection-finder__ask{text-align:center}.collection-finder__eyebrow{margin:0 0 8px;color:var(--color-teal, #0ba88a)}.collection-finder__question{margin:0 0 24px;font-family:Gloria Hallelujah,cursive;font-weight:400;line-height:1.15;color:var(--color-ink-900, #1a1a1a)}.collection-finder__answers{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.collection-finder__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.collection-finder__pill{display:inline-flex;align-items:center;gap:8px;padding:11px 30px;border:2px solid var(--color-ink-300, #b0b0b0);border-radius:9999px;background:transparent;color:var(--color-ink-500, #717171);font-family:DM Sans,sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.collection-finder__pill:hover{border-color:var(--color-teal, #0ba88a);color:var(--color-teal, #0ba88a)}.collection-finder__radio--si:checked~.collection-finder__answers .collection-finder__pill--si,.collection-finder__radio--no:checked~.collection-finder__answers .collection-finder__pill--no{background:var(--color-teal, #0ba88a);border-color:var(--color-teal, #0ba88a);color:#fff}.collection-finder__radio:focus-visible~.collection-finder__answers .collection-finder__pill--si,.collection-finder__radio--no:focus-visible~.collection-finder__answers .collection-finder__pill--no{outline:2px solid var(--color-teal, #0ba88a);outline-offset:3px}.collection-finder__pill--jump .collection-finder__arrow{transition:transform .2s ease}.collection-finder__pill--jump:hover .collection-finder__arrow{transform:translateY(3px)}.collection-finder__panel{display:none;margin-top:36px}.collection-finder__radio--si:checked~.collection-finder__panel--si,.collection-finder__radio--no:checked~.collection-finder__panel--no{display:block;animation:collection-finder-in .28s ease both}@keyframes collection-finder-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.collection-finder__panel-intro{margin:0 auto 24px;max-width:56rem;color:var(--color-ink-700, #3d3d3d)}.collection-finder__shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.collection-finder__shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:24px 16px;border:1px solid var(--color-teal-light, #c6ebe0);border-radius:12px;background:var(--color-white, #fff);color:var(--color-ink-900, #1a1a1a);text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.collection-finder__shortcut:hover{border-color:var(--color-teal, #0ba88a);background:var(--color-teal-surface, #e0f5f2);transform:translateY(-3px)}.collection-finder__shortcut-img{width:100%;max-width:120px;height:auto;object-fit:contain}.collection-finder__shortcut-name{font-family:Gloria Hallelujah,cursive;font-size:1.8rem;line-height:1.2;text-align:center}.collection-finder__quiz{display:flex;flex-direction:column;align-items:center;gap:16px}.collection-finder__quiz .collection-finder__panel-intro{margin-bottom:0}.collection-finder__embed{width:100%}.collection-finder__list-label{margin:0 0 24px;text-align:center;color:var(--color-ink-500, #717171)}.collection-finder__list{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.collection-finder__row{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:24px;width:100%;max-width:76rem}.collection-finder__slot{display:flex;align-items:center;min-height:72px;opacity:1}.collection-finder__slot--left{justify-content:flex-end}.collection-finder__slot--right{justify-content:flex-start}.collection-finder__symbol-img{height:72px;width:auto;object-fit:contain}.collection-finder__kanji{font-family:Hiragino Mincho ProN,Yu Mincho,MS Mincho,serif;font-size:56px;line-height:1;color:var(--color-ink-300, #b0b0b0);transition:color .25s ease}.collection-finder__name{display:block;font-family:Gloria Hallelujah,cursive;font-weight:400;font-size:clamp(3.2rem,5vw,5.4rem);line-height:1.25;color:var(--color-ink-300, #b0b0b0);text-align:center;text-decoration:none;white-space:nowrap;transition:color .25s ease}.collection-finder__row:hover .collection-finder__name,.collection-finder__row:focus-within .collection-finder__name,.collection-finder__row:hover .collection-finder__kanji,.collection-finder__row:focus-within .collection-finder__kanji{color:var(--cf-row-hover, var(--color-teal, #0ba88a))}.collection-finder__name:focus-visible{outline:2px solid var(--color-teal, #0ba88a);outline-offset:4px;border-radius:4px}@media screen and (max-width:989px){.collection-finder__shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.collection-finder__inner{gap:48px}.collection-finder__row{gap:12px}.collection-finder__shortcuts{grid-template-columns:1fr}.collection-finder__slot{min-height:0}.collection-finder__name{color:var(--cf-row-hover, var(--color-teal, #0ba88a));font-size:clamp(2rem,8vw,2.6rem)}.collection-finder__kanji{color:var(--cf-row-hover, var(--color-teal, #0ba88a))}.collection-finder__symbol-img{height:44px}.collection-finder__kanji{font-size:34px}}@media(prefers-reduced-motion:reduce){.collection-finder__slot,.collection-finder__name,.collection-finder__shortcut,.collection-finder__arrow{transition:none}.collection-finder__radio--si:checked~.collection-finder__panel--si,.collection-finder__radio--no:checked~.collection-finder__panel--no{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-collection-finder.css.map */