/* Athar v109 */

/* Notifications: delete icon in the top-left corner, selection mode, delete-all in the menu. */
[data-notices107] .notice6{position:relative}
[data-notices107] .notice6>footer .notice-delete71{position:absolute!important;top:7px;left:7px;width:28px!important;height:28px!important;margin:0!important;z-index:2}
[data-notices107] .notice6>header{padding-left:36px!important}
.notices-menu107 .danger-item109,.msg-menu108 .danger-item109{color:#c0392b}
.notice-check109{position:absolute;top:8px;left:9px;z-index:3;display:grid;place-items:center;width:26px;height:26px}
.notice-check109 input{width:20px;height:20px;margin:0;accent-color:var(--accent)}
[data-select109] .notice6>footer{visibility:hidden}
[data-select109] .notice6{cursor:pointer}
[data-select109] .notice6:has(.notice-check109 input:checked){outline:2px solid var(--accent);outline-offset:-2px}
.notices-bulk109{position:sticky;bottom:0;z-index:5;display:flex;gap:6px;justify-content:center;padding:10px 8px calc(10px + env(safe-area-inset-bottom));margin-top:8px;background:var(--paper,#fff);border-top:1px solid rgba(127,127,127,.18)}
.notices-bulk109 button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border-radius:999px;font-size:.85rem}
.notices-bulk109 button svg{width:17px;height:17px}
.notices-bulk109 button:disabled{opacity:.45}

/* Messages: no settings gear, no large panels behind the list and the search box. */
body.messages-route108 #inboxSettings9{display:none!important}
body.messages-route108 :is(.conversation-list,.chat-side-controls,.contact-list8,#contactList,.messages-layout,.chat-layout){background:transparent!important;border:0!important;box-shadow:none!important}
body.messages-route108 .chat-side-controls{padding:0!important}
body.messages-route108 .bulk-messages9{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 6px!important;display:flex;gap:6px;flex-wrap:wrap}
#contactList [data-select-thread9]{width:20px;height:20px;accent-color:var(--card-accent38,var(--accent));flex:none;align-self:center}

/* ===== Banner and moment frames (v109) ===== */
.frame74[data-f109]{inset:0!important;background:none!important;border-radius:inherit;overflow:visible!important}
.frame74[data-f109]>:not(.f109){display:none!important}
.frame74[data-f109]::before,.frame74[data-f109]::after{display:none!important}
.f109{position:absolute;inset:0;border-radius:inherit;container-type:size;pointer-events:none;--bw:clamp(5px,4.5cqmin,13px);--bh:clamp(12px,15cqmin,40px);--sw:clamp(10px,8cqmin,28px);--m:clamp(18px,25cqmin,68px)}
.f109 *{position:absolute;box-sizing:border-box;font-style:normal;animation-play-state:paused!important}
.f109.on *{animation-play-state:running!important}
.f109-g{background-color:var(--c1)}
.f109-b{inset:0;border-radius:inherit}
.f109-b.v-ring{padding:var(--bw);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);box-shadow:none;filter:drop-shadow(0 2px 3px #0005)}
.f109-b.v-line{border:calc(var(--bw)*.55) solid var(--c1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c2) 60%,transparent)}
.f109-b.v-double{border:calc(var(--bw)*1.1) double var(--c1);outline:1px solid var(--c2);outline-offset:-4px}
.f109-b.v-dash{border:calc(var(--bw)*.45) dashed var(--c1)}
.f109-b.v-dot{border:calc(var(--bw)*.6) dotted var(--c1)}
.f109-b.v-stitch{inset:6px;border:2px dashed var(--c1);border-radius:inherit;filter:drop-shadow(0 0 1px var(--c2))}
.f109-b.v-glow{border:2px solid color-mix(in srgb,var(--c1) 85%,#fff);box-shadow:0 0 12px 2px var(--c1),inset 0 0 14px color-mix(in srgb,var(--c1) 55%,transparent);animation:f109-glow 3s ease-in-out infinite alternate}
.f109-b.v-glitch{border:3px solid var(--c1);box-shadow:-3px 0 0 var(--c2),3px 0 0 color-mix(in srgb,var(--c1) 60%,#fff);animation:f109-glitch 2.4s steps(1) infinite}
.f109-b.v-morph{border:3px solid transparent;background:linear-gradient(#0000,#0000) padding-box,linear-gradient(90deg,var(--c1),var(--c2),var(--c1)) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:3px;animation:f109-morph 6s ease-in-out infinite}
.f109-b.v-arch{inset:7%;border:calc(var(--bw)*.5) solid var(--c1);border-radius:50% 50% 10px 10px/32% 32% 10px 10px;box-shadow:0 0 0 3px color-mix(in srgb,var(--c2) 45%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--c1) 40%,transparent);filter:drop-shadow(0 1px 2px #0006)}
.f109[data-k="rainbow78"] .f109-b.v-arch.f109-g{inset:-4% 2% auto;height:78%;border:0;box-shadow:none;border-radius:0;background:radial-gradient(ellipse 52% 100% at 50% 100%,transparent 70%,#9775fa 70% 73.5%,#4dabf7 73.5% 77%,var(--tp-p400) 77% 80.5%,var(--tp-s400) 80.5% 84%,var(--tp-s400) 84% 87.5%,#ff6b6b 87.5% 91%,transparent 91%)!important;opacity:.9}
.f109-b.v-tv{border:calc(var(--bw)*1.4) solid var(--c1);box-shadow:inset 0 0 0 2px #000,inset 0 0 22px color-mix(in srgb,var(--c2) 45%,transparent);background:repeating-linear-gradient(180deg,#0000 0 3px,#0000000f 3px 4px)}
.f109-band{inset-inline:0;height:var(--bh);filter:drop-shadow(0 2px 2px #0004)}
.f109-band.top{top:0;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;transform:translateY(-35%)}
.f109-band.bot{bottom:0;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0;transform:translateY(35%)}
.f109-band.f109-g{background-color:transparent}
.f109[data-k="wave"] .f109-band.top,.f109[data-k="race"] .f109-band.top,.f109[data-k="birthday"] .f109-band.top{transform:translateY(-35%) scaleY(-1)}
.f109-side{top:0;bottom:0;width:var(--sw);filter:drop-shadow(0 2px 3px #0004)}
.f109-side.s{right:0;border-radius:0 inherit inherit 0;transform:translateX(30%)}
.f109-side.e{left:0;transform:translateX(-30%)}
.f109-k{width:clamp(18px,26cqmin,70px);height:clamp(18px,26cqmin,70px);border:0 solid var(--c1);filter:drop-shadow(0 1px 2px #0006)}
.f109-k.tl{top:-3px;left:-3px;border-width:var(--bw) 0 0 var(--bw);border-top-left-radius:inherit}
.f109-k.tr{top:-3px;right:-3px;border-width:var(--bw) var(--bw) 0 0}
.f109-k.bl{bottom:-3px;left:-3px;border-width:0 0 var(--bw) var(--bw)}
.f109-k.br{bottom:-3px;right:-3px;border-width:0 var(--bw) var(--bw) 0}
.f109[data-k="lens"] .f109-k{inset:auto;border-color:#fff;width:clamp(14px,16cqmin,40px);height:clamp(14px,16cqmin,40px);--bw:3px}
.f109[data-k="lens"] .f109-k.tl{top:8%;left:6%}.f109[data-k="lens"] .f109-k.tr{top:8%;right:6%}.f109[data-k="lens"] .f109-k.bl{bottom:8%;left:6%}.f109[data-k="lens"] .f109-k.br{bottom:8%;right:6%}
.f109-curtain{top:0;bottom:0;width:calc(var(--sw)*1.3);border-radius:0 0 50% 0/0 0 14% 0;filter:drop-shadow(0 3px 4px #0006)}
.f109-curtain.s{right:0;transform:translateX(25%);border-radius:0 0 0 60%/0 0 0 14%}
.f109-curtain.e{left:0;transform:translateX(-25%)}
.f109-valance{inset-inline:-4%;top:0;height:calc(var(--bh)*.9);transform:translateY(-40%);background:radial-gradient(circle at 50% 0,var(--c1) 70%,transparent 71%) 0 0/calc(var(--bh)*1.4) 100%,var(--c1);border-bottom:2px solid var(--c2);border-radius:8px}
.f109-m{font-size:calc(var(--s,1)*var(--m));line-height:1;width:1.2em;height:1.2em;display:grid;place-items:center;margin:-.6em 0 0 -.6em;filter:drop-shadow(0 2px 2px #0005);animation-delay:var(--d,0s)!important;will-change:transform}
.f109-m.is-text{font-weight:800;font-size:calc(var(--s,1)*var(--m)*.8);color:var(--c1);background:radial-gradient(circle,#fffffff2 55%,#fff0 72%);border-radius:50%;text-shadow:none;filter:drop-shadow(0 1px 2px #0005)}
.f109-m.sit-top{margin-top:-1.05em}
.f109-m.sit-bot{margin-top:-1em}
.f109-m.hang{margin-top:var(--len,10cqmin);transform-origin:50% calc(-1 * var(--len,10cqmin))}
.f109-m.hang::before{content:"";position:absolute;bottom:90%;left:50%;width:1px;height:var(--len,10cqmin);background:color-mix(in srgb,var(--c2) 70%,#999)}
.f109-m.peek{margin:-.75em 0 0 -.55em}
.f109-m.spider{margin-top:0}
.f109-m.spider::before{content:"";position:absolute;bottom:80%;left:50%;width:1px;height:40cqh;background:#ccc}
.f109-rec{top:9%;left:9%;font:700 clamp(8px,6cqmin,13px)/1 system-ui,sans-serif;color:#ff3b30;letter-spacing:.06em;text-shadow:0 0 3px #000}
.f109-dot{width:clamp(4px,3cqmin,8px);aspect-ratio:1;border-radius:50%;background:var(--c1);box-shadow:0 0 6px 3px var(--c2),0 0 2px #fff;margin:-3px 0 0 -3px;animation-delay:var(--d,0s)!important}

/* motion */
.f109 .a-float{animation:f109-float 4s ease-in-out infinite alternate}
.f109 .a-sway{animation:f109-sway 3.2s ease-in-out infinite alternate;transform-origin:50% 0}
.f109 .a-twinkle{animation:f109-twinkle 2.4s ease-in-out infinite}
.f109 .a-pulse{animation:f109-pulse 1.6s ease-in-out infinite}
.f109 .a-bounce{animation:f109-bounce 1.4s cubic-bezier(.3,0,.6,1) infinite}
.f109 .a-flicker{animation:f109-flicker 2.8s steps(1) infinite}
.f109 .a-glow{animation:f109-glowm 3s ease-in-out infinite alternate}
.f109 .a-spin{animation:f109-spin 16s linear infinite}
.f109 .a-breathe{animation:f109-breathe 3.6s ease-in-out infinite}
.f109 .a-drift,.f109 .a-soar{animation:f109-drift 14s linear infinite}
.f109 .a-soar{animation-duration:11s}
.f109 .a-flutter{animation:f109-flutter 12s linear infinite}
.f109 .a-fall{animation:f109-fall 6s linear infinite}
.f109 .a-rise{animation:f109-rise 6s ease-in infinite}
.f109 .a-bob{animation:f109-bob 6s ease-in-out infinite}
.f109 .a-run,.f109 .a-walk{animation:f109-run 9s linear infinite}
.f109 .a-walk{animation-duration:14s}
.f109 .a-race{animation:f109-run 3.2s cubic-bezier(.6,0,.4,1) infinite}
.f109 .a-gallop{animation:f109-gallop 7s linear infinite}
.f109 .a-swim{animation:f109-swim 10s ease-in-out infinite}
.f109 .a-orbit{animation:f109-orbit 16s linear infinite}
.f109 .a-meteor{animation:f109-meteor 5s ease-in infinite}
.f109 .a-dangle{animation:f109-dangle 5s ease-in-out infinite}
.f109 .a-firefly{animation:f109-firefly 4s ease-in-out infinite}
.f109[data-k="silver"] .f109-b,.f109[data-k="aurora80"] .f109-b,.f109[data-k="crystal81"] .f109-b,.f109[data-k="daybreak"] .f109-b,.f109[data-k="sunset78"] .f109-b{background-size:300% 300%!important;animation:f109-shine 7s ease-in-out infinite alternate}
.f109[data-k="waterfall81"] .f109-side{background-size:100% 26px!important;animation:f109-flow 1.2s linear infinite}
.f109[data-k="holiday"] .f109-band{animation:f109-twinkle 2s steps(2) infinite}
.f109[data-k="medic"] .f109-band{background-size:auto 100%!important;animation:f109-ecg 3s linear infinite}

@keyframes f109-float{to{transform:translateY(-12%)}}
@keyframes f109-sway{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
@keyframes f109-twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
@keyframes f109-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes f109-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-28%)}55%{transform:translateY(-28%)}}
@keyframes f109-flicker{0%,100%{opacity:1}8%{opacity:.2}10%{opacity:1}12%{opacity:.4}14%,60%{opacity:1}62%{opacity:.3}64%{opacity:1}}
@keyframes f109-glowm{from{filter:drop-shadow(0 0 2px #fff6)}to{filter:drop-shadow(0 0 10px var(--tp-s200))}}
@keyframes f109-glow{from{box-shadow:0 0 6px 1px var(--c1),inset 0 0 8px color-mix(in srgb,var(--c1) 40%,transparent)}to{box-shadow:0 0 16px 3px var(--c1),inset 0 0 18px color-mix(in srgb,var(--c1) 60%,transparent)}}
@keyframes f109-glitch{0%{transform:none}20%{transform:translate(2px,-1px)}22%{transform:translate(-3px,1px)}24%{transform:none}70%{transform:translate(-2px,0)}72%{transform:translate(2px,1px)}74%{transform:none}}
@keyframes f109-morph{0%,100%{border-radius:inherit;transform:none}33%{border-radius:18px 8px 24px 10px;transform:skewX(1.2deg)}66%{border-radius:8px 22px 10px 26px;transform:skewX(-1.2deg)}}
@keyframes f109-spin{to{transform:rotate(360deg)}}
@keyframes f109-breathe{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.06) rotate(3deg)}}
@keyframes f109-drift{0%{transform:translateX(15cqw) translateY(0)}25%{transform:translateX(-25cqw) translateY(-8cqh)}50%{transform:translateX(-60cqw) translateY(4cqh)}75%{transform:translateX(-90cqw) translateY(-6cqh)}100%{transform:translateX(-125cqw) translateY(0)}}
@keyframes f109-flutter{0%{transform:translateX(10cqw) translateY(0) scaleX(1)}20%{transform:translateX(-15cqw) translateY(-10cqh) scaleX(.6)}40%{transform:translateX(-45cqw) translateY(6cqh) scaleX(1)}60%{transform:translateX(-70cqw) translateY(-8cqh) scaleX(.6)}80%{transform:translateX(-95cqw) translateY(4cqh) scaleX(1)}100%{transform:translateX(-120cqw) translateY(0) scaleX(.6)}}
@keyframes f109-fall{0%{transform:translateY(-10cqh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(110cqh) rotate(220deg);opacity:0}}
@keyframes f109-rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}100%{transform:translateY(-105cqh) scale(1.1);opacity:0}}
@keyframes f109-bob{0%{transform:translateY(0)}50%{transform:translateY(-55cqh)}100%{transform:translateY(0)}}
@keyframes f109-run{0%{transform:translateX(12cqw)}100%{transform:translateX(-115cqw)}}
@keyframes f109-gallop{0%{transform:translateX(12cqw) translateY(0)}12.5%,37.5%,62.5%,87.5%{transform:translateY(-12%)}25%{transform:translateX(-20cqw)}50%{transform:translateX(-50cqw)}75%{transform:translateX(-82cqw)}100%{transform:translateX(-115cqw)}}
@keyframes f109-swim{0%{transform:translateX(-10cqw) scaleX(1)}49%{transform:translateX(-90cqw) translateY(-4cqh) scaleX(1)}50%{transform:translateX(-90cqw) scaleX(-1)}99%{transform:translateX(-10cqw) translateY(-2cqh) scaleX(-1)}100%{transform:translateX(-10cqw) scaleX(1)}}
@keyframes f109-orbit{0%{transform:translate(0,0)}25%{transform:translate(100cqw,0)}50%{transform:translate(100cqw,100cqh)}75%{transform:translate(0,100cqh)}100%{transform:translate(0,0)}}
@keyframes f109-meteor{0%{transform:translate(0,0);opacity:0}5%{opacity:1}40%{transform:translate(-60cqw,70cqh);opacity:0}100%{transform:translate(-60cqw,70cqh);opacity:0}}
@keyframes f109-dangle{0%,100%{transform:translateY(8cqh)}50%{transform:translateY(30cqh)}}
@keyframes f109-firefly{0%,100%{opacity:.15;transform:translate(0,0)}30%{opacity:1;transform:translate(3cqmin,-3cqmin)}60%{opacity:.6;transform:translate(-2cqmin,2cqmin)}}
@keyframes f109-shine{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes f109-flow{to{background-position:0 26px}}
@keyframes f109-ecg{from{background-position:0 0}to{background-position:-200px 0}}
@media(prefers-reduced-motion:reduce){.f109 *{animation:none!important}}
.f109[data-k="ghost"]{--c1:#c9c3e6;--c2:#6c5f9e}
.f109[data-k="wave"]{--c1:var(--tp-p500);--c2:var(--tp-p50)}
.f109[data-k="wave"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 12Q15 2 30 12T60 12V20H0Z%22 fill=%22%232ec4c6%22/%3E%3Cpath d=%22M0 15Q15 7 30 15T60 15%22 fill=%22none%22 stroke=%22%23e6fffd%22 stroke-width=%222%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="concrete"]{--c1:var(--tp-n400);--c2:var(--tp-n700)}
.f109[data-k="concrete"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 80 80%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%222%22/%3E%3CfeColorMatrix values=%220 0 0 0 .35 0 0 0 0 .35 0 0 0 0 .34 0 0 0 .55 0%22/%3E%3C/filter%3E%3Crect width=%2280%22 height=%2280%22 fill=%22%23a3a29e%22/%3E%3Crect width=%2280%22 height=%2280%22 filter=%22url%28%23n%29%22/%3E%3Cpath d=%22M10 0l6 14-4 9 8 12M60 80l-5-12 6-10%22 fill=%22none%22 stroke=%22%235c5b57%22 stroke-width=%221%22/%3E%3C/svg%3E");background-size:80px 80px;background-repeat:repeat}
.f109[data-k="brick"]{--c1:#b5543a;--c2:var(--tp-n200)}
.f109[data-k="brick"] .f109-g{background:linear-gradient(0deg,var(--tp-n200) 2px,transparent 0) 0 0/100% 12px,linear-gradient(90deg,var(--tp-n200) 2px,transparent 0) 0 0/24px 24px,linear-gradient(90deg,var(--tp-n200) 2px,transparent 0) 12px 12px/24px 24px,#b5543a}
.f109[data-k="glitch"]{--c1:var(--tp-p500);--c2:#ff2bd6}
.f109[data-k="paint"]{--c1:#ff6b6b;--c2:var(--tp-s400)}
.f109[data-k="paint"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 30%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 0H60V8C55 8 55 22 51 22S48 8 44 8 40 14 36 14 33 8 29 8 25 26 21 26 17 8 13 8 10 16 6 16 3 8 0 8Z%22 fill=%22%23ff6b6b%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="art"]{--c1:#7b5cff;--c2:var(--tp-s400)}
.f109[data-k="heart"]{--c1:#ff4d79;--c2:#ffc2d1}
.f109[data-k="halloween"]{--c1:var(--tp-s500);--c2:#4b1d6b}
.f109[data-k="holiday"]{--c1:var(--tp-p800);--c2:var(--tp-n900)}
.f109[data-k="holiday"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 24%22%3E%3Cpath d=%22M0 4Q15 14 30 4T60 4%22 fill=%22none%22 stroke=%22%233a2a1a%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%228%22 cy=%2211%22 r=%224%22 fill=%22%23ff5d5d%22/%3E%3Ccircle cx=%2222%22 cy=%2212%22 r=%224%22 fill=%22%23ffd34d%22/%3E%3Ccircle cx=%2238%22 cy=%2212%22 r=%224%22 fill=%22%235dd39e%22/%3E%3Ccircle cx=%2252%22 cy=%2211%22 r=%224%22 fill=%22%235daeff%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="window"]{--c1:var(--tp-s700);--c2:var(--tp-s400)}
.f109[data-k="silver"]{--c1:#dfe5ea;--c2:#7d8791}
.f109[data-k="silver"] .f109-g{background:linear-gradient(115deg,#7d8791,#dfe5ea 25%,#fff 38%,#dfe5ea 50%,#7d8791 70%,#dfe5ea 85%,#fff)}
.f109[data-k="iron"]{--c1:#4a4f55;--c2:#9aa2aa}
.f109[data-k="iron"] .f109-g{background:radial-gradient(circle,#9aa2aa 0 2.5px,transparent 3px) 0 0/18px 18px,linear-gradient(135deg,#4a4f55,color-mix(in srgb,#4a4f55 70%,#000))}
.f109[data-k="haunted"]{--c1:#6b5b8c;--c2:#1d1830}
.f109[data-k="house"]{--c1:var(--tp-p400);--c2:var(--tp-p600)}
.f109[data-k="house"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 10Q7.5 4 15 10T30 10T45 10T60 10V20H0Z%22 fill=%22%236bbf73%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="wood"]{--c1:var(--tp-s600);--c2:var(--tp-s800)}
.f109[data-k="wood"] .f109-g{background:repeating-linear-gradient(90deg,var(--tp-s600) 0 6px,color-mix(in srgb,var(--tp-s600) 80%,var(--tp-s800)) 6px 9px,var(--tp-s600) 9px 15px,color-mix(in srgb,var(--tp-s600) 60%,var(--tp-s800)) 15px 16px),var(--tp-s600)}
.f109[data-k="trees"]{--c1:var(--tp-p600);--c2:var(--tp-p700)}
.f109[data-k="trees"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 10Q7.5 4 15 10T30 10T45 10T60 10V20H0Z%22 fill=%22%234e9a52%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="flowers"]{--c1:#ff8fb1;--c2:var(--tp-p400)}
.f109[data-k="cloud"]{--c1:#d3e4f6;--c2:#b4cde8}
.f109[data-k="cloud"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 50%22 preserveAspectRatio=%22xMidYMid meet%22%3E%3Cg fill=%22%23b4cde8%22 transform=%22translate%281.5 2.5%29%22%3E%3Ccircle cx=%226.0%22 cy=%2230.5%22 r=%227.2%22/%3E%3Ccircle cx=%2218.3%22 cy=%2227.9%22 r=%2212.0%22/%3E%3Ccircle cx=%2230.6%22 cy=%2227.2%22 r=%2213.2%22/%3E%3Ccircle cx=%2242.9%22 cy=%2226.8%22 r=%2213.9%22/%3E%3Ccircle cx=%2255.3%22 cy=%2229.5%22 r=%229.0%22/%3E%3Ccircle cx=%2267.6%22 cy=%2231.5%22 r=%225.4%22/%3E%3Crect x=%223.0%22 y=%2227.5%22 width=%2267.6%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%2272.7%22 cy=%2231.5%22 rx=%226.8%22 ry=%223%22/%3E%3Ccircle cx=%2283.3%22 cy=%2233.5%22 r=%226.6%22/%3E%3Ccircle cx=%2294.0%22 cy=%2230.7%22 r=%2211.6%22/%3E%3Ccircle cx=%22104.7%22 cy=%2228.7%22 r=%2215.2%22/%3E%3Ccircle cx=%22115.4%22 cy=%2228.7%22 r=%2215.3%22/%3E%3Ccircle cx=%22126.0%22 cy=%2230.6%22 r=%2211.9%22/%3E%3Ccircle cx=%22136.7%22 cy=%2232.8%22 r=%227.8%22/%3E%3Ccircle cx=%22147.4%22 cy=%2234.3%22 r=%225.1%22/%3E%3Crect x=%2280.3%22 y=%2230.1%22 width=%2270.2%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22154.6%22 cy=%2234.1%22 rx=%225.2%22 ry=%223%22/%3E%3Ccircle cx=%22163.7%22 cy=%2226.4%22 r=%227.0%22/%3E%3Ccircle cx=%22174.8%22 cy=%2224.1%22 r=%2211.2%22/%3E%3Ccircle cx=%22185.8%22 cy=%2223.0%22 r=%2213.2%22/%3E%3Ccircle cx=%22196.9%22 cy=%2223.8%22 r=%2211.7%22/%3E%3Ccircle cx=%22207.9%22 cy=%2225.5%22 r=%228.6%22/%3E%3Ccircle cx=%22219.0%22 cy=%2227.4%22 r=%225.1%22/%3E%3Crect x=%22160.7%22 y=%2223.2%22 width=%2261.3%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22223.5%22 cy=%2227.2%22 rx=%227.6%22 ry=%223%22/%3E%3Ccircle cx=%22237.9%22 cy=%2233.3%22 r=%227.5%22/%3E%3Ccircle cx=%22254.0%22 cy=%2231.3%22 r=%2211.2%22/%3E%3Ccircle cx=%22270.1%22 cy=%2230.1%22 r=%2213.3%22/%3E%3Ccircle cx=%22286.3%22 cy=%2232.3%22 r=%229.4%22/%3E%3Ccircle cx=%22302.4%22 cy=%2234.6%22 r=%225.1%22/%3E%3Crect x=%22234.9%22 y=%2230.5%22 width=%2270.5%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22311.0%22 cy=%2234.5%22 rx=%226.6%22 ry=%223%22/%3E%3C/g%3E%3Cg fill=%22%23d3e4f6%22%3E%3Ccircle cx=%226.0%22 cy=%2230.5%22 r=%227.2%22/%3E%3Ccircle cx=%2218.3%22 cy=%2227.9%22 r=%2212.0%22/%3E%3Ccircle cx=%2230.6%22 cy=%2227.2%22 r=%2213.2%22/%3E%3Ccircle cx=%2242.9%22 cy=%2226.8%22 r=%2213.9%22/%3E%3Ccircle cx=%2255.3%22 cy=%2229.5%22 r=%229.0%22/%3E%3Ccircle cx=%2267.6%22 cy=%2231.5%22 r=%225.4%22/%3E%3Crect x=%223.0%22 y=%2227.5%22 width=%2267.6%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%2272.7%22 cy=%2231.5%22 rx=%226.8%22 ry=%223%22/%3E%3Ccircle cx=%2283.3%22 cy=%2233.5%22 r=%226.6%22/%3E%3Ccircle cx=%2294.0%22 cy=%2230.7%22 r=%2211.6%22/%3E%3Ccircle cx=%22104.7%22 cy=%2228.7%22 r=%2215.2%22/%3E%3Ccircle cx=%22115.4%22 cy=%2228.7%22 r=%2215.3%22/%3E%3Ccircle cx=%22126.0%22 cy=%2230.6%22 r=%2211.9%22/%3E%3Ccircle cx=%22136.7%22 cy=%2232.8%22 r=%227.8%22/%3E%3Ccircle cx=%22147.4%22 cy=%2234.3%22 r=%225.1%22/%3E%3Crect x=%2280.3%22 y=%2230.1%22 width=%2270.2%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22154.6%22 cy=%2234.1%22 rx=%225.2%22 ry=%223%22/%3E%3Ccircle cx=%22163.7%22 cy=%2226.4%22 r=%227.0%22/%3E%3Ccircle cx=%22174.8%22 cy=%2224.1%22 r=%2211.2%22/%3E%3Ccircle cx=%22185.8%22 cy=%2223.0%22 r=%2213.2%22/%3E%3Ccircle cx=%22196.9%22 cy=%2223.8%22 r=%2211.7%22/%3E%3Ccircle cx=%22207.9%22 cy=%2225.5%22 r=%228.6%22/%3E%3Ccircle cx=%22219.0%22 cy=%2227.4%22 r=%225.1%22/%3E%3Crect x=%22160.7%22 y=%2223.2%22 width=%2261.3%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22223.5%22 cy=%2227.2%22 rx=%227.6%22 ry=%223%22/%3E%3Ccircle cx=%22237.9%22 cy=%2233.3%22 r=%227.5%22/%3E%3Ccircle cx=%22254.0%22 cy=%2231.3%22 r=%2211.2%22/%3E%3Ccircle cx=%22270.1%22 cy=%2230.1%22 r=%2213.3%22/%3E%3Ccircle cx=%22286.3%22 cy=%2232.3%22 r=%229.4%22/%3E%3Ccircle cx=%22302.4%22 cy=%2234.6%22 r=%225.1%22/%3E%3Crect x=%22234.9%22 y=%2230.5%22 width=%2270.5%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22311.0%22 cy=%2234.5%22 rx=%226.6%22 ry=%223%22/%3E%3C/g%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="rain"]{--c1:#b3c3d6;--c2:#8d9fb6}
.f109[data-k="rain"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 50%22 preserveAspectRatio=%22xMidYMid meet%22%3E%3Cg fill=%22%238d9fb6%22 transform=%22translate%281.5 2.5%29%22%3E%3Ccircle cx=%226.0%22 cy=%2230.5%22 r=%227.2%22/%3E%3Ccircle cx=%2218.3%22 cy=%2227.9%22 r=%2212.0%22/%3E%3Ccircle cx=%2230.6%22 cy=%2227.2%22 r=%2213.2%22/%3E%3Ccircle cx=%2242.9%22 cy=%2226.8%22 r=%2213.9%22/%3E%3Ccircle cx=%2255.3%22 cy=%2229.5%22 r=%229.0%22/%3E%3Ccircle cx=%2267.6%22 cy=%2231.5%22 r=%225.4%22/%3E%3Crect x=%223.0%22 y=%2227.5%22 width=%2267.6%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%2272.7%22 cy=%2231.5%22 rx=%226.8%22 ry=%223%22/%3E%3Ccircle cx=%2283.3%22 cy=%2233.5%22 r=%226.6%22/%3E%3Ccircle cx=%2294.0%22 cy=%2230.7%22 r=%2211.6%22/%3E%3Ccircle cx=%22104.7%22 cy=%2228.7%22 r=%2215.2%22/%3E%3Ccircle cx=%22115.4%22 cy=%2228.7%22 r=%2215.3%22/%3E%3Ccircle cx=%22126.0%22 cy=%2230.6%22 r=%2211.9%22/%3E%3Ccircle cx=%22136.7%22 cy=%2232.8%22 r=%227.8%22/%3E%3Ccircle cx=%22147.4%22 cy=%2234.3%22 r=%225.1%22/%3E%3Crect x=%2280.3%22 y=%2230.1%22 width=%2270.2%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22154.6%22 cy=%2234.1%22 rx=%225.2%22 ry=%223%22/%3E%3Ccircle cx=%22163.7%22 cy=%2226.4%22 r=%227.0%22/%3E%3Ccircle cx=%22174.8%22 cy=%2224.1%22 r=%2211.2%22/%3E%3Ccircle cx=%22185.8%22 cy=%2223.0%22 r=%2213.2%22/%3E%3Ccircle cx=%22196.9%22 cy=%2223.8%22 r=%2211.7%22/%3E%3Ccircle cx=%22207.9%22 cy=%2225.5%22 r=%228.6%22/%3E%3Ccircle cx=%22219.0%22 cy=%2227.4%22 r=%225.1%22/%3E%3Crect x=%22160.7%22 y=%2223.2%22 width=%2261.3%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22223.5%22 cy=%2227.2%22 rx=%227.6%22 ry=%223%22/%3E%3Ccircle cx=%22237.9%22 cy=%2233.3%22 r=%227.5%22/%3E%3Ccircle cx=%22254.0%22 cy=%2231.3%22 r=%2211.2%22/%3E%3Ccircle cx=%22270.1%22 cy=%2230.1%22 r=%2213.3%22/%3E%3Ccircle cx=%22286.3%22 cy=%2232.3%22 r=%229.4%22/%3E%3Ccircle cx=%22302.4%22 cy=%2234.6%22 r=%225.1%22/%3E%3Crect x=%22234.9%22 y=%2230.5%22 width=%2270.5%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22311.0%22 cy=%2234.5%22 rx=%226.6%22 ry=%223%22/%3E%3C/g%3E%3Cg fill=%22%23b3c3d6%22%3E%3Ccircle cx=%226.0%22 cy=%2230.5%22 r=%227.2%22/%3E%3Ccircle cx=%2218.3%22 cy=%2227.9%22 r=%2212.0%22/%3E%3Ccircle cx=%2230.6%22 cy=%2227.2%22 r=%2213.2%22/%3E%3Ccircle cx=%2242.9%22 cy=%2226.8%22 r=%2213.9%22/%3E%3Ccircle cx=%2255.3%22 cy=%2229.5%22 r=%229.0%22/%3E%3Ccircle cx=%2267.6%22 cy=%2231.5%22 r=%225.4%22/%3E%3Crect x=%223.0%22 y=%2227.5%22 width=%2267.6%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%2272.7%22 cy=%2231.5%22 rx=%226.8%22 ry=%223%22/%3E%3Ccircle cx=%2283.3%22 cy=%2233.5%22 r=%226.6%22/%3E%3Ccircle cx=%2294.0%22 cy=%2230.7%22 r=%2211.6%22/%3E%3Ccircle cx=%22104.7%22 cy=%2228.7%22 r=%2215.2%22/%3E%3Ccircle cx=%22115.4%22 cy=%2228.7%22 r=%2215.3%22/%3E%3Ccircle cx=%22126.0%22 cy=%2230.6%22 r=%2211.9%22/%3E%3Ccircle cx=%22136.7%22 cy=%2232.8%22 r=%227.8%22/%3E%3Ccircle cx=%22147.4%22 cy=%2234.3%22 r=%225.1%22/%3E%3Crect x=%2280.3%22 y=%2230.1%22 width=%2270.2%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22154.6%22 cy=%2234.1%22 rx=%225.2%22 ry=%223%22/%3E%3Ccircle cx=%22163.7%22 cy=%2226.4%22 r=%227.0%22/%3E%3Ccircle cx=%22174.8%22 cy=%2224.1%22 r=%2211.2%22/%3E%3Ccircle cx=%22185.8%22 cy=%2223.0%22 r=%2213.2%22/%3E%3Ccircle cx=%22196.9%22 cy=%2223.8%22 r=%2211.7%22/%3E%3Ccircle cx=%22207.9%22 cy=%2225.5%22 r=%228.6%22/%3E%3Ccircle cx=%22219.0%22 cy=%2227.4%22 r=%225.1%22/%3E%3Crect x=%22160.7%22 y=%2223.2%22 width=%2261.3%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22223.5%22 cy=%2227.2%22 rx=%227.6%22 ry=%223%22/%3E%3Ccircle cx=%22237.9%22 cy=%2233.3%22 r=%227.5%22/%3E%3Ccircle cx=%22254.0%22 cy=%2231.3%22 r=%2211.2%22/%3E%3Ccircle cx=%22270.1%22 cy=%2230.1%22 r=%2213.3%22/%3E%3Ccircle cx=%22286.3%22 cy=%2232.3%22 r=%229.4%22/%3E%3Ccircle cx=%22302.4%22 cy=%2234.6%22 r=%225.1%22/%3E%3Crect x=%22234.9%22 y=%2230.5%22 width=%2270.5%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22311.0%22 cy=%2234.5%22 rx=%226.6%22 ry=%223%22/%3E%3C/g%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="balloons"]{--c1:#ff5d8f;--c2:var(--tp-s400)}
.f109[data-k="birthday"]{--c1:#7b3fbf;--c2:var(--tp-s400)}
.f109[data-k="birthday"] .f109-g{background:radial-gradient(circle,var(--tp-s400) 0 3px,transparent 3.5px) 0 0/14px 100%,#7b3fbf}
.f109[data-k="ramadan"]{--c1:#1f2a5a;--c2:var(--tp-s400)}
.f109[data-k="ramadan"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 40V22h8V12h10v10h6V4h12v18h5V16h9v24ZM49 40V18h7V8h3V2h2v6h3v10h6v22ZM70 40V14h14v8h6V10h10v12h5V20h15v20Z%22 fill=%22%231f2a5a%22/%3E%3Cg fill=%22%23e7b65c%22%3E%3Crect x=%2211%22 y=%2216%22 width=%222%22 height=%222%22/%3E%3Crect x=%2229%22 y=%228%22 width=%222%22 height=%222%22/%3E%3Crect x=%2229%22 y=%2214%22 width=%222%22 height=%222%22/%3E%3Crect x=%2258%22 y=%2212%22 width=%222%22 height=%222%22/%3E%3Crect x=%2274%22 y=%2218%22 width=%222%22 height=%222%22/%3E%3Crect x=%2293%22 y=%2214%22 width=%222%22 height=%222%22/%3E%3C/g%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="cats"]{--c1:var(--tp-s500);--c2:var(--tp-n900)}
.f109[data-k="thorn"]{--c1:var(--tp-p800);--c2:#7a1f2b}
.f109[data-k="distort"]{--c1:#5b6cff;--c2:var(--tp-p500)}
.f109[data-k="ink"]{--c1:#1b1b1f;--c2:#4a4a52}
.f109[data-k="ink"] .f109-g{background:radial-gradient(ellipse at 20% 30%,#4a4a52,transparent 55%),radial-gradient(ellipse at 80% 70%,#4a4a52,transparent 50%),#1b1b1f}
.f109[data-k="olive"]{--c1:var(--tp-p700);--c2:var(--tp-p500)}
.f109[data-k="daybreak"]{--c1:var(--tp-s400);--c2:#6fa8ff}
.f109[data-k="daybreak"] .f109-g{background:linear-gradient(135deg,var(--tp-s400),#ff5f8f,#6fa8ff,var(--tp-s300),var(--tp-s400))}
.f109[data-k="saturn"]{--c1:var(--tp-s300);--c2:#6a4c93}
.f109[data-k="starfield"]{--c1:#8ab4ff;--c2:#1b2a5a}
.f109[data-k="zodiac"]{--c1:var(--tp-s400);--c2:#2b2350}
.f109[data-k="skyline"]{--c1:#2b3445;--c2:var(--tp-s300)}
.f109[data-k="skyline"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 40V22h8V12h10v10h6V4h12v18h5V16h9v24ZM49 40V18h7V8h3V2h2v6h3v10h6v22ZM70 40V14h14v8h6V10h10v12h5V20h15v20Z%22 fill=%22%232b3445%22/%3E%3Cg fill=%22%23ffd56b%22%3E%3Crect x=%2211%22 y=%2216%22 width=%222%22 height=%222%22/%3E%3Crect x=%2229%22 y=%228%22 width=%222%22 height=%222%22/%3E%3Crect x=%2229%22 y=%2214%22 width=%222%22 height=%222%22/%3E%3Crect x=%2258%22 y=%2212%22 width=%222%22 height=%222%22/%3E%3Crect x=%2274%22 y=%2218%22 width=%222%22 height=%222%22/%3E%3Crect x=%2293%22 y=%2214%22 width=%222%22 height=%222%22/%3E%3C/g%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="motor"]{--c1:#3a3a3a;--c2:#f5f5f5}
.f109[data-k="motor"] .f109-g{background:linear-gradient(#3a3a3a,#3a3a3a) 0 0/100% 100%,repeating-linear-gradient(90deg,#f5f5f5 0 14px,transparent 14px 26px) 0 50%/100% 2px no-repeat}
.f109[data-k="race"]{--c1:#111111;--c2:#ffffff}
.f109[data-k="race"] .f109-g{background:conic-gradient(#111111 25%,#ffffff 0 50%,#111111 0 75%,#ffffff 0) 0 0/12px 12px}
.f109[data-k="arched"]{--c1:var(--tp-s500);--c2:var(--tp-s700)}
.f109[data-k="shutters"]{--c1:var(--tp-p600);--c2:var(--tp-p700)}
.f109[data-k="shutters"] .f109-g{background:repeating-linear-gradient(180deg,var(--tp-p600) 0 7px,var(--tp-p700) 7px 9px)}
.f109[data-k="tube"]{--c1:#2b2b2b;--c2:var(--tp-p300)}
.f109[data-k="letters"]{--c1:var(--tp-s600);--c2:var(--tp-s800)}
.f109[data-k="digits"]{--c1:#1d4ed8;--c2:#93c5fd}
.f109[data-k="medic"]{--c1:var(--tp-p600);--c2:var(--tp-p200)}
.f109[data-k="medic"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 30%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 18H40l5-8 5 16 6-24 6 26 4-10h54%22 fill=%22none%22 stroke=%22%2314b8a6%22 stroke-width=%222.4%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="engineer"]{--c1:#1e40af;--c2:#93c5fd}
.f109[data-k="engineer"] .f109-g{background:linear-gradient(#93c5fd 1px,transparent 0) 0 0/8px 8px,linear-gradient(90deg,#93c5fd 1px,transparent 0) 0 0/8px 8px,#1e40af}
.f109[data-k="chef"]{--c1:#d62828;--c2:#ffffff}
.f109[data-k="chef"] .f109-g{background:conic-gradient(#d62828 25%,#ffffff 0 50%,#d62828 0 75%,#ffffff 0) 0 0/12px 12px}
.f109[data-k="lens"]{--c1:#ffffff;--c2:#ff3b30}
.f109[data-k="teacher"]{--c1:var(--tp-n50);--c2:#e35d5d}
.f109[data-k="teacher"] .f109-g{background:linear-gradient(90deg,transparent calc(100% - 4px),#e35d5d 0) 0 0/100% 100%,repeating-linear-gradient(180deg,var(--tp-n50) 0 11px,#a7c7e7 11px 12px)}
.f109[data-k="network"]{--c1:var(--tp-p500);--c2:var(--tp-p700)}
.f109[data-k="meteor"]{--c1:var(--tp-s300);--c2:#3d2c7a}
.f109[data-k="kites"]{--c1:#ff6b6b;--c2:var(--tp-p500)}
.f109[data-k="storm78"]{--c1:#7b8796;--c2:#566170}
.f109[data-k="storm78"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 50%22 preserveAspectRatio=%22xMidYMid meet%22%3E%3Cg fill=%22%23566170%22 transform=%22translate%281.5 2.5%29%22%3E%3Ccircle cx=%226.0%22 cy=%2230.5%22 r=%227.2%22/%3E%3Ccircle cx=%2218.3%22 cy=%2227.9%22 r=%2212.0%22/%3E%3Ccircle cx=%2230.6%22 cy=%2227.2%22 r=%2213.2%22/%3E%3Ccircle cx=%2242.9%22 cy=%2226.8%22 r=%2213.9%22/%3E%3Ccircle cx=%2255.3%22 cy=%2229.5%22 r=%229.0%22/%3E%3Ccircle cx=%2267.6%22 cy=%2231.5%22 r=%225.4%22/%3E%3Crect x=%223.0%22 y=%2227.5%22 width=%2267.6%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%2272.7%22 cy=%2231.5%22 rx=%226.8%22 ry=%223%22/%3E%3Ccircle cx=%2283.3%22 cy=%2233.5%22 r=%226.6%22/%3E%3Ccircle cx=%2294.0%22 cy=%2230.7%22 r=%2211.6%22/%3E%3Ccircle cx=%22104.7%22 cy=%2228.7%22 r=%2215.2%22/%3E%3Ccircle cx=%22115.4%22 cy=%2228.7%22 r=%2215.3%22/%3E%3Ccircle cx=%22126.0%22 cy=%2230.6%22 r=%2211.9%22/%3E%3Ccircle cx=%22136.7%22 cy=%2232.8%22 r=%227.8%22/%3E%3Ccircle cx=%22147.4%22 cy=%2234.3%22 r=%225.1%22/%3E%3Crect x=%2280.3%22 y=%2230.1%22 width=%2270.2%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22154.6%22 cy=%2234.1%22 rx=%225.2%22 ry=%223%22/%3E%3Ccircle cx=%22163.7%22 cy=%2226.4%22 r=%227.0%22/%3E%3Ccircle cx=%22174.8%22 cy=%2224.1%22 r=%2211.2%22/%3E%3Ccircle cx=%22185.8%22 cy=%2223.0%22 r=%2213.2%22/%3E%3Ccircle cx=%22196.9%22 cy=%2223.8%22 r=%2211.7%22/%3E%3Ccircle cx=%22207.9%22 cy=%2225.5%22 r=%228.6%22/%3E%3Ccircle cx=%22219.0%22 cy=%2227.4%22 r=%225.1%22/%3E%3Crect x=%22160.7%22 y=%2223.2%22 width=%2261.3%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22223.5%22 cy=%2227.2%22 rx=%227.6%22 ry=%223%22/%3E%3Ccircle cx=%22237.9%22 cy=%2233.3%22 r=%227.5%22/%3E%3Ccircle cx=%22254.0%22 cy=%2231.3%22 r=%2211.2%22/%3E%3Ccircle cx=%22270.1%22 cy=%2230.1%22 r=%2213.3%22/%3E%3Ccircle cx=%22286.3%22 cy=%2232.3%22 r=%229.4%22/%3E%3Ccircle cx=%22302.4%22 cy=%2234.6%22 r=%225.1%22/%3E%3Crect x=%22234.9%22 y=%2230.5%22 width=%2270.5%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22311.0%22 cy=%2234.5%22 rx=%226.6%22 ry=%223%22/%3E%3C/g%3E%3Cg fill=%22%237b8796%22%3E%3Ccircle cx=%226.0%22 cy=%2230.5%22 r=%227.2%22/%3E%3Ccircle cx=%2218.3%22 cy=%2227.9%22 r=%2212.0%22/%3E%3Ccircle cx=%2230.6%22 cy=%2227.2%22 r=%2213.2%22/%3E%3Ccircle cx=%2242.9%22 cy=%2226.8%22 r=%2213.9%22/%3E%3Ccircle cx=%2255.3%22 cy=%2229.5%22 r=%229.0%22/%3E%3Ccircle cx=%2267.6%22 cy=%2231.5%22 r=%225.4%22/%3E%3Crect x=%223.0%22 y=%2227.5%22 width=%2267.6%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%2272.7%22 cy=%2231.5%22 rx=%226.8%22 ry=%223%22/%3E%3Ccircle cx=%2283.3%22 cy=%2233.5%22 r=%226.6%22/%3E%3Ccircle cx=%2294.0%22 cy=%2230.7%22 r=%2211.6%22/%3E%3Ccircle cx=%22104.7%22 cy=%2228.7%22 r=%2215.2%22/%3E%3Ccircle cx=%22115.4%22 cy=%2228.7%22 r=%2215.3%22/%3E%3Ccircle cx=%22126.0%22 cy=%2230.6%22 r=%2211.9%22/%3E%3Ccircle cx=%22136.7%22 cy=%2232.8%22 r=%227.8%22/%3E%3Ccircle cx=%22147.4%22 cy=%2234.3%22 r=%225.1%22/%3E%3Crect x=%2280.3%22 y=%2230.1%22 width=%2270.2%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22154.6%22 cy=%2234.1%22 rx=%225.2%22 ry=%223%22/%3E%3Ccircle cx=%22163.7%22 cy=%2226.4%22 r=%227.0%22/%3E%3Ccircle cx=%22174.8%22 cy=%2224.1%22 r=%2211.2%22/%3E%3Ccircle cx=%22185.8%22 cy=%2223.0%22 r=%2213.2%22/%3E%3Ccircle cx=%22196.9%22 cy=%2223.8%22 r=%2211.7%22/%3E%3Ccircle cx=%22207.9%22 cy=%2225.5%22 r=%228.6%22/%3E%3Ccircle cx=%22219.0%22 cy=%2227.4%22 r=%225.1%22/%3E%3Crect x=%22160.7%22 y=%2223.2%22 width=%2261.3%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22223.5%22 cy=%2227.2%22 rx=%227.6%22 ry=%223%22/%3E%3Ccircle cx=%22237.9%22 cy=%2233.3%22 r=%227.5%22/%3E%3Ccircle cx=%22254.0%22 cy=%2231.3%22 r=%2211.2%22/%3E%3Ccircle cx=%22270.1%22 cy=%2230.1%22 r=%2213.3%22/%3E%3Ccircle cx=%22286.3%22 cy=%2232.3%22 r=%229.4%22/%3E%3Ccircle cx=%22302.4%22 cy=%2234.6%22 r=%225.1%22/%3E%3Crect x=%22234.9%22 y=%2230.5%22 width=%2270.5%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22311.0%22 cy=%2234.5%22 rx=%226.6%22 ry=%223%22/%3E%3C/g%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="sunset78"]{--c1:#ff7e5f;--c2:var(--tp-s300)}
.f109[data-k="sunset78"] .f109-g{background:linear-gradient(135deg,#ff7e5f,#ff5f8f,var(--tp-s300),var(--tp-s300),#ff7e5f)}
.f109[data-k="autumn78"]{--c1:var(--tp-s600);--c2:var(--tp-s500)}
.f109[data-k="sparkle78"]{--c1:var(--tp-s300);--c2:var(--tp-s200)}
.f109[data-k="birds78"]{--c1:#3b6ea8;--c2:#a8c6e8}
.f109[data-k="catwalk78"]{--c1:var(--tp-s500);--c2:var(--tp-n900)}
.f109[data-k="couple78"]{--c1:var(--tp-p400);--c2:var(--tp-p500)}
.f109[data-k="couple78"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 10Q7.5 4 15 10T30 10T45 10T60 10V20H0Z%22 fill=%22%238bc48a%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="rainbow78"]{--c1:#ff6b6b;--c2:var(--tp-p500)}
.f109[data-k="rainbow78"] .f109-g{background:linear-gradient(180deg,#ff6b6b 0 16%,var(--tp-s400) 16% 32%,var(--tp-s400) 32% 48%,var(--tp-p400) 48% 64%,#4dabf7 64% 80%,#9775fa 80%)}
.f109[data-k="ghosts78"]{--c1:#d7d2f0;--c2:#6c5f9e}
.f109[data-k="lanterns78"]{--c1:var(--tp-s400);--c2:var(--tp-s800)}
.f109[data-k="football78"]{--c1:var(--tp-p700);--c2:#ffffff}
.f109[data-k="football78"] .f109-g{background:linear-gradient(90deg,transparent 48%,#ffffff 48% 52%,transparent 52%) 0 0/40px 100%,repeating-linear-gradient(90deg,var(--tp-p700) 0 20px,color-mix(in srgb,var(--tp-p700) 85%,#000) 20px 40px)}
.f109[data-k="basket78"]{--c1:var(--tp-s500);--c2:var(--tp-s800)}
.f109[data-k="tennis78"]{--c1:var(--tp-p400);--c2:var(--tp-p700)}
.f109[data-k="curtain78"]{--c1:#9b1c31;--c2:var(--tp-s400)}
.f109[data-k="curtain78"] .f109-g{background:repeating-linear-gradient(90deg,#9b1c31 0 8px,color-mix(in srgb,#9b1c31 70%,#000) 8px 12px,#9b1c31 12px 18px)}
.f109[data-k="alarm78"]{--c1:var(--tp-s500);--c2:#111111}
.f109[data-k="alarm78"] .f109-g{background:repeating-linear-gradient(45deg,var(--tp-s500) 0 10px,#111111 10px 20px)}
.f109[data-k="fashion78"]{--c1:#ffffff;--c2:#d48aa7}
.f109[data-k="butterfly78"]{--c1:#a78bfa;--c2:#f0abfc}
.f109[data-k="snow78"]{--c1:#ffffff;--c2:#d5e3f2}
.f109[data-k="snow78"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 50%22 preserveAspectRatio=%22xMidYMid meet%22%3E%3Cg fill=%22%23d5e3f2%22 transform=%22translate%281.5 2.5%29%22%3E%3Ccircle cx=%226.0%22 cy=%2230.5%22 r=%227.2%22/%3E%3Ccircle cx=%2218.3%22 cy=%2227.9%22 r=%2212.0%22/%3E%3Ccircle cx=%2230.6%22 cy=%2227.2%22 r=%2213.2%22/%3E%3Ccircle cx=%2242.9%22 cy=%2226.8%22 r=%2213.9%22/%3E%3Ccircle cx=%2255.3%22 cy=%2229.5%22 r=%229.0%22/%3E%3Ccircle cx=%2267.6%22 cy=%2231.5%22 r=%225.4%22/%3E%3Crect x=%223.0%22 y=%2227.5%22 width=%2267.6%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%2272.7%22 cy=%2231.5%22 rx=%226.8%22 ry=%223%22/%3E%3Ccircle cx=%2283.3%22 cy=%2233.5%22 r=%226.6%22/%3E%3Ccircle cx=%2294.0%22 cy=%2230.7%22 r=%2211.6%22/%3E%3Ccircle cx=%22104.7%22 cy=%2228.7%22 r=%2215.2%22/%3E%3Ccircle cx=%22115.4%22 cy=%2228.7%22 r=%2215.3%22/%3E%3Ccircle cx=%22126.0%22 cy=%2230.6%22 r=%2211.9%22/%3E%3Ccircle cx=%22136.7%22 cy=%2232.8%22 r=%227.8%22/%3E%3Ccircle cx=%22147.4%22 cy=%2234.3%22 r=%225.1%22/%3E%3Crect x=%2280.3%22 y=%2230.1%22 width=%2270.2%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22154.6%22 cy=%2234.1%22 rx=%225.2%22 ry=%223%22/%3E%3Ccircle cx=%22163.7%22 cy=%2226.4%22 r=%227.0%22/%3E%3Ccircle cx=%22174.8%22 cy=%2224.1%22 r=%2211.2%22/%3E%3Ccircle cx=%22185.8%22 cy=%2223.0%22 r=%2213.2%22/%3E%3Ccircle cx=%22196.9%22 cy=%2223.8%22 r=%2211.7%22/%3E%3Ccircle cx=%22207.9%22 cy=%2225.5%22 r=%228.6%22/%3E%3Ccircle cx=%22219.0%22 cy=%2227.4%22 r=%225.1%22/%3E%3Crect x=%22160.7%22 y=%2223.2%22 width=%2261.3%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22223.5%22 cy=%2227.2%22 rx=%227.6%22 ry=%223%22/%3E%3Ccircle cx=%22237.9%22 cy=%2233.3%22 r=%227.5%22/%3E%3Ccircle cx=%22254.0%22 cy=%2231.3%22 r=%2211.2%22/%3E%3Ccircle cx=%22270.1%22 cy=%2230.1%22 r=%2213.3%22/%3E%3Ccircle cx=%22286.3%22 cy=%2232.3%22 r=%229.4%22/%3E%3Ccircle cx=%22302.4%22 cy=%2234.6%22 r=%225.1%22/%3E%3Crect x=%22234.9%22 y=%2230.5%22 width=%2270.5%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22311.0%22 cy=%2234.5%22 rx=%226.6%22 ry=%223%22/%3E%3C/g%3E%3Cg fill=%22%23ffffff%22%3E%3Ccircle cx=%226.0%22 cy=%2230.5%22 r=%227.2%22/%3E%3Ccircle cx=%2218.3%22 cy=%2227.9%22 r=%2212.0%22/%3E%3Ccircle cx=%2230.6%22 cy=%2227.2%22 r=%2213.2%22/%3E%3Ccircle cx=%2242.9%22 cy=%2226.8%22 r=%2213.9%22/%3E%3Ccircle cx=%2255.3%22 cy=%2229.5%22 r=%229.0%22/%3E%3Ccircle cx=%2267.6%22 cy=%2231.5%22 r=%225.4%22/%3E%3Crect x=%223.0%22 y=%2227.5%22 width=%2267.6%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%2272.7%22 cy=%2231.5%22 rx=%226.8%22 ry=%223%22/%3E%3Ccircle cx=%2283.3%22 cy=%2233.5%22 r=%226.6%22/%3E%3Ccircle cx=%2294.0%22 cy=%2230.7%22 r=%2211.6%22/%3E%3Ccircle cx=%22104.7%22 cy=%2228.7%22 r=%2215.2%22/%3E%3Ccircle cx=%22115.4%22 cy=%2228.7%22 r=%2215.3%22/%3E%3Ccircle cx=%22126.0%22 cy=%2230.6%22 r=%2211.9%22/%3E%3Ccircle cx=%22136.7%22 cy=%2232.8%22 r=%227.8%22/%3E%3Ccircle cx=%22147.4%22 cy=%2234.3%22 r=%225.1%22/%3E%3Crect x=%2280.3%22 y=%2230.1%22 width=%2270.2%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22154.6%22 cy=%2234.1%22 rx=%225.2%22 ry=%223%22/%3E%3Ccircle cx=%22163.7%22 cy=%2226.4%22 r=%227.0%22/%3E%3Ccircle cx=%22174.8%22 cy=%2224.1%22 r=%2211.2%22/%3E%3Ccircle cx=%22185.8%22 cy=%2223.0%22 r=%2213.2%22/%3E%3Ccircle cx=%22196.9%22 cy=%2223.8%22 r=%2211.7%22/%3E%3Ccircle cx=%22207.9%22 cy=%2225.5%22 r=%228.6%22/%3E%3Ccircle cx=%22219.0%22 cy=%2227.4%22 r=%225.1%22/%3E%3Crect x=%22160.7%22 y=%2223.2%22 width=%2261.3%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22223.5%22 cy=%2227.2%22 rx=%227.6%22 ry=%223%22/%3E%3Ccircle cx=%22237.9%22 cy=%2233.3%22 r=%227.5%22/%3E%3Ccircle cx=%22254.0%22 cy=%2231.3%22 r=%2211.2%22/%3E%3Ccircle cx=%22270.1%22 cy=%2230.1%22 r=%2213.3%22/%3E%3Ccircle cx=%22286.3%22 cy=%2232.3%22 r=%229.4%22/%3E%3Ccircle cx=%22302.4%22 cy=%2234.6%22 r=%225.1%22/%3E%3Crect x=%22234.9%22 y=%2230.5%22 width=%2270.5%22 height=%229%22 rx=%224.5%22/%3E%3Cellipse cx=%22311.0%22 cy=%2234.5%22 rx=%226.6%22 ry=%223%22/%3E%3C/g%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="ocean78"]{--c1:#1e88c7;--c2:#bfe9ff}
.f109[data-k="ocean78"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 12Q15 2 30 12T60 12V20H0Z%22 fill=%22%231e88c7%22/%3E%3Cpath d=%22M0 15Q15 7 30 15T60 15%22 fill=%22none%22 stroke=%22%23bfe9ff%22 stroke-width=%222%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="spacewalk78"]{--c1:#c7d2fe;--c2:#312e81}
.f109[data-k="spiderweb80"]{--c1:#d1d5db;--c2:#111827}
.f109[data-k="serpent80"]{--c1:var(--tp-p600);--c2:var(--tp-p900)}
.f109[data-k="serpent80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 12%22%3E%3Crect width=%2220%22 height=%2212%22 fill=%22%230b3d22%22/%3E%3Cpath d=%22M0 12A5 5 0 0 1 10 12A5 5 0 0 1 20 12M-5 6A5 5 0 0 1 5 6A5 5 0 0 1 15 6A5 5 0 0 1 25 6%22 fill=%22none%22 stroke=%22%232f9e5b%22 stroke-width=%221.4%22/%3E%3C/svg%3E");background-size:18px 11px;background-repeat:repeat}
.f109[data-k="specter80"]{--c1:#b39ddb;--c2:#4a148c}
.f109[data-k="lion80"]{--c1:var(--tp-s600);--c2:var(--tp-s800)}
.f109[data-k="wolf80"]{--c1:#9fb3c8;--c2:#2f4053}
.f109[data-k="falcon80"]{--c1:var(--tp-s500);--c2:var(--tp-s800)}
.f109[data-k="horse80"]{--c1:var(--tp-s400);--c2:var(--tp-s600)}
.f109[data-k="horse80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 30%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 30V18Q20 4 45 16T90 12T120 18V30Z%22 fill=%22%23c8a46e%22/%3E%3Cpath d=%22M0 30V24Q30 14 60 22T120 22V30Z%22 fill=%22%238b6a3e%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="fox80"]{--c1:var(--tp-s500);--c2:var(--tp-s800)}
.f109[data-k="tiger80"]{--c1:var(--tp-s500);--c2:#1b1b1b}
.f109[data-k="tiger80"] .f109-g{background:repeating-linear-gradient(60deg,var(--tp-s500) 0 9px,#1b1b1b 9px 12px,var(--tp-s500) 12px 20px,#1b1b1b 20px 26px)}
.f109[data-k="desert80"]{--c1:var(--tp-s400);--c2:var(--tp-s500)}
.f109[data-k="desert80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 30%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 30V18Q20 4 45 16T90 12T120 18V30Z%22 fill=%22%23e9b45c%22/%3E%3Cpath d=%22M0 30V24Q30 14 60 22T120 22V30Z%22 fill=%22%23c9822e%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="oasis80"]{--c1:var(--tp-p500);--c2:var(--tp-p300)}
.f109[data-k="oasis80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 10Q7.5 4 15 10T30 10T45 10T60 10V20H0Z%22 fill=%22%233fb6c9%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="spring80"]{--c1:var(--tp-p400);--c2:#ffd1e0}
.f109[data-k="alpine80"]{--c1:#eaf3fb;--c2:#6d8fb3}
.f109[data-k="alpine80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 36%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 36 22 10l12 12L52 2l20 22 12-10 20 16 16-8v14Z%22 fill=%22%23eaf3fb%22/%3E%3Cpath d=%22M52 2l-6 8 5-2 4 3 3-3 4 1ZM22 10l-4 5 4-1 3 2Z%22 fill=%22%236d8fb3%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="forest80"]{--c1:var(--tp-p700);--c2:var(--tp-p800)}
.f109[data-k="forest80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 10Q7.5 4 15 10T30 10T45 10T60 10V20H0Z%22 fill=%22%232f6b3c%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="villa80"]{--c1:var(--tp-p400);--c2:var(--tp-s300)}
.f109[data-k="villa80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 10Q7.5 4 15 10T30 10T45 10T60 10V20H0Z%22 fill=%22%237ac27a%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="metropolis80"]{--c1:#1f2937;--c2:var(--tp-s300)}
.f109[data-k="metropolis80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 40V22h8V12h10v10h6V4h12v18h5V16h9v24ZM49 40V18h7V8h3V2h2v6h3v10h6v22ZM70 40V14h14v8h6V10h10v12h5V20h15v20Z%22 fill=%22%231f2937%22/%3E%3Cg fill=%22%23fde68a%22%3E%3Crect x=%2211%22 y=%2216%22 width=%222%22 height=%222%22/%3E%3Crect x=%2229%22 y=%228%22 width=%222%22 height=%222%22/%3E%3Crect x=%2229%22 y=%2214%22 width=%222%22 height=%222%22/%3E%3Crect x=%2258%22 y=%2212%22 width=%222%22 height=%222%22/%3E%3Crect x=%2274%22 y=%2218%22 width=%222%22 height=%222%22/%3E%3Crect x=%2293%22 y=%2214%22 width=%222%22 height=%222%22/%3E%3C/g%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="reef80"]{--c1:#1e88c7;--c2:#7fd4ff}
.f109[data-k="reef80"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 12Q15 2 30 12T60 12V20H0Z%22 fill=%22%231e88c7%22/%3E%3Cpath d=%22M0 15Q15 7 30 15T60 15%22 fill=%22none%22 stroke=%22%237fd4ff%22 stroke-width=%222%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="aurora80"]{--c1:var(--tp-p400);--c2:#7a5cff}
.f109[data-k="aurora80"] .f109-g{background:linear-gradient(120deg,var(--tp-p400),#7a5cff,var(--tp-p500),var(--tp-p400),#7a5cff)}
.f109[data-k="phoenix81"]{--c1:#ff5a1f;--c2:var(--tp-s400)}
.f109[data-k="phoenix81"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 30%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 30C2 20 8 22 8 12c5 6 4 10 8 4 2 6 6 4 6-8 6 8 8 14 12 6 2 6 6 8 8 0 4 8 6 10 10 4 2 6 6 6 8 12Z%22 fill=%22%23ff5a1f%22/%3E%3Cpath d=%22M4 30c2-6 6-4 8-10 3 6 6 2 9 4 2-6 8-4 10-10 4 6 6 10 10 6 2 4 6 4 8 10Z%22 fill=%22%23ffd23f%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}
.f109[data-k="crystal81"]{--c1:var(--tp-p200);--c2:#c4b5fd}
.f109[data-k="crystal81"] .f109-g{background:linear-gradient(120deg,var(--tp-p200),#c4b5fd,#fbcfe8,var(--tp-p200),#c4b5fd)}
.f109[data-k="orbit81"]{--c1:#93c5fd;--c2:#1e3a8a}
.f109[data-k="lightning81"]{--c1:var(--tp-s500);--c2:#60a5fa}
.f109[data-k="jellyfish81"]{--c1:#f0abfc;--c2:var(--tp-p500)}
.f109[data-k="panda81"]{--c1:var(--tp-p500);--c2:var(--tp-p700)}
.f109[data-k="panda81"] .f109-g{background:repeating-linear-gradient(180deg,var(--tp-p500) 0 26px,var(--tp-p700) 26px 29px)}
.f109[data-k="dragon81"]{--c1:#ef4444;--c2:var(--tp-s500)}
.f109[data-k="rose81"]{--c1:#9f1239;--c2:var(--tp-p800)}
.f109[data-k="moon81"]{--c1:var(--tp-s300);--c2:#1e1b4b}
.f109[data-k="waterfall81"]{--c1:var(--tp-p400);--c2:#e0f2fe}
.f109[data-k="waterfall81"] .f109-g{background:repeating-linear-gradient(180deg,var(--tp-p400) 0 10px,#e0f2fe 10px 13px,var(--tp-p400) 13px 22px)}
.f109[data-k="robot81"]{--c1:var(--tp-p500);--c2:#0f172a}
.f109[data-k="robot81"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 40%22%3E%3Crect width=%2240%22 height=%2240%22 fill=%22%230f172a%22/%3E%3Cpath d=%22M0 10h12l6 6h22M10 40V26l6-6M30 0v10l-6 6%22 fill=%22none%22 stroke=%22%2322d3ee%22 stroke-width=%221.6%22/%3E%3Ccircle cx=%2218%22 cy=%2216%22 r=%222%22 fill=%22%2322d3ee%22/%3E%3Ccircle cx=%2216%22 cy=%2220%22 r=%222%22 fill=%22%2322d3ee%22/%3E%3C/svg%3E");background-size:36px 36px;background-repeat:repeat}
.f109[data-k="fireflies81"]{--c1:var(--tp-p300);--c2:var(--tp-p600)}
.f109[data-k="castle81"]{--c1:#9ca3af;--c2:#6b7280}
.f109[data-k="castle81"] .f109-g{background:linear-gradient(0deg,#9ca3af 55%,transparent 55%) 0 0/100% 100%,repeating-linear-gradient(90deg,#9ca3af 0 14px,transparent 14px 22px)}
.f109[data-k="whale81"]{--c1:#1565c0;--c2:#90caf9}
.f109[data-k="whale81"] .f109-g{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 20%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 12Q15 2 30 12T60 12V20H0Z%22 fill=%22%231565c0%22/%3E%3Cpath d=%22M0 15Q15 7 30 15T60 15%22 fill=%22none%22 stroke=%22%2390caf9%22 stroke-width=%222%22/%3E%3C/svg%3E");background-size:auto 100%;background-repeat:repeat-x}

/* Tap feedback */
.tapbar109{position:fixed;top:0;inset-inline:0;height:3px;z-index:2147483000;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--accent,var(--tp-s700)),transparent);background-size:40% 100%;background-repeat:no-repeat;transition:opacity .15s}
.tapbar109.on{opacity:1;animation:tapbar109 .9s linear infinite}
@keyframes tapbar109{from{background-position:-40% 0}to{background-position:140% 0}}
:is(button,[role=button],a,.tile-open7):active{transition:transform .08s}
.tile-open7:active,.sp32-card:active,.explore-tile7:active{transform:scale(.985)}
html{touch-action:manipulation}

/* v110: SVG art and soft cloud skies */
.f109-m.is-art{filter:drop-shadow(0 2px 2px #0004)}
.f109-m.is-art svg{width:100%;height:100%;overflow:visible}
.f109:is([data-k="cloud"],[data-k="rain"],[data-k="storm78"],[data-k="snow78"]) .f109-band.top{--ch:calc(var(--bh)*2.5);height:var(--ch);transform:translateY(-42%);filter:drop-shadow(0 3px 4px #0002);background-size:calc(var(--ch)*6) 100%!important;animation:f110-sky 50s linear infinite}
.f109[data-k="storm78"] .f109-band.top{animation-duration:28s}
@keyframes f110-sky{from{background-position:0 0}to{background-position:calc(var(--ch)*-6) 0}}
.f109 .a-rain{animation:f110-rain 1.1s linear infinite}
.f109 .a-snowfall{animation:f110-snow 7s linear infinite}
@keyframes f110-rain{0%{transform:translateY(0) scaleY(1.3);opacity:0}10%{opacity:.9}85%{opacity:.75}100%{transform:translateY(78cqh) scaleY(1.3);opacity:0}}
@keyframes f110-snow{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:1}50%{transform:translate(4cqmin,40cqh) rotate(120deg)}90%{opacity:.9}100%{transform:translate(-3cqmin,82cqh) rotate(240deg);opacity:0}}
.f109 .f109-m svg,.f109 .f109-m use{position:static}

/* v111: stickers travel (outer layer) while animating themselves (inner layer + SVG) */
.f109 .f109-in{position:relative;display:grid;place-items:center;width:100%;height:100%;animation-delay:var(--d,0s)!important}
.f109 .f109-m.is-art .f109-in svg{width:100%;height:100%}
.f109 .mv-roam{animation:f111-roam var(--md,10s) ease-in-out infinite}
.f109 .mv-patrol{animation:f111-patrol var(--md,12s) linear infinite}
.f109 .mv-hop{animation:f111-hop var(--md,9s) ease-in-out infinite}
.f109 .mv-bob{animation:f111-bob 3.4s ease-in-out infinite}
.f109 .mv-peek{animation:f111-peek var(--md,9s) ease-in-out infinite}
@keyframes f111-roam{
 0%,100%{transform:translate(0,0) rotate(0)}
 20%{transform:translate(calc(var(--rx)*.9cqw),calc(var(--ry)*-.35cqh)) rotate(7deg)}
 45%{transform:translate(calc(var(--rx)*.55cqw),calc(var(--ry)*1cqh)) rotate(-5deg)}
 70%{transform:translate(calc(var(--rx)*-.35cqw),calc(var(--ry)*.55cqh)) rotate(4deg)}
 85%{transform:translate(calc(var(--rx)*-.2cqw),calc(var(--ry)*-.3cqh)) rotate(-3deg)}}
@keyframes f111-patrol{
 0%{transform:translate(0,0) scaleX(1)}
 12%{transform:translate(calc(var(--px)*.25cqw),calc(var(--py)*.6cqh)) scaleX(1)}
 24%{transform:translate(calc(var(--px)*.5cqw),0) scaleX(1)}
 46%{transform:translate(calc(var(--px)*1cqw),0) scaleX(1)}
 50%{transform:translate(calc(var(--px)*1cqw),0) scaleX(-1)}
 62%{transform:translate(calc(var(--px)*.75cqw),calc(var(--py)*.6cqh)) scaleX(-1)}
 96%{transform:translate(0,0) scaleX(-1)}
 100%{transform:translate(0,0) scaleX(1)}}
@keyframes f111-hop{
 0%,30%,60%,100%{transform:translate(0,0)}
 15%{transform:translate(calc(var(--px)*.15cqw),calc(var(--py)*1cqh)) rotate(-6deg)}
 45%{transform:translate(calc(var(--px)*-.12cqw),calc(var(--py)*.6cqh)) rotate(5deg)}
 80%{transform:translate(calc(var(--px)*.08cqw),calc(var(--py)*.3cqh))}}
@keyframes f111-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--py,5)*1cqh))}}
@keyframes f111-peek{
 0%,100%{transform:translate(18%,-22%) rotate(12deg) scale(.82)}
 18%,62%{transform:translate(0,0) rotate(0) scale(1)}
 40%{transform:translate(-8%,6%) rotate(-6deg) scale(1.04)}
 80%{transform:translate(-14cqw,4cqh) rotate(-4deg) scale(1)}}

/* v112: illustrated scenes */
.frame74[data-f112]{inset:0!important;background:none!important;border-radius:inherit;overflow:visible!important}
.frame74[data-f112]>:not(.f112){display:none!important}
.frame74[data-f112]::before,.frame74[data-f112]::after{display:none!important}
.f112{position:absolute;inset:0;pointer-events:none;overflow:visible}
.f112>svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 3px #0003)}
