.m-sq{--m-sq-viewport-min: calc(100vh - 36px) ;background:var(--_m-sq-bg, #000);color:var(--_m-sq-text-color, #fff);display:flex;flex-direction:column;min-height:var(--m-sq-viewport-min);overflow:hidden;position:relative;width:100%}.m-sq__bg{background:var(--_m-sq-overlay, transparent);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0;display:block!important}.m-sq-cover{display:flex;flex:1 0 auto;align-items:center;justify-content:center;min-height:var(--m-sq-viewport-min);overflow:hidden;position:relative;width:100%;z-index:1}.m-sq-cover.is-hidden{display:none}.m-sq-cover__floating{top:0;right:0;bottom:0;left:0;position:absolute}.m-sq-cover__ring{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.m-sq-cover__cap{filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));left:50%;position:absolute;top:50%;transform:translate(calc(-50% + (var(--m-sq-cap-x) * var(--m-sq-cap-ring-scale, 1))),calc(-50% + (var(--m-sq-cap-y) * var(--m-sq-cap-ring-scale, 1)))) rotate(var(--m-sq-cap-rot, 0deg))}.m-sq-cover__cap.is-floating{animation:m-sq-cap-float var(--m-sq-float-duration, 3.6s) ease-in-out var(--m-sq-float-delay, 0s) infinite}@keyframes m-sq-cap-float{0%,to{transform:translate(calc(-50% + (var(--m-sq-cap-x) * var(--m-sq-cap-ring-scale, 1))),calc(-50% + (var(--m-sq-cap-y) * var(--m-sq-cap-ring-scale, 1)))) rotate(var(--m-sq-cap-rot, 0deg))}25%{transform:translate(calc(-50% + (var(--m-sq-cap-x) * var(--m-sq-cap-ring-scale, 1))),calc(-50% + (var(--m-sq-cap-y) * var(--m-sq-cap-ring-scale, 1)) - 5px)) rotate(var(--m-sq-cap-rot, 0deg))}75%{transform:translate(calc(-50% + (var(--m-sq-cap-x) * var(--m-sq-cap-ring-scale, 1))),calc(-50% + (var(--m-sq-cap-y) * var(--m-sq-cap-ring-scale, 1)) + 5px)) rotate(var(--m-sq-cap-rot, 0deg))}}@media(prefers-reduced-motion:reduce){.m-sq-cover__cap.is-floating,.m-sq__hat-image,.m-sq__hat-image.is-celebrating{animation:none}}.m-sq-cover__cap--inner{opacity:.8;width:70px}.m-sq-cover__cap--outer{opacity:.55;width:55px}.m-sq-cover__cap--third{opacity:.35;width:45px}.m-sq-cover__content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;z-index:1;gap:12px}.m-sq-cover__title,.m-sq-cover__title span{color:var(--_m-sq-title-color, #fff);text-transform:uppercase}.m-sq-cover__char{display:inline-block;opacity:0;transform:translateY(100%)}.m-sq-cover__description{color:var(--_m-sq-muted-color, #ffffffb3);max-width:42ch}.m-sq__mount{position:relative;width:100%;z-index:1}.m-sq-cover.is-hidden~.m-sq__mount{min-height:var(--m-sq-viewport-min)}.m-sq__app{max-width:768px;margin:0 auto;width:100%}.m-sq__hat-image-wrap{display:flex;padding-bottom:8px;position:relative;height:60px}.m-sq__hat-image{animation:m-sq-hat-float 3s ease-in-out infinite;display:block;position:absolute;left:var(--m-sq-hat-x, 0%);transition:left .3s ease;width:60px;height:60px;object-fit:contain}.m-sq__hat-image.is-celebrating{animation:m-sq-hat-celebrate .6s cubic-bezier(.34,1.56,.64,1)}@keyframes m-sq-hat-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes m-sq-hat-celebrate{0%{transform:translate(-50%) translateY(0) scale(1) rotate(0)}40%{transform:translate(-50%) translateY(-14px) scale(1.2) rotate(-8deg)}70%{transform:translate(-50%) translateY(-4px) scale(1.05) rotate(4deg)}to{transform:translate(-50%) translateY(0) scale(1) rotate(0)}}.m-sq__question-title,.m-sq__results-title{color:var(--_m-sq-title-color, #cacaca);margin:0 0 var(--section-s)}.m-sq__question-subtitle,.m-sq__results-subtitle{color:var(--_m-sq-muted-color, #ffffffb3);margin:0 0 var(--section-xl)}.m-sq__progress{margin-bottom:var(--section-l)}.m-sq__progress-label{color:var(--_m-sq-muted-color, #ffffffb3);margin:var(--section-s) 0 0}.m-sq__step-num-wrap{display:inline-block;overflow:hidden;position:relative;vertical-align:bottom}.m-sq__step-num{display:block}.m-sq__progress-track{background:var(--_m-sq-border-color, rgba(255, 255, 255, .3));border-radius:999px;height:4px;overflow:hidden}.m-sq__progress-fill{background:var(--_m-sq-title-color, #cacaca);display:block;height:100%;width:100%;transform-origin:left center;transition:transform .2s ease}.m-sq__answers,.m-sq__results-grid{display:flex;flex-direction:column;gap:var(--section-s);margin-bottom:var(--section-xl)}.m-sq__results-grid{gap:var(--section-m)}.m-sq__answer{align-items:center;background:transparent;border:1px solid var(--_m-sq-border-color, rgba(255, 255, 255, .3));border-radius:10px;color:var(--_m-sq-text-color, #fff);cursor:pointer;display:flex;gap:12px;justify-content:flex-start;min-height:48px;padding:var(--section-s);text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.m-sq__answer:hover{background:#ffffff0d}.m-sq__answer.is-selected{background:transparent;border-color:var(--_m-sq-text-color, #fff);box-shadow:0 0 0 1px var(--_m-sq-text-color, #fff)}.m-sq__actions{align-items:center;display:flex;justify-content:space-between;margin-top:var(--section-l)}.m-sq__result-card{align-items:stretch;background:transparent;border:1px solid var(--_m-sq-border-color, rgba(255, 255, 255, .26));border-radius:10px;display:flex;flex-direction:column;gap:var(--section-m);padding:var(--section-m)}.m-sq__result-image-wrap{align-self:center;aspect-ratio:1;border-radius:8px;flex-shrink:0;max-width:100%;overflow:hidden;position:relative;width:200px}.m-sq__result-image{display:block;height:100%;object-fit:contain;width:100%}.m-sq__best-match{background:#fff;border-radius:999px;color:#000;left:0;padding:4px 10px;position:absolute;top:0}.m-sq__result-head{align-items:baseline;display:flex;gap:var(--section-s)}.m-sq__result-content{display:flex;flex-direction:column;gap:var(--section-s)}.m-sq__result-description,.m-sq__result-title{color:var(--_m-sq-text-color, #fff)}.m-sq__result-features{display:flex;flex-wrap:wrap;gap:4px}.m-sq__result-feature{border:1px solid var(--_m-sq-border-color, rgba(255, 255, 255, .35));border-radius:99px;display:inline-flex;padding:4px 10px}.m-sq__result-actions{display:grid;gap:var(--section-xs);grid-template-columns:1fr 1fr;margin-top:0;width:100%}.m-sq__back-guide{text-decoration:none}.m-sq__answer:focus-visible,.m-sq__restart:focus-visible,.m-sq__result-btn:focus-visible,.m-sq__back-guide:focus-visible,.m-sq__action-btn:focus-visible{outline:2px solid var(--_m-sq-title-color, #cacaca);outline-offset:2px}@media screen and (min-width:768px){.m-sq-cover__cap--inner{width:100px}.m-sq-cover__cap--outer{width:80px}.m-sq-cover__cap--third{width:65px}.m-sq__result-card{align-items:start;display:grid;grid-template-columns:260px minmax(0,1fr)}.m-sq__result-image-wrap{align-self:stretch;grid-row:span 2;max-width:none;min-height:0;width:260px}.m-sq__result-actions{margin-top:auto;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/4966/assets/section-silhouette-quiz-app.css.map */