.seafood-quiz{--sq-navy: #0657b8;--sq-red: #e63b2e;--sq-yellow: #ffd11a;--sq-sky: #58c9f5;--sq-sea: #0d8fd6;--sq-ink: #0a1720;--sq-ocean: #d9f5ff;--sq-foam: #f7fdff;--sq-line: #0a1720;--sq-shadow: .8rem .8rem 0 #0a1720;color:var(--sq-ink);font-family:var(--font-body-family, Assistant, sans-serif);overflow:hidden}.seafood-quiz *,.seafood-quiz *:before,.seafood-quiz *:after{box-sizing:border-box}.seafood-quiz [hidden]{display:none!important}.seafood-quiz__shell{width:min(100%,112rem);margin-inline:auto;padding:clamp(1.2rem,3vw,3.2rem) max(1.2rem,3vw)}.seafood-quiz__panel{position:relative;min-height:min(74rem,calc(100svh - 12rem));overflow:hidden;border:.4rem solid var(--sq-ink);border-radius:.8rem;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 35%),var(--sq-sky);box-shadow:var(--sq-shadow)}.seafood-quiz__view{min-height:inherit;padding:clamp(2.4rem,6vw,7.2rem)}.seafood-quiz__view--poster{display:grid;min-height:0;padding:0;place-items:center;background:var(--sq-sky)}.seafood-quiz__poster{position:relative;display:block;width:100%;max-width:82rem;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.seafood-quiz__poster-image{display:block;width:100%;height:auto}.seafood-quiz__poster:after{position:absolute;top:1.6rem;right:1.6rem;bottom:1.6rem;left:1.6rem;border:.4rem solid transparent;border-radius:.4rem;content:"";pointer-events:none;transition:border-color .14s ease,box-shadow .14s ease}.seafood-quiz__poster:hover:after,.seafood-quiz__poster:focus-visible:after{border-color:#fff;box-shadow:0 0 0 .4rem var(--sq-ink)}.seafood-quiz__poster:focus-visible{outline:none}.seafood-quiz__view--intro,.seafood-quiz__result-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(26rem,.9fr);gap:clamp(3rem,7vw,8rem);align-items:center}.seafood-quiz__view.seafood-quiz__view--poster{grid-template-columns:minmax(0,1fr);gap:0;justify-items:center}.seafood-quiz__eyebrow{margin:0 0 1.2rem;color:var(--sq-red);font-size:1.2rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.seafood-quiz h1,.seafood-quiz h2,.seafood-quiz h3,.seafood-quiz p{font-family:inherit}.seafood-quiz h1,.seafood-quiz__result-name{margin:0;color:var(--sq-navy);font-size:clamp(4rem,7vw,8rem);font-weight:800;line-height:.98;letter-spacing:-.045em}.seafood-quiz__lede{max-width:54rem;margin:2rem 0 3rem;color:#10263dbf;font-size:clamp(1.7rem,2.2vw,2.1rem);line-height:1.55}.seafood-quiz__button{display:inline-flex;min-height:5.2rem;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 2.5rem;border:.35rem solid var(--sq-ink);border-radius:.4rem;color:var(--sq-ink);background:var(--sq-yellow);box-shadow:.55rem .55rem 0 var(--sq-ink);font:inherit;font-size:1.6rem;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.seafood-quiz__button:hover{color:var(--sq-ink);background:#ffe36a;box-shadow:.25rem .25rem 0 var(--sq-ink);transform:translate(.25rem,.25rem)}.seafood-quiz__button:focus-visible,.seafood-quiz__answer:focus-visible,.seafood-quiz__back:focus-visible{outline:.35rem solid #fff;box-shadow:0 0 0 .7rem var(--sq-ink);outline-offset:.4rem}.seafood-quiz__visual{position:relative;display:grid;min-height:clamp(28rem,40vw,48rem);place-items:center}.seafood-quiz__visual:before,.seafood-quiz__visual:after{position:absolute;width:78%;aspect-ratio:1;border:.1rem solid rgba(2,17,146,.18);border-radius:50%;content:""}.seafood-quiz__visual:after{width:54%}.seafood-quiz__intro-image,.seafood-quiz__result-image{position:relative;z-index:1;width:min(100%,46rem);aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:1.2rem 1.2rem #d71920eb}.seafood-quiz__shoal{position:relative;z-index:1;display:grid;width:min(100%,42rem);grid-template-columns:repeat(4,1fr);gap:clamp(.8rem,2vw,1.8rem);transform:rotate(-3deg)}.seafood-quiz__shoal span{display:grid;aspect-ratio:1;place-items:center;border:.1rem solid var(--sq-line);border-radius:50%;background:#fff;box-shadow:0 .8rem 2rem #10263d17;font-size:clamp(2.7rem,5vw,5rem)}.seafood-quiz__topbar{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:center;margin-bottom:clamp(4rem,8vw,8rem)}.seafood-quiz__back{padding:.7rem 0;border:0;color:var(--sq-navy);background:transparent;font:inherit;font-weight:700;cursor:pointer}.seafood-quiz__progress-copy{display:flex;justify-content:space-between;margin-bottom:.8rem;color:var(--sq-ink);font-size:1.3rem;font-weight:700}.seafood-quiz__progress-track{height:1.4rem;overflow:hidden;border:.3rem solid var(--sq-ink);border-radius:.2rem;background:#fff}.seafood-quiz__progress-bar{width:10%;height:100%;border-radius:0;background:var(--sq-yellow);transition:width .22s ease}.seafood-quiz__question-wrap{max-width:82rem;margin-inline:auto}.seafood-quiz__question{margin:0 0 clamp(2.8rem,5vw,4.5rem);color:var(--sq-ink);font-size:clamp(2.7rem,4vw,4.6rem);font-weight:850;line-height:1.12;letter-spacing:-.025em}.seafood-quiz__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.seafood-quiz__answer{position:relative;min-height:7.2rem;padding:1.7rem 4.8rem 1.7rem 1.8rem;border:.3rem solid var(--sq-line);border-radius:.4rem;color:var(--sq-ink);background:#fff;box-shadow:.55rem .55rem 0 var(--sq-ink);font:inherit;font-size:1.65rem;font-weight:650;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.seafood-quiz__answer:after{position:absolute;top:50%;right:1.8rem;color:var(--sq-navy);content:"\2192";font-size:2rem;transform:translateY(-50%)}.seafood-quiz__answer:hover,.seafood-quiz__answer[aria-pressed=true]{border-color:var(--sq-ink);background:var(--sq-yellow);box-shadow:.25rem .25rem 0 var(--sq-ink);transform:translate(-.2rem,-.2rem)}.seafood-quiz__view.is-entering{animation:seafood-quiz-enter .22s ease both}.seafood-quiz__result-hero{margin-bottom:clamp(5rem,8vw,8rem)}.seafood-quiz__result-name{font-size:clamp(3.6rem,6vw,7rem);text-transform:uppercase}.seafood-quiz__question:focus,.seafood-quiz__result-name:focus{outline:none;box-shadow:none}.seafood-quiz__result-title{margin:1.2rem 0 0;color:var(--sq-navy);font-size:clamp(2rem,3vw,3rem);font-weight:800}.seafood-quiz__result-description{max-width:58rem;margin:2rem 0 0;color:#10263dc7;font-size:1.8rem;line-height:1.6}.seafood-quiz__result-image-fallback{position:relative;z-index:1;font-size:clamp(11rem,20vw,20rem);filter:drop-shadow(.8rem .8rem 0 var(--sq-ink))}.seafood-quiz__knowledge{margin-bottom:clamp(5rem,8vw,8rem);padding:clamp(2.4rem,4vw,4rem);border:.35rem solid var(--sq-ink);border-radius:.4rem;background:#fff;box-shadow:.7rem .7rem 0 var(--sq-ink)}.seafood-quiz__knowledge-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem;padding-bottom:1.6rem;border-bottom:.35rem solid var(--sq-ink)}.seafood-quiz__knowledge-kicker{order:2;margin:0;color:var(--sq-navy);font-size:1.2rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.seafood-quiz__knowledge-heading h3{margin:0;color:var(--sq-ink);font-size:clamp(2.8rem,4vw,4.4rem);font-weight:850;line-height:1;letter-spacing:-.03em}.seafood-quiz__knowledge-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.4rem}.seafood-quiz__knowledge-card{grid-column:span 3;min-height:18rem;padding:1.8rem;border:.3rem solid var(--sq-ink);border-radius:.3rem;background:var(--sq-ocean)}.seafood-quiz__knowledge-card--wide{grid-column:span 6;background:var(--sq-sky)}.seafood-quiz__knowledge-card--fact{grid-column:span 12;min-height:0;background:var(--sq-yellow)}.seafood-quiz__knowledge-icon{display:inline-grid;min-width:3.4rem;min-height:3.4rem;margin-bottom:2.4rem;padding:.5rem;place-items:center;border:.25rem solid var(--sq-ink);background:#fff;font-size:1.2rem;font-weight:850;line-height:1}.seafood-quiz__knowledge-card h4{margin:0 0 .8rem;color:var(--sq-ink);font-size:1.55rem;font-weight:850;line-height:1.25}.seafood-quiz__knowledge-card p{margin:0;color:#0a1720cc;font-size:1.5rem;line-height:1.5}.seafood-quiz__knowledge-card--fact{display:grid;grid-template-columns:auto minmax(12rem,.35fr) minmax(0,1fr);gap:1.6rem;align-items:center}.seafood-quiz__knowledge-card--fact .seafood-quiz__knowledge-icon,.seafood-quiz__knowledge-card--fact h4{margin:0}.seafood-quiz__shop{padding-top:clamp(3rem,6vw,5rem);border-top:.1rem solid var(--sq-line)}.seafood-quiz__shop-heading{margin:0 0 2.4rem;color:var(--sq-navy);font-size:clamp(2.6rem,4vw,4rem)}.seafood-quiz__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}.seafood-quiz__product{overflow:hidden;border:.1rem solid var(--sq-line);border-radius:1.4rem;background:#fff}.seafood-quiz__product-media{display:block;aspect-ratio:1;overflow:hidden;background:var(--sq-foam)}.seafood-quiz__product-media img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.seafood-quiz__product-media:hover img{transform:scale(1.035)}.seafood-quiz__product-body{display:grid;gap:.9rem;padding:1.5rem}.seafood-quiz__product-title{margin:0;color:var(--sq-ink);font-size:1.55rem;line-height:1.35}.seafood-quiz__product-title a{color:inherit;text-decoration:none}.seafood-quiz__price{margin:0;color:#10263dbf;font-size:1.45rem}.seafood-quiz__product-link{min-height:4.4rem;padding:1rem 1.4rem;box-shadow:none;font-size:1.4rem}.seafood-quiz__empty-products{margin:0;padding:2rem;border:.1rem dashed var(--sq-line);border-radius:1.2rem;color:#10263db3;background:var(--sq-foam)}.seafood-quiz__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3rem}.seafood-quiz__button--secondary{color:var(--sq-ink);background:#fff}.seafood-quiz__button--secondary:hover{color:var(--sq-ink)}.seafood-quiz__share-status{flex-basis:100%;min-height:2.2rem;margin:0;color:#10263db8;font-size:1.35rem}@keyframes seafood-quiz-enter{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.seafood-quiz__view--intro,.seafood-quiz__result-hero{grid-template-columns:1fr}.seafood-quiz__visual{min-height:30rem;order:-1}.seafood-quiz__products{grid-template-columns:repeat(2,minmax(0,1fr))}.seafood-quiz__knowledge-card{grid-column:span 6}.seafood-quiz__knowledge-card--wide,.seafood-quiz__knowledge-card--fact{grid-column:span 12}}@media screen and (max-width:749px){.seafood-quiz__shell{padding:0}.seafood-quiz__panel{min-height:calc(100svh - 8rem);border-width:0;border-radius:0;box-shadow:none}.seafood-quiz__view{padding:2.4rem 1.8rem 3rem}.seafood-quiz__view--poster{min-height:0;padding:0}.seafood-quiz__poster:after{top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;border-width:.3rem}.seafood-quiz__view--intro{align-content:center}.seafood-quiz__visual{min-height:22rem}.seafood-quiz__shoal{width:min(86%,32rem)}.seafood-quiz__topbar{grid-template-columns:1fr;gap:1rem;margin-bottom:4rem}.seafood-quiz__back{justify-self:start}.seafood-quiz__answers{grid-template-columns:1fr}.seafood-quiz__answer{min-height:6.4rem}.seafood-quiz__products{grid-template-columns:1fr}.seafood-quiz__product{display:grid;grid-template-columns:11rem 1fr}.seafood-quiz__product-media{height:100%}.seafood-quiz__actions{display:grid}.seafood-quiz__button{width:100%}.seafood-quiz__knowledge{padding:1.8rem;box-shadow:.45rem .45rem 0 var(--sq-ink)}.seafood-quiz__knowledge-heading{display:block}.seafood-quiz__knowledge-kicker{margin-top:.9rem}.seafood-quiz__knowledge-card,.seafood-quiz__knowledge-card--wide,.seafood-quiz__knowledge-card--fact{grid-column:span 12}.seafood-quiz__knowledge-card{min-height:0}.seafood-quiz__knowledge-card--fact{display:block}.seafood-quiz__knowledge-card--fact .seafood-quiz__knowledge-icon{margin-bottom:2.4rem}.seafood-quiz__knowledge-card--fact h4{margin-bottom:.8rem}}@media(prefers-reduced-motion:reduce){.seafood-quiz *,.seafood-quiz *:before,.seafood-quiz *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/seafood-personality-quiz.css.map */