#kw{display:none;position:relative}#form.kwon #kw{display:block}#form.kwon .kw-classic,#form.kwon .or,#form.done #kw{display:none}#form.done .kw-classic{display:block!important}#form.kwon .box{border:1px solid #E3E7F0;border-radius:20px;padding:24px 18px 20px;box-shadow:0 14px 34px -10px #16224a29,0 4px 10px -6px #16224a14}#kw .kw-head{text-align:center}#kw .kw-chip{display:inline-flex;align-items:center;gap:9px;margin:0 auto 12px;padding:7px 13px 7px 11px;border-radius:999px;background:#eef1f8;color:var(--navy);font-size:clamp(11.5px,3.1vw,12.5px);font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}#kw .kw-head h2{font-size:clamp(22px,5.6vw,30px);letter-spacing:-.02em;margin-bottom:6px}#kw .kw-head .sub{color:#6b7385;font-size:clamp(15px,3.9vw,17px);margin-bottom:2px}#kw .kw-log{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}@keyframes kw-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#kw .bub{align-self:flex-start;max-width:100%;min-height:46px;padding:11px 15px;border-radius:18px 18px 18px 6px;background:#f1f3f8;color:var(--ink);font-size:clamp(15px,3.9vw,16.5px);line-height:1.5;scroll-margin-bottom:96px;animation:kw-in .3s ease-out both}#kw .bub.q{font-weight:700;color:var(--navy)}#kw .bub.r{color:#3a4358}#kw .bub.s{background:#e9edf6;color:var(--navy);font-weight:500}#kw .dots{display:inline-flex;gap:5px;align-items:center;height:24px}#kw .dots i{display:block;width:8px;height:8px;border-radius:50%;background:#9aa3b8;animation:kw-b 1s infinite ease-in-out}#kw .dots i:nth-child(2){animation-delay:.15s}#kw .dots i:nth-child(3){animation-delay:.3s}@keyframes kw-b{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}#kw .opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:18px;background:#f6f7fa;scroll-margin-bottom:96px;animation:kw-in .3s ease-out both}#kw .opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:12px 8px 11px;border:1px solid #DFE3EC;border-radius:14px;background:#fff;color:var(--navy);font-family:var(--f);font-size:clamp(13px,3.5vw,14px);font-weight:700;line-height:1.25;text-align:center;cursor:pointer;opacity:0;transform:translateY(6px);box-shadow:0 1px 2px #16224a0a;transition:opacity .3s,transform .25s,border-color .2s,box-shadow .2s,background .2s,color .2s}#kw .opt.in{opacity:1;transform:none}#kw .opt .ic{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#eef1f8;color:var(--navy);flex:none;transition:background .2s,color .2s}#kw .opt .ic svg{width:20px;height:20px}#kw .opt .ck{display:none;position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#18b85a;border:2px solid #fff;color:#fff;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}#kw .opt .ck svg{width:13px;height:13px}#kw .opts:not(.set) .opt:hover{border-color:#a9b4cf;transform:translateY(-1px);box-shadow:0 8px 18px -10px #16224a66}#kw .opt:focus-visible{outline:3px solid var(--navy);outline-offset:2px}#kw .opt:nth-child(3):last-child{grid-column:1/-1}#kw .opts.set .opt{cursor:pointer;opacity:.5;transform:none;box-shadow:none}#kw .opts.set .opt:hover{opacity:.85;border-color:#a9b4cf}#kw .opts.nn .opt:nth-child(3):nth-last-child(2){grid-column:1/-1}#kw .opts.set .opt.on{opacity:1;background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 20px -10px #16224ab3}#kw .opts.set .opt.on .ic{background:#ffffff24;color:#fff}#kw .opts.set .opt.on .ck{display:flex}#kw .kw-tip{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:2px 0 0;font-size:clamp(13px,3.5vw,14px);font-weight:700;color:var(--navy);animation:kw-in .3s ease-out both}#kw .kw-tip svg{width:22px;height:22px;flex:none;color:var(--red);animation:kw-hand 1.4s ease-in-out infinite}@keyframes kw-hand{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#kw .opt .hand{position:absolute;right:6px;bottom:4px;width:28px;height:28px;color:var(--red);opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}#kw .opt.tap{animation:kw-tap .95s ease-out}@keyframes kw-tap{0%{transform:scale(1);box-shadow:0 0 #d8232a00}35%{transform:scale(.955);box-shadow:0 0 #d8232a66}65%{transform:scale(1.015);box-shadow:0 0 0 12px #d8232a00}to{transform:scale(1);box-shadow:0 0 #d8232a00}}#kw .opt.tap .hand{animation:kw-handtap .95s ease-out}@keyframes kw-handtap{0%{opacity:0;transform:translate(12px,16px)}25%{opacity:1;transform:translate(0)}40%{transform:translate(0) scale(.82)}62%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(0)}}@media(prefers-reduced-motion:reduce){#kw .kw-tip svg,#kw .opt.tap,#kw .opt.tap .hand{animation:none}}#kw .opt.on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 20px -10px #16224ab3}#kw .opt.on .ic{background:#ffffff24;color:#fff}#kw .opt.on .ck{display:flex}#kw .opt.none{grid-column:1/-1;flex-direction:row;justify-content:center;gap:10px;min-height:56px;padding:10px 14px;border-style:dashed;color:#48505f}#kw .opt.none .ic{background:#f6f7fa;color:#6b7385;width:32px;height:32px}#kw .opts.multi.set .opt.on{opacity:1}#kw .kw-more{margin:-2px 0 0;text-align:center;color:#6b7385}#kw .kw-prog{display:block;height:3px;max-width:220px;margin:8px auto 0;border-radius:3px;background:#e3e7f0;overflow:hidden}#kw .kw-prog b{display:block;height:100%;width:100%;background:var(--navy);transform-origin:left;transform:scaleX(0)}#kw .kw-prog b.run{animation:kw-prog var(--ms,2.8s) linear forwards}@keyframes kw-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#kw .kw-next{display:none;justify-content:center}#kw .kw-next.on{display:flex;animation:kw-in .3s ease-out both}#kw .kw-next .btn{max-width:320px}#kw .kw-tip.up{flex-direction:row;gap:6px;margin:0;padding:0 0 2px;color:#6b7385;font-weight:700}#kw .kw-tip.up svg{width:18px;height:18px;color:var(--red);animation:kw-hand 1.2s ease-in-out infinite}#kw .kw-tip.arr{gap:6px;padding:0 0 2px;color:var(--red)}#kw .kw-tip.arr svg{width:20px;height:20px;color:var(--red);animation:kw-hand 1.2s ease-in-out infinite}#kw .opts.pulse .opt{animation:kw-pulse 2.4s ease-in-out infinite}#kw .opts.pulse .opt:nth-child(2){animation-delay:.3s}#kw .opts.pulse .opt:nth-child(3){animation-delay:.6s}#kw .opts.pulse .opt:nth-child(4){animation-delay:.9s}#kw .opts.pulse .opt:nth-child(5){animation-delay:1.2s}@keyframes kw-pulse{0%,to{box-shadow:0 1px 2px #16224a0a}50%{box-shadow:0 0 0 6px #d8232a29}}#kw .opt .rip{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#d8232a59;border:2px solid rgba(216,35,42,.7);opacity:0;pointer-events:none}#kw .opt.ripon .rip{animation:kw-rip 1.1s ease-out}@keyframes kw-rip{0%{opacity:0;transform:scale(.4)}20%{opacity:1}to{opacity:0;transform:scale(4.2)}}#kw .opt.wig{animation:kw-wig .9s ease-in-out}@keyframes kw-wig{0%,to{transform:none}20%{transform:rotate(-1.6deg) translate(-2px)}40%{transform:rotate(1.6deg) translate(2px)}60%{transform:rotate(-1.2deg)}80%{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){#kw .kw-tip.up svg,#kw .kw-tip.arr svg,#kw .opts.pulse .opt,#kw .opt.ripon .rip,#kw .opt.wig{animation:none}}#kw .pan{border:1px solid #DFE3EC;background:#fff;border-radius:18px;padding:18px 14px 16px;text-align:center;scroll-margin-bottom:96px;box-shadow:0 10px 26px -16px #16224a4d;animation:kw-in .3s ease-out both}@media(prefers-reduced-motion:reduce){#kw .pan,#kw .bub,#kw .opts,#kw .dots i{animation:none}#kw .opt{transition:none}}#kw .pan .t{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(16px,4.1vw,18px);font-weight:800;color:var(--navy);margin-bottom:12px;line-height:1.3}#kw .pan .t svg{display:none;width:20px;height:20px;flex:none;color:var(--ok)}#kw .dig{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 10px}#kw .grp{display:inline-flex;gap:4px}#form #kw .dig input{width:clamp(24px,6.6vw,36px);height:clamp(42px,10.5vw,50px);min-height:0;padding:0;text-align:center;font-family:var(--f);font-size:clamp(18px,4.8vw,22px);font-weight:800;color:var(--navy);border:1.5px solid #D6DAE6;border-radius:10px;background:#f6f7fa;caret-color:var(--navy);transition:border-color .15s,background .15s,box-shadow .15s}#form #kw .dig input.f{background:#fff;border-color:#9aa3b8}#form #kw .dig input:focus{outline:none;border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px #16224a24}#form #kw .dig input:disabled{background:#fff;border-color:#d6dae6;color:var(--navy);opacity:1}#kw .kw-hint{font-size:clamp(12px,3.2vw,13.5px);color:#6b7385;margin:10px 0 0;line-height:1.4}#kw .kw-send{display:none;margin:14px auto 0;max-width:320px}#kw .pan.ok .kw-send{display:flex}#kw .pan.kw-lock .kw-send,#kw .pan.kw-lock .kw-hint,#kw .pan.kw-lock .err{display:none}#kw .pan.kw-lock{border-color:#bfe6cd;box-shadow:none}#kw .pan.kw-lock .t{color:var(--ok)}#kw .pan.kw-lock .t svg{display:block}#kw .pan.mail{text-align:left}#form #kw .pan.mail label{margin:0 0 6px;font-size:clamp(15px,3.9vw,16px)}#form #kw .pan.mail input[type=email]{min-height:52px;border:1.5px solid #D6DAE6;border-radius:12px;background:#f6f7fa;transition:border-color .15s,background .15s,box-shadow .15s}#form #kw .pan.mail input[type=email]:focus{outline:none;border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px #16224a24}#form #kw .pan.mail input.bad{border-color:var(--red);background:#fff6f6}#form #kw .pan.mail .btn{margin-top:12px}#form #kw .pan.mail .rodo{margin-top:12px;padding-top:10px;border-top:1px solid #E3E7F0;text-align:left}#kw .err{text-align:left}#kw .pan .err{text-align:center}#kw .kw-chal{display:none;margin-top:12px;padding:12px;border-radius:14px;background:#fff6f6;border:1px solid var(--red-l);font-size:clamp(14px,3.6vw,15.5px);color:var(--ink);text-align:center}#kw .kw-chal .btn{margin-top:10px}#kw.chal .kw-chal{display:block}#kw .sent{display:none}#kw.done .sent{display:block;margin-top:8px}#kw.done .kw-log{opacity:.5;pointer-events:none}#kw-lead{display:block;margin:0}#kw-submit{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;opacity:0;pointer-events:none}#kw-sink{position:absolute;left:-9999px;top:-9999px;width:0;height:0;border:0}@media(min-width:768px){#kw .opts{grid-template-columns:repeat(2,1fr);padding:10px;gap:10px}#kw .opts[data-n="3"],#kw .opts[data-n="5"],#kw .opts[data-n="6"]{grid-template-columns:repeat(3,1fr)}#kw .opt:nth-child(3):last-child:not(.none){grid-column:auto}#kw .opts.nn .opt:nth-child(3):nth-last-child(2):not(.none){grid-column:auto}#kw .opt{min-height:100px;font-size:14px}#kw .bub{max-width:86%}#kw .pan{padding:22px 18px 18px}#form #kw .dig input{width:42px;height:52px;font-size:23px}#kw .grp{gap:5px}#form.kwon .box{padding:30px 28px 26px;max-width:600px}}#kw .opts{background:#e9edf6}#kw .opt{border:1.5px solid #C2CBE0;box-shadow:0 2px 6px #16224a1a}#kw .opt .ic{background:var(--navy);color:#fff}#kw .opt.none{border-style:solid;border-color:#c2cbe0;background:#fff}#kw .opt.none .ic{background:#e9edf6;color:var(--navy)}#kw .opts:not(.set) .opt:hover{border-color:#8e9bbe}
/*# sourceMappingURL=/cdn/shop/t/32/assets/syldatk-kw.css.map */