.fi.svelte-90uu68.svelte-90uu68{--fi-radius:50%;--fi-face-radius:50%;--fi-pad:0px;--fi-bg:#15161c;position:relative;display:inline-block;flex:0 0 auto;vertical-align:middle;box-sizing:border-box;width:var(--fi-w, 30px);height:var(--fi-h, 30px);padding:var(--fi-pad);border-radius:var(--fi-radius);line-height:0;perspective:calc(var(--fi-w, 30px) * 4.4)}.fi__stage.svelte-90uu68.svelte-90uu68{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--fi-face-radius);background:var(--fi-bg)}.fi__rim.svelte-90uu68.svelte-90uu68{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--fi-radius);pointer-events:none}.fi__art.svelte-90uu68.svelte-90uu68,.fi__img.svelte-90uu68.svelte-90uu68,.fi__fx.svelte-90uu68.svelte-90uu68{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.fi__img.svelte-90uu68.svelte-90uu68{-o-object-fit:cover;object-fit:cover;-o-object-position:var(--fi-focus, 50% 50%);object-position:var(--fi-focus, 50% 50%)}.fi__fx.svelte-90uu68.svelte-90uu68{pointer-events:none}.fi__fold.svelte-90uu68.svelte-90uu68,.fi__sheen.svelte-90uu68.svelte-90uu68,.fi__vshade.svelte-90uu68.svelte-90uu68,.fi__dome.svelte-90uu68.svelte-90uu68,.fi__gloss.svelte-90uu68.svelte-90uu68,.fi__glint.svelte-90uu68.svelte-90uu68{position:absolute;pointer-events:none}.fi__code.svelte-90uu68.svelte-90uu68{font-family:var(--app-font, "Sarabun"),sans-serif;font-size:300px;font-weight:700;fill:#ffd024}.fi--rect.svelte-90uu68.svelte-90uu68{--fi-radius:3px;--fi-face-radius:3px}.fi--flat.svelte-90uu68.svelte-90uu68{--fi-bg:rgba(0, 0, 0, .2)}.fi--flat.fi--rect.svelte-90uu68.svelte-90uu68{--fi-radius:2px;--fi-face-radius:2px}.fi--flat.fi--rect.svelte-90uu68 .fi__rim.svelte-90uu68{box-shadow:0 1px 2px #0000000d}.fi--cloth.svelte-90uu68.svelte-90uu68{--fi-p:20%;--fi-skew:-12deg;--fi-fd:.26;--fi-fl:.24;--fi-speed:7s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.65))}.fi--cloth.fi--rect.svelte-90uu68.svelte-90uu68{--fi-p:12%;--fi-skew:-9deg;--fi-fd:.34;--fi-fl:.3;--fi-ry:-16deg;--fi-rx:5deg;--fi-play:paused;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.6))}.fi--cloth.svelte-90uu68 .fi__fold.svelte-90uu68{top:-22%;right:-50%;bottom:-22%;left:-50%;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,var(--fi-fd)) 0,rgba(0,0,0,calc(var(--fi-fd) * .58)) calc(var(--fi-p) * .12),rgba(0,0,0,calc(var(--fi-fd) * .06)) calc(var(--fi-p) * .3),rgba(255,255,255,calc(var(--fi-fl) * .45)) calc(var(--fi-p) * .42),rgba(255,255,255,var(--fi-fl)) calc(var(--fi-p) * .52),rgba(255,255,255,calc(var(--fi-fl) * .4)) calc(var(--fi-p) * .64),rgba(0,0,0,calc(var(--fi-fd) * .18)) calc(var(--fi-p) * .8),rgba(0,0,0,var(--fi-fd)) var(--fi-p));transform:translate(0) skew(var(--fi-skew));animation:svelte-90uu68-fi-drift var(--fi-speed) linear infinite;animation-play-state:var(--fi-play, running);will-change:transform}@keyframes svelte-90uu68-fi-drift{0%{transform:translate(0) skew(var(--fi-skew))}to{transform:translate(var(--fi-p)) skew(var(--fi-skew))}}.fi--cloth.svelte-90uu68 .fi__sheen.svelte-90uu68{top:-30%;right:-60%;bottom:-30%;left:-60%;background-image:linear-gradient(112deg,#fff0 36%,#ffffff1a 44%,#ffffff42 49%,#ffffff0f 55%,#fff0 64%);transform:translate(-45%);animation:svelte-90uu68-fi-sheen calc(var(--fi-speed) * 1.6) ease-in-out infinite;animation-play-state:var(--fi-play, running);will-change:transform}@keyframes svelte-90uu68-fi-sheen{0%,58%{transform:translate(-45%)}86%,to{transform:translate(45%)}}.fi--cloth.svelte-90uu68 .fi__vshade.svelte-90uu68{top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,#ffffff26,#fff0 38%,#0000 60%,#0000003d),linear-gradient(90deg,#00000042,#0000 22%,#0000 88%,#00000024)}.fi--cloth.svelte-90uu68 .fi__dome.svelte-90uu68{top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:radial-gradient(120% 120% at 30% 22%,#fff6,#ffffff1a 26%,#fff0 48%),radial-gradient(100% 100% at 74% 86%,#0006,#0000 55%)}.fi--cloth.svelte-90uu68 .fi__rim.svelte-90uu68{box-shadow:inset 0 0 0 1px #fff3,inset 0 2px 3px #ffffff1a,inset 0 -2px 4px #00000052}.fi--cloth.fi--circle.svelte-90uu68 .fi__rim.svelte-90uu68{box-shadow:inset 0 0 0 1px #ffffff42,inset -2px -3px 6px #0000006b,0 0 0 1px #ffd0244d,0 2px 5px #0009}.fi--gold.svelte-90uu68.svelte-90uu68{--fi-pad:max(1.5px, calc(var(--fi-h, 30px) * .085));--fi-bg:#101018;background:conic-gradient(from 218deg,#6d4506,#c08526 14deg,#ffeaa6 30deg,#fffdf2 42deg,#e6b445 60deg,#8a5c12 104deg,#5c3a04 128deg,#b9862b 158deg,#ffeeb4 190deg,#f0c85f 208deg,#a97516 244deg,#6d4506 276deg,#d9a941 312deg,#f7dc93 332deg,#9c6a11 350deg,#6d4506 360deg);box-shadow:0 0 0 max(.5px,calc(var(--fi-h, 30px) * .02)) #2e1c02e6,0 calc(var(--fi-h, 30px) * .06) calc(var(--fi-h, 30px) * .14) #0000008c,inset 0 calc(var(--fi-h, 30px) * .02) 0 #fff0c82e;transform:translateY(var(--fi-lift, 0)) scale(var(--fi-pop, 1)) rotate(var(--fi-tilt, 0deg));transition:transform .28s cubic-bezier(.22,.85,.3,1.25),box-shadow .28s ease}.fi--gold.fi--rect.svelte-90uu68.svelte-90uu68{--fi-radius:calc(var(--fi-h, 30px) * .24);--fi-face-radius:calc(var(--fi-h, 30px) * .24 - var(--fi-pad) * .55)}.fi--gold.svelte-90uu68 .fi__rim.svelte-90uu68{box-shadow:inset 0 max(.5px,calc(var(--fi-h, 30px) * .025)) 0 #fff7d6b3,inset 0 calc(var(--fi-h, 30px) * -.025) 0 #4a2e04cc,inset max(.5px,calc(var(--fi-h, 30px) * .02)) 0 0 #fff0be38,inset calc(var(--fi-h, 30px) * -.02) 0 0 #4a2e0466}.fi--gold.svelte-90uu68 .fi__vshade.svelte-90uu68{top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(78% 62% at 27% 16%,#ffffff52,#fff0 62%),radial-gradient(130% 96% at 50% 128%,#00000073,#0000 58%),linear-gradient(205deg,#ffffff1a,#0000 42%,#0003);box-shadow:inset 0 0 0 max(.5px,calc(var(--fi-h, 30px) * .022)) #00000080,inset 0 calc(var(--fi-h, 30px) * .07) calc(var(--fi-h, 30px) * .13) #00000061,inset 0 calc(var(--fi-h, 30px) * -.05) calc(var(--fi-h, 30px) * .1) #ffffff21}.fi--gold.svelte-90uu68 .fi__gloss.svelte-90uu68{left:5%;right:5%;top:2.5%;height:47%;border-radius:50% 50% 44% 44%/64% 64% 36% 36%;background:linear-gradient(to bottom,#ffffff8c,#fff3 52%,#ffffff05)}.fi--gold.svelte-90uu68 .fi__glint.svelte-90uu68{top:-45%;bottom:-45%;left:-45%;width:26%;transform:rotate(18deg);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);opacity:0}@keyframes svelte-90uu68-fi-sweep{0%{opacity:0;left:-45%}25%{opacity:.9}to{opacity:0;left:120%}}.fi--orb.fi--circle.svelte-90uu68 .fi__art.svelte-90uu68{top:7.5%;bottom:auto;height:85%}.fi--orb.fi--circle.svelte-90uu68.svelte-90uu68{filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.fi--orb.fi--rect.svelte-90uu68.svelte-90uu68{--fi-radius:2.5px;--fi-face-radius:2.5px;--fi-ry:-13deg;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.fi--cloth.svelte-90uu68 .fi__stage.svelte-90uu68,.fi--cloth.svelte-90uu68 .fi__rim.svelte-90uu68,.fi--orb.svelte-90uu68 .fi__stage.svelte-90uu68,.fi--orb.svelte-90uu68 .fi__rim.svelte-90uu68{transform:rotateY(var(--fi-ry, 0deg)) rotateX(var(--fi-rx, 0deg)) scale(var(--fi-scale, 1));transition:transform .35s cubic-bezier(.22,.8,.3,1)}@media (hover: hover) and (pointer: fine){.fi--cloth.svelte-90uu68.svelte-90uu68:hover{--fi-play:running;--fi-speed:2.8s;--fi-scale:1.06}.fi--cloth.fi--rect.svelte-90uu68.svelte-90uu68:hover{--fi-play:running;--fi-ry:-5deg;--fi-rx:2deg;--fi-scale:1.05}.fi--orb.svelte-90uu68.svelte-90uu68:hover{--fi-scale:1.05}.fi--orb.fi--rect.svelte-90uu68.svelte-90uu68:hover{--fi-ry:-5deg}.fi--gold.svelte-90uu68.svelte-90uu68:hover{--fi-pop:1.06;--fi-lift:-5%;--fi-tilt:-3deg;box-shadow:0 0 0 max(.5px,calc(var(--fi-h, 30px) * .02)) #2e1c02e6,0 calc(var(--fi-h, 30px) * .13) calc(var(--fi-h, 30px) * .22) #0009,0 0 calc(var(--fi-h, 30px) * .5) #ffd02473,inset 0 calc(var(--fi-h, 30px) * .02) 0 #fff0c82e}.fi--gold.svelte-90uu68:hover .fi__glint.svelte-90uu68{animation:svelte-90uu68-fi-sweep .8s ease-out}}@media (prefers-reduced-motion: reduce){.fi--cloth.svelte-90uu68 .fi__fold.svelte-90uu68,.fi--cloth.svelte-90uu68 .fi__sheen.svelte-90uu68{animation:none;will-change:auto}.fi--cloth.svelte-90uu68 .fi__sheen.svelte-90uu68{transform:translate(0)}.fi--cloth.svelte-90uu68 .fi__stage.svelte-90uu68,.fi--cloth.svelte-90uu68 .fi__rim.svelte-90uu68,.fi--orb.svelte-90uu68 .fi__stage.svelte-90uu68,.fi--orb.svelte-90uu68 .fi__rim.svelte-90uu68,.fi--gold.svelte-90uu68.svelte-90uu68{transition:none}.fi--gold.svelte-90uu68.svelte-90uu68:hover{transform:none}.fi--gold.svelte-90uu68:hover .fi__glint.svelte-90uu68{animation:none}}
