html body .qq-open{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:8px 0 0;padding:14px 16px;border:0;border-radius:8px;background:#fdf6ef;color:#2c2723;font:400 14px Hanken Grotesk,sans-serif;cursor:pointer;text-align:left}html body .qq-open svg{width:18px;height:18px;flex:none;fill:none;stroke:#2c2723;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}html body .qq-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000;display:none;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;font-family:Hanken Grotesk,DM Sans,sans-serif}html body .qq-root.is-open{display:flex}html body .qq-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .35s}html body .qq-modal{position:relative;width:100%;max-width:800px;max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box;border-radius:12px;background:#fff;box-shadow:0 -6px 12px #34393d33;transform:translateY(24px);opacity:0;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .35s}html body .qq-root.is-in .qq-modal{transform:none;opacity:1}html body .qq-root.is-in .qq-overlay{opacity:1}html body .qq-handle{display:none;width:60px;height:4px;border-radius:100px;background:#d9d9d9;margin:0 auto;cursor:pointer;position:relative}html body .qq-handle:before{content:"";position:absolute;top:-14px;right:-40px;bottom:-14px;left:-40px}html body .qq-box{background:#f4f5f4}html body .qq-header{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:24px;padding:20px 20px 0;margin:0;background:#f4f5f4}html body .qq-title{margin:0;text-align:center;color:#534f4f;font:500 34px/normal Hanken Grotesk,sans-serif;letter-spacing:0}html body .qq-back,html body .qq-close{width:24px;height:24px;padding:4px;border:0;background:transparent;cursor:pointer;border-radius:6px;box-sizing:content-box}html body .qq-back[hidden]{display:block!important;visibility:hidden;pointer-events:none}html body .qq-progress{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 20px 20px;background:#f4f5f4}html body .qq-dot{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px dashed #c8c8c8;box-sizing:border-box;color:gray;font:600 16px Hanken Grotesk,sans-serif}html body .qq-dot.is-active,html body .qq-dot.is-done{background:#715843;border:0;color:#fff}html body .qq-step{text-align:center;padding:36px 64px;background:#fff}html body .qq-step[hidden]{display:none!important}html body .qq-q{margin:0 0 8px;color:#2c2723;font:600 34px/normal Hanken Grotesk,sans-serif;letter-spacing:0}html body .qq-sub{margin:0 0 36px;color:gray;font:400 18px/normal Hanken Grotesk,sans-serif}html body .qq-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}html body .qq-opt{min-height:63px;border:1px solid transparent;border-radius:12px;background:#80808014;cursor:pointer;display:flex;padding:20px;justify-content:center;align-items:center;color:#534f4f;font:500 18px/normal Hanken Grotesk,sans-serif;transition:background .15s,border-color .15s}html body .qq-opt.is-sel,html body .qq-size.is-sel,html body .qq-fit.is-sel,html body .qq-wid.is-sel{color:#715843;border:1px solid #715843;background:#ffd7b53d}html body .qq-sizes{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}html body .qq-size{width:52px;height:52px;min-height:48px;padding:10px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #e1e0e0;background:#8080800f;color:#000000b3;font:400 16px Hanken Grotesk,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}html body .qq-size.is-sel{background:#ffd7b547}html body .qq-fits{display:flex;flex-direction:column;gap:16px;text-align:left}html body .qq-fit{display:flex;align-items:center;gap:16px;width:100%;padding:16px 24px;border:1px solid transparent;border-radius:12px;background:#f4f5f4;cursor:pointer;text-align:left;font-family:inherit}html body .qq-emoji{font-size:28px;line-height:1;flex:none}html body .qq-ftxt{display:flex;flex-direction:column;gap:2px}html body .qq-flabel{color:#534f4f;font:500 18px/normal Hanken Grotesk,sans-serif}html body .qq-fdesc{color:gray;font:400 18px/normal Hanken Grotesk,sans-serif}html body .qq-fit.is-sel .qq-flabel,html body .qq-wid.is-sel .qq-wlabel{color:#715843}html body .qq-wids{display:grid;grid-template-columns:1fr 1fr;gap:12px}html body .qq-wid{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:96px;border:1px solid #f4f5f4;cursor:pointer;font-family:inherit;padding:24px 20px;border-radius:12px;background:#f4f5f4}html body .qq-wlabel{color:#534f4f;font:500 18px/normal Hanken Grotesk,sans-serif}html body .qq-wdesc{color:gray;text-align:center;font:400 14px/normal Hanken Grotesk,sans-serif}html body .qq-result[hidden]{display:none!important}html body .qq-rhead{padding:36px 20px;text-align:center;background:#fff;position:relative}html body .qq-rbody{padding:36px 64px;background:#fff}html body .qq-rlabel{margin:0 0 16px;text-align:center;color:#2c2723;font:600 20px/normal Hanken Grotesk,sans-serif;display:none}html body .qq-rbox{background:#fdf6f0;border-radius:16px;padding:20px 18px;margin-bottom:14px;text-align:center}html body .qq-rsize-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:24px 20px}html body .qq-rsize{color:#2c2723;font:600 34px/normal Hanken Grotesk,sans-serif}html body .qq-reasons{list-style:none;margin:0;padding:24px;background:#fff;border-radius:12px;text-align:left;display:flex;flex-direction:column;gap:12px;align-self:stretch}html body .qq-reason{display:flex;align-items:flex-start;gap:10px}html body .qq-reason svg{flex:none;margin-top:2px;width:16px;height:16px}html body .qq-rtext{color:#715843;font:400 16px/normal Hanken Grotesk,sans-serif;margin:0}html body .qq-note{margin:12px 0 20px;color:gray;font:400 14px/1.4 Hanken Grotesk,sans-serif;text-align:center}html body .qq-go{width:100%;min-height:52px;height:60px;border:0;border-radius:12px;background:#715843;cursor:pointer;margin-bottom:16px;display:flex;padding:20px 16px;justify-content:center;align-items:center;gap:16px;color:#fff;font:500 20px/normal Hanken Grotesk,sans-serif}html body .qq-go:hover{background:#5a4535}html body .qq-retake{display:block;width:100%;border:0;background:transparent;text-decoration:underline;cursor:pointer;padding:4px;color:#715843;font:400 20px/normal Hanken Grotesk,sans-serif}html body.qq-locked{overflow:hidden}@media(max-width:768px){html body .qq-root{align-items:flex-end;justify-content:stretch;padding:0}html body .qq-handle{display:block;margin:0 auto}html body .qq-modal{max-width:100%;width:100%;max-height:92vh;border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #00000029;transform:translateY(100%);opacity:1}html body .qq-root.is-in .qq-modal{transform:none}html body .qq-box{padding:12px 20px 16px}html body .qq-header{padding:20px 0 0}html body .qq-close{opacity:0}html body .qq-title{font-size:24px}html body .qq-progress{padding:0 20px 24px;gap:14px}html body .qq-dot{width:24px;height:24px;font-size:12px}html body .qq-step{padding:16px 20px 32px}html body .qq-q{font-size:24px}html body .qq-sub{margin:0 0 20px;font-size:16px}html body .qq-grid{grid-template-columns:1fr 1fr}html body .qq-opt{min-height:53px;font-size:16px;padding:16px 20px}html body .qq-sizes{gap:8px}html body .qq-size{width:48px;height:42px;min-height:42px;font-size:14px}html body .qq-fit{padding:16px 20px}html body .qq-flabel,html body .qq-fdesc{font-size:16px}html body .qq-wid{min-height:91px;padding:16px 20px}html body .qq-wlabel{font-size:16px}html body .qq-wdesc{font-size:12px}html body .qq-rhead{padding:12px 20px 24px}html body .qq-rbody{padding:16px 20px 32px}html body .qq-rlabel{display:block;font-size:16px;margin-bottom:8px}html body .qq-rbox{padding:20px 6px 6px}html body .qq-rsize{font-size:24px}html body .qq-reasons{padding:16px 20px}html body .qq-rtext{font-size:14px}html body .qq-go{font-size:16px;border-radius:14px}html body .qq-retake{font-size:16px}}@media(max-width:420px){html body .qq-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}html body .qq-grid .qq-opt{flex:1 1 40%}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/qf-quiz.css.map */