@import url("/possible-interactions.css?v=40");
@font-face{font-family:'Lyon Display';src:url('https://cdn.shopify.com/s/files/1/0643/9960/5984/files/LyonDisplay-Medium.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Red Hat Display';src:url('https://cdn.shopify.com/s/files/1/0643/9960/5984/files/RedHatDisplay-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
.ps-selector,.ps-selector *{box-sizing:border-box}.ps-selector{background:#fffefa;color:#242220;border:1px solid #e6ded7;border-radius:20px;max-width:1040px;margin:auto;padding:20px 28px 12px;font:16px/1.45 var(--selector-font,'Red Hat Display'),sans-serif;text-align:left;letter-spacing:0;box-shadow:0 12px 44px #47322008}.ps-selector button,.ps-selector a{font:inherit;color:inherit}.ps-selector button{cursor:pointer;text-transform:none;letter-spacing:0}.ps-selector button:focus-visible,.ps-selector a:focus-visible{outline:3px solid #5689c7;outline-offset:4px}.ss-top{display:flex;align-items:center;gap:10px;font-size:15px}.ss-emblem{width:26px;height:26px;flex:0 0 26px;background:var(--selector-accent);border-radius:50%;padding:5px}.ss-top svg,.ss-option-icon svg{width:100%;height:100%}.ss-back{margin-left:auto;border:0;background:none;padding:10px}.ss-progress{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;margin:16px 0 18px;color:#746c65}.ss-progress i{width:40px;height:1px;background:#dcd5ce}.ss-progress .active{color:#282523;font-weight:700}.ss-stage h2{font:400 clamp(27px,3vw,36px)/1.2 var(--selector-heading,'Lyon Display'),Georgia,serif!important;letter-spacing:-.4px!important;text-align:center;color:inherit;margin:0 0 10px!important;padding:0!important;outline:none}.ss-hint{text-align:center;margin:0 auto 22px!important;max-width:600px;color:#6d655f;font-size:16px!important;line-height:1.5!important}.ss-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.ss-option{background:linear-gradient(135deg,#fff 30%,color-mix(in srgb,var(--selector-accent) 24%,white));border:1px solid #ddd5ce;border-radius:14px;padding:18px 12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;min-height:112px;transition:background .2s,border-color .2s;animation:ss-enter .35s both;animation-delay:calc(var(--i)*35ms)}.ss-option:hover{border-color:#a8917d;background:color-mix(in srgb,var(--selector-accent) 35%,white)}.ss-option strong{font-weight:600;font-size:17px}.ss-option>span:last-child:not(.ss-option-icon){font-size:14px;color:#716961}.ss-option-icon{width:29px;height:29px;color:#65534b}.ss-option.chosen .ss-option-icon{animation:ss-rainbow .28s}.ss-stage{animation:ss-enter .3s}.ss-foot{border-top:1px solid #eae4de;margin-top:22px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#736c66}.ss-foot>span{max-width:64%}.ss-foot>a{display:flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;font-size:13px}.ss-foot img{width:21px;height:21px;object-fit:contain}.ss-foot img.ss-logo{width:67px;height:auto}.ss-picks{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:0 0 20px}.ss-picks span{padding:5px 9px;border-radius:20px;background:#f1ebe5;font-size:12px}.ss-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px}.ss-results article{border:1px solid #e9e1d9;border-radius:14px;overflow:hidden;background:white;max-width:400px;width:100%;justify-self:center}.ss-results article>img{width:100%;height:170px;object-fit:contain;background:#faf7f2}.ss-results article>div{padding:16px}.ss-results h3{font:400 22px/1.2 var(--selector-heading),Georgia,serif!important;margin:0 0 8px!important}.ss-results p{font-size:14px!important;margin:0 0 12px!important}.ss-results a{display:block;margin-top:12px;padding:12px;border-radius:30px;text-align:center;text-decoration:none;background:#222;color:white;font-size:14px}.ss-restart{display:block;margin:22px auto 0;border:0;background:none;padding:8px}.ps-selector [hidden]{display:none!important}@keyframes ss-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ss-rainbow{0%{color:#8267f2;transform:scale(.9)}40%{color:#e56fac}70%{color:#dfb63c}100%{color:#68ab9c;transform:scale(1.15)}}@media(max-width:600px){.ps-selector{padding:18px 14px 12px;border-radius:16px}.ss-options{grid-template-columns:1fr 1fr;gap:9px}.ss-option{padding:15px 9px;min-height:112px}.ss-option strong{font-size:16px}.ss-option>span:last-child:not(.ss-option-icon){font-size:13px}.ss-results{grid-template-columns:1fr}.ss-results article{display:grid;grid-template-columns:110px 1fr;max-width:none}.ss-results article>img{height:100%;min-height:150px}.ss-results h3{font-size:20px!important}.ss-foot{flex-direction:column}.ss-foot>span{max-width:100%;text-align:center}.ss-progress{gap:7px;font-size:11px}.ss-progress i{width:20px}.ss-top{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ss-stage,.ss-option,.ss-option.chosen .ss-option-icon{animation:none;transition:none}}

/* Contain source-theme typography and intrinsic logo dimensions. */
.ps-selector .ss-top{font:500 14px/1.3 var(--selector-font),sans-serif!important;min-height:30px}.ps-selector .ss-emblem{display:flex;align-items:center;justify-content:center}.ps-selector .ss-foot{font:12px/1.4 var(--selector-font),sans-serif!important}.ps-selector .ss-foot>a{font:12px/1.2 var(--selector-font),sans-serif!important;gap:4px!important;flex:none}.ps-selector .ss-foot img{display:block!important;flex:none!important;width:17px!important;height:19px!important;max-width:17px!important;max-height:19px!important;margin:0!important}.ps-selector .ss-foot img.ss-logo{width:58px!important;max-width:58px!important;height:17px!important;max-height:17px!important}.ss-eyebrow{display:block;text-align:center;font:600 11px/1.5 var(--selector-font),sans-serif;letter-spacing:1.6px;margin:10px 0}.ss-answer-intro{max-width:710px}.ss-advice{display:flex;gap:16px;padding:18px;background:color-mix(in srgb,var(--selector-accent) 25%,white);border-radius:14px;margin:18px 0}.ss-advice-number{font:400 28px/1.1 var(--selector-heading),serif;color:#9b7460}.ps-selector .ss-advice h3,.ps-selector .ss-recommendation h3{font:400 23px/1.25 var(--selector-heading),serif!important;margin:0 0 8px!important}.ps-selector .ss-advice p,.ps-selector .ss-recommendation p,.ps-selector .ss-context-note{font:400 15px/1.55 var(--selector-font),sans-serif!important;margin:0!important}.ss-recommendation{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:18px;border:1px solid #e6ded7;border-radius:14px;background:white}.ss-recommendation>img{width:150px!important;height:170px!important;object-fit:contain;align-self:center}.ss-recommendation .ss-eyebrow{text-align:left;margin:0 0 6px}.ss-buy{display:flex;align-items:center;gap:16px;margin-top:16px}.ss-buy a{background:#242220!important;color:#fff!important;padding:10px 16px;border-radius:30px;text-decoration:none;font-size:14px!important}.ss-sources{font:12px/1.5 var(--selector-font),sans-serif;margin:14px 0;color:#706962}.ss-sources summary{cursor:pointer}.ss-sources a{display:inline-block;margin-right:16px}.ss-sources p{font-size:12px!important}.ss-context-note{padding:16px}.ss-restart{font-size:14px!important}@media(max-width:600px){.ss-recommendation{grid-template-columns:80px 1fr;gap:12px;padding:14px}.ss-recommendation>img{width:80px!important;height:110px!important}.ss-buy{flex-wrap:wrap;gap:8px}.ss-buy a{padding:10px 12px}.ss-advice{padding:14px;gap:10px}.ps-selector .ss-foot{gap:8px}.ss-top>span:nth-child(2){max-width:70%}}

.ps-selector{padding-top:20px}.ps-selector .ss-top{margin-bottom:8px}@media(max-width:600px){.ps-selector{padding-top:18px}}

.ps-selector .ss-option strong{font-weight:500!important}.ps-selector .ss-option>span:last-child:not(.ss-option-icon){font-weight:400!important}

/* Keep long brand titles and answer labels inside compact embeds. */
.ps-selector{width:100%;min-width:0}.ss-top>span:nth-child(2){min-width:0;overflow-wrap:break-word}.ss-back{flex-shrink:0}.ss-option{min-width:0;overflow-wrap:break-word}.ss-stage h2{overflow-wrap:break-word}.ss-progress{font-size:12px}.ss-stage .ss-options{margin-top:18px}.ss-option>span:last-child:not(.ss-option-icon){font-size:14px}
@media(max-width:380px){.ss-options{gap:8px}.ss-option{padding:13px 8px}.ss-top{flex-wrap:wrap}.ss-progress{gap:6px}.ss-progress i{width:12px}}

/* The live storefront's final Lyon declaration and its sans serif interface face. */
@font-face{font-family:'Lyon Display';src:url('https://cdn.shopify.com/s/files/1/0326/3207/8475/t/47/assets/LyonDisplay-Medium-Web.woff?v=2915143655193918105') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Red Hat Display';src:url('https://cdn.shopify.com/s/files/1/0643/9960/5984/files/RedHatDisplay-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.ps-selector .ss-stage h2,.ps-selector .ss-results h3,.ps-selector .ss-advice h3,.ps-selector .ss-recommendation h3{font-weight:var(--selector-heading-weight,400)!important;font-synthesis:none}
.ps-selector .ss-option strong{font-family:var(--selector-option-font,var(--selector-font)),sans-serif;font-weight:var(--selector-option-weight,500)!important;font-synthesis:none;line-height:1.2}
.ps-selector .ss-top>span:nth-child(2){font-family:var(--selector-option-font,var(--selector-font)),sans-serif;font-weight:var(--selector-option-weight,500);font-size:18px;line-height:1.25}
.ss-option[aria-pressed]{position:relative;padding-top:20px}.ss-option[aria-pressed] .ss-choice-check{position:absolute;top:9px;right:9px;width:13px;height:13px;color:transparent;border:1px solid #bfb0a5;border-radius:50%}.ss-option[aria-pressed=true]{background:color-mix(in srgb,var(--selector-accent) 38%,white);border-color:#857162}.ss-option[aria-pressed=true] .ss-choice-check{background:#38302b;color:white;border-color:#38302b;font:10px/13px Arial;text-align:center}
.ps-selector .ss-confirm{display:block;margin:18px auto 0;padding:12px 24px;border:1px solid #2d2925;border-radius:30px;background:#2d2925;color:#fffefa;font-size:14px;transition:opacity .2s,box-shadow .2s}.ss-confirm:disabled{opacity:.35;cursor:default}.ss-confirm:not(:disabled):hover{box-shadow:0 0 0 3px #d8c6e2}.ss-confirm span{margin-left:10px}
@media(min-width:601px){.ss-options:has([aria-pressed]){grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.ps-selector .ss-top>span:nth-child(2){font-size:16px}.ss-option[aria-pressed]{min-height:100px}.ss-stage h2{font-size:28px!important}.ss-hint{font-size:14px!important;margin-bottom:14px!important}}

/* Keep interaction states independent from the entry and exit transitions. */
.ps-selector .ss-stage.ss-leaving{animation:ss-leave .16s ease-in forwards;pointer-events:none}
@keyframes ss-leave{to{opacity:0;transform:translateX(-10px)}}
.ps-selector .ss-recommendation{margin:16px 0;min-width:0}.ps-selector .ss-recommendation>div{min-width:0}
@media(prefers-reduced-motion:reduce){.ps-selector .ss-stage.ss-leaving{animation:none}}