.shto-quiz-hero{background:transparent}.shto-quiz-hero__screen{display:flex;flex-direction:column;align-items:center;gap:32px;padding:32px 16px 48px;background:var(--cream);color:var(--ink)}.shto-quiz-hero__intro{display:flex;flex-direction:column;gap:24px;width:100%}.shto-quiz-hero__copy{display:flex;flex-direction:column;gap:12px}.shto-quiz-hero__title{font-family:Degular,Degular Demo,sans-serif;font-weight:700;font-size:36px;line-height:38px;letter-spacing:0;text-transform:capitalize;text-align:center;color:var(--ink)}.shto-quiz-hero__text{font-family:Manrope,sans-serif;font-weight:500;font-size:16px;line-height:22px;text-align:center;color:var(--ink)}.shto-quiz-hero__comment{display:flex;align-items:flex-start;gap:9px;width:100%;padding:12px;border-radius:20px;background:#fffefb;box-shadow:inset 0 0 0 .5px #000,5px 5px #131313}.shto-quiz-hero__comment-main{display:flex;flex:1 1 0;gap:12px;min-width:0}.shto-quiz-hero__avatar{flex:none;width:48px;height:48px;overflow:hidden;border-radius:50%}.shto-quiz-hero__avatar img{width:100%;height:100%;object-fit:cover}.shto-quiz-hero__comment-body{display:flex;flex:1 1 0;flex-direction:column;gap:10px;min-width:0}.shto-quiz-hero__who{display:flex;align-items:center;gap:6px}.shto-quiz-hero__name{font-family:Manrope,sans-serif;font-weight:800;font-size:12px;line-height:12px;letter-spacing:-.2px;color:#030303;white-space:nowrap}.shto-quiz-hero__time{font-family:Manrope,sans-serif;font-weight:500;font-size:12px;line-height:15px;color:#727272;white-space:nowrap}.shto-quiz-hero__comment-text{margin-right:-45.39px;font-family:Manrope,sans-serif;font-weight:400;font-size:13px;line-height:17px;color:#030303}.shto-quiz-hero__likes{display:flex;flex:none;align-items:center;gap:3.4px;width:47.92px;white-space:nowrap}.shto-quiz-hero__likes-icons{position:relative;flex:none;width:29.5px;height:16px}.shto-quiz-hero__likes-icons img{position:absolute;top:0;left:0;width:16px;height:16px}.shto-quiz-hero__likes-icons img+img{left:13.5px}.shto-quiz-hero__likes-count{min-width:15px;font-family:Manrope,sans-serif;font-weight:400;font-size:12px;line-height:17px;color:#434343}.shto-quiz-hero__card{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:20px 12px;border-radius:12px;background:#fffefb;box-shadow:inset 0 0 0 1px var(--ink),5px 5px #000}.shto-quiz-hero__question{width:100%;font-family:Degular,Degular Demo,sans-serif;font-weight:700;font-size:28px;line-height:29px;text-transform:capitalize;text-align:center;color:var(--ink)}.shto-quiz-hero__answers{display:flex;flex-direction:column;gap:16px;width:100%}.shto-quiz-hero .shto-quiz-hero__answer{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:4px 8px;border-radius:50px;background:var(--yellow);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink),2px 4px #000;transition:background-color var(--shto-fast) var(--shto-ease),color var(--shto-fast) var(--shto-ease),transform var(--shto-fast) var(--shto-ease),box-shadow var(--shto-fast) var(--shto-ease)}.shto-quiz-hero .shto-quiz-hero__answer:active{transform:translate(1px,2px);box-shadow:inset 0 0 0 1px var(--ink),1px 2px #000}.shto-quiz-hero .shto-quiz-hero__answer[aria-pressed=true]{background:var(--orange);color:var(--cream)}@media(hover:hover){.shto-quiz-hero .shto-quiz-hero__answer:hover{background:#ffc933}.shto-quiz-hero .shto-quiz-hero__answer[aria-pressed=true]:hover{background:var(--orange)}}.shto-quiz-hero__answer-label{font-family:Manrope,sans-serif;font-weight:600;font-size:16px;line-height:19px;letter-spacing:-.32px;text-align:center;color:inherit}.shto-quiz-hero__note{display:flex;align-items:flex-start;gap:6px;width:100%;padding:12px;border-radius:12px;outline:1px dashed var(--ink);outline-offset:-1px;background:var(--cream)}.shto-quiz-hero__note-icon{flex:none;width:24px;height:24px}.shto-quiz-hero__note-text{flex:1 1 0;min-width:0;font-family:Manrope,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--ink)}@media(min-width:990px){.shto-quiz-hero__screen{flex-direction:row;justify-content:center;gap:min(120px,8.34vw);padding:80px min(100px,6.95vw)}.shto-quiz-hero__intro{flex:1 1 0;max-width:560px;gap:32px}.shto-quiz-hero__copy{gap:16px}.shto-quiz-hero__title{font-family:Degular Demo,Degular,sans-serif;font-size:44px;line-height:46px;letter-spacing:-.616px;text-align:left}.shto-quiz-hero__text{font-family:Inter,sans-serif;font-weight:400;font-size:18px;line-height:25px;text-align:left}.shto-quiz-hero__comment{padding:16px}.shto-quiz-hero__comment-main{gap:16px}.shto-quiz-hero__who{gap:5px}.shto-quiz-hero__name{font-size:15px;line-height:15px}.shto-quiz-hero__time{font-size:14px;line-height:18px}.shto-quiz-hero__comment-text{margin-right:0;font-size:15px;line-height:21px}.shto-quiz-hero__likes{gap:8px;width:57.5px}.shto-quiz-hero__likes-icons{width:31.5px;height:18px}.shto-quiz-hero__likes-icons img{width:18px;height:18px}.shto-quiz-hero__likes-count{min-width:18px;font-size:14px;line-height:20px}.shto-quiz-hero__card{flex:1 1 0;max-width:560px;gap:24px;padding:32px}.shto-quiz-hero__question{margin-bottom:0;font-size:36px;line-height:38px}.shto-quiz-hero .shto-quiz-hero__answer{min-height:54px;padding:16px 8px}.shto-quiz-hero__answer-label{font-size:18px;line-height:22px;letter-spacing:-.36px}.shto-quiz-hero__note{gap:12px;padding:16px}.shto-quiz-hero__note-text{font-size:18px;line-height:25px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/shto-quiz-hero.css.map */