.kws{--bg: #ffffff;--ink: #0f1221;--ink-2: #4b4e5e;--ink-3: #7a7d8c;--line: #e6e7ec;--sun: #ffd563;--tile: #f7f6f2;--tile-line: #ebe8df;--skel: #eceef2;--skel-2: #f4f5f7;--green: #0e7a3a;--green-bg: #e3f4e8;--serif: "Playfair Display", Georgia, serif;--sans: Geist, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, monospace;--frame-shadow: 0 24px 56px -18px rgba(15, 18, 33, .22), 0 2px 6px rgba(15, 18, 33, .06)}.kws .kws-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin:44px 0 20px;padding:14px 18px;border:1px solid var(--tile-line);border-radius:0;background:var(--tile)}.kws .kws-ctl-t{font-size:14px;font-weight:600;margin-right:4px}.kws .kws-ctlg{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}.kws .kws-seg{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px}.kws .kws-seg button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink-2)}.kws .kws-seg button[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:500}.kws .kws-sw{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.kws .kws-sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.kws .kws-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.kws .kws-wt{background:var(--tile);border:1px solid var(--tile-line);border-radius:0;overflow:hidden;display:flex;flex-direction:column}.kws .kws-wt-media{position:relative;overflow:hidden}.kws .kws-t-announce .kws-wt-media:after,.kws .kws-t-banner .kws-wt-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(rgba(247,246,242,0),var(--tile));pointer-events:none}.kws .kws-wt-media .kws-art{position:absolute;top:0;left:0;transform-origin:0 0;transform:scale(var(--k, .6))}.kws .kws-wt-foot{margin-top:auto;padding:4px 24px 24px}.kws .kws-wt-foot b{display:block;font-size:17px;font-weight:600}.kws .kws-wt-foot span{display:block;font-size:15px;color:var(--ink-2);margin-top:2px}.kws .kws-t-announce{grid-column:span 7}.kws .kws-t-banner{grid-column:span 5}.kws .kws-t-offer,.kws .kws-t-progress,.kws .kws-t-gift{grid-column:span 4}.kws .kws-t-announce .kws-wt-media{aspect-ratio:700 / 440}.kws .kws-t-banner .kws-wt-media{aspect-ratio:500 / 440}.kws .kws-t-offer .kws-wt-media,.kws .kws-t-progress .kws-wt-media,.kws .kws-t-gift .kws-wt-media{aspect-ratio:1}.kws .kws-t-html{grid-column:span 12;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0}.kws .kws-html-copy{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;gap:6px}.kws .kws-html-copy b{font-size:17px;font-weight:600}.kws .kws-html-copy span{font-size:15px;color:var(--ink-2)}.kws .kws-html-copy code{margin-top:10px;align-self:flex-start;font-family:var(--mono);font-size:13px;color:var(--ink);background:#fff;border:1px solid var(--tile-line);border-radius:0;padding:6px 10px}.kws .kws-html-copy code i{font-style:normal;color:#b07a00}.kws .kws-html-demo{position:relative;margin:14px;border-radius:0;overflow:hidden;min-height:132px;color:#fff;isolation:isolate;background:linear-gradient(115deg,#0f1221,#3b2a7a 30%,#ff7a59 55%,#ffd563 72%,#2bb0ed);background-size:260% 100%;animation:kws-drift 9s ease-in-out infinite alternate}.kws .kws-html-demo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.28),transparent 40%),radial-gradient(circle at 80% 80%,rgba(15,18,33,.35),transparent 45%)}.kws .kws-html-demo .kws-row1{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0}.kws .kws-html-demo .kws-badge{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;background:#0f12218c;padding:5px 9px;border-radius:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kws .kws-html-demo .kws-cd{display:flex;gap:6px;font-family:var(--mono);font-size:14px;font-weight:600}.kws .kws-html-demo .kws-cd span{background:#0f1221b3;padding:5px 8px;border-radius:0;min-width:38px;text-align:center}.kws .kws-marquee{overflow:hidden;white-space:nowrap;padding:14px 0 18px}.kws .kws-marquee div{display:inline-block;animation:kws-run 16s linear infinite;font-weight:700;font-size:34px;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 2px 18px rgba(15,18,33,.35)}.kws .kws-marquee em{font-style:normal;color:var(--sun);margin:0 18px;text-shadow:none}@keyframes kws-drift{to{background-position:100% 0}}@keyframes kws-run{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.kws .kws-html-demo,.kws .kws-marquee div{animation:none}}@media(max-width:1000px){.kws .kws-t-announce,.kws .kws-t-banner{grid-column:span 12}.kws .kws-t-offer,.kws .kws-t-progress,.kws .kws-t-gift{grid-column:span 6}.kws .kws-t-gift{grid-column:span 12}.kws .kws-t-gift .kws-wt-media{aspect-ratio:2 / 1}.kws .kws-t-gift .kws-wt-media .kws-art{left:50%;transform:translate(-50%) scale(var(--k2, .6));transform-origin:50% 0}.kws .kws-t-html{grid-template-columns:minmax(0,1fr)}.kws .kws-h2{font-size:44px}}@media(max-width:640px){.kws .kws-kws{padding:80px 0}.kws .kws-wrap,.kws .kws-notes{padding:0 16px}.kws .kws-h2{font-size:34px}.kws .kws-t-offer,.kws .kws-t-progress,.kws .kws-t-gift{grid-column:span 12}.kws .kws-t-gift .kws-wt-media{aspect-ratio:1}.kws .kws-t-gift .kws-wt-media .kws-art{left:0;transform:scale(var(--k, .6));transform-origin:0 0}.kws .kws-marquee div{font-size:26px}}.kws .kws-art{position:relative;overflow:hidden;font-family:var(--sans);color:#15171f;font-size:14px;line-height:1.3;--acc: #0f1221;--wr: 12px;--wf: var(--sans);--acc-soft: color-mix(in srgb, var(--acc) 9%, #fff);--acc-line: color-mix(in srgb, var(--acc) 28%, #fff)}.kws .kws-art>*{position:absolute}.kws .kws-art .kws-glow{top:0;right:0;bottom:0;left:0;background:radial-gradient(55% 50% at 50% 52%,#ffd5632e,#ffd56300 70%)}.kws .kws-ico{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kws .kws-frame{background:#fff;border-radius:14px;box-shadow:var(--frame-shadow);overflow:hidden}.kws .kws-nav{display:flex;align-items:center;gap:22px;height:52px;padding:0 22px;border-bottom:1px solid #f0f0f3}.kws .kws-logo{font-weight:700;letter-spacing:.14em;font-size:15px}.kws .kws-nav .kws-menu{display:flex;gap:18px;font-size:12px;color:#8a8d99}.kws .kws-nav .kws-icons{margin-left:auto;display:flex;gap:14px;font-size:17px;color:#2a2d39}.kws .kws-sk{background:var(--skel);border-radius:6px;height:10px}.kws .kws-sk.l2{background:var(--skel-2)}.kws .kws-w{font-family:var(--wf)}.kws .kws-w-bar{background:var(--acc);color:#fff;border-radius:var(--wr)}.kws .kws-w-card{background:#fff;border:1px solid #e6e7ec;border-radius:var(--wr);box-shadow:var(--frame-shadow)}.kws .kws-w-btn{background:var(--acc);color:#fff;border-radius:calc(var(--wr) * .75);display:flex;align-items:center;justify-content:center;font-weight:600}.kws .kws-w-pill{background:var(--acc);color:#fff;border-radius:calc(var(--wr) * .6);font-weight:600;font-size:11px;padding:4px 8px;white-space:nowrap}.kws .kws-w-tier{display:flex;align-items:center;gap:10px;border:1px solid #e4e4e8;border-radius:calc(var(--wr) * .75);padding:10px 12px;margin-top:8px;background:#fff}.kws .kws-w-tier .kws-rd{width:16px;height:16px;border-radius:50%;border:1.5px solid #bdbdbd;flex:none}.kws .kws-w-tier.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc);background:var(--acc-soft)}.kws .kws-w-tier.on .kws-rd{border:5px solid var(--acc)}.kws .kws-w-save{font-size:11px;font-weight:600;background:var(--green-bg);color:var(--green);padding:2px 7px;border-radius:calc(var(--wr) * .5)}.kws .kws-strike{text-decoration:line-through;color:#8a8a8a}.kws #kws-art-announce{width:700px;height:440px}.kws #kws-art-announce .kws-frame{left:40px;top:46px;width:620px;height:430px}.kws #kws-art-announce .kws-ann{margin:10px 10px 0;height:42px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500}.kws #kws-art-announce .kws-ann b{color:var(--sun);font-weight:600}.kws #kws-art-announce .kws-hero{display:grid;grid-template-columns:250px 1fr;gap:26px;padding:26px 22px}.kws #kws-art-announce .kws-hero img{width:250px;height:250px;object-fit:cover;border-radius:10px;display:block}.kws #kws-art-banner{width:500px;height:440px}.kws #kws-art-banner .kws-frame{left:30px;top:46px;width:440px;height:430px}.kws #kws-art-banner .kws-ban{margin:16px 18px 0;padding:14px 16px;display:flex;align-items:center;gap:14px;background:var(--acc-soft);border:1px solid var(--acc-line);border-radius:var(--wr)}.kws #kws-art-banner .kws-ban .kws-t b{display:block;font-size:16px;font-weight:700;color:var(--acc)}.kws #kws-art-banner .kws-ban .kws-t span{font-size:12px;color:#5a5d6a}.kws #kws-art-banner .kws-ban .kws-w-btn{margin-left:auto;height:34px;padding:0 14px;font-size:12.5px;white-space:nowrap}.kws #kws-art-banner .kws-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 18px}.kws #kws-art-banner .kws-pc .kws-img{position:relative;aspect-ratio:1;background:#f6f6f8;border-radius:10px;overflow:hidden}.kws #kws-art-banner .kws-pc img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.kws #kws-art-banner .kws-pc .kws-w-pill{position:absolute;top:8px;left:8px}.kws #kws-art-banner .kws-pc .kws-p{font-size:12.5px;font-weight:600;margin-top:6px}.kws #kws-art-offer{width:400px;height:400px}.kws #kws-art-offer .kws-card{left:40px;top:34px;width:320px;padding:14px}.kws #kws-art-offer .kws-prod{display:flex;gap:12px;align-items:center}.kws #kws-art-offer .kws-prod img{width:58px;height:58px;object-fit:contain;background:#f6f6f8;border-radius:10px}.kws #kws-art-offer .kws-head{margin-top:12px;height:32px;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;letter-spacing:.02em;border-radius:calc(var(--wr) * .75)}.kws #kws-art-offer .kws-w-tier{font-size:13px}.kws #kws-art-offer .kws-w-tier .kws-pr{margin-left:auto;text-align:right;white-space:nowrap;font-weight:600}.kws #kws-art-offer .kws-w-tier .kws-pr .kws-strike{font-weight:400;font-size:11.5px;margin-right:4px}.kws #kws-art-offer .kws-w-btn{margin-top:12px;height:40px;font-size:13.5px}.kws #kws-art-progress{width:400px;height:400px}.kws #kws-art-progress .kws-card{left:34px;top:64px;width:332px;overflow:hidden}.kws #kws-art-progress .kws-ch{display:flex;justify-content:space-between;padding:14px 16px;font-weight:600;border-bottom:1px solid #f0f0f3}.kws #kws-art-progress .kws-ch span{font-weight:400;color:#8a8d99}.kws #kws-art-progress .kws-pb{padding:16px 16px 14px;border-bottom:1px solid #f0f0f3}.kws #kws-art-progress .kws-msg{text-align:center;font-size:13.5px;margin-bottom:18px}.kws #kws-art-progress .kws-msg b{color:var(--acc)}.kws #kws-art-progress .kws-track{position:relative;height:8px;background:#e9e9ee;border-radius:99px;margin:0 14px}.kws #kws-art-progress .kws-track i{position:absolute;inset:0 auto 0 0;width:42%;background:var(--acc);border-radius:99px}.kws #kws-art-progress .kws-ms{position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #d4d5dc;display:grid;place-items:center;font-size:14px;color:#8a8d99}.kws #kws-art-progress .kws-ms.done{background:var(--acc);border-color:var(--acc);color:#fff}.kws #kws-art-progress .kws-labels{position:relative;height:34px;margin:22px 14px 0;font-size:11px;text-align:center;color:#3a3d49;line-height:1.3}.kws #kws-art-progress .kws-labels span{position:absolute;transform:translate(-50%);width:92px}.kws #kws-art-progress .kws-line{display:flex;gap:12px;align-items:center;padding:14px 16px}.kws #kws-art-progress .kws-line img{width:52px;height:52px;border-radius:10px;object-fit:cover}.kws #kws-art-gift{width:400px;height:400px}.kws #kws-art-gift .kws-card{left:40px;top:60px;width:320px;padding:16px}.kws #kws-art-gift .kws-top{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:15px;color:var(--acc)}.kws #kws-art-gift .kws-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--acc-line);border-radius:calc(var(--wr) * .75);background:var(--acc-soft)}.kws #kws-art-gift .kws-row img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#fff}.kws #kws-art-gift .kws-ok{width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:15px;margin-left:auto;flex:none}.kws #kws-art-gift .kws-tag{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:700;background:var(--sun);color:#15171f;padding:2px 7px;border-radius:calc(var(--wr) * .5)}.kws #kws-art-gift .kws-sub{font-size:12.5px;color:#6a6d79;margin-top:10px}.kws #kws-art-gift .kws-adding{left:86px;top:282px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:10px 18px 10px 10px;box-shadow:var(--frame-shadow);font-size:14px;font-weight:600}.kws #kws-art-gift .kws-adding img{width:36px;height:36px;border-radius:50%;object-fit:cover}.kws #kws-art-gift .kws-spin{width:20px;height:20px;border-radius:50%;border:2.5px solid #e6e7ec;border-top-color:var(--acc);margin-left:6px}.kws .kws-ctl{margin-top:0}.kws .kws-seg{border-radius:10px}.kws .kws-seg button{border-radius:7px}.kws .kws-ctl,.kws .kws-ctl button,.kws .kws-wt-foot{font-family:var(--kh-sans)}.kws .kws-wt-foot b,.kws .kws-html-copy b{color:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/kite-widget-section.css.map */