body:has(#quiz-section.quiz-container:not(.hidden)) #shopify-section-header,body:has(#quiz-section.quiz-container:not(.hidden)) #shopify-section-announcement-bar,body:has(#quiz-section.quiz-container:not(.hidden)) #shopify-section-store-messages,body:has(#quiz-section.quiz-container:not(.hidden)) #shopify-section-popup,body:has(#quiz-section.quiz-container:not(.hidden)) [data-section-type=scrolling-banner],body:has(#quiz-section.quiz-container:not(.hidden)) #pagefooter{display:none!important}html:has(#quiz-section.quiz-container:not(.hidden)),body:has(#quiz-section.quiz-container:not(.hidden)){overflow-x:clip;overflow-y:visible}#quiz-section.quiz-container{--quiz-cta: #607560;--quiz-cta-hover: #4e6250;--quiz-cta-soft: #c7d5c7;--quiz-progress-track: #E2D9CE;--quiz-progress-fill: #3E5240;--quiz-page-bg: #f4eee7;--quiz-radius: 10px;--quiz-control-h: 60px;--quiz-card-max: min(1200px, 94vw);--quiz-step-top: 24px;--quiz-sticky-top: 24px}#quiz-section.quiz-container:not(.hidden){position:relative;min-height:100vh;min-height:100dvh;margin-inline:0;display:block;box-sizing:border-box;overflow-x:clip}.quiz-top{background:var(--quiz-page-bg, #f4eee7)}.quiz-steps{position:relative;min-height:calc(100dvh - 200px)}#quiz-section .quiz-steps>[data-step-key]:not(.hidden){min-height:0;width:100%;max-width:var(--quiz-card-max);margin-inline:auto;height:auto;padding:var(--quiz-step-top) clamp(16px,4vw,32px) clamp(8px,1.5vh,18px);box-sizing:border-box;display:flex;align-items:flex-start;justify-content:safe center}#quiz-section .quiz-steps>[data-step-key].viewport{padding-top:var(--quiz-step-top)}#quiz-section .quiz-steps>[data-step-key=start] .description>p{font-size:inherit;color:inherit;margin-bottom:10px}#quiz-section .quiz-steps>[data-step-key=start]:not(.hidden),#quiz-section .quiz-steps>[data-step-key=start].viewport{min-height:calc(100dvh - 230px);padding-top:clamp(28px,4.5vh,56px);align-items:safe center;justify-content:safe center}#quiz-section .quiz-steps>[data-step-key=frequency]:not(.hidden),#quiz-section .quiz-steps>[data-step-key=shipdate]:not(.hidden){align-items:center;justify-content:flex-start}@media(max-width:1280px){#quiz-section .quiz-steps>[data-step-key]:not(.hidden):not([data-step-key=start]){align-items:center;justify-content:flex-start}}#quiz-section .notify-layout,#quiz-section .gift-ship-section{align-items:flex-start}#quiz-section .gift-ship-section .gift-shipment-image,#quiz-section .notify-layout .notify-image{order:1}@media(min-width:1281px){#quiz-section .quiz-steps>[data-step-key]:not([data-step-key=start]) .left-half:has(.question),#quiz-section .quiz-steps>[data-step-key]:not([data-step-key=start]) .right-half:has(.question){align-self:stretch;justify-content:flex-start}#quiz-section .quiz-steps>[data-step-key] .gift-ship-content,#quiz-section .quiz-steps>[data-step-key] .notify-content{margin-block:0}#quiz-section .quiz-steps>[data-step-key]:not([data-step-key=start]) .left-half:not(:has(.question)),#quiz-section .quiz-steps>[data-step-key]:not([data-step-key=start]) .right-half:not(:has(.question)){align-self:flex-start;position:sticky;top:var(--quiz-sticky-top)}}#quiz-section .quiz-steps>.quiz-step-exit{top:0;right:0;bottom:0;left:0;width:auto;height:auto}.quiz-slot [data-step-key]{flex:none;min-height:0;height:auto;overflow:visible}#quiz-section .radio-card,#quiz-section .radio-flavour-card,#quiz-section .radio-grind-card,#quiz-section .radio-size-card,#quiz-section .radio-size-card-with-border,#quiz-section .description{width:100%;max-width:100%}#quiz-section .shipment-wrapper{flex-wrap:wrap}#quiz-section .radio-shipment-card{flex:1 1 200px;min-width:190px;max-width:285px}#quiz-section .info-text,#quiz-section .info-text-shipment{width:100%;max-width:560px;height:auto;padding:clamp(18px,3vh,26px) clamp(20px,4vw,34px);gap:clamp(8px,1.4vh,14px);box-sizing:border-box}#quiz-section .info-text p,#quiz-section .info-text-shipment p{margin:0;margin-inline:0}#quiz-section .quiz-title{white-space:normal}@media(min-width:769px){#quiz-section .quiz-steps>[data-step-key=start] .left-half{width:62%}#quiz-section .quiz-steps>[data-step-key=start] .right-half{width:38%}#quiz-section [data-step-key=start] .quiz-title{white-space:nowrap;font-size:clamp(24px,3.5vw,48px)}}@media(min-width:769px){#quiz-section .quiz-steps>[data-step-key=size] .left-half{width:62%}#quiz-section .quiz-steps>[data-step-key=size] .right-half{width:38%}#quiz-section [data-step-key=size] .cracker-container{width:100%;gap:32px;margin-top:clamp(16px,4vh,48px)}}#quiz-section .shipment-content{margin-top:0}#quiz-section .quiz-steps>[data-step-key=frequency] .description{max-width:800px}#quiz-section .quiz-steps>[data-step-key=frequency] .info-text-shipment{margin-top:clamp(14px,2.5vh,26px)}#quiz-section .quiz-steps>[data-step-key=frequency] .get-results-button-container{margin-block:clamp(14px,2.5vh,26px) 0}.quiz-topbar{flex:0 0 auto;display:flex;flex-direction:column;width:100%;padding-bottom:18px;box-sizing:border-box}.quiz-topbar .order-info{width:100%;box-sizing:border-box}.quiz-topbar__row{display:flex;align-items:center;width:100%;padding:18px clamp(14px,4vw,32px) 0;box-sizing:border-box}.quiz-exit{display:inline-flex;align-items:center;gap:6px;color:#6f6f6f;font-size:.9rem;font-weight:700;letter-spacing:.01em;text-decoration:none;padding:6px 10px;border-radius:999px;transition:color .2s ease,background-color .2s ease}#quiz-section .quiz-exit:hover,#quiz-section .quiz-exit:focus-visible{background:none;color:var(--quiz-cta);outline:none}.quiz-exit__icon{font-size:1.1em;line-height:1}.quiz-progressbar:not(.hidden){flex:0 0 auto;display:flex;gap:5px;width:100%;height:8px}.quiz-progressbar:empty{display:none}#quiz-section .quiz-progressbar__seg{flex:1 1 0;min-width:0;height:100%;position:relative;padding:0;border:0;border-radius:0;background:var(--quiz-progress-track);cursor:default;transition:background-color .25s ease}#quiz-section .quiz-progressbar__seg.is-done:after,#quiz-section .quiz-progressbar__seg.is-current:after{content:"";position:absolute;top:0;right:100%;bottom:0;left:0;background:var(--quiz-progress-fill)}#quiz-section .quiz-progressbar__seg.is-done:after{right:0}#quiz-section .quiz-progressbar__seg.is-current:after{right:50%}#quiz-section .quiz-progressbar__seg[data-goto]{cursor:pointer}#quiz-section .quiz-progressbar__seg[data-goto]:before{content:"";position:absolute;top:0;right:0;bottom:-14px;left:0}#quiz-section .quiz-progressbar__seg[data-goto]:hover{background:var(--quiz-progress-fill);opacity:.55}#quiz-section .quiz-progressbar__seg:focus-visible{outline:2px solid var(--quiz-progress-fill);outline-offset:2px}.quiz-start-button,.quiz-nav-next,#quiz-section .get-results-button,#quiz-section .notify-continue-button{min-height:var(--quiz-control-h);padding-inline:clamp(24px,5vw,40px);border:1px solid var(--quiz-cta);border-radius:var(--quiz-radius);background:var(--quiz-cta);color:#fff;font-family:inherit;font-size:clamp(1rem,2.2vw,1.1rem);font-weight:700;letter-spacing:.02em;text-transform:none;cursor:pointer;transition:opacity .2s ease}#quiz-section .quiz-start-button:hover,#quiz-section .quiz-start-button:focus-visible,#quiz-section .quiz-nav-next:hover:not(:disabled),#quiz-section .quiz-nav-next:focus-visible:not(:disabled),#quiz-section .get-results-button:hover:not(:disabled),#quiz-section .get-results-button:focus-visible:not(:disabled),#quiz-section .notify-continue-button:hover:not(:disabled),#quiz-section .notify-continue-button:focus-visible:not(:disabled){background:var(--quiz-cta-hover);border-color:var(--quiz-cta-hover);color:#fff;opacity:1;outline:none}.quiz-nav-next:disabled,#quiz-section .get-results-button:disabled,#quiz-section .notify-continue-button:disabled{opacity:.4;cursor:not-allowed}#quiz-section .get-results-button,#quiz-section .notify-continue-button{width:min(100%,360px)}.quiz-nav-back{min-height:var(--quiz-control-h);padding-inline:clamp(20px,5vw,34px);border:1px solid var(--quiz-cta);border-radius:var(--quiz-radius);background:#fff;color:var(--quiz-cta);font-family:inherit;font-size:clamp(.95rem,2.2vw,1.06rem);font-weight:700;letter-spacing:.02em;cursor:pointer;transition:opacity .2s ease}#quiz-nav-bar .quiz-nav-back,#quiz-nav-bar .quiz-nav-next{min-width:13rem;padding-inline:clamp(20px,5vw,34px)}#quiz-section .quiz-nav-back:hover,#quiz-section .quiz-nav-back:focus-visible{background:var(--quiz-cta-soft);border-color:var(--quiz-cta);color:var(--quiz-cta);opacity:1;outline:none}.quiz-retake-button{margin-top:14px;padding:.6em 1.6em;border:none;background:none;color:var(--quiz-cta);font-size:.95rem;font-weight:700;letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:opacity .2s ease}#quiz-section .quiz-retake-button:hover,#quiz-section .quiz-retake-button:focus-visible{background:none;color:var(--quiz-cta);opacity:.7;outline:none}#quiz-section .need-more-button{color:var(--quiz-cta);font-size:1rem;font-weight:700}#results-section,#add-on-section{padding-bottom:125px}@media(max-width:1280px){#add-on-section{padding-bottom:230px}}.quiz-nav-bar:not(.hidden){display:flex}.quiz-nav-bar{flex:0 0 auto;position:sticky;bottom:0;z-index:5;align-items:center;justify-content:center;gap:clamp(12px,3vw,20px);width:100%;padding:clamp(12px,2vh,18px) clamp(20px,4vw,48px) clamp(18px,3vh,30px);box-sizing:border-box;background:var(--quiz-page-bg, #f4eee7);box-shadow:0 -2px 8px #0000000d}@media(max-width:768px){#quiz-section.quiz-container{--quiz-step-top: 16px}#quiz-section .quiz-steps>[data-step-key]:not(.hidden){flex-direction:column;align-items:center;text-align:center;padding-inline:clamp(14px,5vw,24px)}#quiz-section .quiz-steps>[data-step-key]:not(.hidden):not([data-step-key=start]){justify-content:flex-start}#quiz-section .left-half,#quiz-section .right-half{width:100%;max-width:100%;align-items:center}#quiz-section .radio-card .radio-content,#quiz-section .radio-grind-card .radio-content,#quiz-section .radio-flavour-card .radio-flavour-content,#quiz-section .radio-size-card .radio-size-content,#quiz-section .radio-size-card-with-border .radio-size-content{text-align:left}#quiz-nav-bar .quiz-nav-back,#quiz-nav-bar .quiz-nav-next{flex:1 1 0;min-width:0;max-width:220px}#quiz-section .radio-shipment-card{flex:0 0 auto;width:100%;max-width:340px;height:auto;min-height:64px}#quiz-section .get-results-button-container{margin-top:clamp(16px,4vh,28px)}}@media(max-width:1280px){#quiz-section .quiz-steps>:is([data-step-key=type],[data-step-key=flavour],[data-step-key=size],[data-step-key=grind]):not(.hidden){text-align:left}#quiz-section .quiz-steps>:is([data-step-key=type],[data-step-key=flavour],[data-step-key=size],[data-step-key=grind]) :is(.question,.description){text-align:left}#quiz-section .quiz-steps>:is([data-step-key=type],[data-step-key=flavour],[data-step-key=size],[data-step-key=grind]) :is(.left-half,.radio-card-wrapper){align-items:stretch}}@media(max-width:1280px){#quiz-section .shipment-wrapper{flex-direction:row}}@media(max-width:768px){#quiz-section .quiz-steps>[data-step-key=start]:not(.hidden){text-align:left}#quiz-section [data-step-key=start] .quiz-title{text-align:left}#quiz-section .quiz-steps>[data-step-key=start] .left-half{align-items:stretch}#quiz-section .quiz-steps>[data-step-key=start] .quiz-start-button{width:100%}}@media(prefers-reduced-motion:reduce){.quiz-progressbar__seg,.quiz-start-button,.quiz-nav-back,.quiz-nav-next,#quiz-section .get-results-button,#quiz-section .notify-continue-button,.quiz-exit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/quiz-shell.css.map */