.shto-quiz-result__screen{background:var(--cream);padding:48px 16px}.shto-quiz-result__variant{display:none;flex-direction:column;align-items:center;gap:32px;max-width:1240px;margin:0 auto}.shto-quiz-result:not([data-quiz-strain]) .shto-quiz-result__variant[data-strain-variant=moderate],.shto-quiz-result[data-quiz-strain=mild] .shto-quiz-result__variant[data-strain-variant=mild],.shto-quiz-result[data-quiz-strain=moderate] .shto-quiz-result__variant[data-strain-variant=moderate],.shto-quiz-result[data-quiz-strain=high] .shto-quiz-result__variant[data-strain-variant=high]{display:flex}.shto-quiz-result__variant{--sqr-status-bg: #13a959;--sqr-status-ink: #fffefb;--sqr-level: #13a959;--sqr-level-ink: #13a959;--sqr-level-pad: 5px;--sqr-dot: 8.36%}.shto-quiz-result__variant[data-strain-variant=moderate]{--sqr-status-bg: #ffbd00;--sqr-status-ink: #222222;--sqr-level: #ffbd00;--sqr-level-ink: #f3b402;--sqr-level-pad: 7px;--sqr-dot: 42.44%}.shto-quiz-result__variant[data-strain-variant=high]{--sqr-status-bg: #eb541b;--sqr-status-ink: #fffefb;--sqr-level: #eb541b;--sqr-level-ink: #eb541b;--sqr-level-pad: 7px;--sqr-dot: 77.81%}.shto-quiz-result__logo{display:block;width:175px;height:36px;object-fit:contain}.shto-quiz-result .shto-quiz-result__title{margin:0;width:100%;text-align:center;color:var(--ink);font-family:Degular,Arial,sans-serif;font-weight:700;font-size:28px;line-height:29px;letter-spacing:0;text-transform:capitalize}.shto-quiz-result__row{width:100%;max-width:343px;display:flex;flex-direction:column;align-items:center;gap:32px}.shto-quiz-result__assess{position:relative;width:100%;padding-top:19px}.shto-quiz-result__pill{display:inline-flex;align-items:center;gap:4px;margin:0;padding:5px 7px;border:1px solid #13a959;border-radius:50px;background:#fffefb;max-width:100%;text-align:center}.shto-quiz-result__pill--float{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1;width:max-content;max-width:calc(100% - 24px)}.shto-quiz-result__pill--inline{display:none}.shto-quiz-result__pill-icon{display:block;width:16px;height:16px;flex:none}.shto-quiz-result__pill-text{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.28px;color:var(--ink)}.shto-quiz-result__card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:23px 15px 19px;background:#fffefb;border:1px solid #222222;border-radius:12px;box-shadow:5px 5px #000}.shto-quiz-result__badges{display:contents}.shto-quiz-result__status{display:inline-flex;padding:9px 15px;border:1px solid #222222;border-radius:10px;background:var(--sqr-status-bg);font-family:Degular,Arial,sans-serif;font-weight:600;font-size:18px;line-height:19px;color:var(--sqr-status-ink);text-transform:capitalize;white-space:nowrap}.shto-quiz-result__status>span{letter-spacing:-.08px}.shto-quiz-result__copy{width:100%;display:flex;flex-direction:column;gap:12px}.shto-quiz-result__summary{margin:0;text-align:center;color:var(--ink);font-family:var(--font-body);font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.28px}.shto-quiz-result__hint{display:flex;align-items:center;gap:6px}.shto-quiz-result__hint-icon{display:block;width:24px;height:24px;flex:none}.shto-quiz-result__hint-text{margin:0;flex:1 1 0;min-width:0;font-family:var(--font-body);font-weight:500;font-size:12px;line-height:17px;color:var(--ink)}.shto-quiz-result__divider{display:none}.shto-quiz-result__strain{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.shto-quiz-result__level-row{display:flex;flex-direction:column;align-items:center;gap:6px}.shto-quiz-result__level-label{margin:0;font-family:Degular,Arial,sans-serif;font-weight:700;font-size:18px;line-height:16px;text-transform:uppercase;color:var(--ink);white-space:nowrap}.shto-quiz-result__level{display:inline-flex;padding:var(--sqr-level-pad) 5px;border:1px solid var(--sqr-level);border-radius:8px;background:#fffefb;font-family:Degular,Arial,sans-serif;font-weight:600;font-size:14px;line-height:15px;color:var(--sqr-level-ink);text-transform:capitalize;white-space:nowrap}.shto-quiz-result__gauge{position:relative;width:100%;height:38px}.shto-quiz-result__bar{position:absolute;top:5px;left:0;right:0;height:12px;border-radius:4px;background:linear-gradient(90deg,#13a959,#ffbd00 43.75%,#df221e 85.1%)}.shto-quiz-result__dot{position:absolute;top:0;left:var(--sqr-dot);width:21.79px;height:21.79px}.shto-quiz-result__dot img{display:block;width:100%;height:100%}.shto-quiz-result__end{position:absolute;top:14px;display:flex;flex-direction:column;align-items:center;gap:3px}.shto-quiz-result__end--low{left:1.31%;width:7.18%}.shto-quiz-result__end--high{left:90.09%;width:8.49%}.shto-quiz-result__tick{display:block;width:1px;height:8px;background:#121212}.shto-quiz-result__end-text{font-family:var(--font-body);font-weight:800;font-size:11px;line-height:13px;white-space:nowrap}.shto-quiz-result__end--low .shto-quiz-result__end-text{color:#03602e}.shto-quiz-result__end--high .shto-quiz-result__end-text{color:#df221e}.shto-quiz-result__metrics{width:100%;display:flex;flex-direction:column;gap:12px}.shto-quiz-result__metric{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#fffefb;box-shadow:inset 0 0 0 .5px #000,5px 5px #131313}.shto-quiz-result__metric-icon{display:block;width:36px;height:36px;flex:none}.shto-quiz-result__metric-copy{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.shto-quiz-result__metric-label{margin:0;font-family:Degular,Arial,sans-serif;font-weight:700;font-size:18px;line-height:16px;text-transform:uppercase;color:var(--ink)}.shto-quiz-result__metric-value{margin:0;font-family:var(--font-body);font-weight:400;font-size:13px;line-height:17px;color:#030303}.shto-quiz-result .shto-quiz-result__button{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:100%;max-width:343px;min-height:60px;margin:0;padding:8px 16px;border:0;border-radius:40px 0;background:var(--yellow);cursor:pointer;box-shadow:0 0 0 1px #000,4px 4px 0 1px #000;font-family:var(--font-body);font-weight:800;font-size:18px;line-height:18px;letter-spacing:-.36px;text-transform:uppercase;color:var(--ink);text-align:center;transition:transform var(--shto-fast) var(--shto-ease),box-shadow var(--shto-fast) var(--shto-ease)}.shto-quiz-result .shto-quiz-result__button:hover{transform:translate(2px,2px);box-shadow:0 0 0 1px #000,2px 2px 0 1px #000}.shto-quiz-result .shto-quiz-result__button:focus-visible{outline:2px solid var(--green-dark);outline-offset:4px}@media(min-width:990px){.shto-quiz-result__screen{padding:80px 100px}.shto-quiz-result__variant{gap:36px;--sqr-dot: 12%}.shto-quiz-result__variant[data-strain-variant=moderate]{--sqr-dot: 38.5%}.shto-quiz-result__variant[data-strain-variant=high]{--sqr-dot: 82.25%}.shto-quiz-result .shto-quiz-result__title{font-family:Degular Demo,Degular,Arial,sans-serif;font-size:44px;line-height:46px;letter-spacing:-.616px;text-transform:none}.shto-quiz-result__row{max-width:none;display:grid;grid-template-columns:minmax(0,515fr) minmax(0,449fr);gap:36px;align-items:center;padding:0 120px}.shto-quiz-result__assess{padding-top:0}.shto-quiz-result__pill--float{display:none}.shto-quiz-result__pill--inline{display:inline-flex;gap:6px;padding:5px 11.5px}.shto-quiz-result__pill--inline .shto-quiz-result__pill-text{font-weight:600}.shto-quiz-result__card{gap:24px;padding:31px;border-color:#000;border-radius:16px}.shto-quiz-result__badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;width:100%}.shto-quiz-result__badges>*{flex:none}.shto-quiz-result__copy{display:contents}.shto-quiz-result__summary{font-size:18px;line-height:27px;letter-spacing:-.36px}.shto-quiz-result__hint{width:100%;gap:8px}.shto-quiz-result__hint-text{font-size:15px;line-height:21px}.shto-quiz-result__divider{display:block;width:100%;height:1px;margin:-1px 0 0;background:#e5e2e2}.shto-quiz-result__strain{gap:16px}.shto-quiz-result__level-row{flex-direction:row;gap:12px}.shto-quiz-result__level-label{font-family:Inter,Arial,sans-serif;font-size:16px}.shto-quiz-result__gauge{width:400px;max-width:100%}.shto-quiz-result__dot{top:-2px;width:26px;height:26px}.shto-quiz-result__metrics{gap:16px}.shto-quiz-result__metric{padding:16px}.shto-quiz-result__metric-icon{width:54px;height:54px}.shto-quiz-result__metric-label{font-size:20px}.shto-quiz-result__metric-value{font-size:18px;line-height:23px}.shto-quiz-result .shto-quiz-result__button{max-width:470px}}@media(min-width:990px)and (max-width:1239px){.shto-quiz-result__screen{padding-left:40px;padding-right:40px}.shto-quiz-result__row{padding:0;gap:24px}}@media(min-width:1440px){.shto-quiz-result__badges{flex-wrap:nowrap}}@media(prefers-reduced-motion:reduce){.shto-quiz-result .shto-quiz-result__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/shto-quiz-result.css.map */