@property --mlg-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.qw{--primary:#c5aaf7;--primary-content:#1d162a;--secondary:#f0b2cf;--base:#100e14;--content:#efedf3;--error:#f07683;--dir:-1;border:1px solid color-mix(in oklab, var(--primary) 25%, transparent);background:color-mix(in oklab, var(--base) 85%, transparent);width:100%;max-width:300px;color:var(--content);font-family:var(--font-onest), ui-sans-serif, system-ui, sans-serif;text-align:left;text-shadow:0 1px 2px #0003;border-radius:1.5rem;padding:14px;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d}@supports (color:lab(0% 0 0)){.qw{--primary:lab(74.23% 21.364 -34.7343);--primary-content:lab(8.98103% 8.0401 -12.5394);--secondary:lab(79.2117% 26.2415 -4.99861);--base:lab(4.34817% 1.30469 -3.0138);--content:lab(94.1182% 1.1847 -2.7392);--error:lab(64.7103% 48.6704 16.1918)}}.qw-head{align-items:center;gap:8px;display:flex}.qw-title{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-size:15px;font-weight:600}.qw-count{background:var(--primary);min-width:20px;height:20px;color:var(--primary-content);font-variant-numeric:tabular-nums;text-shadow:none;border:1px solid #0000;border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;font-size:12px;font-weight:600;display:grid}.qw-now{border:1px solid color-mix(in oklab, var(--primary) 40%, transparent);background:linear-gradient(to bottom right, color-mix(in oklab, var(--primary) 20%, transparent), color-mix(in oklab, var(--secondary) 10%, transparent));border-radius:1rem;margin-top:10px;padding:10px 12px}.qw-label{letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.qw-dot{background:var(--secondary);width:6px;height:6px;box-shadow:0 0 6px color-mix(in oklab, var(--secondary) 60%, transparent);border-radius:999px;flex-shrink:0;animation:2.8s ease-in-out infinite qw-breathe}.qw-trigger,.qw-row-trigger{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.375;display:-webkit-box;overflow:hidden}.qw-trigger{margin-top:4px;font-size:16px;font-weight:600}.qw-user{color:color-mix(in oklab, var(--content) 60%, transparent);font-size:12px}.qw-next{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--content) 50%, transparent);margin:12px 0 2px;font-size:10px;font-weight:600}.qw-list{margin:0;padding:0;list-style:none}.qw-row{border-top:1px solid color-mix(in oklab, var(--content) 5%, transparent);border-radius:.75rem;align-items:flex-start;gap:10px;margin:0 -6px;padding:6px;display:flex}.qw-row:first-child{border-top-color:#0000}.qw-num{background:color-mix(in oklab, var(--content) 10%, transparent);width:20px;height:20px;text-shadow:none;border-radius:999px;flex-shrink:0;place-items:center;margin-top:1px;font-size:10px;font-weight:600;display:grid}.qw-row-trigger{font-size:14px;font-weight:500}.qw-row-user,.qw-more,.qw-empty{color:color-mix(in oklab, var(--content) 55%, transparent);font-size:12px}.qw-more{padding-top:6px}.qw-empty{padding-top:8px}.qw .enter{animation:.35s ease-out qw-enter}.qw .leave-done{animation:.9s ease-in-out forwards qw-done-out}.qw .leave-refund{animation:.75s ease-in forwards qw-refund-out}.qw .qw-now.leave-refund{border-color:color-mix(in oklab, var(--error) 90%, transparent);transition:border-color .2s}.qw .leave-quick{animation:.25s forwards qw-quick-out}@keyframes qw-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes qw-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes qw-done-out{0%{opacity:1;box-shadow:0 0 #0000}30%{opacity:1;box-shadow:0 0 16px color-mix(in oklab, var(--primary) 50%, transparent)}to{opacity:0;transform:scale(.97);box-shadow:0 0 #0000}}@keyframes qw-refund-out{0%{opacity:1;transform:none;box-shadow:inset 0 0 0 999px #0000}35%{opacity:1;box-shadow:inset 0 0 0 999px color-mix(in oklab, var(--error) 32%, transparent);transform:none}to{opacity:0;transform:translateX(calc(var(--dir) * 115%));box-shadow:inset 0 0 0 999px color-mix(in oklab, var(--error) 32%, transparent)}}@keyframes qw-quick-out{to{opacity:0}}.qw:is([data-preset=pink],[data-preset=blue]){font-family:var(--font-quicksand), ui-rounded, ui-sans-serif, sans-serif;text-shadow:0 1px 2px #000b,0 0 6px #0008;font-weight:600}.qw:is([data-preset=pink],[data-preset=blue]) .qw-title{letter-spacing:.12em;font-weight:700}.qw[data-preset=pink]{--primary:#efa0bd;--primary-content:#452b37;--secondary:#d7ebfb;background:linear-gradient(160deg,#39303cdd,#25252ddb);border:1.5px solid #ea8babaa;box-shadow:0 0 12px #ea8bab25,0 8px 24px #00000040}.qw[data-preset=pink] .qw-title{color:#f8cfe0}.qw[data-preset=pink] .qw-now{background:linear-gradient(110deg,#a65175f2,#75455ff2);border-color:#f8cfe0aa}.qw[data-preset=pink] :is(.qw-user,.qw-next,.qw-row-user,.qw-more,.qw-empty){color:#fff5fadd}.qw[data-preset=blue]{--primary:#abcff1;--primary-content:#172d4b;--secondary:#cdd9ff;background:linear-gradient(160deg,#172d4bdd,#0b192fdb);border:1.5px solid #92bee5aa;box-shadow:0 0 12px #719ad830,0 8px 24px #00000040}.qw[data-preset=blue] .qw-title{color:#d9e9ff;text-shadow:0 1px 2px #000b,0 0 10px #97beee66}.qw[data-preset=blue] .qw-now{background:linear-gradient(110deg,#36577df2,#3f456cf2);border-color:#b5c9ee99}.qw[data-preset=blue] .qw-label{color:#daebff}.qw[data-preset=blue] :is(.qw-user,.qw-next,.qw-row-user,.qw-more,.qw-empty){color:#e3ecffcc}.qw[data-preset=pink-clear]{--secondary:#ea8bab;box-shadow:none;text-shadow:0 1px 2px #000c,0 0 4px #ea8babe6,0 0 10px #ea8babb3,0 0 22px #ea8bab80;background:0 0;border:0}.qw[data-preset=pink-clear] .qw-title{color:#fff;text-shadow:0 1px 2px #000c,0 0 5px #f8cfe0,0 0 12px #ea8babe6,0 0 28px #ea8babb3}.qw[data-preset=pink-clear] .qw-now{background:0 0;border-color:#0000;padding-inline:0}.qw[data-preset=pink-clear] .qw-label{color:#ea8bab}.qw[data-preset=pink-clear] :is(.qw-trigger,.qw-row-trigger){color:#fff;text-shadow:0 1px 2px #000c;filter:drop-shadow(0 0 3px #ea8babe6)drop-shadow(0 0 8px #ea8baba6)}.qw[data-preset=pink-clear] :is(.qw-next,.qw-more,.qw-empty){color:#ea8bab}.qw[data-preset=pink-clear] :is(.qw-user,.qw-row-user){color:#a2c5ff;text-shadow:0 1px 2px #000c,0 0 4px #a2c5ffb3,0 0 10px #a2c5ff66;font-weight:700}.qw[data-preset=pink-clear] .qw-row{border-color:#0000}.qw[data-preset=pink-clear] .qw-num{color:#ea8bab;text-shadow:0 1px 2px #000c,0 0 4px #ea8babe6,0 0 10px #ea8babb3;background:0 0}.qw[data-preset=pink-clear] .qw-count{color:#f8cfe0;text-shadow:0 0 4px #ea8babe6,0 0 10px #ea8babb3;background:0 0;border-color:#ea8bab;box-shadow:0 0 6px #ea8babe6,0 0 16px #ea8bab99,inset 0 0 6px #ea8bab80}.qw[data-preset=rgb-mlg]{--secondary:#fff200;background:linear-gradient(160deg, #0b0014e6, #1a0033e6) padding-box, conic-gradient(from var(--mlg-angle), #ff004c, #ff9f00, #fff200, #3dff00, #00e5ff, #6a5cff, #ff00e6, #ff004c) border-box;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px #000;border:3px solid #0000;font-family:Impact,Anton,Arial Black,sans-serif;font-weight:400;animation:2s linear infinite qw-mlg-border,3s linear infinite qw-mlg-glow}.qw[data-preset=rgb-mlg] :is(.qw-title,.qw-trigger,.qw-row-trigger){background:linear-gradient(90deg,#ff004c,#ff9f00,#fff200,#3dff00,#00e5ff,#6a5cff,#ff00e6,#ff004c) 0 0/200% 100%;color:#0000;text-shadow:none;filter:drop-shadow(0 2px #000)drop-shadow(0 0 6px #ffffff80);-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite qw-mlg-rainbow}.qw[data-preset=rgb-mlg] .qw-title{animation:1.6s linear infinite qw-mlg-rainbow,.5s ease-in-out infinite alternate qw-mlg-wobble;display:inline-block}.qw[data-preset=rgb-mlg] .qw-title:before{content:"🔥 ";color:#fff}.qw[data-preset=rgb-mlg] .qw-title:after{content:" 💯";color:#fff}.qw[data-preset=rgb-mlg] .qw-label:after{content:" 🎯"}.qw[data-preset=rgb-mlg] .qw-next:after{content:" 😂👌"}.qw[data-preset=rgb-mlg] :is(.qw-label,.qw-next,.qw-more,.qw-empty){color:#fff200}.qw[data-preset=rgb-mlg] :is(.qw-user,.qw-row-user){letter-spacing:0;text-transform:none;color:#39ff14;font-family:Comic Sans MS,Comic Neue,cursive;font-weight:700}.qw[data-preset=rgb-mlg] .qw-now{background:linear-gradient(110deg,#ff004c59,#fff20040,#00e5ff40,#ff00e659);border:2px dashed #ffffffb3}.qw[data-preset=rgb-mlg] .qw-num{color:#000;background:#fff200;font-family:Impact,Anton,sans-serif}.qw[data-preset=rgb-mlg] .qw-count{color:#fff;background:#ff00e6;border-color:#fff;font-family:Impact,Anton,sans-serif;animation:1.2s linear infinite qw-mlg-spin}.qw[data-preset=rgb-mlg] .enter{animation:.45s cubic-bezier(.2,1.6,.4,1) qw-mlg-hit}@keyframes qw-mlg-border{to{--mlg-angle:360deg}}@keyframes qw-mlg-glow{0%,to{box-shadow:0 0 16px #ff00e6,0 0 32px #00e5ff99}33%{box-shadow:0 0 16px #fff200,0 0 32px #ff004c99}66%{box-shadow:0 0 16px #3dff00,0 0 32px #6a5cff99}}@keyframes qw-mlg-rainbow{to{background-position:-200% 0}}@keyframes qw-mlg-wobble{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)scale(1.06)}}@keyframes qw-mlg-spin{to{transform:rotate(360deg)}}@keyframes qw-mlg-hit{0%{opacity:0;transform:scale(1.8)rotate(-8deg)}60%{opacity:1;transform:scale(.94)rotate(2deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.qw .enter,.qw-dot,.qw[data-preset=rgb-mlg],.qw[data-preset=rgb-mlg] :is(.qw-title,.qw-count,.qw-trigger,.qw-row-trigger){animation:none}.qw .leave-done,.qw .leave-refund{animation-name:qw-quick-out}}
