#fzq-tab,#fzq,#fzq *{box-sizing:border-box}#fzq,#fzq-tab{--bg:#F4F2EE;--ink:#1A1816;--mut:rgba(26,24,22,.56);--line:rgba(26,24,22,.14);--soft:rgba(26,24,22,.07);--ui:"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:"Newsreader",Georgia,serif}html[dir=rtl] #fzq,html[dir=rtl] #fzq-tab{--ui:"Tajawal","Helvetica Neue",Arial,sans-serif;--serif:"Noto Naskh Arabic","Newsreader",serif}#fzq-tab{position:fixed;inset-inline-end:16px;bottom:calc(16px + var(--fzq-b,0px));z-index:99990;display:none;align-items:center;height:42px;padding:0 7px 0 18px;background:var(--bg);color:var(--ink);border-radius:999px;box-shadow:0 6px 22px #1e140a29,0 0 0 1px #1a18160f;transition:bottom .25s,box-shadow .2s}#fzq-tab.on{display:flex;animation:fzq-tab-in .45s cubic-bezier(.2,.7,.3,1) both}@keyframes fzq-tab-in{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}#fzq-tab:hover{box-shadow:0 8px 28px #1e140a38,0 0 0 1px #1a181614}#fzq-tab .t{border:0;background:none;cursor:pointer;color:var(--ink);padding:0 10px 0 0;margin:0;font:500 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}#fzq-tab .x{width:26px;height:26px;border:0;border-radius:50%;background:var(--soft);color:var(--mut);font:300 16px/26px var(--ui);cursor:pointer;padding:0;text-align:center}#fzq-tab .x:hover{color:var(--ink)}html[dir=rtl] #fzq-tab{padding:0 18px 0 7px}html[dir=rtl] #fzq-tab .t{padding:0 0 0 10px}#fzq{position:fixed;inset-inline-end:16px;bottom:calc(16px + var(--fzq-b,0px));z-index:100000;display:none;width:calc(100% - 32px);max-width:328px;transition:bottom .25s}#fzq.open{display:block}#fzq .card{position:relative;width:100%;max-height:calc(100dvh - 40px - var(--fzq-b,0px));overflow:auto;transform-origin:right bottom;background:var(--bg);color:var(--ink);border-radius:26px;padding:20px 20px 18px;box-shadow:0 18px 54px #1e140a3d,0 0 0 1px #1a18160d;font-family:var(--ui);animation:fzq-rise .38s cubic-bezier(.2,.7,.3,1) both}@keyframes fzq-rise{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}#fzq.closing .card{animation:fzq-fold .24s ease-in both}@keyframes fzq-fold{to{opacity:0;transform:translateY(16px) scale(.9)}}html[dir=rtl] #fzq .card{transform-origin:left bottom}#fzq .x{position:absolute;top:14px;right:14px;width:28px;height:28px;border:0;border-radius:50%;background:var(--soft);color:var(--mut);font:300 18px/28px var(--ui);cursor:pointer;padding:0;text-align:center}#fzq .x:hover{color:var(--ink)}html[dir=rtl] #fzq .x{right:auto;left:14px}#fzq .x{z-index:3}#fzq .panel[data-p="5"],#fzq .panel[data-p=proc]{padding-top:30px}#fzq .panel{display:none;flex-direction:column;gap:14px}#fzq .panel.show{display:flex;animation:fzq-in .3s ease both}@keyframes fzq-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}html[dir=rtl] #fzq .panel.show{animation-name:fzq-in-r}@keyframes fzq-in-r{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}#fzq .dots{display:flex;gap:5px;height:28px;align-items:center}#fzq .dot{width:6px;height:6px;border-radius:3px;background:var(--line);transition:all .25s}#fzq .dot.done{background:var(--mut)}#fzq .dot.on{width:18px;background:var(--ink)}#fzq .back{align-self:flex-start;border:0;background:none;padding:0;margin:-4px 0;font:500 11px var(--ui);letter-spacing:.06em;color:var(--mut);cursor:pointer}#fzq .back:hover{color:var(--ink)}#fzq .card h2.title{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2;letter-spacing:0;text-transform:none;margin:0;color:var(--ink)}#fzq .title em{font-style:italic}#fzq .sub{font:italic 400 14px/1.45 var(--serif);color:var(--mut);margin:5px 0 0}#fzq .pills{display:flex;gap:8px}#fzq .pill{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:8px 4px;border:1px solid var(--line);border-radius:18px;background:#ffffff8c;cursor:pointer;font:500 14px/1.1 var(--ui);color:var(--ink);transition:background .15s,border-color .15s,color .15s,transform .15s}#fzq .pill small{font:400 10.5px/1.25 var(--ui);color:var(--mut);text-align:center}#fzq .pill:hover{border-color:var(--ink)}#fzq .pill.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}#fzq .pill.on small{color:#f4f2eea8}#fzq .exact{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}#fzq .or{font:400 11px var(--ui);color:var(--mut);letter-spacing:.04em}#fzq .units{display:inline-flex;background:var(--soft);border-radius:999px;padding:3px;direction:ltr}#fzq .units button{border:0;background:transparent;border-radius:999px;min-width:44px;padding:6px 12px;font:500 11.5px/1 var(--ui);letter-spacing:.04em;color:var(--mut);cursor:pointer;transition:background .18s,color .18s}#fzq .units button.on{background:var(--ink);color:var(--bg)}#fzq .stepper{display:flex;align-items:center;justify-content:space-between;height:54px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:0 7px;direction:ltr}#fzq .stepper>button{width:40px;height:40px;border:0;border-radius:50%;background:var(--soft);color:var(--ink);font:300 22px/40px var(--ui);cursor:pointer;padding:0;transition:background .12s}#fzq .stepper>button:hover{background:var(--line)}#fzq .stepper .v{display:flex;align-items:baseline;gap:6px}#fzq .stepper .n{font:400 28px/1 var(--serif);font-variant-numeric:tabular-nums}#fzq .stepper .u{font:500 11px var(--ui);letter-spacing:.08em;color:var(--mut);text-transform:uppercase}#fzq .shapes{display:flex;gap:8px}#fzq .shape{flex:1;min-width:0;display:flex;flex-direction:column;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;padding:0;overflow:hidden;transition:box-shadow .15s,transform .15s}#fzq .shape:hover{box-shadow:inset 0 0 0 1px var(--ink)}#fzq .shape.on{box-shadow:0 0 0 2px var(--ink)}#fzq .shape img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}#fzq .shape span{display:block;padding:8px 2px 10px;text-align:center;font:500 12px var(--ui);color:var(--mut)}#fzq .shape.on span{color:var(--ink)}#fzq form{display:flex;flex-direction:column;gap:10px}#fzq .field{width:100%;height:50px;background:#fff;border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:0 20px;font:400 15px var(--ui);color:var(--ink);outline:none;transition:box-shadow .15s}#fzq .field::placeholder{color:var(--mut)}#fzq .field:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}#fzq .err{margin:0;padding:0 8px;font:400 12.5px var(--ui);color:#9a1b1b}#fzq .err:empty{display:none}#fzq .fine{margin:0;font:400 10.5px/1.5 var(--ui);color:var(--mut);text-align:center}#fzq .fine a{color:inherit;text-decoration:underline;text-underline-offset:2px}#fzq .cta{width:100%;height:46px;background:var(--ink);color:var(--bg);border:0;border-radius:999px;font:500 11.5px var(--ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:opacity .15s,transform .15s}#fzq .cta:hover{opacity:.86}#fzq .cta:active{transform:scale(.985)}#fzq .cta[disabled]{opacity:.5;cursor:default}#fzq .proc{display:flex;flex-direction:column;gap:26px;padding:22px 2px 14px}#fzq .bar{height:6px;border-radius:3px;background:var(--soft);overflow:hidden}#fzq .bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--ink);transition:width 4.4s cubic-bezier(.25,.1,.15,1)}html[dir=rtl] #fzq .bar i{margin-inline-start:auto}#fzq .ps{display:flex;align-items:center;gap:12px;opacity:.22;transform:translate(-6px);transition:opacity .45s,transform .45s cubic-bezier(.2,.9,.3,1)}#fzq .ps.active{opacity:1;transform:none}#fzq .ps.done{opacity:.45;transform:none}#fzq .ps.found{opacity:1;transform:none}#fzq .pd{position:relative;width:8px;height:8px;border-radius:50%;border:1px solid var(--mut);flex:none;transition:background .3s,border-color .3s}#fzq .pd:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--ink);opacity:0}#fzq .ps.active .pd{background:var(--ink);border-color:var(--ink)}#fzq .ps.active .pd:after{animation:fzq-ping 1.6s ease-out infinite}#fzq .ps.done .pd{background:var(--mut);border-color:var(--mut)}#fzq .ps.found .pd{background:#4a8a62;border-color:#4a8a62}#fzq .ps.found .pd:after{border-color:#4a8a62;animation:fzq-ping .7s ease-out forwards}#fzq .ps.found .pt{color:#4a8a62}@keyframes fzq-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}#fzq .pt{font:italic 400 16px var(--serif);color:var(--mut)}#fzq .ps.active .pt{color:var(--ink)}#fzq .journey{display:flex;align-items:flex-start;position:relative;padding-top:2px}#fzq .js{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;position:relative}#fzq .js+.js:before{content:"";position:absolute;top:14px;inset-inline-end:50%;width:100%;height:1px;background:var(--line);z-index:0}#fzq .js.done+.js:before{background:var(--mut)}@keyframes fzq-march{to{background-position:10px 0}}#fzq .js.done+.js.next:before{background:repeating-linear-gradient(90deg,var(--mut) 0 3px,transparent 3px 7px);background-size:10px 1px;animation:fzq-march .55s linear infinite}#fzq .jb{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center;color:var(--mut)}#fzq .js.done .jb{background:var(--ink);box-shadow:none;color:var(--bg)}#fzq .js.next .jb{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);animation:fzq-breathe 2.2s ease-in-out infinite}@keyframes fzq-breathe{0%,to{outline:0 solid rgba(26,24,22,.14)}50%{outline:5px solid rgba(26,24,22,.06)}}@keyframes fzq-fly{0%,to{transform:translate(0) rotate(-4deg)}20%{transform:translate(2px,-3.5px) rotate(3deg)}45%{transform:translate(.5px,-4.5px) rotate(-1deg)}70%{transform:translate(1.5px,-4px) rotate(-2deg)}}#fzq .jb .fly{display:flex;animation:fzq-fly 4s ease-in-out infinite}#fzq .jn{font:500 10px/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-align:center}#fzq .js.done .jn,#fzq .js.next .jn{color:var(--ink)}#fzq .jd{font:italic 400 13px/1.35 var(--serif);color:var(--mut);text-align:center}#fzq .tag{font:italic 400 14px/1.5 var(--serif);color:var(--mut);margin:0;text-align:center}@media(max-width:560px){#fzq{inset-inline:12px;width:auto;max-width:none;bottom:calc(12px + var(--fzq-b,0px))}#fzq-tab{inset-inline-end:12px;bottom:calc(12px + var(--fzq-b,0px))}}html[dir=rtl] #fzq *,html[dir=rtl] #fzq-tab *{letter-spacing:0!important;text-transform:none!important;font-style:normal!important}@media(prefers-reduced-motion:reduce){#fzq *,#fzq-tab{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/fz-size-quiz.css.map */