@rtstic.dev/pulse 0.0.77 → 0.0.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/global/navigation-scroll.ts"],
|
|
4
|
-
"sourcesContent": ["document.addEventListener('DOMContentLoaded', (): void => {\n const nav = document.querySelector('[navbar-wrapper]') as HTMLElement;\n\n function moveNav(offset: number): void {\n nav.style.transform = `translateY(${offset}px)`;\n }\n\n window.addEventListener('scroll', (): void => {\n
|
|
5
|
-
"mappings": ";;;AAAA,WAAS,iBAAiB,oBAAoB,MAAY;AACxD,UAAM,MAAM,SAAS,cAAc,kBAAkB;
|
|
4
|
+
"sourcesContent": ["document.addEventListener('DOMContentLoaded', (): void => {\n const nav = document.querySelector('[navbar-wrapper]') as HTMLElement;\n const announcementBar = document.querySelector('[announcement]') as HTMLElement;\n\n function moveNav(offset: number): void {\n nav.style.transform = `translateY(${offset}px)`;\n }\n\n if (announcementBar) {\n window.addEventListener('scroll', (): void => {\n if (window.scrollY === 0) {\n moveNav(0);\n } else {\n moveNav(-58);\n }\n });\n } \n});"],
|
|
5
|
+
"mappings": ";;;AAAA,WAAS,iBAAiB,oBAAoB,MAAY;AACxD,UAAM,MAAM,SAAS,cAAc,kBAAkB;AACrD,UAAM,kBAAkB,SAAS,cAAc,gBAAgB;AAE/D,aAAS,QAAQ,QAAsB;AACrC,UAAI,MAAM,YAAY,cAAc,MAAM;AAAA,IAC5C;AAEA,QAAI,iBAAiB;AACnB,aAAO,iBAAiB,UAAU,MAAY;AAC5C,YAAI,OAAO,YAAY,GAAG;AACxB,kBAAQ,CAAC;AAAA,QACX,OAAO;AACL,kBAAQ,GAAG;AAAA,QACb;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/promptbar/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[promptbar=border]{position:absolute;inset:0;border-radius:18px;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;background:conic-gradient(from var(--angle, 0deg),transparent 0%,transparent 40%,#e8603c 50%,#f0a070 55%,transparent 65%,transparent 100%);opacity:0;transition:opacity .3s ease}[promptbar=border][is-animating=true]{animation:spin 3.5s linear forwards;opacity:1}@keyframes spin{0%{--angle: 0deg;opacity:1}85%{--angle: 360deg;opacity:1}to{--angle: 360deg;opacity:0}}[promptbar=submit][is-clicked=true]{transform:scale(.8);transition:transform .12s cubic-bezier(.34,1.56,.64,1),background-color .15s ease}[promptbar=submit][is-clicked=false]{transform:scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .5s ease}.chroma-text{background-image:linear-gradient(90deg,#ffffff 0,#ffffff 33.33%,#e8603c 40%,#f0845a 45%,#ffc4a8 50%,#f07050 55%,#c94020 60%,transparent 66.67%,transparent);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent;font-size:var(--_text-size---body--l);line-height:var(--_line-height---line-height-body--l);font-weight:var(--_font-weight---font-weight-body--l)}.chroma-text[data-animate=true]{animation:chroma-sweep 1.5s ease-in-out forwards;filter:blur(1px)}@keyframes chroma-sweep{0%{background-position:100% 0;filter:blur(1px)}to{background-position:0 0;filter:blur(0)}}.promptbar-text-item{display:none;opacity:0!important}[prompt-slide-image]{position:absolute;border-radius:18px;opacity:0;transform:scale(0);filter:blur(16px);transition:none}[prompt-slide-image="1"]{--i: 1}[prompt-slide-image="2"]{--i: 2}[prompt-slide-image="3"]{--i: 3}[prompt-slide-image="4"]{--i: 4}[prompt-slide-image="5"]{--i: 5}[prompt-slide-image="6"]{--i: 6}[prompt-slide-image="7"]{--i: 7}[prompt-slide-image="8"]{--i: 8}[prompt-slide-image="1"]{top:
|
|
1
|
+
[promptbar=border]{position:absolute;inset:0;border-radius:18px;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;background:conic-gradient(from var(--angle, 0deg),transparent 0%,transparent 40%,#e8603c 50%,#f0a070 55%,transparent 65%,transparent 100%);opacity:0;transition:opacity .3s ease}[promptbar=border][is-animating=true]{animation:spin 3.5s linear forwards;opacity:1}@keyframes spin{0%{--angle: 0deg;opacity:1}85%{--angle: 360deg;opacity:1}to{--angle: 360deg;opacity:0}}[promptbar=submit][is-clicked=true]{transform:scale(.8);transition:transform .12s cubic-bezier(.34,1.56,.64,1),background-color .15s ease}[promptbar=submit][is-clicked=false]{transform:scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .5s ease}.chroma-text{background-image:linear-gradient(90deg,#ffffff 0,#ffffff 33.33%,#e8603c 40%,#f0845a 45%,#ffc4a8 50%,#f07050 55%,#c94020 60%,transparent 66.67%,transparent);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;color:transparent;font-size:var(--_text-size---body--l);line-height:var(--_line-height---line-height-body--l);font-weight:var(--_font-weight---font-weight-body--l)}.chroma-text[data-animate=true]{animation:chroma-sweep 1.5s ease-in-out forwards;filter:blur(1px)}@keyframes chroma-sweep{0%{background-position:100% 0;filter:blur(1px)}to{background-position:0 0;filter:blur(0)}}.promptbar-text-item{display:none;opacity:0!important}[prompt-slide-image]{position:absolute;border-radius:18px;opacity:0;transform:scale(0);filter:blur(16px);transition:none}[prompt-slide-image="1"]{--i: 1}[prompt-slide-image="2"]{--i: 2}[prompt-slide-image="3"]{--i: 3}[prompt-slide-image="4"]{--i: 4}[prompt-slide-image="5"]{--i: 5}[prompt-slide-image="6"]{--i: 6}[prompt-slide-image="7"]{--i: 7}[prompt-slide-image="8"]{--i: 8}[prompt-slide-image="1"]{top:6vh;left:2vw;width:calc(10vw + 100px);aspect-ratio:3/4}[prompt-slide-image="2"]{bottom:14vh;left:5vw;width:calc(4vw + 100px);aspect-ratio:3/4}[prompt-slide-image="3"]{top:4vh;right:3vw;width:calc(8vw + 100px);aspect-ratio:4/5}[prompt-slide-image="4"]{bottom:16vh;right:2vw;width:calc(6vw + 100px);aspect-ratio:12/16}[prompt-slide-image="5"]{top:4vh;left:32vw;width:calc(1vw + 100px);aspect-ratio:2/3}[prompt-slide-image="6"]{top:6vh;right:30vw;width:calc(8vw + 100px);aspect-ratio:3/2.5}[prompt-slide-image="7"]{bottom:11vh;left:28vw;width:calc(3vw + 100px);aspect-ratio:4/5}[prompt-slide-image="8"]{bottom:10vh;right:24vw;width:calc(7vw + 100px);aspect-ratio:5/4}@media (max-width: 800px){[prompt-slide-image="5"],[prompt-slide-image="6"],[prompt-slide-image="7"],[prompt-slide-image="8"]{display:none}[prompt-slide-image="1"]{top:6vh;left:6vw;width:calc(10vw + 100px);aspect-ratio:3/4}[prompt-slide-image="2"]{bottom:12vh;left:8vw;width:calc(6vw + 100px);aspect-ratio:4/4}[prompt-slide-image="3"]{top:4vh;right:8vw;width:calc(10vw + 100px);aspect-ratio:4/5}[prompt-slide-image="4"]{bottom:10vh;right:6vw;width:calc(6vw + 100px);aspect-ratio:12/16}}.swiper-pagination-bullet{background:#ffffff59;opacity:1;transition:background .3s,transform .3s}.swiper-pagination-bullet-active{background:#fff;transform:scale(1.4)}[prompt-skeleton]{position:absolute;inset:0;border-radius:18px;background:#1a1a1a;animation:skeleton-pulse 1.6s ease-in-out infinite;opacity:1;transition:opacity .4s ease;z-index:2}@keyframes skeleton-pulse{0%{background:#1a1a1a}50%{background:#2e2e2e}to{background:#1a1a1a}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.submit_button_loading{position:absolute;inset:0;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.submit_button_loading:before{content:"";position:absolute;inset:-6px;background:conic-gradient(from var(--angle),#e8603c,#f0a070,#ffd27a,#ff8fa3,#e8603c);animation:spin 2s linear infinite;z-index:-2;border-radius:12px;filter:blur(10px);opacity:.85}.submit_button_loading:after{content:"";position:absolute;inset:0;background:#fff;border-radius:8px;z-index:-1}@keyframes spin{to{--angle: 360deg}}[prompt-skeleton]{display:none}[prompt-slide-image-inner]{border-radius:10px;overflow:hidden}@media screen and (max-width: 479px){[custom-style-identifier=prompt-title]{font-size:40px;max-width:264px;margin:auto;text-align:center}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/promptbar/style.css"],
|
|
4
|
-
"sourcesContent": [" [promptbar=\"border\"]{\n position: absolute;\n inset: 0;\n border-radius: 18px;\n padding: 2px;\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n background: conic-gradient(\n from var(--angle, 0deg),\n transparent 0%,\n transparent 40%,\n #e8603c 50%,\n #f0a070 55%,\n transparent 65%,\n transparent 100%\n );\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n @property --angle {\n syntax: '<angle>';\n initial-value: 0deg;\n inherits: false;\n }\n\n[promptbar=\"border\"][is-animating=\"true\"] {\n animation: spin 3.5s linear forwards;\n opacity: 1;\n}\n\n @keyframes spin {\n from { --angle: 0deg; opacity: 1; }\n 85% { --angle: 360deg; opacity: 1; }\n 100% { --angle: 360deg; opacity: 0; }\n }\n\n[promptbar=\"submit\"][is-clicked=\"true\"] {\n transform: scale(0.80);\n transition: transform 0.12s cubic-bezier(0.34, 1.56, 0.64, 1),\n background-color 0.15s ease;\n}\n\n[promptbar=\"submit\"][is-clicked=\"false\"] {\n transform: scale(1);\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),\n background-color 0.5s ease;\n}\n\n\n/* .chroma-text {\n background-image: linear-gradient(90deg,\n #000000 0,\n #000000 33.33%,\n #4E52F2 40%,\n #DD9DFF 45%,\n #E3A4A8 50%,\n #50C0FE 55%,\n #1E31FC 60%,\n transparent 66.67%,\n transparent);\n background-size: 300% 100%;\n background-position: 100% 0;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-fill-color: transparent;\n color: transparent;\n\n\n font-size: var(--_text-size---body--l);\n line-height: var(--_line-height---line-height-body--l);\n font-weight: var(--_font-weight---font-weight-body--l);\n} */\n.chroma-text {\n background-image: linear-gradient(90deg,\n #ffffff 0,\n #ffffff 33.33%,\n #e8603c 40%,\n #f0845a 45%,\n #ffc4a8 50%,\n #f07050 55%,\n #c94020 60%,\n transparent 66.67%,\n transparent);\n background-size: 300% 100%;\n background-position: 100% 0;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-fill-color: transparent;\n color: transparent;\n\n font-size: var(--_text-size---body--l);\n line-height: var(--_line-height---line-height-body--l);\n font-weight: var(--_font-weight---font-weight-body--l);\n}\n/* Only animate when explicitly true */\n.chroma-text[data-animate=\"true\"] {\n animation: chroma-sweep 1.5s ease-in-out forwards;\n filter: blur(1px);\n}\n\n@keyframes chroma-sweep {\n 0% {\n background-position: 100% 0;\n filter: blur(1px);\n }\n\n to {\n background-position: 0 0;\n filter: blur(0);\n }\n}\n\n.promptbar-text-item {\n display: none;\n opacity: 0 !important;\n}\n\n\n\n[prompt-slide-image] {\n position: absolute;\n border-radius: 18px;\n opacity: 0;\n transform: scale(0);\n filter: blur(16px);\n transition: none; /* let GSAP handle it */\n}\n\n\n\n /* stagger delays\n .block:nth-child(1) { transition-delay: 0.00s; }\n .block:nth-child(2) { transition-delay: 0.07s; }\n .block:nth-child(3) { transition-delay: 0.14s; }\n .block:nth-child(4) { transition-delay: 0.21s; }\n .block:nth-child(5) { transition-delay: 0.28s; }\n .block:nth-child(6) { transition-delay: 0.35s; }\n .block:nth-child(7) { transition-delay: 0.42s; }\n .block:nth-child(8) { transition-delay: 0.49s; } */\n\n [prompt-slide-image=\"1\"] { --i: 1; }\n[prompt-slide-image=\"2\"] { --i: 2; }\n[prompt-slide-image=\"3\"] { --i: 3; }\n[prompt-slide-image=\"4\"] { --i: 4; }\n[prompt-slide-image=\"5\"] { --i: 5; }\n[prompt-slide-image=\"6\"] { --i: 6; }\n[prompt-slide-image=\"7\"] { --i: 7; }\n[prompt-slide-image=\"8\"] { --i: 8; }\n\n /*\n 8 ZONES (never touch center keep-out ~26%\u201374% x, 28%\u201372% y):\n 1 \u2192 far-left-top\n 2 \u2192 far-left-bottom\n 3 \u2192 far-right-top\n 4 \u2192 far-right-bottom\n 5 \u2192 top-inner-left (above center, left half)\n 6 \u2192 top-inner-right (above center, right half)\n 7 \u2192 bottom-inner-left\n 8 \u2192 bottom-inner-right\n\n Each [prompt-slide-image=\"N\"] maps to zone N.\n Each slide has different sizes + slight position variation per zone.\n */\n\n /* ===================== ZONE POSITIONS (shared across slides, overridden per slide for size variety) ===================== */\n/* Zone 1 \u2013 far left top */\n[prompt-slide-image=\"1\"] { top: 3vh; left: 1vw; width: calc(13vw + 100px); aspect-ratio: 3/4; }\n/* Zone 2 \u2013 far left bottom */\n[prompt-slide-image=\"2\"] { bottom: -3vh; left: 3vw; width: calc(10vw + 100px); aspect-ratio: 2/3; }\n/* Zone 3 \u2013 far right top */\n[prompt-slide-image=\"3\"] { top: 4vh; right: 1vw; width: calc(12vw + 100px); aspect-ratio: 4/5; }\n/* Zone 4 \u2013 far right bottom */\n[prompt-slide-image=\"4\"] { bottom: 3vh; right: 1vw; width: calc(11vw + 100px); aspect-ratio: 12/16; }\n/* Zone 5 \u2013 top inner left */\n[prompt-slide-image=\"5\"] { top: -18vh; left: 26vw; width: calc(10vw + 100px); aspect-ratio: 2/3; }\n/* Zone 6 \u2013 top inner right */\n[prompt-slide-image=\"6\"] { top: -6vh; right: 24vw; width: calc(20vw + 100px); aspect-ratio: 3/2; }\n/* Zone 7 \u2013 bottom inner left */\n[prompt-slide-image=\"7\"] { bottom: -3vh; left: 30vw; width: calc(8vw + 100px); aspect-ratio: 4/5; }\n/* Zone 8 \u2013 bottom inner right */\n[prompt-slide-image=\"8\"] { bottom: -14vh; right: 24vw; width: calc(12vw + 100px); aspect-ratio: 3/4; }\n\n\n /* ===================== SLIDE COLORS ===================== */\n\n /* Slide 1 \u2013 Terracotta */\n /* [prompt-slide=\"1\"] [prompt-slide-image=\"1\"] { background: #C1440E; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"2\"] { background: #8B2500; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"3\"] { background: #E8A87C; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"4\"] { background: #F2C9A0; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"5\"] { background: #D4622A; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"6\"] { background: #FF8C5A; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"7\"] { background: #FFD4B8; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"8\"] { background: #7A1E00; } */\n\n /* Slide 2 \u2013 Ocean */\n /* [prompt-slide=\"2\"] [prompt-slide-image=\"1\"] { background: #003F5C; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"2\"] { background: #2F9BB5; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"3\"] { background: #7EC8E3; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"4\"] { background: #00263A; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"5\"] { background: #1A7A99; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"6\"] { background: #A8DFF0; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"7\"] { background: #E0F5FC; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"8\"] { background: #005073; } */\n\n /* Slide 3 \u2013 Violet */\n /* [prompt-slide=\"3\"] [prompt-slide-image=\"1\"] { background: #2D0057; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"2\"] { background: #7B00D4; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"3\"] { background: #BF5FFF; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"4\"] { background: #1A0033; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"5\"] { background: #9B30FF; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"6\"] { background: #D48FFF; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"7\"] { background: #F3D4FF; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"8\"] { background: #4B0099; } */\n\n /* Slide 4 \u2013 Lime */\n /* [prompt-slide=\"4\"] [prompt-slide-image=\"1\"] { background: #1A3300; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"2\"] { background: #5C9E00; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"3\"] { background: #AADD00; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"4\"] { background: #0D1A00; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"5\"] { background: #7DC200; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"6\"] { background: #D4FF4D; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"7\"] { background: #EEFFAA; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"8\"] { background: #3A6600; }\n\n /* Slide 5 \u2013 Rose gold */\n /* [prompt-slide=\"5\"] [prompt-slide-image=\"1\"] { background: #5C1A2E; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"2\"] { background: #B5485A; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"3\"] { background: #E8899A; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"4\"] { background: #2E0A15; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"5\"] { background: #D4607A; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"6\"] { background: #F2B8C6; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"7\"] { background: #FFE0EA; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"8\"] { background: #8C2A3E; }\n\n /* Slide 6 \u2013 Amber */\n /* [prompt-slide=\"6\"] [prompt-slide-image=\"1\"] { background: #3D1C00; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"2\"] { background: #B85C00; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"3\"] { background: #FFAA33; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"4\"] { background: #1F0E00; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"5\"] { background: #E07800; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"6\"] { background: #FFCC80; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"7\"] { background: #FFF0CC; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"8\"] { background: #7A3800; }\n\n /* Slide 7 \u2013 Ice */\n /* [prompt-slide=\"7\"] [prompt-slide-image=\"1\"] { background: #0A1A2E; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"2\"] { background: #1E4D78; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"3\"] { background: #6EB5E0; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"4\"] { background: #050D1A; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"5\"] { background: #3A80B8; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"6\"] { background: #B8DCF5; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"7\"] { background: #E8F5FF; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"8\"] { background: #0D3057; }\n\n /* Slide 8 \u2013 Mint */\n /* [prompt-slide=\"8\"] [prompt-slide-image=\"1\"] { background: #002E1F; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"2\"] { background: #00875A; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"3\"] { background: #4DCCAA; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"4\"] { background: #001710; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"5\"] { background: #00AA77; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"6\"] { background: #99EED8; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"7\"] { background: #DDFFF5; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"8\"] { background: #005C3D; }\n\n /* ===================== PER-SLIDE SIZE + POSITION OVERRIDES ===================== */\n /* Each slide shifts zone positions slightly so no two slides look identical */\n/* [prompt-slide=\"2\"] [prompt-slide-image=\"1\"] { top: 5vh; left: 2vw; width: calc(13vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"2\"] { bottom: 5vh; left: 2vw; width: calc(10vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"3\"] { top: 2vh; right: 2vw; width: calc(12vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"4\"] { bottom: 2vh; right: 2vw; width: calc(11vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"5\"] { top: 8vh; left: 20vw; width: calc(9vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"6\"] { top: 3vh; right: 20vw; width: calc(10vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"7\"] { bottom: 6vh; left: 20vw; width: calc(8vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"8\"] { bottom: 3vh; right: 20vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"3\"] [prompt-slide-image=\"1\"] { top: 2vh; left: 12vw; width: calc(13vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"2\"] { bottom: 4vh; left: 1vw; width: calc(10vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"3\"] { top: 6vh; right: 1vw; width: calc(12vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"4\"] { bottom: 2vh; right: 2vw; width: calc(11vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"5\"] { top: 4vh; left: 21vw; width: calc(9vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"6\"] { top: 7vh; right: 21vw; width: calc(10vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"7\"] { bottom: 5vh; left: 18vw; width: calc(8vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"8\"] { bottom: 4vh; right: 18vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"4\"] [prompt-slide-image=\"1\"] { top: 4vh; left: 1vw; width: calc(13vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"2\"] { bottom: 2vh; left: 2vw; width: calc(10vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"3\"] { top: 3vh; right: 2vw; width: calc(12vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"4\"] { bottom: 4vh; right: 1vw; width: calc(11vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"5\"] { top: 6vh; left: 18vw; width: calc(9vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"6\"] { top: 5vh; right: 18vw; width: calc(10vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"7\"] { bottom: 3vh; left: 21vw; width: calc(8vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"8\"] { bottom: 6vh; right: 21vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"5\"] [prompt-slide-image=\"1\"] { top: 3vh; left: 2vw; width: calc(13vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"2\"] { bottom: 5vh; left: 1vw; width: calc(10vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"3\"] { top: 5vh; right: 2vw; width: calc(12vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"4\"] { bottom: 3vh; right: 1vw; width: calc(11vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"5\"] { top: 7vh; left: 20vw; width: calc(9vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"6\"] { top: 4vh; right: 20vw; width: calc(10vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"7\"] { bottom: 4vh; left: 19vw; width: calc(8vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"8\"] { bottom: 2vh; right: 19vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"6\"] [prompt-slide-image=\"1\"] { top: 2vh; left: 1vw; width: calc(13vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"2\"] { bottom: 3vh; left: 2vw; width: calc(10vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"3\"] { top: 4vh; right: 1vw; width: calc(12vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"4\"] { bottom: 5vh; right: 2vw; width: calc(11vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"5\"] { top: 5vh; left: 22vw; width: calc(9vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"6\"] { top: 8vh; right: 22vw; width: calc(10vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"7\"] { bottom: 6vh; left: 20vw; width: calc(8vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"8\"] { bottom: 4vh; right: 20vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"7\"] [prompt-slide-image=\"1\"] { top: 5vh; left: 2vw; width: calc(13vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"2\"] { bottom: 4vh; left: 1vw; width: calc(10vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"3\"] { top: 3vh; right: 2vw; width: calc(12vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"4\"] { bottom: 2vh; right: 1vw; width: calc(11vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"5\"] { top: 6vh; left: 19vw; width: calc(9vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"6\"] { top: 5vh; right: 19vw; width: calc(10vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"7\"] { bottom: 3vh; left: 22vw; width: calc(8vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"8\"] { bottom: 5vh; right: 22vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"8\"] [prompt-slide-image=\"1\"] { top: 4vh; left: 2vw; width: calc(13vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"2\"] { bottom: 2vh; left: 1vw; width: calc(10vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"3\"] { top: 2vh; right: 1vw; width: calc(12vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"4\"] { bottom: 4vh; right: 2vw; width: calc(11vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"5\"] { top: 7vh; left: 21vw; width: calc(9vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"6\"] { top: 4vh; right: 21vw; width: calc(10vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"7\"] { bottom: 5vh; left: 19vw; width: calc(8vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"8\"] { bottom: 3vh; right: 19vw; width: calc(9vw + 100px); } */\n /* pagination */\n .swiper-pagination-bullet {\n background: rgba(255,255,255,0.35);\n opacity: 1;\n transition: background 0.3s, transform 0.3s;\n }\n .swiper-pagination-bullet-active {\n background: #fff;\n transform: scale(1.4);\n }\n\n[prompt-skeleton] {\n position: absolute;\n inset: 0;\n border-radius: 18px;\n background: #1a1a1a;\n animation: skeleton-pulse 1.6s ease-in-out infinite;\n opacity: 1;\n transition: opacity 0.4s ease;\n z-index: 2;\n}\n\n@keyframes skeleton-pulse {\n 0% { background: #1a1a1a; }\n 50% { background: #2e2e2e; }\n 100% { background: #1a1a1a; }\n}\n\n\n/* [promptbar-slider] {\n opacity: 0;\n transition: opacity 1s ease;\n} */\n\n@property --angle {\n syntax: \"<angle>\";\n initial-value: 0deg;\n inherits: false;\n}\n\n@keyframes spin {\n to { --angle: 360deg; }\n}\n\n.submit_button_loading {\n position: absolute;\n inset: 0;\n background: white;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Glowing shadow behind */\n.submit_button_loading::before {\n content: \"\";\n position: absolute;\n inset: -6px;\n background: conic-gradient(\n from var(--angle),\n #e8603c,\n #f0a070,\n #ffd27a,\n #ff8fa3,\n #e8603c\n );\n animation: spin 2s linear infinite;\n z-index: -2;\n border-radius: 12px;\n filter: blur(10px);\n opacity: 0.85;\n}\n\n/* White mask covers center, lets glow peek out at edges */\n.submit_button_loading::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: white;\n border-radius: 8px;\n z-index: -1;\n}\n\n/* Remove the ::after \u2014 no more white mask needed */\n\n@keyframes spin {\n to {\n --angle: 360deg;\n }\n}\n\n\n[prompt-skeleton] {\n display: none;\n}\n\n[prompt-slide-image-inner]{\n border-radius: 10px;\n overflow: hidden;\n}"],
|
|
5
|
-
"mappings": ";AAAE,CAAC;
|
|
4
|
+
"sourcesContent": [" [promptbar=\"border\"] {\n position: absolute;\n inset: 0;\n border-radius: 18px;\n padding: 2px;\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n background: conic-gradient(from var(--angle, 0deg),\n transparent 0%,\n transparent 40%,\n #e8603c 50%,\n #f0a070 55%,\n transparent 65%,\n transparent 100%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n @property --angle {\n syntax: '<angle>';\n initial-value: 0deg;\n inherits: false;\n }\n\n [promptbar=\"border\"][is-animating=\"true\"] {\n animation: spin 3.5s linear forwards;\n opacity: 1;\n }\n\n @keyframes spin {\n from {\n --angle: 0deg;\n opacity: 1;\n }\n\n 85% {\n --angle: 360deg;\n opacity: 1;\n }\n\n 100% {\n --angle: 360deg;\n opacity: 0;\n }\n }\n\n [promptbar=\"submit\"][is-clicked=\"true\"] {\n transform: scale(0.80);\n transition: transform 0.12s cubic-bezier(0.34, 1.56, 0.64, 1),\n background-color 0.15s ease;\n }\n\n [promptbar=\"submit\"][is-clicked=\"false\"] {\n transform: scale(1);\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),\n background-color 0.5s ease;\n }\n\n\n /* .chroma-text {\n background-image: linear-gradient(90deg,\n #000000 0,\n #000000 33.33%,\n #4E52F2 40%,\n #DD9DFF 45%,\n #E3A4A8 50%,\n #50C0FE 55%,\n #1E31FC 60%,\n transparent 66.67%,\n transparent);\n background-size: 300% 100%;\n background-position: 100% 0;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-fill-color: transparent;\n color: transparent;\n\n\n font-size: var(--_text-size---body--l);\n line-height: var(--_line-height---line-height-body--l);\n font-weight: var(--_font-weight---font-weight-body--l);\n} */\n .chroma-text {\n background-image: linear-gradient(90deg,\n #ffffff 0,\n #ffffff 33.33%,\n #e8603c 40%,\n #f0845a 45%,\n #ffc4a8 50%,\n #f07050 55%,\n #c94020 60%,\n transparent 66.67%,\n transparent);\n background-size: 300% 100%;\n background-position: 100% 0;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-fill-color: transparent;\n color: transparent;\n\n font-size: var(--_text-size---body--l);\n line-height: var(--_line-height---line-height-body--l);\n font-weight: var(--_font-weight---font-weight-body--l);\n }\n\n /* Only animate when explicitly true */\n .chroma-text[data-animate=\"true\"] {\n animation: chroma-sweep 1.5s ease-in-out forwards;\n filter: blur(1px);\n }\n\n @keyframes chroma-sweep {\n 0% {\n background-position: 100% 0;\n filter: blur(1px);\n }\n\n to {\n background-position: 0 0;\n filter: blur(0);\n }\n }\n\n .promptbar-text-item {\n display: none;\n opacity: 0 !important;\n }\n\n\n\n [prompt-slide-image] {\n position: absolute;\n border-radius: 18px;\n opacity: 0;\n transform: scale(0);\n filter: blur(16px);\n transition: none;\n /* let GSAP handle it */\n }\n\n\n\n /* stagger delays\n .block:nth-child(1) { transition-delay: 0.00s; }\n .block:nth-child(2) { transition-delay: 0.07s; }\n .block:nth-child(3) { transition-delay: 0.14s; }\n .block:nth-child(4) { transition-delay: 0.21s; }\n .block:nth-child(5) { transition-delay: 0.28s; }\n .block:nth-child(6) { transition-delay: 0.35s; }\n .block:nth-child(7) { transition-delay: 0.42s; }\n .block:nth-child(8) { transition-delay: 0.49s; } */\n\n [prompt-slide-image=\"1\"] {\n --i: 1;\n }\n\n [prompt-slide-image=\"2\"] {\n --i: 2;\n }\n\n [prompt-slide-image=\"3\"] {\n --i: 3;\n }\n\n [prompt-slide-image=\"4\"] {\n --i: 4;\n }\n\n [prompt-slide-image=\"5\"] {\n --i: 5;\n }\n\n [prompt-slide-image=\"6\"] {\n --i: 6;\n }\n\n [prompt-slide-image=\"7\"] {\n --i: 7;\n }\n\n [prompt-slide-image=\"8\"] {\n --i: 8;\n }\n\n /*\n 8 ZONES (never touch center keep-out ~26%\u201374% x, 28%\u201372% y):\n 1 \u2192 far-left-top\n 2 \u2192 far-left-bottom\n 3 \u2192 far-right-top\n 4 \u2192 far-right-bottom\n 5 \u2192 top-inner-left (above center, left half)\n 6 \u2192 top-inner-right (above center, right half)\n 7 \u2192 bottom-inner-left\n 8 \u2192 bottom-inner-right\n\n Each [prompt-slide-image=\"N\"] maps to zone N.\n Each slide has different sizes + slight position variation per zone.\n */\n\n /* ===================== ZONE POSITIONS (shared across slides, overridden per slide for size variety) ===================== */\n /* Zone 1 \u2013 far left top */\n [prompt-slide-image=\"1\"] {\n top: 6vh;\n left: 2vw;\n width: calc(10vw + 100px);\n aspect-ratio: 3/4;\n }\n\n /* Zone 2 \u2013 far left bottom */\n [prompt-slide-image=\"2\"] {\n bottom: 14vh;\n left: 5vw;\n width: calc(4vw + 100px);\n aspect-ratio: 3/4;\n }\n\n /* Zone 3 \u2013 far right top */\n [prompt-slide-image=\"3\"] {\n top: 4vh;\n right: 3vw;\n width: calc(8vw + 100px);\n aspect-ratio: 4/5;\n }\n\n /* Zone 4 \u2013 far right bottom */\n [prompt-slide-image=\"4\"] {\n bottom: 16vh;\n right: 2vw;\n width: calc(6vw + 100px);\n aspect-ratio: 12/16;\n }\n\n /* Zone 5 \u2013 top inner left */\n [prompt-slide-image=\"5\"] {\n top: 4vh;\n left: 32vw;\n width: calc(1vw + 100px);\n aspect-ratio: 2/3;\n }\n\n /* Zone 6 \u2013 top inner right */\n [prompt-slide-image=\"6\"] {\n top: 6vh;\n right: 30vw;\n width: calc(8vw + 100px);\n aspect-ratio: 3/2.5;\n }\n\n /* Zone 7 \u2013 bottom inner left */\n [prompt-slide-image=\"7\"] {\n bottom: 11vh;\n left: 28vw;\n width: calc(3vw + 100px);\n aspect-ratio: 4/5;\n }\n\n /* Zone 8 \u2013 bottom inner right */\n [prompt-slide-image=\"8\"] {\n bottom: 10vh;\n right: 24vw;\n width: calc(7vw + 100px);\n aspect-ratio: 5/4;\n }\n\n @media (max-width: 800px) {\n\n [prompt-slide-image=\"5\"],\n [prompt-slide-image=\"6\"],\n [prompt-slide-image=\"7\"],\n [prompt-slide-image=\"8\"] {\n display: none;\n }\n\n /* Zone 1 \u2013 far left top */\n [prompt-slide-image=\"1\"] {\n top: 6vh;\n left: 6vw;\n width: calc(10vw + 100px);\n aspect-ratio: 3/4;\n }\n\n /* Zone 2 \u2013 far left bottom */\n [prompt-slide-image=\"2\"] {\n bottom: 12vh;\n left: 8vw;\n width: calc(6vw + 100px);\n aspect-ratio: 4/4;\n }\n\n /* Zone 3 \u2013 far right top */\n [prompt-slide-image=\"3\"] {\n top: 4vh;\n right: 8vw;\n width: calc(10vw + 100px);\n aspect-ratio: 4/5;\n }\n\n /* Zone 4 \u2013 far right bottom */\n [prompt-slide-image=\"4\"] {\n bottom: 10vh;\n right: 6vw;\n width: calc(6vw + 100px);\n aspect-ratio: 12/16;\n }\n }\n\n\n /* ===================== SLIDE COLORS ===================== */\n\n /* Slide 1 \u2013 Terracotta */\n /* [prompt-slide=\"1\"] [prompt-slide-image=\"1\"] { background: #C1440E; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"2\"] { background: #8B2500; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"3\"] { background: #E8A87C; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"4\"] { background: #F2C9A0; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"5\"] { background: #D4622A; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"6\"] { background: #FF8C5A; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"7\"] { background: #FFD4B8; }\n [prompt-slide=\"1\"] [prompt-slide-image=\"8\"] { background: #7A1E00; } */\n\n /* Slide 2 \u2013 Ocean */\n /* [prompt-slide=\"2\"] [prompt-slide-image=\"1\"] { background: #003F5C; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"2\"] { background: #2F9BB5; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"3\"] { background: #7EC8E3; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"4\"] { background: #00263A; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"5\"] { background: #1A7A99; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"6\"] { background: #A8DFF0; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"7\"] { background: #E0F5FC; }\n [prompt-slide=\"2\"] [prompt-slide-image=\"8\"] { background: #005073; } */\n\n /* Slide 3 \u2013 Violet */\n /* [prompt-slide=\"3\"] [prompt-slide-image=\"1\"] { background: #2D0057; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"2\"] { background: #7B00D4; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"3\"] { background: #BF5FFF; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"4\"] { background: #1A0033; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"5\"] { background: #9B30FF; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"6\"] { background: #D48FFF; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"7\"] { background: #F3D4FF; }\n [prompt-slide=\"3\"] [prompt-slide-image=\"8\"] { background: #4B0099; } */\n\n /* Slide 4 \u2013 Lime */\n /* [prompt-slide=\"4\"] [prompt-slide-image=\"1\"] { background: #1A3300; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"2\"] { background: #5C9E00; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"3\"] { background: #AADD00; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"4\"] { background: #0D1A00; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"5\"] { background: #7DC200; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"6\"] { background: #D4FF4D; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"7\"] { background: #EEFFAA; }\n [prompt-slide=\"4\"] [prompt-slide-image=\"8\"] { background: #3A6600; }\n\n /* Slide 5 \u2013 Rose gold */\n /* [prompt-slide=\"5\"] [prompt-slide-image=\"1\"] { background: #5C1A2E; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"2\"] { background: #B5485A; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"3\"] { background: #E8899A; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"4\"] { background: #2E0A15; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"5\"] { background: #D4607A; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"6\"] { background: #F2B8C6; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"7\"] { background: #FFE0EA; }\n [prompt-slide=\"5\"] [prompt-slide-image=\"8\"] { background: #8C2A3E; }\n\n /* Slide 6 \u2013 Amber */\n /* [prompt-slide=\"6\"] [prompt-slide-image=\"1\"] { background: #3D1C00; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"2\"] { background: #B85C00; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"3\"] { background: #FFAA33; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"4\"] { background: #1F0E00; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"5\"] { background: #E07800; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"6\"] { background: #FFCC80; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"7\"] { background: #FFF0CC; }\n [prompt-slide=\"6\"] [prompt-slide-image=\"8\"] { background: #7A3800; }\n\n /* Slide 7 \u2013 Ice */\n /* [prompt-slide=\"7\"] [prompt-slide-image=\"1\"] { background: #0A1A2E; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"2\"] { background: #1E4D78; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"3\"] { background: #6EB5E0; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"4\"] { background: #050D1A; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"5\"] { background: #3A80B8; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"6\"] { background: #B8DCF5; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"7\"] { background: #E8F5FF; }\n [prompt-slide=\"7\"] [prompt-slide-image=\"8\"] { background: #0D3057; }\n\n /* Slide 8 \u2013 Mint */\n /* [prompt-slide=\"8\"] [prompt-slide-image=\"1\"] { background: #002E1F; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"2\"] { background: #00875A; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"3\"] { background: #4DCCAA; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"4\"] { background: #001710; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"5\"] { background: #00AA77; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"6\"] { background: #99EED8; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"7\"] { background: #DDFFF5; }\n [prompt-slide=\"8\"] [prompt-slide-image=\"8\"] { background: #005C3D; }\n\n /* ===================== PER-SLIDE SIZE + POSITION OVERRIDES ===================== */\n /* Each slide shifts zone positions slightly so no two slides look identical */\n /* [prompt-slide=\"2\"] [prompt-slide-image=\"1\"] { top: 5vh; left: 2vw; width: calc(13vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"2\"] { bottom: 5vh; left: 2vw; width: calc(10vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"3\"] { top: 2vh; right: 2vw; width: calc(12vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"4\"] { bottom: 2vh; right: 2vw; width: calc(11vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"5\"] { top: 8vh; left: 20vw; width: calc(9vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"6\"] { top: 3vh; right: 20vw; width: calc(10vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"7\"] { bottom: 6vh; left: 20vw; width: calc(8vw + 100px); }\n[prompt-slide=\"2\"] [prompt-slide-image=\"8\"] { bottom: 3vh; right: 20vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"3\"] [prompt-slide-image=\"1\"] { top: 2vh; left: 12vw; width: calc(13vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"2\"] { bottom: 4vh; left: 1vw; width: calc(10vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"3\"] { top: 6vh; right: 1vw; width: calc(12vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"4\"] { bottom: 2vh; right: 2vw; width: calc(11vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"5\"] { top: 4vh; left: 21vw; width: calc(9vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"6\"] { top: 7vh; right: 21vw; width: calc(10vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"7\"] { bottom: 5vh; left: 18vw; width: calc(8vw + 100px); }\n[prompt-slide=\"3\"] [prompt-slide-image=\"8\"] { bottom: 4vh; right: 18vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"4\"] [prompt-slide-image=\"1\"] { top: 4vh; left: 1vw; width: calc(13vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"2\"] { bottom: 2vh; left: 2vw; width: calc(10vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"3\"] { top: 3vh; right: 2vw; width: calc(12vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"4\"] { bottom: 4vh; right: 1vw; width: calc(11vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"5\"] { top: 6vh; left: 18vw; width: calc(9vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"6\"] { top: 5vh; right: 18vw; width: calc(10vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"7\"] { bottom: 3vh; left: 21vw; width: calc(8vw + 100px); }\n[prompt-slide=\"4\"] [prompt-slide-image=\"8\"] { bottom: 6vh; right: 21vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"5\"] [prompt-slide-image=\"1\"] { top: 3vh; left: 2vw; width: calc(13vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"2\"] { bottom: 5vh; left: 1vw; width: calc(10vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"3\"] { top: 5vh; right: 2vw; width: calc(12vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"4\"] { bottom: 3vh; right: 1vw; width: calc(11vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"5\"] { top: 7vh; left: 20vw; width: calc(9vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"6\"] { top: 4vh; right: 20vw; width: calc(10vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"7\"] { bottom: 4vh; left: 19vw; width: calc(8vw + 100px); }\n[prompt-slide=\"5\"] [prompt-slide-image=\"8\"] { bottom: 2vh; right: 19vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"6\"] [prompt-slide-image=\"1\"] { top: 2vh; left: 1vw; width: calc(13vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"2\"] { bottom: 3vh; left: 2vw; width: calc(10vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"3\"] { top: 4vh; right: 1vw; width: calc(12vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"4\"] { bottom: 5vh; right: 2vw; width: calc(11vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"5\"] { top: 5vh; left: 22vw; width: calc(9vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"6\"] { top: 8vh; right: 22vw; width: calc(10vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"7\"] { bottom: 6vh; left: 20vw; width: calc(8vw + 100px); }\n[prompt-slide=\"6\"] [prompt-slide-image=\"8\"] { bottom: 4vh; right: 20vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"7\"] [prompt-slide-image=\"1\"] { top: 5vh; left: 2vw; width: calc(13vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"2\"] { bottom: 4vh; left: 1vw; width: calc(10vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"3\"] { top: 3vh; right: 2vw; width: calc(12vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"4\"] { bottom: 2vh; right: 1vw; width: calc(11vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"5\"] { top: 6vh; left: 19vw; width: calc(9vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"6\"] { top: 5vh; right: 19vw; width: calc(10vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"7\"] { bottom: 3vh; left: 22vw; width: calc(8vw + 100px); }\n[prompt-slide=\"7\"] [prompt-slide-image=\"8\"] { bottom: 5vh; right: 22vw; width: calc(9vw + 100px); }\n\n[prompt-slide=\"8\"] [prompt-slide-image=\"1\"] { top: 4vh; left: 2vw; width: calc(13vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"2\"] { bottom: 2vh; left: 1vw; width: calc(10vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"3\"] { top: 2vh; right: 1vw; width: calc(12vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"4\"] { bottom: 4vh; right: 2vw; width: calc(11vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"5\"] { top: 7vh; left: 21vw; width: calc(9vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"6\"] { top: 4vh; right: 21vw; width: calc(10vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"7\"] { bottom: 5vh; left: 19vw; width: calc(8vw + 100px); }\n[prompt-slide=\"8\"] [prompt-slide-image=\"8\"] { bottom: 3vh; right: 19vw; width: calc(9vw + 100px); } */\n /* pagination */\n .swiper-pagination-bullet {\n background: rgba(255, 255, 255, 0.35);\n opacity: 1;\n transition: background 0.3s, transform 0.3s;\n }\n\n .swiper-pagination-bullet-active {\n background: #fff;\n transform: scale(1.4);\n }\n\n [prompt-skeleton] {\n position: absolute;\n inset: 0;\n border-radius: 18px;\n background: #1a1a1a;\n animation: skeleton-pulse 1.6s ease-in-out infinite;\n opacity: 1;\n transition: opacity 0.4s ease;\n z-index: 2;\n }\n\n @keyframes skeleton-pulse {\n 0% {\n background: #1a1a1a;\n }\n\n 50% {\n background: #2e2e2e;\n }\n\n 100% {\n background: #1a1a1a;\n }\n }\n\n\n /* [promptbar-slider] {\n opacity: 0;\n transition: opacity 1s ease;\n} */\n\n @property --angle {\n syntax: \"<angle>\";\n initial-value: 0deg;\n inherits: false;\n }\n\n @keyframes spin {\n to {\n --angle: 360deg;\n }\n }\n\n .submit_button_loading {\n position: absolute;\n inset: 0;\n background: white;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Glowing shadow behind */\n .submit_button_loading::before {\n content: \"\";\n position: absolute;\n inset: -6px;\n background: conic-gradient(from var(--angle),\n #e8603c,\n #f0a070,\n #ffd27a,\n #ff8fa3,\n #e8603c);\n animation: spin 2s linear infinite;\n z-index: -2;\n border-radius: 12px;\n filter: blur(10px);\n opacity: 0.85;\n }\n\n /* White mask covers center, lets glow peek out at edges */\n .submit_button_loading::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: white;\n border-radius: 8px;\n z-index: -1;\n }\n\n /* Remove the ::after \u2014 no more white mask needed */\n\n @keyframes spin {\n to {\n --angle: 360deg;\n }\n }\n\n\n [prompt-skeleton] {\n display: none;\n }\n\n [prompt-slide-image-inner] {\n border-radius: 10px;\n overflow: hidden;\n }\n\n\n @media screen and (max-width: 479px) {\n [custom-style-identifier=\"prompt-title\"] {\n font-size: 40px;\n max-width: 264px;\n margin: auto;\n text-align: center;\n }\n }"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|