.tea-finder{--finder-paper:#fbf9f6;--finder-section:#f4f1ea;--finder-ink:#222;--finder-muted:#666159;--finder-line:#d6d1c4;--finder-accent:#136638;--finder-brand:#b81c26;display:block;background:var(--finder-paper);color:var(--finder-ink);font-family:var(--font--paragraph--family);font-size:18px;line-height:1.5;scroll-margin-top:100px}.tea-finder *,.tea-finder *:before,.tea-finder *:after{box-sizing:border-box}.tea-finder [hidden]{display:none!important}.tea-finder__inner{max-width:1160px;margin:auto;padding:32px 48px 64px}.tea-finder h1,.tea-finder h2,.tea-finder h3,.tea-finder p{margin:0;letter-spacing:normal;text-transform:none}.tea-finder h1,.tea-finder h2,.tea-finder h3{font-family:var(--font--heading--family);font-weight:var(--font--heading--weight,400);line-height:1.15}.tea-finder h1{font-size:48px}.tea-finder h2{font-size:42px}.tea-finder h3{font-size:26px}.tea-finder a{text-decoration:none}.tea-finder button{font:inherit;letter-spacing:normal;text-transform:none;cursor:pointer;border-radius:0}.tea-finder a:focus-visible,.tea-finder button:focus-visible{outline:2px solid var(--finder-accent);outline-offset:5px}.tea-finder [tabindex="-1"]:focus{outline:none}.tea-finder__intro{display:grid;gap:8px;margin-bottom:28px;padding-top:18px;position:relative}.tea-finder__intro:before{content:"";width:32px;height:2px;background:var(--finder-brand);position:absolute;top:0;left:0}.tea-finder__intro>p{color:var(--finder-muted);font-size:18px}.tea-finder__steps{--finder-step-gap:20px;position:relative;list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--finder-step-gap);max-width:800px}.tea-finder__steps li{min-width:0;display:flex}.tea-finder__steps button{border:0;border-bottom:1px solid var(--finder-line);padding:8px 0 10px;background:transparent;color:var(--finder-ink);width:100%;min-height:58px;display:grid;gap:4px;text-align:left}.tea-finder__steps button[aria-current=step]{border-bottom:2px solid var(--finder-accent);color:var(--finder-accent)}.tea-finder__steps button:disabled{cursor:default;color:var(--finder-muted)}.tea-finder__step-label,.tea-finder__kicker{font:11px/1.35 var(--font--nav--family);letter-spacing:.08em!important;text-transform:uppercase!important}.tea-finder__step-answer{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.tea-finder__question-head{display:grid;gap:8px;margin-bottom:24px;max-width:800px}.tea-finder__question-head h2{font-size:36px}.tea-finder__question-head p:not(.tea-finder__kicker){font-size:17px;color:var(--finder-muted)}.tea-finder__options{--finder-columns:4;display:grid;grid-template-columns:repeat(var(--finder-columns),minmax(0,1fr));gap:0;max-width:720px}.tea-finder .tea-finder__choice{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;background:transparent;color:var(--finder-ink);border:0;padding:0 0 4px;min-width:0;width:100%;text-align:center;-webkit-tap-highlight-color:transparent}.tea-finder .tea-finder__choice:not(:disabled):focus-visible{outline:2px solid var(--finder-ink);outline-offset:3px}.tea-finder__choice-media{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;background:var(--finder-section);overflow:hidden;flex-shrink:0}.tea-finder__choice-media img{display:block;width:100%;height:100%;object-fit:cover}.tea-finder__choice-title{font:18px/1.2 var(--font--heading--family);font-weight:var(--font--heading--weight,400);max-width:100%;padding-inline:6px;overflow-wrap:anywhere}.tea-finder__choice-hint{font-size:13px;line-height:1.35;color:var(--finder-muted);max-width:180px;padding-inline:6px;overflow-wrap:anywhere}.tea-finder__choice:not(:disabled):hover .tea-finder__choice-title,.tea-finder__choice[aria-pressed=true] .tea-finder__choice-title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.tea-finder [data-photo-options]{position:relative;max-width:480px;row-gap:12px;margin-inline:auto}.tea-finder [data-photo-options]:before{content:"";display:block;grid-column:1/-1;aspect-ratio:1}.tea-finder [data-photo-options] .tea-finder__choice{position:static}.tea-finder [data-photo-options] .tea-finder__choice-media{position:absolute;left:0;top:0;clip-path:var(--finder-slice);background:transparent}.tea-finder [data-photo-options] .tea-finder__choice-media img{position:absolute;left:var(--finder-image-x);top:var(--finder-image-y);width:var(--finder-image-width);height:var(--finder-image-height);transition:filter .18s ease}.tea-finder [data-photo-options] .tea-finder__mobile-label{display:block;position:absolute;left:var(--finder-label-x);top:var(--finder-label-y);transform:translate(-50%,-50%);width:max-content;max-width:30%;padding:7px 10px;background:#fbf9f6f5;color:var(--finder-ink);border-radius:2px;box-shadow:0 1px 6px #2222221f;font:600 15px/1.2 var(--font--paragraph--family);text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease}@media(max-width:767px),(hover:none)and (pointer:coarse){.tea-finder [data-photo-options]{row-gap:0}.tea-finder [data-photo-options] .tea-finder__mobile-label{opacity:1;visibility:visible;padding:4px 7px;font-size:14px;font-weight:500;line-height:1.15;box-shadow:none;text-wrap:balance}.tea-finder [data-question="0"] .tea-finder__mobile-label{max-width:44%}.tea-finder [data-photo-options] .tea-finder__choice{height:0;min-height:0;gap:0;padding:0}.tea-finder [data-photo-options] .tea-finder__choice-title,.tea-finder [data-photo-options] .tea-finder__choice-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.tea-finder__choice-outline{position:absolute;left:0;top:0;display:block;width:100%;height:auto;aspect-ratio:1;overflow:visible;fill:none;stroke:var(--finder-accent);stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px var(--finder-paper));opacity:0;z-index:2;pointer-events:none;transition:opacity .18s ease}.tea-finder [data-photo-options] .tea-finder__choice-title,.tea-finder [data-photo-options] .tea-finder__choice-hint{transition:color .18s ease}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):focus-visible .tea-finder__choice-outline{opacity:1}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):focus-visible .tea-finder__choice-title{color:var(--finder-accent);text-decoration:underline;text-underline-offset:4px}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):focus-visible .tea-finder__choice-hint{color:var(--finder-ink)}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):focus-visible .tea-finder__mobile-label{opacity:1;visibility:visible}@media(min-width:768px)and (hover:hover)and (pointer:fine){.tea-finder [data-photo-options] .tea-finder__choice{padding:8px 3px 10px;transition:background-color .18s ease,box-shadow .18s ease}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):is(:hover,:focus-visible){background:var(--finder-section);box-shadow:inset 0 -3px 0 var(--finder-accent)}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):hover .tea-finder__choice-outline{opacity:1}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):is(:hover,:focus-visible) .tea-finder__choice-title{color:var(--finder-accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):hover .tea-finder__choice-hint{color:var(--finder-ink)}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):hover .tea-finder__mobile-label{opacity:1;visibility:visible}.tea-finder [data-photo-options]:has(.tea-finder__choice:not(:disabled):is(:hover,:focus-visible)) .tea-finder__choice:not(:hover):not(:focus-visible) .tea-finder__choice-media img{filter:brightness(.72) saturate(.85)}}.tea-finder:not(.is-ready) [data-photo-options] .tea-finder__choice-media{visibility:hidden}.tea-finder__choice:disabled{cursor:default}.tea-finder__quiz-foot{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-top:24px}.tea-finder__small{font-size:14px;color:var(--finder-muted);line-height:1.45}.tea-finder__quiz-foot .tea-finder__small{max-width:650px}.tea-finder .tea-finder__text-link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:transparent;color:var(--finder-accent);font-size:16px;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}.tea-finder .tea-finder__inner a.tea-finder__text-link:is(:link,:visited,:hover,:focus-visible,:active){color:var(--finder-accent)}.tea-finder .tea-finder__button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;width:100%;border:1px solid var(--finder-ink);border-radius:2px;background:var(--finder-ink);color:#fff;font:600 15px/1.35 var(--font--nav--family);text-align:center;transition:background-color .18s ease}.tea-finder .tea-finder__inner a.tea-finder__button:is(:link,:visited,:hover,:focus-visible,:active){color:var(--finder-button-label,#fff)}.tea-finder .tea-finder__button:hover{background:#111}.tea-finder .tea-finder__button--secondary{--finder-button-label:var(--finder-ink);background:transparent;color:var(--finder-ink)}.tea-finder .tea-finder__button--secondary:hover{background:var(--finder-section)}.tea-finder__sampler{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;gap:0;padding:0;background:var(--finder-section);margin-top:64px}.tea-finder__sampler-media{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#fff}.tea-finder__sampler-media picture{display:block;width:100%;height:100%}.tea-finder__sampler-media img{display:block;width:100%;height:100%;object-fit:contain}.tea-finder__sampler-info{display:grid;gap:14px;padding:32px;min-width:0}.tea-finder__sampler h2{font-size:32px;text-wrap:balance}.tea-finder__sampler p{font-size:17px;max-width:460px}.tea-finder__sampler .tea-finder__button{max-width:320px;margin-top:4px}.tea-finder .tea-finder__sampler-price{font-size:18px;font-weight:600}.tea-finder__sampler-footer{display:grid;gap:14px;min-width:0}.tea-finder__sampler:not(:has(.tea-finder__sampler-media)){grid-template-columns:1fr}.tea-finder__result-intro{display:grid;gap:12px;margin:8px 0 28px;padding-bottom:24px;border-bottom:1px solid var(--finder-line)}.tea-finder__result-summary{font-size:18px;color:var(--finder-muted)}.tea-finder__partial{padding:12px 16px;border-left:2px solid var(--finder-accent);background:var(--finder-section);font-size:16px;line-height:1.5}.tea-finder__result-controls{display:flex;gap:24px;flex-wrap:wrap}.tea-finder__recommendations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.tea-finder__card{display:flex;flex-direction:column;gap:18px;min-width:0;align-items:stretch}.tea-finder__card-media{display:block;width:100%;aspect-ratio:1;overflow:hidden}.tea-finder__card-media picture{display:block;width:100%;height:100%}.tea-finder__card-media img{width:100%;height:100%;object-fit:cover}.tea-finder__card-info{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}.tea-finder__card h3{font-size:26px;overflow-wrap:anywhere}.tea-finder .tea-finder__card h3 a:is(:link,:visited){color:var(--finder-ink)}.tea-finder .tea-finder__card h3 a:hover{color:var(--finder-accent);text-decoration:underline;text-underline-offset:4px}.tea-finder__card-notes{font-size:17px;color:var(--finder-muted)}.tea-finder__card-summary{font-size:17px}.tea-finder__card-reason{font-size:16px;color:var(--finder-accent)}.tea-finder__card-price{font-size:17px;font-weight:600}.tea-finder__result-bottom{margin-top:32px;border-top:1px solid var(--finder-line);padding-top:20px}.tea-finder__empty{display:grid;gap:16px;padding:20px 0}.tea-finder__fallback{display:grid;gap:12px;padding:20px 0}.tea-finder.is-ready .tea-finder__fallback{display:none}@media(min-width:1024px){.tea-finder__inner{--finder-desktop-photo:min(480px,56vh);position:relative;display:grid;max-width:calc(var(--finder-desktop-photo)*2 + 128px);grid-template-columns:minmax(0,1fr) var(--finder-desktop-photo);grid-template-rows:auto auto auto 1fr auto auto;column-gap:32px;padding-top:40px}.tea-finder__inner:has([data-question]:not([hidden]) [data-photo-options]):after{content:"";grid-column:2;grid-row:2/span 4;min-height:var(--finder-desktop-photo);pointer-events:none}.tea-finder__intro{grid-column:1;grid-row:1;align-self:first baseline;margin-bottom:24px;max-width:390px}.tea-finder__intro h1{font-size:42px}.tea-finder [data-finder-view=quiz]{display:contents}.tea-finder__steps{--finder-step-gap:14px;grid-column:1;grid-row:2;max-width:none;margin-bottom:16px}.tea-finder [data-finder-progress]{grid-column:1;grid-row:3;margin-bottom:8px}.tea-finder [data-question]:not([hidden]){grid-column:2;grid-row:1/span 5;width:100%;max-width:540px;justify-self:end}.tea-finder [data-question]:has([data-photo-options]):not([hidden]){display:contents}.tea-finder [data-question]:has([data-photo-options]) .tea-finder__question-head{position:static;grid-column:2;grid-row:1;align-self:first baseline;justify-self:end;width:100%;max-width:var(--finder-desktop-photo);margin:0;gap:8px}.tea-finder [data-question]:has([data-photo-options]) .tea-finder__question-head p{font-size:18px;line-height:1.5}.tea-finder__question-head{margin-bottom:16px}.tea-finder__question-head h2{font-size:28px}.tea-finder [data-photo-options]{grid-column:1;grid-row:4;align-self:start;position:static;display:flex;flex-direction:column;max-width:none;margin:0;gap:0}.tea-finder [data-photo-options]:before{display:none}.tea-finder [data-photo-options] .tea-finder__choice-media,.tea-finder [data-photo-options] .tea-finder__choice-outline{left:auto;right:48px;top:var(--finder-desktop-photo-top,200px);width:var(--finder-desktop-photo)}.tea-finder__quiz-foot{grid-column:1;grid-row:5;align-self:start;gap:0;margin-top:12px;max-width:360px}.tea-finder__quiz-foot:not(:has([data-finder-back]:not([hidden]))){display:none}.tea-finder__sampler{grid-column:1/-1;grid-row:6;margin-top:40px}.tea-finder [data-finder-view=results]{grid-column:1/-1}.tea-finder__inner:has([data-finder-view=results]:not([hidden])){display:block;max-width:1160px}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.tea-finder [data-photo-options]{height:var(--finder-desktop-list-height,auto);min-height:calc(var(--finder-columns)*64px)}.tea-finder [data-photo-options] .tea-finder__choice{flex:1;flex-direction:row;align-items:center;gap:8px;min-height:64px;padding:12px 8px;text-align:left;border-bottom:1px solid #e6e1d8}.tea-finder [data-photo-options] .tea-finder__choice-title{flex:0 0 40%;padding:0;font-size:18px}.tea-finder [data-photo-options] .tea-finder__choice-hint{flex:1;max-width:none;padding:0;font-size:14px}.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):is(:hover,:focus-visible){box-shadow:inset 3px 0 0 var(--finder-accent)}}@media(max-width:1023px)and (min-width:768px){.tea-finder__inner{padding-inline:32px}}@media(max-width:767px){.tea-finder{font-size:16px;scroll-margin-top:80px}.tea-finder__inner{padding:12px 20px 36px}.tea-finder h1{font-size:32px}.tea-finder h2{font-size:30px}.tea-finder h3{font-size:24px}.tea-finder__intro{gap:5px;padding-top:12px;margin-bottom:14px}.tea-finder__intro>p{font-size:15px;line-height:1.35}.tea-finder__steps{--finder-step-gap:10px;margin-bottom:12px}.tea-finder__steps button{min-height:44px;padding:0 0 7px;gap:3px}.tea-finder__step-answer{font-size:12px}.tea-finder__step-answer:empty{display:none}.tea-finder__step-label{font-size:10px}.tea-finder [data-finder-progress]{margin-bottom:5px}.tea-finder__question-head{gap:4px;margin-bottom:12px}.tea-finder__question-head h2{font-size:25px}.tea-finder__question-head p:not(.tea-finder__kicker){font-size:14px;line-height:1.35}.tea-finder__choice-title{font-size:14px;padding-inline:4px}.tea-finder__choice-hint{font-size:12px;padding-inline:4px}.tea-finder .tea-finder__choice{gap:6px}.tea-finder__quiz-foot{margin-top:12px;gap:0}.tea-finder__quiz-foot:not(:has([data-finder-back]:not([hidden]))){display:none}.tea-finder__sampler{grid-template-columns:112px minmax(0,1fr);grid-template-areas:"heading heading" "media body" "footer footer";gap:16px;margin-top:36px;padding:22px 20px 24px;align-items:start}.tea-finder__sampler-info{display:contents}.tea-finder__sampler-heading{grid-area:heading}.tea-finder__sampler-media{grid-area:media}.tea-finder__sampler-body{grid-area:body;align-self:center}.tea-finder__sampler-footer{grid-area:footer;gap:12px}.tea-finder__sampler h2{font-size:24px}.tea-finder__sampler p{font-size:16px;line-height:1.4}.tea-finder__sampler .tea-finder__button{max-width:none;margin-top:0}.tea-finder__sampler:not(:has(.tea-finder__sampler-media)){grid-template-columns:1fr;grid-template-areas:"heading" "body" "footer"}.tea-finder__result-intro{margin-bottom:24px;padding-bottom:20px}.tea-finder__result-summary{font-size:16px}.tea-finder__recommendations{grid-template-columns:1fr;gap:32px}.tea-finder__card{gap:18px}.tea-finder__card-media{aspect-ratio:4/3}.tea-finder__card h3{font-size:24px}.tea-finder__card-summary{font-size:16px}.tea-finder__card-reason{font-size:14px}}.tea-finder [data-question="2"] .tea-finder__options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;gap:16px}.tea-finder .tea-finder__choice--text{align-items:flex-start;justify-content:center;min-height:132px;padding:24px;text-align:left;background:#fff;border:1px solid var(--finder-line);transition:background-color .18s ease}.tea-finder__choice--text .tea-finder__choice-title{font-size:24px;padding-inline:0}.tea-finder__choice--text .tea-finder__choice-hint{max-width:none;font-size:16px;padding-inline:0}.tea-finder .tea-finder__choice--text:hover,.tea-finder .tea-finder__choice--text[aria-pressed=true]{background:var(--finder-section)}@media(max-width:767px){.tea-finder [data-question="2"] .tea-finder__options{grid-template-columns:1fr;gap:12px}.tea-finder .tea-finder__choice--text{min-height:92px;padding:18px 20px}.tea-finder__choice--text .tea-finder__choice-title{font-size:21px}}.tea-finder.is-ready [data-question]:not([hidden]) .tea-finder__question-head,.tea-finder.is-ready [data-question]:not([hidden]) .tea-finder__choice-media,.tea-finder.is-ready [data-question="2"]:not([hidden]) .tea-finder__options{animation:finder-reveal .2s ease-out both}.tea-finder.is-ready [data-finder-view=results]:not([hidden]) .tea-finder__result-intro,.tea-finder.is-ready [data-finder-view=results]:not([hidden]) .tea-finder__card{animation:finder-reveal .25s ease-out both}.tea-finder.is-ready .tea-finder__step-answer:not(:empty){animation:finder-reveal .18s ease-out both}@keyframes finder-reveal{0%{opacity:.25}to{opacity:1}}@media(hover:none)and (pointer:coarse){.tea-finder [data-photo-options] .tea-finder__choice:not(:disabled):active .tea-finder__choice-media img{filter:brightness(.9)}.tea-finder .tea-finder__choice--text:active{background:var(--finder-section)}}@media(max-width:359px){.tea-finder__sampler{grid-template-columns:88px minmax(0,1fr);column-gap:12px;padding-inline:16px}}@media(prefers-reduced-motion:reduce){.tea-finder *,.tea-finder *:before,.tea-finder *:after{transition:none!important;animation:none!important}}.tea-finder .tea-finder__choice:disabled{cursor:not-allowed}.tea-finder .tea-finder__choice:disabled .tea-finder__choice-media{cursor:not-allowed}.tea-finder .tea-finder__choice:disabled .tea-finder__choice-media img{filter:brightness(.4) saturate(.2)!important}.tea-finder .tea-finder__choice:disabled .tea-finder__choice-title{color:var(--finder-muted);opacity:.55;text-decoration:none}.tea-finder .tea-finder__choice:disabled .tea-finder__choice-hint{color:var(--finder-muted)}.tea-finder .tea-finder__choice:disabled .tea-finder__choice-outline{opacity:0}.tea-finder .tea-finder__choice:disabled .tea-finder__mobile-label{color:var(--finder-muted);background:#fbf9f6f0}.tea-finder__choice-status{display:block;font:400 10px/1.25 var(--font--paragraph--family);margin-top:3px}.tea-finder .tea-finder__choice--text:disabled{background:transparent;border-color:var(--finder-line)}.tea-finder .tea-finder__card-price{margin-top:auto;padding-top:8px}.tea-finder__card .tea-finder__button{margin-top:2px}@media(min-width:768px){.tea-finder__recommendations:has(>.tea-finder__card:only-child){grid-template-columns:minmax(0,360px);justify-content:center}.tea-finder__recommendations:has(>.tea-finder__card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,360px));justify-content:center}}@media(min-width:1024px){.tea-finder__recommendations{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yunsho-tea-finder.css.map */