vanilla-breeze 0.4.0 → 0.5.0

package/dist/cdn/packs/effects.full.js

@@ -1,2 +1,2 @@
-var L=window.matchMedia("(prefers-reduced-motion: reduce)");function y(){return L.matches||document.documentElement.hasAttribute("data-motion-reduced")}var E=0,M=new Map([["vb-fade-in","entrance"],["vb-slide-up","entrance"],["vb-pop","entrance"],["vb-slide-in-ltr","entrance"],["vb-slide-in-rtl","entrance"],["vb-fade-slide-up","entrance"],["vb-shadow-lift","entrance"],["vb-fade-out","exit"],["vb-collapse","exit"],["vb-slide-out-ltr","exit"],["vb-slide-out-rtl","exit"],["vb-shake","attention"],["vb-pulse","attention"],["vb-bounce","attention"],["vb-blink","attention"],["vb-neon-pulse","decoration"],["vb-3d-shift","decoration"],["vb-outline-glow-pulse","decoration"],["vb-rainbow","decoration"],["vb-gradient-flow","decoration"],["vb-shimmer","decoration"],["vb-shimmer-gradient","decoration"],["vb-glow","decoration"],["vb-float","decoration"]]),A="__vbEffectsRuntime",_=globalThis,f=_[A]??{_effects:new Map,_triggers:new Map,_transitions:new Map,_instances:new WeakMap,_triggerCleanups:new WeakMap,_wiredTriggers:new WeakMap,_transitionCleanups:new WeakMap,_keyframePhase:M,_observer:null,_animationEndHandler:null,_autoBooted:!1,effect(t,e){this._effects.set(t,e),document.querySelectorAll("[data-effect]").forEach(i=>{if(!(i.getAttribute("data-effect")||"").split(/\s+/).includes(t))return;let r=!this._instances.get(i)?.has(t);this._initEffect(i,t),r&&i.hasAttribute("data-effect-active")&&this._instances.get(i)?.get(t)?.activate?.()})},trigger(t,e){this._triggers.set(t,e),document.querySelectorAll("[data-effect-processed][data-trigger]").forEach(i=>{let n=i.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(i,n)})},transition(t,e){this._transitions.set(t,e)},uid(t){return t.id?t.id:(t._vbUid||(E++,t._vbUid=`vb-${E}`),t._vbUid)},theme(t,e){this._themes=this._themes||new Map,this._themes.set(t,e)},applyTheme(t,e=document.documentElement){let i=this._themes?.get(t);if(i)for(let[n,r]of Object.entries(i))e.style.setProperty(n,r)},swap(t){if(!document.startViewTransition){t(),queueMicrotask(()=>this._dispatchVtDone(document.body));return}let e=document.startViewTransition(t);return e.updateCallbackDone.then(()=>{this._dispatchVtDone(document.body)}).catch(()=>{}),e},_dispatchVtDone(t){t.querySelectorAll('[data-trigger~="vt"]').forEach(e=>{this.emit(e,"vb:vt-update-done",{})})},activate(t){this._activateEffects(t)},deactivate(t){t.hasAttribute("data-effect-active")&&(t.removeAttribute("data-effect-active"),this.emit(t,"vb:phase-change",{active:!1}))},onPhaseEnd(t,e,i){let n=r=>{r.detail?.phase===e&&i(r.detail)};return t.addEventListener("vb:effect-phase-end",n),()=>t.removeEventListener("vb:effect-phase-end",n)},registerKeyframe(t,e){this._keyframePhase.set(t,e)},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(i=>this._processElement(i)),t.querySelectorAll("[data-stagger]").forEach(i=>this._processStagger(i)),t.querySelectorAll("[data-transition]").forEach(i=>this._processTransition(i)),this._observer)return;this._observer=new MutationObserver(i=>{for(let n of i){if(n.type==="childList"){for(let r of n.addedNodes)r.nodeType===Node.ELEMENT_NODE&&this._processTree(r);for(let r of n.removedNodes)r.nodeType===Node.ELEMENT_NODE&&(r.isConnected||this._cleanupTree(r))}if(n.type==="attributes"){let r=n.target;n.attributeName==="data-effect"&&this._reconcileEffects(r),n.attributeName==="data-trigger"&&this._reconcileTrigger(r),n.attributeName==="data-stagger"&&this._processStagger(r),n.attributeName==="data-transition"&&this._processTransition(r)}}});let e=t===document?document.body:t;this._observer.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-effect","data-trigger","data-stagger","data-transition"]}),this._animationEndHandler||(this._animationEndHandler=i=>{let n=i.target;if(!(n instanceof Element)||!n.hasAttribute("data-effect"))return;let r=this._keyframePhase.get(i.animationName);r&&this.emit(n,"vb:effect-phase-end",{phase:r,animationName:i.animationName})},document.addEventListener("animationend",this._animationEndHandler))},disconnect(){this._observer&&(this._observer.disconnect(),this._observer=null),this._animationEndHandler&&(document.removeEventListener("animationend",this._animationEndHandler),this._animationEndHandler=null)},params(t){let e=getComputedStyle(t);return{get(i){return e.getPropertyValue(`--vb-${i}`).trim()},getNumber(i,n=0){let r=e.getPropertyValue(`--vb-${i}`).trim();return r?parseFloat(r):n},getTime(i,n=0){let r=e.getPropertyValue(`--vb-${i}`).trim();if(!r)return n;let a=parseFloat(r);return Number.isFinite(a)?/s\s*$/.test(r)&&!/ms\s*$/.test(r)?a*1e3:a:n},hasClass(i){return t.classList.contains(i)}}},emit(t,e,i={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:i}))},prefersReducedMotion:y,_processTree(t){t.hasAttribute?.("data-effect")&&this._processElement(t),t.hasAttribute?.("data-stagger")&&this._processStagger(t),t.hasAttribute?.("data-transition")&&this._processTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._processElement(e)),t.querySelectorAll?.("[data-stagger]").forEach(e=>this._processStagger(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._processTransition(e))},_cleanupTree(t){t.hasAttribute?.("data-effect")&&this._cleanupElement(t),t.hasAttribute?.("data-transition")&&this._cleanupTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._cleanupElement(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._cleanupTransition(e))},_processElement(t){if(t.hasAttribute("data-effect-processed"))return;t.setAttribute("data-effect-processed","");let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];for(let i of e)this._initEffect(t,i);this._wireTrigger(t,e)},_initEffect(t,e){let i=this._effects.get(e);if(!i)return;let n=this._instances.get(t);if(n?.has(e))return;y();let r=i(t);r&&(n||(n=new Map,this._instances.set(t,n)),typeof r=="function"?n.set(e,{cleanup:r}):n.set(e,r))},_wireTrigger(t,e){let i=t.getAttribute("data-trigger");if(!i){this._activateEffects(t);return}let n=i.split(/\s+/).filter(Boolean);this._wiredTriggers??=new WeakMap;let r=this._wiredTriggers.get(t);r||(r=new Set,this._wiredTriggers.set(t,r));for(let a of n){if(r.has(a))continue;let s=a.indexOf(":"),o=s>-1?a.slice(0,s):a,d=s>-1?a.slice(s+1):null,c=this._triggers.get(o);if(!c)continue;r.add(a);let u=c(t,()=>this._activateEffects(t),d);if(u){let l=this._triggerCleanups.get(t);if(l){let h=l;this._triggerCleanups.set(t,()=>{h(),u()})}else this._triggerCleanups.set(t,u)}}},_activateEffects(t){t.setAttribute("data-effect-active",""),this.emit(t,"vb:phase-change",{active:!0});let e=this._instances.get(t);if(e)for(let[,i]of e)i.activate&&i.activate()},_cleanupElement(t){let e=this._instances.get(t);if(e){for(let[,n]of e)n.cleanup&&n.cleanup();this._instances.delete(t)}let i=this._triggerCleanups.get(t);i&&(i(),this._triggerCleanups.delete(t)),this._wiredTriggers?.delete(t)},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],i=this._instances.get(t);if(i)for(let[n,r]of i)e.includes(n)||(r.cleanup&&r.cleanup(),i.delete(n));for(let n of e)i?.has(n)||this._initEffect(t,n);t.hasAttribute("data-effect-processed")||(t.setAttribute("data-effect-processed",""),this._wireTrigger(t,e))},_reconcileTrigger(t){let e=this._triggerCleanups.get(t);e&&(e(),this._triggerCleanups.delete(t)),this._wiredTriggers?.delete(t);let i=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,i)},_processStagger(t){let e=t.getAttribute("data-stagger")||"",i=t.children,n=i.length,r;if(e==="reverse")r=Array.from({length:n},(a,s)=>n-1-s);else if(e==="random"){let a=this._hashString(this.uid(t));r=Array.from({length:n},(o,d)=>d);let s=a;for(let o=n-1;o>0;o--){s^=s<<13,s^=s>>>17,s^=s<<5;let d=Math.abs(s)%(o+1);[r[o],r[d]]=[r[d],r[o]]}}else if(e==="grid"){let a=[];for(let s=0;s<n;s++){let o=getComputedStyle(i[s]),d=parseInt(o.gridRowStart,10),c=parseInt(o.gridColumnStart,10);a.push({i:s,dist:Number.isFinite(d)&&Number.isFinite(c)?d-1+(c-1):s})}a.sort((s,o)=>s.dist-o.dist),r=new Array(n),a.forEach((s,o)=>{r[s.i]=o})}else r=Array.from({length:n},(a,s)=>s);for(let a=0;a<n;a++)i[a].style.setProperty("--vb-stagger-index",String(r[a]))},_hashString(t){let e=5381;for(let i=0;i<t.length;i++)e=(e<<5)+e^t.charCodeAt(i);return e|0},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let i=e.indexOf(":"),n=i>-1?e.slice(0,i):e,r=i>-1?e.slice(i+1):null,a=this._transitions.get(n);if(a){let s=a(t,r);s&&this._transitionCleanups.set(t,s)}else t.style.viewTransitionName=`${e}-${this.uid(t)}`},_cleanupTransition(t){let e=this._transitionCleanups.get(t);e&&(e(),this._transitionCleanups.delete(t)),t.style.viewTransitionName=""}};_[A]=f;typeof window<"u"&&(window.VB=f);typeof document<"u"&&!f._autoBooted&&(f._autoBooted=!0,document.body?f.observe():document.addEventListener("DOMContentLoaded",()=>f.observe(),{once:!0}));f.effect("glitch",t=>{t.hasAttribute("data-effect-glitch-init")||(t.setAttribute("data-effect-glitch-init",""),t.setAttribute("data-glitch-text",t.textContent))});function $(t,e,i,n){let r=0;function a(){r<=e.length?(t.firstChild.textContent=e.slice(0,r),r++,setTimeout(a,i)):n&&n()}a()}function V(t,e,i){let n=t.firstChild.textContent,r=n.length;function a(){r>=0?(t.firstChild.textContent=n.slice(0,r),r--,setTimeout(a,e/2)):i&&i()}a()}function q(t){let e=t.getAttribute("data-typewriter-text"),i=f.params(t),n=i.getTime("typewriter-speed",50),r=i.getTime("typewriter-delay",0),s=t.classList.contains("loop")?2e3:null;t.textContent="";let o=document.createTextNode("");if(t.appendChild(o),!t.classList.contains("no-cursor")){let u=document.createElement("span");u.className="vb-typewriter-cursor",u.textContent="|",u.setAttribute("aria-hidden","true"),t.appendChild(u)}function c(){$(t,e,n,()=>{s!==null&&setTimeout(()=>{V(t,n,()=>{setTimeout(c,400)})},s)})}setTimeout(c,r)}f.effect("typewriter",t=>{if(t.hasAttribute("data-effect-typewriter-init"))return;t.setAttribute("data-effect-typewriter-init","");let e=t.textContent.trim();if(t.setAttribute("data-typewriter-text",e),t.setAttribute("aria-label",e),!f.prefersReducedMotion())return t.textContent="",{activate(){q(t)},cleanup(){}}});var w="!<>-_\\/[]{}=+*^?#";function C(t){return t[Math.floor(Math.random()*t.length)]}function B(t){let e=t.getAttribute("data-scramble-text"),i=f.params(t),n=i.getTime("scramble-duration",1500),r=i.get("scramble-chars")||w,a=i.getTime("scramble-speed",30),s=e.length,o=0,d=Math.ceil(n/a);function c(){let u=o/d,l=Math.floor(u*s),h="";for(let p=0;p<s;p++)p<l?h+=e[p]:e[p]===" "?h+=" ":h+=C(r);t.textContent=h,o++,o<=d?setTimeout(c,a):t.textContent=e}c()}f.effect("scramble",t=>{if(t.hasAttribute("data-effect-scramble-init"))return;t.setAttribute("data-effect-scramble-init","");let e=t.textContent.trim();if(t.setAttribute("data-scramble-text",e),t.setAttribute("aria-label",e),f.prefersReducedMotion())return;let i=f.params(t).get("scramble-chars")||w;return t.textContent=e.replace(/\S/g,()=>C(i)),{activate(){B(t)},cleanup(){}}});function F(t){let e=t.textContent;t.setAttribute("aria-label",e),t.innerHTML="",e.split(/(\s+)/).forEach((n,r)=>{if(/^\s+$/.test(n)){t.appendChild(document.createTextNode(n));return}let a=document.createElement("span");a.className="vb-blur-chunk",a.textContent=n,a.style.setProperty("--i",String(Math.floor(r/2))),a.setAttribute("aria-hidden","true"),t.appendChild(a)})}function P(t){let e=t.textContent;t.setAttribute("aria-label",e);let i=e.split(/\s+/).filter(Boolean),n=[],r="",a=t.offsetWidth,s=document.createElement("span");s.style.visibility="hidden",s.style.position="absolute",s.style.font=getComputedStyle(t).font,document.body.appendChild(s),i.forEach(o=>{let d=r?r+" "+o:o;s.textContent=d,s.offsetWidth>a&&r?(n.push(r),r=o):r=d}),r&&n.push(r),document.body.removeChild(s),n.length===0&&n.push(e),t.innerHTML="",n.forEach((o,d)=>{let c=document.createElement("span");c.className="vb-blur-chunk",c.textContent=o,c.style.setProperty("--i",String(d)),c.setAttribute("aria-hidden","true"),t.appendChild(c),d<n.length-1&&t.appendChild(document.createTextNode(" "))})}f.effect("blur-reveal",t=>{if(t.hasAttribute("data-effect-blur-reveal-init")||(t.setAttribute("data-effect-blur-reveal-init",""),f.prefersReducedMotion()))return;let e=t.classList.contains("line")?"line":"word",i=f.params(t).get("blur-reveal-delay")||"80ms";return t.style.setProperty("--blur-delay",i),e==="line"?P(t):F(t),{activate(){t.setAttribute("data-effect-active","")},cleanup(){}}});f.effect("animate-image",t=>{if(t.hasAttribute("data-effect-animate-image-init"))return;t.setAttribute("data-effect-animate-image-init","");let e=t,i=document.createElement("div");if(i.className="animate-image-wrapper",!e.parentNode)return;e.parentNode.insertBefore(i,e),i.appendChild(e);let n=document.createElement("button");n.type="button",n.className="animate-image-toggle",n.setAttribute("aria-label","Pause animation"),i.appendChild(n);let r=e.src,a=null,s=!1;function o(){let l=document.createElement("canvas");l.width=e.naturalWidth||e.width,l.height=e.naturalHeight||e.height;let h=l.getContext("2d");if(h){h.drawImage(e,0,0);try{a=l.toDataURL("image/png")}catch{a=null}}}function d(){s||(s=!0,e.setAttribute("data-animate-image-paused",""),n.setAttribute("aria-label","Play animation"),n.classList.add("paused"),a&&(e.src=a))}function c(){s&&(s=!1,e.removeAttribute("data-animate-image-paused"),n.setAttribute("aria-label","Pause animation"),n.classList.remove("paused"),e.src=r)}n.addEventListener("click",()=>s?c():d()),e.complete&&e.naturalWidth?o():e.addEventListener("load",o,{once:!0});let u=window.matchMedia("(prefers-reduced-motion: reduce)");return(u.matches||document.documentElement.dataset.motionReduced!==void 0)&&(e.complete?(o(),d()):e.addEventListener("load",()=>{o(),d()},{once:!0})),u.addEventListener("change",l=>{l.matches&&d()}),e.hasAttribute("data-animate-image-paused")&&(e.complete?(o(),s=!1,d()):e.addEventListener("load",()=>{o(),s=!1,d()},{once:!0})),{cleanup(){i.parentNode&&(i.parentNode.insertBefore(e,i),i.remove())}}});function x(){return document.documentElement.lang||navigator.language||"en"}function R(t){return t===1?1:1-Math.pow(2,-10*t)}function O(t){let e=t.indexOf(".");return e===-1?0:t.length-e-1}function D(t,e){let i=t.getAttribute("data-locale")||x(),n=t.getAttribute("data-format-number");if(n!=null){let r={minimumFractionDigits:e,maximumFractionDigits:e};switch(n){case"currency":r.style="currency",r.currency=t.getAttribute("data-currency")||"USD";break;case"percent":r.style="percent";break;case"compact":r.notation="compact";break}try{return new Intl.NumberFormat(i,r)}catch{return null}}try{return new Intl.NumberFormat(i,{minimumFractionDigits:e,maximumFractionDigits:e})}catch{return null}}function I(t){let e=t.getAttribute("value");if(e==null)return;let i=Number(e);if(isNaN(i))return;let n=f.params(t),r=n.getNumber("ticker-start",0),a=n.getTime("ticker-duration",1e3),s=n.get("ticker-decimals")?parseInt(n.get("ticker-decimals"),10):O(e),o=D(t,s),d=i-r;if(d===0)return;let c=null;function u(l){c||(c=l);let h=l-c,p=Math.min(h/a,1),m=R(p),v=r+d*m;t.textContent=o?o.format(v):v.toFixed(s),p<1?requestAnimationFrame(u):(t.textContent=o?o.format(i):i.toFixed(s),t.hasAttribute("data-format-number")&&t.setAttribute("data-format-number-init",""))}requestAnimationFrame(u)}f.effect("ticker",t=>{if(!t.hasAttribute("data-effect-ticker-init")&&(t.setAttribute("data-effect-ticker-init",""),!f.prefersReducedMotion()))return{activate(){I(t)},cleanup(){}}});var Z=window.matchMedia("(prefers-reduced-motion: reduce)");var N=new Map;function T(t,e,i={}){let n=i.priority??10,r={impl:e,bundle:i.bundle,contract:i.contract,priority:n},a=N.get(t);if(customElements.get(t)){if(!a||a.priority>=n){a&&a.priority===n&&a.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${a.bundle}" (priority ${a.priority}). Skipping "${i.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${a.bundle}" cannot be replaced (customElements.define is permanent). "${i.bundle}" has higher priority but arrived late.`);return}if(a&&a.priority>=n){a.priority===n&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${a.bundle}". Skipping "${i.bundle}" (first wins at equal priority).`);return}N.set(t,r),customElements.define(t,e)}var g=class extends HTMLElement{#e=[];#i;connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0}))}))}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,i,n,r){e.addEventListener(i,n,r),this.#e.push(()=>e.removeEventListener(i,n,r))}setup(){}teardown(){}setState(e,i){this.#i||(this.#i=this.attachInternals());let n=this.#i.states;try{i?n.add(e):n.delete(e)}catch{let r=`--${e}`;i?n.add(r):n.delete(r)}}_adoptInternals(e){this.#i||(this.#i=e)}};var b=class extends g{static formAssociated=!0;#e;#i;#t;constructor(){super(),this.#e=this.attachInternals(),this._adoptInternals(this.#e)}setup(){this.#s()}#s(){if(this.querySelector("fieldset"))return;let e=Number(this.getAttribute("value")||0);this.#i=e;let i=Number(this.getAttribute("max")||5),n=this.getAttribute("label")||"Rating",r=this.hasAttribute("allow-half"),a=this.hasAttribute("readonly"),s=this.getAttribute("icon"),d=`_sr_${this.getAttribute("name")||`star-rating-${crypto.randomUUID().slice(0,8)}`}`;a?this.#c(e,i,n,s):this.#o(e,i,n,d,r,s),this.#n(e),this.#r()}#o(e,i,n,r,a,s){let o=document.createElement("fieldset");o.setAttribute("data-rating",""),a&&o.setAttribute("data-rating-half",""),o.setAttribute("data-effect","rating");let d=document.createElement("legend");if(d.textContent=n,o.appendChild(d),a)for(let c=1;c<=i;c++){let u=c-.5,l=document.createElement("label");l.setAttribute("data-half","left");let h=document.createElement("input");h.type="radio",h.name=r,h.value=String(u),h.setAttribute("aria-label",`${u} ${u===1?"star":"stars"}`),e===u&&(h.checked=!0),l.appendChild(h),l.append(this.#a(s)),o.appendChild(l);let p=document.createElement("label");p.setAttribute("data-half","right");let m=document.createElement("input");m.type="radio",m.name=r,m.value=String(c),m.setAttribute("aria-label",`${c} ${c===1?"star":"stars"}`),e===c&&(m.checked=!0),p.appendChild(m),p.append(this.#a(s)),o.appendChild(p)}else for(let c=1;c<=i;c++){let u=document.createElement("label"),l=document.createElement("input");l.type="radio",l.name=r,l.value=String(c),l.setAttribute("aria-label",`${c} ${c===1?"star":"stars"}`),e===c&&(l.checked=!0),u.appendChild(l),u.append(this.#a(s)),o.appendChild(u)}this.appendChild(o),this.#t=o,o.addEventListener("rating:change",c=>{this.#n(c.detail.value),this.#r()}),o.addEventListener("change",c=>{let u=c.target;u.type==="radio"&&u.checked&&(this.#n(Number(u.value)),this.#r())})}#c(e,i,n,r){let a=document.createElement("fieldset");a.setAttribute("data-rating",""),a.setAttribute("data-rating-readonly",""),a.setAttribute("role","img"),a.setAttribute("aria-label",`${n}: ${e} out of ${i}`);let s=document.createElement("legend");s.textContent=n,a.appendChild(s);let o=Math.floor(e),d=e-o;for(let c=1;c<=i;c++){let u=document.createElement("span");if(u.setAttribute("aria-hidden","true"),c<=o)u.classList.add("star-filled");else if(c===o+1&&d>0){u.classList.add("star-partial"),u.style.setProperty("--_star-fill",`${d*100}%`);let l=document.createElement("span");l.classList.add("star-partial-fill"),l.append(this.#a(r)),u.appendChild(l)}else u.classList.add("star-empty");u.append(this.#a(r)),a.appendChild(u)}this.appendChild(a),this.#t=a}#a(e){if(e){let i=document.createElement("icon-wc");return i.setAttribute("name",e),i}return document.createTextNode("\u2605")}#n(e){let i=Number(e);i>0?this.#e.setFormValue(String(i)):this.#e.setFormValue(null)}#r(){this.hasAttribute("required")?this.#t?.querySelector('input[type="radio"]:checked')?this.#e.setValidity({}):this.#e.setValidity({valueMissing:!0},"Please select a rating",this.#t||this):this.#e.setValidity({})}formResetCallback(){if(this.#t){if(this.#t.querySelectorAll('input[type="radio"]').forEach(e=>{e.checked=!1}),this.#i>0){let e=this.#t.querySelector(`input[value="${this.#i}"]`);e&&(e.checked=!0)}this.#n(this.#i),this.#r()}}formStateRestoreCallback(e){if(!e||!this.#t)return;let i=this.#t.querySelector(`input[value="${e}"]`);i&&(i.checked=!0,this.#n(Number(e)),this.#r())}get value(){if(!this.#t)return Number(this.getAttribute("value")||0);let e=this.#t.querySelector('input[type="radio"]:checked');return e?Number(e.value):0}set value(e){if(!this.#t)return;let i=Number(e),n=this.#t.querySelector('input[type="radio"]:checked');if((n?Number(n.value):0)!==i){if(this.#t.querySelectorAll('input[type="radio"]').forEach(a=>{a.checked=!1}),i>0){let a=this.#t.querySelector(`input[value="${i}"]`);a&&(a.checked=!0)}this.#n(i),this.#r()}}};T("star-rating",b);var H=1e3;function k(t){let e=document.createElement("div");e.setAttribute("role","status"),e.setAttribute("aria-live","polite"),Object.assign(e.style,{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap",border:"0"}),e.textContent=t,document.body.appendChild(e),setTimeout(()=>e.remove(),H)}function S(t,e){t.dispatchEvent(new CustomEvent("rating:change",{bubbles:!0,detail:{value:e}}))}function U(t){let e=t.querySelector('input[type="radio"]:checked');return e?e.value:"0"}f.effect("rating",t=>{if(t.hasAttribute("data-effect-rating-init")||(t.setAttribute("data-effect-rating-init",""),t.hasAttribute("data-rating-readonly")))return;let e=U(t),i=!1;function n(s){let o=s.target.closest("label");if(!o)return;let d=o.querySelector('input[type="radio"]');d&&(i=d.checked&&d.value===e)}function r(s){if(!i)return;i=!1;let o=s.target.closest("label");if(!o)return;let d=o.querySelector('input[type="radio"]');d&&(d.checked=!1,e="0",S(t,0),k("Rating cleared"))}function a(s){s.target.type==="radio"&&(i||(e=s.target.value,S(t,Number(s.target.value)),k(`Rating: ${s.target.value} ${Number(s.target.value)===1?"star":"stars"}`)))}return t.addEventListener("mousedown",n),t.addEventListener("click",r),t.addEventListener("change",a),{cleanup(){t.removeEventListener("mousedown",n),t.removeEventListener("click",r),t.removeEventListener("change",a)}}});
+var L=window.matchMedia("(prefers-reduced-motion: reduce)");function y(){return L.matches||document.documentElement.hasAttribute("data-motion-reduced")}var E=0,M=new Map([["vb-fade-in","entrance"],["vb-slide-up","entrance"],["vb-pop","entrance"],["vb-slide-in-ltr","entrance"],["vb-slide-in-rtl","entrance"],["vb-fade-slide-up","entrance"],["vb-shadow-lift","entrance"],["vb-fade-out","exit"],["vb-collapse","exit"],["vb-slide-out-ltr","exit"],["vb-slide-out-rtl","exit"],["vb-shake","attention"],["vb-pulse","attention"],["vb-bounce","attention"],["vb-blink","attention"],["vb-neon-pulse","decoration"],["vb-3d-shift","decoration"],["vb-outline-glow-pulse","decoration"],["vb-rainbow","decoration"],["vb-gradient-flow","decoration"],["vb-shimmer","decoration"],["vb-shimmer-gradient","decoration"],["vb-glow","decoration"],["vb-float","decoration"]]),_="__vbEffectsRuntime",A=globalThis,l=A[_]??{_effects:new Map,_triggers:new Map,_transitions:new Map,_instances:new WeakMap,_triggerCleanups:new WeakMap,_wiredTriggers:new WeakMap,_transitionCleanups:new WeakMap,_transitionFallback:new WeakSet,_keyframePhase:M,_observer:null,_animationEndHandler:null,_autoBooted:!1,effect(t,e){this._effects.set(t,e),document.querySelectorAll("[data-effect]").forEach(i=>{if(!(i.getAttribute("data-effect")||"").split(/\s+/).includes(t))return;let r=!this._instances.get(i)?.has(t);this._initEffect(i,t),r&&i.hasAttribute("data-effect-active")&&this._instances.get(i)?.get(t)?.activate?.()})},trigger(t,e){this._triggers.set(t,e),document.querySelectorAll("[data-effect-processed][data-trigger]").forEach(i=>{let n=i.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(i,n)})},transition(t,e){this._transitions.set(t,e),document.querySelectorAll("[data-transition-processed][data-transition]").forEach(i=>{if(!this._transitionFallback.has(i))return;let n=i.getAttribute("data-transition")||"",r=n.indexOf(":");if((r>-1?n.slice(0,r):n)!==t)return;this._transitionFallback.delete(i);let s=i;s.style.viewTransitionName="";let a=e(i,r>-1?n.slice(r+1):null);a&&this._transitionCleanups.set(i,a)})},uid(t){return t.id?t.id:(t._vbUid||(E++,t._vbUid=`vb-${E}`),t._vbUid)},theme(t,e){this._themes=this._themes||new Map,this._themes.set(t,e)},applyTheme(t,e=document.documentElement){let i=this._themes?.get(t);if(i)for(let[n,r]of Object.entries(i))e.style.setProperty(n,r)},swap(t){if(!document.startViewTransition){t(),queueMicrotask(()=>this._dispatchVtDone(document.body));return}let e=document.startViewTransition(t);return e.updateCallbackDone.then(()=>{this._dispatchVtDone(document.body)}).catch(()=>{}),e},_dispatchVtDone(t){t.querySelectorAll('[data-trigger~="vt"]').forEach(e=>{this.emit(e,"vb:vt-update-done",{})})},activate(t){this._activateEffects(t)},deactivate(t){t.hasAttribute("data-effect-active")&&(t.removeAttribute("data-effect-active"),this.emit(t,"vb:phase-change",{active:!1}))},onPhaseEnd(t,e,i){let n=r=>{r.detail?.phase===e&&i(r.detail)};return t.addEventListener("vb:effect-phase-end",n),()=>t.removeEventListener("vb:effect-phase-end",n)},registerKeyframe(t,e){this._keyframePhase.set(t,e)},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(i=>this._processElement(i)),t.querySelectorAll("[data-stagger]").forEach(i=>this._processStagger(i)),t.querySelectorAll("[data-transition]").forEach(i=>this._processTransition(i)),this._observer)return;this._observer=new MutationObserver(i=>{for(let n of i){if(n.type==="childList"){for(let r of n.addedNodes)r.nodeType===Node.ELEMENT_NODE&&this._processTree(r);for(let r of n.removedNodes)r.nodeType===Node.ELEMENT_NODE&&(r.isConnected||this._cleanupTree(r))}if(n.type==="attributes"){let r=n.target;n.attributeName==="data-effect"&&this._reconcileEffects(r),n.attributeName==="data-trigger"&&this._reconcileTrigger(r),n.attributeName==="data-stagger"&&this._processStagger(r),n.attributeName==="data-transition"&&this._processTransition(r)}}});let e=t===document?document.body:t;this._observer.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-effect","data-trigger","data-stagger","data-transition"]}),this._animationEndHandler||(this._animationEndHandler=i=>{let n=i.target;if(!(n instanceof Element)||!n.hasAttribute("data-effect"))return;let r=this._keyframePhase.get(i.animationName);r&&this.emit(n,"vb:effect-phase-end",{phase:r,animationName:i.animationName})},document.addEventListener("animationend",this._animationEndHandler))},disconnect(){this._observer&&(this._observer.disconnect(),this._observer=null),this._animationEndHandler&&(document.removeEventListener("animationend",this._animationEndHandler),this._animationEndHandler=null)},params(t){let e=getComputedStyle(t);return{get(i){return e.getPropertyValue(`--vb-${i}`).trim()},getNumber(i,n=0){let r=e.getPropertyValue(`--vb-${i}`).trim();return r?parseFloat(r):n},getTime(i,n=0){let r=e.getPropertyValue(`--vb-${i}`).trim();if(!r)return n;let s=parseFloat(r);return Number.isFinite(s)?/s\s*$/.test(r)&&!/ms\s*$/.test(r)?s*1e3:s:n},hasClass(i){return t.classList.contains(i)}}},emit(t,e,i={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:i}))},prefersReducedMotion:y,_processTree(t){t.hasAttribute?.("data-effect")&&this._processElement(t),t.hasAttribute?.("data-stagger")&&this._processStagger(t),t.hasAttribute?.("data-transition")&&this._processTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._processElement(e)),t.querySelectorAll?.("[data-stagger]").forEach(e=>this._processStagger(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._processTransition(e))},_cleanupTree(t){t.hasAttribute?.("data-effect")&&this._cleanupElement(t),t.hasAttribute?.("data-transition")&&this._cleanupTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._cleanupElement(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._cleanupTransition(e))},_processElement(t){if(t.hasAttribute("data-effect-processed"))return;t.setAttribute("data-effect-processed","");let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];for(let i of e)this._initEffect(t,i);this._wireTrigger(t,e)},_initEffect(t,e){let i=this._effects.get(e);if(!i)return;let n=this._instances.get(t);if(n?.has(e))return;y();let r=i(t);r&&(n||(n=new Map,this._instances.set(t,n)),typeof r=="function"?n.set(e,{cleanup:r}):n.set(e,r))},_wireTrigger(t,e){let i=t.getAttribute("data-trigger");if(!i){this._activateEffects(t);return}let n=i.split(/\s+/).filter(Boolean);this._wiredTriggers??=new WeakMap;let r=this._wiredTriggers.get(t);r||(r=new Set,this._wiredTriggers.set(t,r));for(let s of n){if(r.has(s))continue;let a=s.indexOf(":"),o=a>-1?s.slice(0,a):s,d=a>-1?s.slice(a+1):null,c=this._triggers.get(o);if(!c)continue;r.add(s);let u=c(t,()=>this._activateEffects(t),d);if(u){let f=this._triggerCleanups.get(t);if(f){let h=f;this._triggerCleanups.set(t,()=>{h(),u()})}else this._triggerCleanups.set(t,u)}}},_activateEffects(t){t.setAttribute("data-effect-active",""),this.emit(t,"vb:phase-change",{active:!0});let e=this._instances.get(t);if(e)for(let[,i]of e)i.activate&&i.activate()},_cleanupElement(t){let e=this._instances.get(t);if(e){for(let[,n]of e)n.cleanup&&n.cleanup();this._instances.delete(t)}let i=this._triggerCleanups.get(t);i&&(i(),this._triggerCleanups.delete(t)),this._wiredTriggers?.delete(t)},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],i=this._instances.get(t);if(i)for(let[n,r]of i)e.includes(n)||(r.cleanup&&r.cleanup(),i.delete(n));for(let n of e)i?.has(n)||this._initEffect(t,n);t.hasAttribute("data-effect-processed")||(t.setAttribute("data-effect-processed",""),this._wireTrigger(t,e))},_reconcileTrigger(t){let e=this._triggerCleanups.get(t);e&&(e(),this._triggerCleanups.delete(t)),this._wiredTriggers?.delete(t);let i=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,i)},_processStagger(t){let e=t.getAttribute("data-stagger")||"",i=t.children,n=i.length,r;if(e==="reverse")r=Array.from({length:n},(s,a)=>n-1-a);else if(e==="random"){let s=this._hashString(this.uid(t));r=Array.from({length:n},(o,d)=>d);let a=s;for(let o=n-1;o>0;o--){a^=a<<13,a^=a>>>17,a^=a<<5;let d=Math.abs(a)%(o+1);[r[o],r[d]]=[r[d],r[o]]}}else if(e==="grid"){let s=[];for(let a=0;a<n;a++){let o=getComputedStyle(i[a]),d=parseInt(o.gridRowStart,10),c=parseInt(o.gridColumnStart,10);s.push({i:a,dist:Number.isFinite(d)&&Number.isFinite(c)?d-1+(c-1):a})}s.sort((a,o)=>a.dist-o.dist),r=new Array(n),s.forEach((a,o)=>{r[a.i]=o})}else r=Array.from({length:n},(s,a)=>a);for(let s=0;s<n;s++)i[s].style.setProperty("--vb-stagger-index",String(r[s]))},_hashString(t){let e=5381;for(let i=0;i<t.length;i++)e=(e<<5)+e^t.charCodeAt(i);return e|0},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let i=e.indexOf(":"),n=i>-1?e.slice(0,i):e,r=i>-1?e.slice(i+1):null,s=this._transitions.get(n);if(s){let a=s(t,r);a&&this._transitionCleanups.set(t,a)}else t.style.viewTransitionName=`${e}-${this.uid(t)}`,this._transitionFallback.add(t)},_cleanupTransition(t){let e=this._transitionCleanups.get(t);e&&(e(),this._transitionCleanups.delete(t)),this._transitionFallback.delete(t),t.style.viewTransitionName=""}};A[_]=l;if(typeof window<"u"){let t=window.VB;if(t&&t!==l)for(let e of Object.keys(t))e in l||(l[e]=t[e]);window.VB=l}typeof document<"u"&&!l._autoBooted&&(l._autoBooted=!0,document.body?l.observe():document.addEventListener("DOMContentLoaded",()=>l.observe(),{once:!0}));l.effect("glitch",t=>{t.hasAttribute("data-effect-glitch-init")||(t.setAttribute("data-effect-glitch-init",""),t.setAttribute("data-glitch-text",t.textContent))});function $(t,e,i,n){let r=0;function s(){r<=e.length?(t.firstChild.textContent=e.slice(0,r),r++,setTimeout(s,i)):n&&n()}s()}function V(t,e,i){let n=t.firstChild.textContent,r=n.length;function s(){r>=0?(t.firstChild.textContent=n.slice(0,r),r--,setTimeout(s,e/2)):i&&i()}s()}function q(t){let e=t.getAttribute("data-typewriter-text"),i=l.params(t),n=i.getTime("typewriter-speed",50),r=i.getTime("typewriter-delay",0),a=t.classList.contains("loop")?2e3:null;t.textContent="";let o=document.createTextNode("");if(t.appendChild(o),!t.classList.contains("no-cursor")){let u=document.createElement("span");u.className="vb-typewriter-cursor",u.textContent="|",u.setAttribute("aria-hidden","true"),t.appendChild(u)}function c(){$(t,e,n,()=>{a!==null&&setTimeout(()=>{V(t,n,()=>{setTimeout(c,400)})},a)})}setTimeout(c,r)}l.effect("typewriter",t=>{if(t.hasAttribute("data-effect-typewriter-init"))return;t.setAttribute("data-effect-typewriter-init","");let e=t.textContent.trim();if(t.setAttribute("data-typewriter-text",e),t.setAttribute("aria-label",e),!l.prefersReducedMotion())return t.textContent="",{activate(){q(t)},cleanup(){}}});var w="!<>-_\\/[]{}=+*^?#";function C(t){return t[Math.floor(Math.random()*t.length)]}function F(t){let e=t.getAttribute("data-scramble-text"),i=l.params(t),n=i.getTime("scramble-duration",1500),r=i.get("scramble-chars")||w,s=i.getTime("scramble-speed",30),a=e.length,o=0,d=Math.ceil(n/s);function c(){let u=o/d,f=Math.floor(u*a),h="";for(let p=0;p<a;p++)p<f?h+=e[p]:e[p]===" "?h+=" ":h+=C(r);t.textContent=h,o++,o<=d?setTimeout(c,s):t.textContent=e}c()}l.effect("scramble",t=>{if(t.hasAttribute("data-effect-scramble-init"))return;t.setAttribute("data-effect-scramble-init","");let e=t.textContent.trim();if(t.setAttribute("data-scramble-text",e),t.setAttribute("aria-label",e),l.prefersReducedMotion())return;let i=l.params(t).get("scramble-chars")||w;return t.textContent=e.replace(/\S/g,()=>C(i)),{activate(){F(t)},cleanup(){}}});function B(t){let e=t.textContent;t.setAttribute("aria-label",e),t.innerHTML="",e.split(/(\s+)/).forEach((n,r)=>{if(/^\s+$/.test(n)){t.appendChild(document.createTextNode(n));return}let s=document.createElement("span");s.className="vb-blur-chunk",s.textContent=n,s.style.setProperty("--i",String(Math.floor(r/2))),s.setAttribute("aria-hidden","true"),t.appendChild(s)})}function P(t){let e=t.textContent;t.setAttribute("aria-label",e);let i=e.split(/\s+/).filter(Boolean),n=[],r="",s=t.offsetWidth,a=document.createElement("span");a.style.visibility="hidden",a.style.position="absolute",a.style.font=getComputedStyle(t).font,document.body.appendChild(a),i.forEach(o=>{let d=r?r+" "+o:o;a.textContent=d,a.offsetWidth>s&&r?(n.push(r),r=o):r=d}),r&&n.push(r),document.body.removeChild(a),n.length===0&&n.push(e),t.innerHTML="",n.forEach((o,d)=>{let c=document.createElement("span");c.className="vb-blur-chunk",c.textContent=o,c.style.setProperty("--i",String(d)),c.setAttribute("aria-hidden","true"),t.appendChild(c),d<n.length-1&&t.appendChild(document.createTextNode(" "))})}l.effect("blur-reveal",t=>{if(t.hasAttribute("data-effect-blur-reveal-init")||(t.setAttribute("data-effect-blur-reveal-init",""),l.prefersReducedMotion()))return;let e=t.classList.contains("line")?"line":"word",i=l.params(t).get("blur-reveal-delay")||"80ms";return t.style.setProperty("--blur-delay",i),e==="line"?P(t):B(t),{activate(){t.setAttribute("data-effect-active","")},cleanup(){}}});l.effect("animate-image",t=>{if(t.hasAttribute("data-effect-animate-image-init"))return;t.setAttribute("data-effect-animate-image-init","");let e=t,i=document.createElement("div");if(i.className="animate-image-wrapper",!e.parentNode)return;e.parentNode.insertBefore(i,e),i.appendChild(e);let n=document.createElement("button");n.type="button",n.className="animate-image-toggle",n.setAttribute("aria-label","Pause animation"),i.appendChild(n);let r=e.src,s=null,a=!1;function o(){let f=document.createElement("canvas");f.width=e.naturalWidth||e.width,f.height=e.naturalHeight||e.height;let h=f.getContext("2d");if(h){h.drawImage(e,0,0);try{s=f.toDataURL("image/png")}catch{s=null}}}function d(){a||(a=!0,e.setAttribute("data-animate-image-paused",""),n.setAttribute("aria-label","Play animation"),n.classList.add("paused"),s&&(e.src=s))}function c(){a&&(a=!1,e.removeAttribute("data-animate-image-paused"),n.setAttribute("aria-label","Pause animation"),n.classList.remove("paused"),e.src=r)}n.addEventListener("click",()=>a?c():d()),e.complete&&e.naturalWidth?o():e.addEventListener("load",o,{once:!0});let u=window.matchMedia("(prefers-reduced-motion: reduce)");return(u.matches||document.documentElement.dataset.motionReduced!==void 0)&&(e.complete?(o(),d()):e.addEventListener("load",()=>{o(),d()},{once:!0})),u.addEventListener("change",f=>{f.matches&&d()}),e.hasAttribute("data-animate-image-paused")&&(e.complete?(o(),a=!1,d()):e.addEventListener("load",()=>{o(),a=!1,d()},{once:!0})),{cleanup(){i.parentNode&&(i.parentNode.insertBefore(e,i),i.remove())}}});function x(){return document.documentElement.lang||navigator.language||"en"}function R(t){return t===1?1:1-Math.pow(2,-10*t)}function O(t){let e=t.indexOf(".");return e===-1?0:t.length-e-1}function D(t,e){let i=t.getAttribute("data-locale")||x(),n=t.getAttribute("data-format-number");if(n!=null){let r={minimumFractionDigits:e,maximumFractionDigits:e};switch(n){case"currency":r.style="currency",r.currency=t.getAttribute("data-currency")||"USD";break;case"percent":r.style="percent";break;case"compact":r.notation="compact";break}try{return new Intl.NumberFormat(i,r)}catch{return null}}try{return new Intl.NumberFormat(i,{minimumFractionDigits:e,maximumFractionDigits:e})}catch{return null}}function I(t){let e=t.getAttribute("value");if(e==null)return;let i=Number(e);if(isNaN(i))return;let n=l.params(t),r=n.getNumber("ticker-start",0),s=n.getTime("ticker-duration",1e3),a=n.get("ticker-decimals")?parseInt(n.get("ticker-decimals"),10):O(e),o=D(t,a),d=i-r;if(d===0)return;let c=null;function u(f){c||(c=f);let h=f-c,p=Math.min(h/s,1),m=R(p),v=r+d*m;t.textContent=o?o.format(v):v.toFixed(a),p<1?requestAnimationFrame(u):(t.textContent=o?o.format(i):i.toFixed(a),t.hasAttribute("data-format-number")&&t.setAttribute("data-format-number-init",""))}requestAnimationFrame(u)}l.effect("ticker",t=>{if(!t.hasAttribute("data-effect-ticker-init")&&(t.setAttribute("data-effect-ticker-init",""),!l.prefersReducedMotion()))return{activate(){I(t)},cleanup(){}}});var Z=window.matchMedia("(prefers-reduced-motion: reduce)");var k=new Map;function N(t,e,i={}){let n=i.priority??10,r={impl:e,bundle:i.bundle,contract:i.contract,priority:n},s=k.get(t);if(customElements.get(t)){if(!s||s.priority>=n){s&&s.priority===n&&s.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${i.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${i.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=n){s.priority===n&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${s.bundle}". Skipping "${i.bundle}" (first wins at equal priority).`);return}k.set(t,r),customElements.define(t,e)}var g=class extends HTMLElement{#e=[];#i;connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&(this.setAttribute("data-upgraded",""),queueMicrotask(()=>{this.dispatchEvent(new CustomEvent(`${this.localName}:upgraded`,{bubbles:!0}))}))}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,i,n,r){e.addEventListener(i,n,r),this.#e.push(()=>e.removeEventListener(i,n,r))}_reinit(){for(let e of this.#e)e();this.#e=[],this.teardown(),this.removeAttribute("data-upgraded"),this.isConnected&&this.setup()!==!1&&this.setAttribute("data-upgraded","")}setup(){}teardown(){}setState(e,i){this.#i||(this.#i=this.attachInternals());let n=this.#i.states;try{i?n.add(e):n.delete(e)}catch{let r=`--${e}`;i?n.add(r):n.delete(r)}}_adoptInternals(e){this.#i||(this.#i=e)}};var b=class extends g{static formAssociated=!0;#e;#i;#t;constructor(){super(),this.#e=this.attachInternals(),this._adoptInternals(this.#e)}setup(){this.#a()}#a(){if(this.querySelector("fieldset"))return;let e=Number(this.getAttribute("value")||0);this.#i=e;let i=Number(this.getAttribute("max")||5),n=this.getAttribute("label")||"Rating",r=this.hasAttribute("allow-half"),s=this.hasAttribute("readonly"),a=this.getAttribute("icon"),d=`_sr_${this.getAttribute("name")||`star-rating-${crypto.randomUUID().slice(0,8)}`}`;s?this.#c(e,i,n,a):this.#o(e,i,n,d,r,a),this.#n(e),this.#r()}#o(e,i,n,r,s,a){let o=document.createElement("fieldset");o.setAttribute("data-rating",""),s&&o.setAttribute("data-rating-half",""),o.setAttribute("data-effect","rating");let d=document.createElement("legend");if(d.textContent=n,o.appendChild(d),s)for(let c=1;c<=i;c++){let u=c-.5,f=document.createElement("label");f.setAttribute("data-half","left");let h=document.createElement("input");h.type="radio",h.name=r,h.value=String(u),h.setAttribute("aria-label",`${u} ${u===1?"star":"stars"}`),e===u&&(h.checked=!0),f.appendChild(h),f.append(this.#s(a)),o.appendChild(f);let p=document.createElement("label");p.setAttribute("data-half","right");let m=document.createElement("input");m.type="radio",m.name=r,m.value=String(c),m.setAttribute("aria-label",`${c} ${c===1?"star":"stars"}`),e===c&&(m.checked=!0),p.appendChild(m),p.append(this.#s(a)),o.appendChild(p)}else for(let c=1;c<=i;c++){let u=document.createElement("label"),f=document.createElement("input");f.type="radio",f.name=r,f.value=String(c),f.setAttribute("aria-label",`${c} ${c===1?"star":"stars"}`),e===c&&(f.checked=!0),u.appendChild(f),u.append(this.#s(a)),o.appendChild(u)}this.appendChild(o),this.#t=o,o.addEventListener("rating:change",c=>{this.#n(c.detail.value),this.#r()}),o.addEventListener("change",c=>{let u=c.target;u.type==="radio"&&u.checked&&(this.#n(Number(u.value)),this.#r())})}#c(e,i,n,r){let s=document.createElement("fieldset");s.setAttribute("data-rating",""),s.setAttribute("data-rating-readonly",""),s.setAttribute("role","img"),s.setAttribute("aria-label",`${n}: ${e} out of ${i}`);let a=document.createElement("legend");a.textContent=n,s.appendChild(a);let o=Math.floor(e),d=e-o;for(let c=1;c<=i;c++){let u=document.createElement("span");if(u.setAttribute("aria-hidden","true"),c<=o)u.classList.add("star-filled");else if(c===o+1&&d>0){u.classList.add("star-partial"),u.style.setProperty("--_star-fill",`${d*100}%`);let f=document.createElement("span");f.classList.add("star-partial-fill"),f.append(this.#s(r)),u.appendChild(f)}else u.classList.add("star-empty");u.append(this.#s(r)),s.appendChild(u)}this.appendChild(s),this.#t=s}#s(e){if(e){let i=document.createElement("icon-wc");return i.setAttribute("name",e),i}return document.createTextNode("\u2605")}#n(e){let i=Number(e);i>0?this.#e.setFormValue(String(i)):this.#e.setFormValue(null)}#r(){this.hasAttribute("required")?this.#t?.querySelector('input[type="radio"]:checked')?this.#e.setValidity({}):this.#e.setValidity({valueMissing:!0},"Please select a rating",this.#t||this):this.#e.setValidity({})}formResetCallback(){if(this.#t){if(this.#t.querySelectorAll('input[type="radio"]').forEach(e=>{e.checked=!1}),this.#i>0){let e=this.#t.querySelector(`input[value="${this.#i}"]`);e&&(e.checked=!0)}this.#n(this.#i),this.#r()}}formStateRestoreCallback(e){if(!e||!this.#t)return;let i=this.#t.querySelector(`input[value="${e}"]`);i&&(i.checked=!0,this.#n(Number(e)),this.#r())}get value(){if(!this.#t)return Number(this.getAttribute("value")||0);let e=this.#t.querySelector('input[type="radio"]:checked');return e?Number(e.value):0}set value(e){if(!this.#t)return;let i=Number(e),n=this.#t.querySelector('input[type="radio"]:checked');if((n?Number(n.value):0)!==i){if(this.#t.querySelectorAll('input[type="radio"]').forEach(s=>{s.checked=!1}),i>0){let s=this.#t.querySelector(`input[value="${i}"]`);s&&(s.checked=!0)}this.#n(i),this.#r()}}};N("star-rating",b);var H=1e3;function T(t){let e=document.createElement("div");e.setAttribute("role","status"),e.setAttribute("aria-live","polite"),Object.assign(e.style,{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap",border:"0"}),e.textContent=t,document.body.appendChild(e),setTimeout(()=>e.remove(),H)}function S(t,e){t.dispatchEvent(new CustomEvent("rating:change",{bubbles:!0,detail:{value:e}}))}function U(t){let e=t.querySelector('input[type="radio"]:checked');return e?e.value:"0"}l.effect("rating",t=>{if(t.hasAttribute("data-effect-rating-init")||(t.setAttribute("data-effect-rating-init",""),t.hasAttribute("data-rating-readonly")))return;let e=U(t),i=!1;function n(a){let o=a.target.closest("label");if(!o)return;let d=o.querySelector('input[type="radio"]');d&&(i=d.checked&&d.value===e)}function r(a){if(!i)return;i=!1;let o=a.target.closest("label");if(!o)return;let d=o.querySelector('input[type="radio"]');d&&(d.checked=!1,e="0",S(t,0),T("Rating cleared"))}function s(a){a.target.type==="radio"&&(i||(e=a.target.value,S(t,Number(a.target.value)),T(`Rating: ${a.target.value} ${Number(a.target.value)===1?"star":"stars"}`)))}return t.addEventListener("mousedown",n),t.addEventListener("click",r),t.addEventListener("change",s),{cleanup(){t.removeEventListener("mousedown",n),t.removeEventListener("click",r),t.removeEventListener("change",s)}}});
 //# sourceMappingURL=effects.full.js.map

package/dist/cdn/packs/kawaii.effects.css

@@ -1,2 +1,2 @@
-@layer bundle-effects{@keyframes vb-kawaii-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes vb-kawaii-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vb-kawaii-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes vb-kawaii-float{0%,to{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-8px) rotate(5deg)}50%{transform:translateY(-3px) rotate(-3deg);opacity:.8}75%{transform:translateY(-10px) rotate(2deg)}}@keyframes vb-kawaii-starburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-effect~=starburst]{position:relative;overflow:hidden;background:linear-gradient(180deg,#ccc6ff,oklch(90% .1 340) 40%,oklch(95% .06 60))}[data-effect~=starburst]:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,oklch(92% .05 300 / .4) 0deg 10deg,transparent 10deg 20deg);animation:vb-kawaii-starburst 60s linear infinite;pointer-events:none;z-index:0}[data-effect~=starburst]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse 120px 80px at 10% 90%,oklch(95% .06 350 / .9) 0%,transparent 100%),radial-gradient(ellipse 160px 100px at 30% 85%,oklch(92% .08 290 / .85) 0%,transparent 100%),radial-gradient(ellipse 140px 90px at 55% 92%,oklch(95% .05 200 / .9) 0%,transparent 100%),radial-gradient(ellipse 180px 110px at 75% 80%,oklch(93% .07 350 / .85) 0%,transparent 100%),radial-gradient(ellipse 120px 80px at 95% 88%,oklch(94% .06 290 / .9) 0%,transparent 100%);pointer-events:none;z-index:1}[data-effect~=starburst]>*{position:relative;z-index:2}[data-effect~=sparkle]{position:relative;display:inline-block}[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{position:absolute;font-size:.6em;pointer-events:none;animation:vb-kawaii-float 3s ease-in-out infinite}[data-effect~=sparkle]:before{content:"\2726";top:-.3em;right:-.5em;color:oklch(75% .18 60);animation-delay:0s}[data-effect~=sparkle]:after{content:"\2726";bottom:-.2em;left:-.4em;color:#9e8cf4;animation-delay:-1.5s;font-size:.4em}[data-effect~=bounce]{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-effect~=bounce]:hover{animation:vb-kawaii-bounce .6s ease-in-out}[data-effect~=wiggle]{display:inline-block;animation:vb-kawaii-wiggle 2s ease-in-out infinite}[data-effect~=wiggle][data-trigger~=hover]{animation:none}[data-effect~=wiggle][data-trigger~=hover]:hover{animation:vb-kawaii-wiggle .4s ease-in-out}[data-theme~=kawaii]{--kawaii-scallop-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' rx='24' fill='white'/%3E%3Ccircle cx='14' cy='0' r='10' fill='white'/%3E%3Ccircle cx='38' cy='0' r='10' fill='white'/%3E%3Ccircle cx='62' cy='0' r='10' fill='white'/%3E%3Ccircle cx='86' cy='0' r='10' fill='white'/%3E%3Ccircle cx='110' cy='0' r='10' fill='white'/%3E%3Ccircle cx='134' cy='0' r='10' fill='white'/%3E%3Ccircle cx='158' cy='0' r='10' fill='white'/%3E%3Ccircle cx='182' cy='0' r='10' fill='white'/%3E%3Ccircle cx='14' cy='200' r='10' fill='white'/%3E%3Ccircle cx='38' cy='200' r='10' fill='white'/%3E%3Ccircle cx='62' cy='200' r='10' fill='white'/%3E%3Ccircle cx='86' cy='200' r='10' fill='white'/%3E%3Ccircle cx='110' cy='200' r='10' fill='white'/%3E%3Ccircle cx='134' cy='200' r='10' fill='white'/%3E%3Ccircle cx='158' cy='200' r='10' fill='white'/%3E%3Ccircle cx='182' cy='200' r='10' fill='white'/%3E%3C/svg%3E")}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)):before{content:"\2661\2726\2661\2726\2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:vb-kawaii-sparkle 2s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h1{color:var(--color-primary);font-family:var(--font-display, var(--font-sans))}[data-theme~=kawaii] :is(main,article) h1:before{content:"\273f"}[data-theme~=kawaii] :is(main,article) h1:after{content:" \273f"}[data-theme~=kawaii] :is(main,article) h2{color:var(--_kawaii-lavender, oklch(55% .12 290))}[data-theme~=kawaii] :is(main,article) h2:before{content:"\2605";animation:vb-kawaii-sparkle 1.5s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h3{color:var(--color-accent)}[data-theme~=kawaii] :is(main,article) button,[data-theme~=kawaii] :is(main,article) .button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)));border:none;color:#fff;font-weight:700;box-shadow:var(--shadow-m);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) button:hover,[data-theme~=kawaii] :is(main,article) .button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-l)}[data-theme~=kawaii] :is(main,article) a:not([class]){color:var(--color-primary);text-decoration:none;position:relative}[data-theme~=kawaii] :is(main,article) a:not([class]):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) a:not([class]):hover:after{transform:scaleX(1)}[data-theme~=kawaii] article :not(nav)>ul:not([class]){list-style:none}[data-theme~=kawaii] article :not(nav)>ul:not([class])>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;mask-image:var(--kawaii-scallop-mask);mask-size:cover;-webkit-mask-image:var(--kawaii-scallop-mask);-webkit-mask-size:cover}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]):before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}[data-theme~=kawaii] ::selection{background:var(--color-primary);color:#fff}[data-theme~=kawaii] :is(main,article) code{background:var(--color-accent-subtle);color:oklch(35% .12 180);border-radius:var(--radius-s);padding:.125rem .375rem}@media(prefers-reduced-motion:reduce){[data-effect~=sparkle]:before,[data-effect~=sparkle]:after,[data-effect~=wiggle],[data-effect~=starburst]:before{animation:none}}:root[data-motion-reduced] [data-effect~=sparkle]:before,:root[data-motion-reduced] [data-effect~=sparkle]:after,:root[data-motion-reduced] [data-effect~=wiggle],:root[data-motion-reduced] [data-effect~=starburst]:before{animation:none}@media print{[data-effect~=starburst],[data-effect~=sparkle],[data-effect~=bounce],[data-effect~=wiggle]{animation:none!important;transform:none!important}[data-effect~=starburst]:before,[data-effect~=starburst]:after,[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{display:none!important}}}
+@layer bundle-effects{@keyframes vb-kawaii-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes vb-kawaii-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vb-kawaii-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes vb-kawaii-float{0%,to{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-8px) rotate(5deg)}50%{transform:translateY(-3px) rotate(-3deg);opacity:.8}75%{transform:translateY(-10px) rotate(2deg)}}@keyframes vb-kawaii-starburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-effect~=starburst]{position:relative;overflow:hidden;background:linear-gradient(180deg,#ccc6ff,oklch(90% .1 340) 40%,oklch(95% .06 60))}[data-effect~=starburst]:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,oklch(92% .05 300 / .4) 0deg 10deg,transparent 10deg 20deg);animation:vb-kawaii-starburst 60s linear infinite;pointer-events:none;z-index:0}[data-effect~=starburst]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse 120px 80px at 10% 90%,oklch(95% .06 350 / .9) 0%,transparent 100%),radial-gradient(ellipse 160px 100px at 30% 85%,oklch(92% .08 290 / .85) 0%,transparent 100%),radial-gradient(ellipse 140px 90px at 55% 92%,oklch(95% .05 200 / .9) 0%,transparent 100%),radial-gradient(ellipse 180px 110px at 75% 80%,oklch(93% .07 350 / .85) 0%,transparent 100%),radial-gradient(ellipse 120px 80px at 95% 88%,oklch(94% .06 290 / .9) 0%,transparent 100%);pointer-events:none;z-index:1}[data-effect~=starburst]>*{position:relative;z-index:2}[data-effect~=sparkle]{position:relative;display:inline-block}[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{position:absolute;font-size:.6em;pointer-events:none;animation:vb-kawaii-float 3s ease-in-out infinite}[data-effect~=sparkle]:before{content:"\2726";top:-.3em;right:-.5em;color:oklch(75% .18 60);animation-delay:0s}[data-effect~=sparkle]:after{content:"\2726";bottom:-.2em;left:-.4em;color:#9e8cf4;animation-delay:-1.5s;font-size:.4em}[data-effect~=bounce]{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-effect~=bounce]:hover{animation:vb-kawaii-bounce .6s ease-in-out}[data-effect~=wiggle]{display:inline-block;animation:vb-kawaii-wiggle 2s ease-in-out infinite}[data-effect~=wiggle][data-trigger~=hover]{animation:none}[data-effect~=wiggle][data-trigger~=hover]:hover{animation:vb-kawaii-wiggle .4s ease-in-out}[data-theme~=kawaii]{--kawaii-scallop-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' rx='24' fill='white'/%3E%3Ccircle cx='14' cy='0' r='10' fill='white'/%3E%3Ccircle cx='38' cy='0' r='10' fill='white'/%3E%3Ccircle cx='62' cy='0' r='10' fill='white'/%3E%3Ccircle cx='86' cy='0' r='10' fill='white'/%3E%3Ccircle cx='110' cy='0' r='10' fill='white'/%3E%3Ccircle cx='134' cy='0' r='10' fill='white'/%3E%3Ccircle cx='158' cy='0' r='10' fill='white'/%3E%3Ccircle cx='182' cy='0' r='10' fill='white'/%3E%3Ccircle cx='14' cy='200' r='10' fill='white'/%3E%3Ccircle cx='38' cy='200' r='10' fill='white'/%3E%3Ccircle cx='62' cy='200' r='10' fill='white'/%3E%3Ccircle cx='86' cy='200' r='10' fill='white'/%3E%3Ccircle cx='110' cy='200' r='10' fill='white'/%3E%3Ccircle cx='134' cy='200' r='10' fill='white'/%3E%3Ccircle cx='158' cy='200' r='10' fill='white'/%3E%3Ccircle cx='182' cy='200' r='10' fill='white'/%3E%3C/svg%3E")}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)):before{content:"\2661\2726\2661\2726\2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:vb-kawaii-sparkle 2s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h1{color:var(--color-primary);font-family:var(--font-display, var(--font-sans))}[data-theme~=kawaii] :is(main,article) h1:before{content:"\273f"}[data-theme~=kawaii] :is(main,article) h1:after{content:" \273f"}[data-theme~=kawaii] :is(main,article) h2{color:var(--_kawaii-lavender, oklch(55% .12 290))}[data-theme~=kawaii] :is(main,article) h2:before{content:"\2605";animation:vb-kawaii-sparkle 1.5s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h3{color:var(--color-accent)}[data-theme~=kawaii] :is(main,article) button,[data-theme~=kawaii] :is(main,article) .button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)));--btn-border-width: 0px;color:#fff;font-weight:700;box-shadow:var(--shadow-m);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) button:hover,[data-theme~=kawaii] :is(main,article) .button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-l)}[data-theme~=kawaii] :is(main,article) a:not([class]){color:var(--color-primary);text-decoration:none;position:relative}[data-theme~=kawaii] :is(main,article) a:not([class]):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) a:not([class]):hover:after{transform:scaleX(1)}[data-theme~=kawaii] article :not(nav)>ul:not([class]){list-style:none}[data-theme~=kawaii] article :not(nav)>ul:not([class])>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;mask-image:var(--kawaii-scallop-mask);mask-size:cover;-webkit-mask-image:var(--kawaii-scallop-mask);-webkit-mask-size:cover}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]):before{content:"\1f4ad" / "";position:absolute;inset-block-start:-1rem;inset-inline-start:1.5rem;font-size:2rem}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]):dir(rtl):before{transform:scaleX(-1)}[data-theme~=kawaii] ::selection{background:var(--color-primary);color:#fff}[data-theme~=kawaii] :is(main,article) code{background:var(--color-accent-subtle);color:light-dark(oklch(35% .12 180),oklch(82% .12 180));border-radius:var(--radius-s);padding:.125rem .375rem}@media(prefers-reduced-motion:reduce){[data-effect~=sparkle]:before,[data-effect~=sparkle]:after,[data-effect~=wiggle],[data-effect~=starburst]:before{animation:none}}:root[data-motion-reduced] [data-effect~=sparkle]:before,:root[data-motion-reduced] [data-effect~=sparkle]:after,:root[data-motion-reduced] [data-effect~=wiggle],:root[data-motion-reduced] [data-effect~=starburst]:before{animation:none}@media print{[data-effect~=starburst],[data-effect~=sparkle],[data-effect~=bounce],[data-effect~=wiggle]{animation:none!important;transform:none!important}[data-effect~=starburst]:before,[data-effect~=starburst]:after,[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{display:none!important}}}
 /*# sourceMappingURL=kawaii.effects.css.map */

package/dist/cdn/packs/kawaii.full.css

@@ -1,5 +1,5 @@
 @font-face{font-family:Cherry Bomb One;font-style:normal;font-weight:400;font-display:swap;src:url("./kawaii/fonts/CherryBombOne-Regular.woff2") format("woff2")}@font-face{font-family:Coiny;font-style:normal;font-weight:400;font-display:swap;src:url("./kawaii/fonts/Coiny-Regular.woff2") format("woff2")}@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap);@layer bundle-theme{[data-theme~=kawaii]{color-scheme:light;--theme-border-style: kawaii;--color-surface: oklch(98% .02 350);--color-surface-alt: oklch(95% .04 350);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(92% .05 350);--color-background: oklch(97% .03 350);--color-text: oklch(25% .08 330);--color-text-muted: oklch(40% .06 330);--color-text-subtle: oklch(50% .04 330);--color-primary: oklch(55% .18 350);--color-primary-hover: oklch(50% .2 350);--color-primary-subtle: oklch(95% .05 350);--color-accent: oklch(45% .12 180);--color-accent-hover: oklch(40% .14 180);--color-accent-subtle: oklch(95% .04 180);--_kawaii-lavender: oklch(55% .12 290);--_kawaii-peach: oklch(55% .12 60);--_kawaii-sky: oklch(50% .12 220);--color-border: oklch(90% .05 350);--color-border-muted: oklch(94% .03 350);--color-border-strong: oklch(75% .15 350);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;--font-display: "Cherry Bomb One", "Nunito", cursive;--font-accent: "Coiny", "Nunito", cursive;--font-mono: "Fira Code", monospace;--line-height-normal: 1.6;--line-height-tight: 1.3;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(75% .15 350 / .15);--shadow-s: 0 4px 8px oklch(75% .15 350 / .2);--shadow-m: 0 6px 16px oklch(75% .15 350 / .25);--shadow-l: 0 10px 24px oklch(75% .15 350 / .3);--shadow-xl: 0 16px 32px oklch(75% .15 350 / .35);--shadow-2xl: 0 24px 48px oklch(75% .15 350 / .4);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--shape-depth: 8%;--shape-bevel: 16px}[data-theme~=kawaii][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .04 290);--color-surface-alt: oklch(22% .05 290);--color-surface-raised: oklch(25% .04 290);--color-background: oklch(12% .04 290);--color-text: oklch(95% .01 350);--color-text-muted: oklch(80% .02 350);--color-text-subtle: oklch(65% .02 350);--color-hover-bg: oklch(25% .06 350);--color-surface-overlay: oklch(22% .05 290);--color-primary: oklch(75% .18 350);--color-accent: oklch(75% .15 180);--_kawaii-lavender: oklch(75% .12 290);--_kawaii-peach: oklch(75% .12 60);--_kawaii-sky: oklch(70% .12 220);--color-border: oklch(35% .05 290)}}
 /*# sourceMappingURL=kawaii.theme.css.map */
 
-@layer bundle-effects{@keyframes vb-kawaii-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes vb-kawaii-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vb-kawaii-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes vb-kawaii-float{0%,to{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-8px) rotate(5deg)}50%{transform:translateY(-3px) rotate(-3deg);opacity:.8}75%{transform:translateY(-10px) rotate(2deg)}}@keyframes vb-kawaii-starburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-effect~=starburst]{position:relative;overflow:hidden;background:linear-gradient(180deg,#ccc6ff,oklch(90% .1 340) 40%,oklch(95% .06 60))}[data-effect~=starburst]:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,oklch(92% .05 300 / .4) 0deg 10deg,transparent 10deg 20deg);animation:vb-kawaii-starburst 60s linear infinite;pointer-events:none;z-index:0}[data-effect~=starburst]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse 120px 80px at 10% 90%,oklch(95% .06 350 / .9) 0%,transparent 100%),radial-gradient(ellipse 160px 100px at 30% 85%,oklch(92% .08 290 / .85) 0%,transparent 100%),radial-gradient(ellipse 140px 90px at 55% 92%,oklch(95% .05 200 / .9) 0%,transparent 100%),radial-gradient(ellipse 180px 110px at 75% 80%,oklch(93% .07 350 / .85) 0%,transparent 100%),radial-gradient(ellipse 120px 80px at 95% 88%,oklch(94% .06 290 / .9) 0%,transparent 100%);pointer-events:none;z-index:1}[data-effect~=starburst]>*{position:relative;z-index:2}[data-effect~=sparkle]{position:relative;display:inline-block}[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{position:absolute;font-size:.6em;pointer-events:none;animation:vb-kawaii-float 3s ease-in-out infinite}[data-effect~=sparkle]:before{content:"\2726";top:-.3em;right:-.5em;color:oklch(75% .18 60);animation-delay:0s}[data-effect~=sparkle]:after{content:"\2726";bottom:-.2em;left:-.4em;color:#9e8cf4;animation-delay:-1.5s;font-size:.4em}[data-effect~=bounce]{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-effect~=bounce]:hover{animation:vb-kawaii-bounce .6s ease-in-out}[data-effect~=wiggle]{display:inline-block;animation:vb-kawaii-wiggle 2s ease-in-out infinite}[data-effect~=wiggle][data-trigger~=hover]{animation:none}[data-effect~=wiggle][data-trigger~=hover]:hover{animation:vb-kawaii-wiggle .4s ease-in-out}[data-theme~=kawaii]{--kawaii-scallop-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' rx='24' fill='white'/%3E%3Ccircle cx='14' cy='0' r='10' fill='white'/%3E%3Ccircle cx='38' cy='0' r='10' fill='white'/%3E%3Ccircle cx='62' cy='0' r='10' fill='white'/%3E%3Ccircle cx='86' cy='0' r='10' fill='white'/%3E%3Ccircle cx='110' cy='0' r='10' fill='white'/%3E%3Ccircle cx='134' cy='0' r='10' fill='white'/%3E%3Ccircle cx='158' cy='0' r='10' fill='white'/%3E%3Ccircle cx='182' cy='0' r='10' fill='white'/%3E%3Ccircle cx='14' cy='200' r='10' fill='white'/%3E%3Ccircle cx='38' cy='200' r='10' fill='white'/%3E%3Ccircle cx='62' cy='200' r='10' fill='white'/%3E%3Ccircle cx='86' cy='200' r='10' fill='white'/%3E%3Ccircle cx='110' cy='200' r='10' fill='white'/%3E%3Ccircle cx='134' cy='200' r='10' fill='white'/%3E%3Ccircle cx='158' cy='200' r='10' fill='white'/%3E%3Ccircle cx='182' cy='200' r='10' fill='white'/%3E%3C/svg%3E")}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)):before{content:"\2661\2726\2661\2726\2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:vb-kawaii-sparkle 2s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h1{color:var(--color-primary);font-family:var(--font-display, var(--font-sans))}[data-theme~=kawaii] :is(main,article) h1:before{content:"\273f"}[data-theme~=kawaii] :is(main,article) h1:after{content:" \273f"}[data-theme~=kawaii] :is(main,article) h2{color:var(--_kawaii-lavender, oklch(55% .12 290))}[data-theme~=kawaii] :is(main,article) h2:before{content:"\2605";animation:vb-kawaii-sparkle 1.5s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h3{color:var(--color-accent)}[data-theme~=kawaii] :is(main,article) button,[data-theme~=kawaii] :is(main,article) .button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)));border:none;color:#fff;font-weight:700;box-shadow:var(--shadow-m);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) button:hover,[data-theme~=kawaii] :is(main,article) .button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-l)}[data-theme~=kawaii] :is(main,article) a:not([class]){color:var(--color-primary);text-decoration:none;position:relative}[data-theme~=kawaii] :is(main,article) a:not([class]):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) a:not([class]):hover:after{transform:scaleX(1)}[data-theme~=kawaii] article :not(nav)>ul:not([class]){list-style:none}[data-theme~=kawaii] article :not(nav)>ul:not([class])>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;mask-image:var(--kawaii-scallop-mask);mask-size:cover;-webkit-mask-image:var(--kawaii-scallop-mask);-webkit-mask-size:cover}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]):before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}[data-theme~=kawaii] ::selection{background:var(--color-primary);color:#fff}[data-theme~=kawaii] :is(main,article) code{background:var(--color-accent-subtle);color:oklch(35% .12 180);border-radius:var(--radius-s);padding:.125rem .375rem}@media(prefers-reduced-motion:reduce){[data-effect~=sparkle]:before,[data-effect~=sparkle]:after,[data-effect~=wiggle],[data-effect~=starburst]:before{animation:none}}:root[data-motion-reduced] [data-effect~=sparkle]:before,:root[data-motion-reduced] [data-effect~=sparkle]:after,:root[data-motion-reduced] [data-effect~=wiggle],:root[data-motion-reduced] [data-effect~=starburst]:before{animation:none}@media print{[data-effect~=starburst],[data-effect~=sparkle],[data-effect~=bounce],[data-effect~=wiggle]{animation:none!important;transform:none!important}[data-effect~=starburst]:before,[data-effect~=starburst]:after,[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{display:none!important}}}
+@layer bundle-effects{@keyframes vb-kawaii-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes vb-kawaii-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vb-kawaii-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes vb-kawaii-float{0%,to{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-8px) rotate(5deg)}50%{transform:translateY(-3px) rotate(-3deg);opacity:.8}75%{transform:translateY(-10px) rotate(2deg)}}@keyframes vb-kawaii-starburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-effect~=starburst]{position:relative;overflow:hidden;background:linear-gradient(180deg,#ccc6ff,oklch(90% .1 340) 40%,oklch(95% .06 60))}[data-effect~=starburst]:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,oklch(92% .05 300 / .4) 0deg 10deg,transparent 10deg 20deg);animation:vb-kawaii-starburst 60s linear infinite;pointer-events:none;z-index:0}[data-effect~=starburst]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse 120px 80px at 10% 90%,oklch(95% .06 350 / .9) 0%,transparent 100%),radial-gradient(ellipse 160px 100px at 30% 85%,oklch(92% .08 290 / .85) 0%,transparent 100%),radial-gradient(ellipse 140px 90px at 55% 92%,oklch(95% .05 200 / .9) 0%,transparent 100%),radial-gradient(ellipse 180px 110px at 75% 80%,oklch(93% .07 350 / .85) 0%,transparent 100%),radial-gradient(ellipse 120px 80px at 95% 88%,oklch(94% .06 290 / .9) 0%,transparent 100%);pointer-events:none;z-index:1}[data-effect~=starburst]>*{position:relative;z-index:2}[data-effect~=sparkle]{position:relative;display:inline-block}[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{position:absolute;font-size:.6em;pointer-events:none;animation:vb-kawaii-float 3s ease-in-out infinite}[data-effect~=sparkle]:before{content:"\2726";top:-.3em;right:-.5em;color:oklch(75% .18 60);animation-delay:0s}[data-effect~=sparkle]:after{content:"\2726";bottom:-.2em;left:-.4em;color:#9e8cf4;animation-delay:-1.5s;font-size:.4em}[data-effect~=bounce]{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-effect~=bounce]:hover{animation:vb-kawaii-bounce .6s ease-in-out}[data-effect~=wiggle]{display:inline-block;animation:vb-kawaii-wiggle 2s ease-in-out infinite}[data-effect~=wiggle][data-trigger~=hover]{animation:none}[data-effect~=wiggle][data-trigger~=hover]:hover{animation:vb-kawaii-wiggle .4s ease-in-out}[data-theme~=kawaii]{--kawaii-scallop-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' rx='24' fill='white'/%3E%3Ccircle cx='14' cy='0' r='10' fill='white'/%3E%3Ccircle cx='38' cy='0' r='10' fill='white'/%3E%3Ccircle cx='62' cy='0' r='10' fill='white'/%3E%3Ccircle cx='86' cy='0' r='10' fill='white'/%3E%3Ccircle cx='110' cy='0' r='10' fill='white'/%3E%3Ccircle cx='134' cy='0' r='10' fill='white'/%3E%3Ccircle cx='158' cy='0' r='10' fill='white'/%3E%3Ccircle cx='182' cy='0' r='10' fill='white'/%3E%3Ccircle cx='14' cy='200' r='10' fill='white'/%3E%3Ccircle cx='38' cy='200' r='10' fill='white'/%3E%3Ccircle cx='62' cy='200' r='10' fill='white'/%3E%3Ccircle cx='86' cy='200' r='10' fill='white'/%3E%3Ccircle cx='110' cy='200' r='10' fill='white'/%3E%3Ccircle cx='134' cy='200' r='10' fill='white'/%3E%3Ccircle cx='158' cy='200' r='10' fill='white'/%3E%3Ccircle cx='182' cy='200' r='10' fill='white'/%3E%3C/svg%3E")}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem}[data-theme~=kawaii] :is(main,article) hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)):before{content:"\2661\2726\2661\2726\2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:vb-kawaii-sparkle 2s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h1{color:var(--color-primary);font-family:var(--font-display, var(--font-sans))}[data-theme~=kawaii] :is(main,article) h1:before{content:"\273f"}[data-theme~=kawaii] :is(main,article) h1:after{content:" \273f"}[data-theme~=kawaii] :is(main,article) h2{color:var(--_kawaii-lavender, oklch(55% .12 290))}[data-theme~=kawaii] :is(main,article) h2:before{content:"\2605";animation:vb-kawaii-sparkle 1.5s ease-in-out infinite}[data-theme~=kawaii] :is(main,article) h3{color:var(--color-accent)}[data-theme~=kawaii] :is(main,article) button,[data-theme~=kawaii] :is(main,article) .button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)));--btn-border-width: 0px;color:#fff;font-weight:700;box-shadow:var(--shadow-m);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) button:hover,[data-theme~=kawaii] :is(main,article) .button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-l)}[data-theme~=kawaii] :is(main,article) a:not([class]){color:var(--color-primary);text-decoration:none;position:relative}[data-theme~=kawaii] :is(main,article) a:not([class]):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-lavender, oklch(55% .12 290)),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}[data-theme~=kawaii] :is(main,article) a:not([class]):hover:after{transform:scaleX(1)}[data-theme~=kawaii] article :not(nav)>ul:not([class]){list-style:none}[data-theme~=kawaii] article :not(nav)>ul:not([class])>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;mask-image:var(--kawaii-scallop-mask);mask-size:cover;-webkit-mask-image:var(--kawaii-scallop-mask);-webkit-mask-size:cover}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]):before{content:"\1f4ad" / "";position:absolute;inset-block-start:-1rem;inset-inline-start:1.5rem;font-size:2rem}[data-theme~=kawaii] :is(main,article) blockquote:not([data-callout]):dir(rtl):before{transform:scaleX(-1)}[data-theme~=kawaii] ::selection{background:var(--color-primary);color:#fff}[data-theme~=kawaii] :is(main,article) code{background:var(--color-accent-subtle);color:light-dark(oklch(35% .12 180),oklch(82% .12 180));border-radius:var(--radius-s);padding:.125rem .375rem}@media(prefers-reduced-motion:reduce){[data-effect~=sparkle]:before,[data-effect~=sparkle]:after,[data-effect~=wiggle],[data-effect~=starburst]:before{animation:none}}:root[data-motion-reduced] [data-effect~=sparkle]:before,:root[data-motion-reduced] [data-effect~=sparkle]:after,:root[data-motion-reduced] [data-effect~=wiggle],:root[data-motion-reduced] [data-effect~=starburst]:before{animation:none}@media print{[data-effect~=starburst],[data-effect~=sparkle],[data-effect~=bounce],[data-effect~=wiggle]{animation:none!important;transform:none!important}[data-effect~=starburst]:before,[data-effect~=starburst]:after,[data-effect~=sparkle]:before,[data-effect~=sparkle]:after{display:none!important}}}
 /*# sourceMappingURL=kawaii.effects.css.map */

package/dist/cdn/packs/kawaii.full.js

@@ -1,11 +1,11 @@
-var E=window.matchMedia("(prefers-reduced-motion: reduce)");function g(){return E.matches||document.documentElement.hasAttribute("data-motion-reduced")}var m=0,y=new Map([["vb-fade-in","entrance"],["vb-slide-up","entrance"],["vb-pop","entrance"],["vb-slide-in-ltr","entrance"],["vb-slide-in-rtl","entrance"],["vb-fade-slide-up","entrance"],["vb-shadow-lift","entrance"],["vb-fade-out","exit"],["vb-collapse","exit"],["vb-slide-out-ltr","exit"],["vb-slide-out-rtl","exit"],["vb-shake","attention"],["vb-pulse","attention"],["vb-bounce","attention"],["vb-blink","attention"],["vb-neon-pulse","decoration"],["vb-3d-shift","decoration"],["vb-outline-glow-pulse","decoration"],["vb-rainbow","decoration"],["vb-gradient-flow","decoration"],["vb-shimmer","decoration"],["vb-shimmer-gradient","decoration"],["vb-glow","decoration"],["vb-float","decoration"]]),_="__vbEffectsRuntime",b=globalThis,d=b[_]??{_effects:new Map,_triggers:new Map,_transitions:new Map,_instances:new WeakMap,_triggerCleanups:new WeakMap,_wiredTriggers:new WeakMap,_transitionCleanups:new WeakMap,_keyframePhase:y,_observer:null,_animationEndHandler:null,_autoBooted:!1,effect(t,e){this._effects.set(t,e),document.querySelectorAll("[data-effect]").forEach(n=>{if(!(n.getAttribute("data-effect")||"").split(/\s+/).includes(t))return;let s=!this._instances.get(n)?.has(t);this._initEffect(n,t),s&&n.hasAttribute("data-effect-active")&&this._instances.get(n)?.get(t)?.activate?.()})},trigger(t,e){this._triggers.set(t,e),document.querySelectorAll("[data-effect-processed][data-trigger]").forEach(n=>{let i=n.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(n,i)})},transition(t,e){this._transitions.set(t,e)},uid(t){return t.id?t.id:(t._vbUid||(m++,t._vbUid=`vb-${m}`),t._vbUid)},theme(t,e){this._themes=this._themes||new Map,this._themes.set(t,e)},applyTheme(t,e=document.documentElement){let n=this._themes?.get(t);if(n)for(let[i,s]of Object.entries(n))e.style.setProperty(i,s)},swap(t){if(!document.startViewTransition){t(),queueMicrotask(()=>this._dispatchVtDone(document.body));return}let e=document.startViewTransition(t);return e.updateCallbackDone.then(()=>{this._dispatchVtDone(document.body)}).catch(()=>{}),e},_dispatchVtDone(t){t.querySelectorAll('[data-trigger~="vt"]').forEach(e=>{this.emit(e,"vb:vt-update-done",{})})},activate(t){this._activateEffects(t)},deactivate(t){t.hasAttribute("data-effect-active")&&(t.removeAttribute("data-effect-active"),this.emit(t,"vb:phase-change",{active:!1}))},onPhaseEnd(t,e,n){let i=s=>{s.detail?.phase===e&&n(s.detail)};return t.addEventListener("vb:effect-phase-end",i),()=>t.removeEventListener("vb:effect-phase-end",i)},registerKeyframe(t,e){this._keyframePhase.set(t,e)},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(n=>this._processElement(n)),t.querySelectorAll("[data-stagger]").forEach(n=>this._processStagger(n)),t.querySelectorAll("[data-transition]").forEach(n=>this._processTransition(n)),this._observer)return;this._observer=new MutationObserver(n=>{for(let i of n){if(i.type==="childList"){for(let s of i.addedNodes)s.nodeType===Node.ELEMENT_NODE&&this._processTree(s);for(let s of i.removedNodes)s.nodeType===Node.ELEMENT_NODE&&(s.isConnected||this._cleanupTree(s))}if(i.type==="attributes"){let s=i.target;i.attributeName==="data-effect"&&this._reconcileEffects(s),i.attributeName==="data-trigger"&&this._reconcileTrigger(s),i.attributeName==="data-stagger"&&this._processStagger(s),i.attributeName==="data-transition"&&this._processTransition(s)}}});let e=t===document?document.body:t;this._observer.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-effect","data-trigger","data-stagger","data-transition"]}),this._animationEndHandler||(this._animationEndHandler=n=>{let i=n.target;if(!(i instanceof Element)||!i.hasAttribute("data-effect"))return;let s=this._keyframePhase.get(n.animationName);s&&this.emit(i,"vb:effect-phase-end",{phase:s,animationName:n.animationName})},document.addEventListener("animationend",this._animationEndHandler))},disconnect(){this._observer&&(this._observer.disconnect(),this._observer=null),this._animationEndHandler&&(document.removeEventListener("animationend",this._animationEndHandler),this._animationEndHandler=null)},params(t){let e=getComputedStyle(t);return{get(n){return e.getPropertyValue(`--vb-${n}`).trim()},getNumber(n,i=0){let s=e.getPropertyValue(`--vb-${n}`).trim();return s?parseFloat(s):i},getTime(n,i=0){let s=e.getPropertyValue(`--vb-${n}`).trim();if(!s)return i;let r=parseFloat(s);return Number.isFinite(r)?/s\s*$/.test(s)&&!/ms\s*$/.test(s)?r*1e3:r:i},hasClass(n){return t.classList.contains(n)}}},emit(t,e,n={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:n}))},prefersReducedMotion:g,_processTree(t){t.hasAttribute?.("data-effect")&&this._processElement(t),t.hasAttribute?.("data-stagger")&&this._processStagger(t),t.hasAttribute?.("data-transition")&&this._processTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._processElement(e)),t.querySelectorAll?.("[data-stagger]").forEach(e=>this._processStagger(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._processTransition(e))},_cleanupTree(t){t.hasAttribute?.("data-effect")&&this._cleanupElement(t),t.hasAttribute?.("data-transition")&&this._cleanupTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._cleanupElement(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._cleanupTransition(e))},_processElement(t){if(t.hasAttribute("data-effect-processed"))return;t.setAttribute("data-effect-processed","");let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];for(let n of e)this._initEffect(t,n);this._wireTrigger(t,e)},_initEffect(t,e){let n=this._effects.get(e);if(!n)return;let i=this._instances.get(t);if(i?.has(e))return;g();let s=n(t);s&&(i||(i=new Map,this._instances.set(t,i)),typeof s=="function"?i.set(e,{cleanup:s}):i.set(e,s))},_wireTrigger(t,e){let n=t.getAttribute("data-trigger");if(!n){this._activateEffects(t);return}let i=n.split(/\s+/).filter(Boolean);this._wiredTriggers??=new WeakMap;let s=this._wiredTriggers.get(t);s||(s=new Set,this._wiredTriggers.set(t,s));for(let r of i){if(s.has(r))continue;let a=r.indexOf(":"),o=a>-1?r.slice(0,a):r,c=a>-1?r.slice(a+1):null,f=this._triggers.get(o);if(!f)continue;s.add(r);let h=f(t,()=>this._activateEffects(t),c);if(h){let p=this._triggerCleanups.get(t);if(p){let v=p;this._triggerCleanups.set(t,()=>{v(),h()})}else this._triggerCleanups.set(t,h)}}},_activateEffects(t){t.setAttribute("data-effect-active",""),this.emit(t,"vb:phase-change",{active:!0});let e=this._instances.get(t);if(e)for(let[,n]of e)n.activate&&n.activate()},_cleanupElement(t){let e=this._instances.get(t);if(e){for(let[,i]of e)i.cleanup&&i.cleanup();this._instances.delete(t)}let n=this._triggerCleanups.get(t);n&&(n(),this._triggerCleanups.delete(t)),this._wiredTriggers?.delete(t)},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],n=this._instances.get(t);if(n)for(let[i,s]of n)e.includes(i)||(s.cleanup&&s.cleanup(),n.delete(i));for(let i of e)n?.has(i)||this._initEffect(t,i);t.hasAttribute("data-effect-processed")||(t.setAttribute("data-effect-processed",""),this._wireTrigger(t,e))},_reconcileTrigger(t){let e=this._triggerCleanups.get(t);e&&(e(),this._triggerCleanups.delete(t)),this._wiredTriggers?.delete(t);let n=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,n)},_processStagger(t){let e=t.getAttribute("data-stagger")||"",n=t.children,i=n.length,s;if(e==="reverse")s=Array.from({length:i},(r,a)=>i-1-a);else if(e==="random"){let r=this._hashString(this.uid(t));s=Array.from({length:i},(o,c)=>c);let a=r;for(let o=i-1;o>0;o--){a^=a<<13,a^=a>>>17,a^=a<<5;let c=Math.abs(a)%(o+1);[s[o],s[c]]=[s[c],s[o]]}}else if(e==="grid"){let r=[];for(let a=0;a<i;a++){let o=getComputedStyle(n[a]),c=parseInt(o.gridRowStart,10),f=parseInt(o.gridColumnStart,10);r.push({i:a,dist:Number.isFinite(c)&&Number.isFinite(f)?c-1+(f-1):a})}r.sort((a,o)=>a.dist-o.dist),s=new Array(i),r.forEach((a,o)=>{s[a.i]=o})}else s=Array.from({length:i},(r,a)=>a);for(let r=0;r<i;r++)n[r].style.setProperty("--vb-stagger-index",String(s[r]))},_hashString(t){let e=5381;for(let n=0;n<t.length;n++)e=(e<<5)+e^t.charCodeAt(n);return e|0},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let n=e.indexOf(":"),i=n>-1?e.slice(0,n):e,s=n>-1?e.slice(n+1):null,r=this._transitions.get(i);if(r){let a=r(t,s);a&&this._transitionCleanups.set(t,a)}else t.style.viewTransitionName=`${e}-${this.uid(t)}`},_cleanupTransition(t){let e=this._transitionCleanups.get(t);e&&(e(),this._transitionCleanups.delete(t)),t.style.viewTransitionName=""}};b[_]=d;typeof window<"u"&&(window.VB=d);typeof document<"u"&&!d._autoBooted&&(d._autoBooted=!0,document.body?d.observe():document.addEventListener("DOMContentLoaded",()=>d.observe(),{once:!0}));var u=["\u2726","\u2727","\u22C6","\u2661","\u2606"],l=["oklch(75% 0.18 350)","oklch(70% 0.15 290)","oklch(75% 0.12 60)","oklch(70% 0.12 220)","oklch(65% 0.15 180)"];d.effect("particles",t=>{if(t._sparkleInterval)return;if(d.prefersReducedMotion()){getComputedStyle(t).position==="static"&&(t.style.position="relative");for(let s=0;s<5;s++){let r=document.createElement("span");r.textContent=u[Math.floor(Math.random()*u.length)],r.setAttribute("aria-hidden","true"),r.style.cssText=`
+var E=window.matchMedia("(prefers-reduced-motion: reduce)");function g(){return E.matches||document.documentElement.hasAttribute("data-motion-reduced")}var m=0,y=new Map([["vb-fade-in","entrance"],["vb-slide-up","entrance"],["vb-pop","entrance"],["vb-slide-in-ltr","entrance"],["vb-slide-in-rtl","entrance"],["vb-fade-slide-up","entrance"],["vb-shadow-lift","entrance"],["vb-fade-out","exit"],["vb-collapse","exit"],["vb-slide-out-ltr","exit"],["vb-slide-out-rtl","exit"],["vb-shake","attention"],["vb-pulse","attention"],["vb-bounce","attention"],["vb-blink","attention"],["vb-neon-pulse","decoration"],["vb-3d-shift","decoration"],["vb-outline-glow-pulse","decoration"],["vb-rainbow","decoration"],["vb-gradient-flow","decoration"],["vb-shimmer","decoration"],["vb-shimmer-gradient","decoration"],["vb-glow","decoration"],["vb-float","decoration"]]),_="__vbEffectsRuntime",b=globalThis,c=b[_]??{_effects:new Map,_triggers:new Map,_transitions:new Map,_instances:new WeakMap,_triggerCleanups:new WeakMap,_wiredTriggers:new WeakMap,_transitionCleanups:new WeakMap,_transitionFallback:new WeakSet,_keyframePhase:y,_observer:null,_animationEndHandler:null,_autoBooted:!1,effect(t,e){this._effects.set(t,e),document.querySelectorAll("[data-effect]").forEach(i=>{if(!(i.getAttribute("data-effect")||"").split(/\s+/).includes(t))return;let s=!this._instances.get(i)?.has(t);this._initEffect(i,t),s&&i.hasAttribute("data-effect-active")&&this._instances.get(i)?.get(t)?.activate?.()})},trigger(t,e){this._triggers.set(t,e),document.querySelectorAll("[data-effect-processed][data-trigger]").forEach(i=>{let n=i.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(i,n)})},transition(t,e){this._transitions.set(t,e),document.querySelectorAll("[data-transition-processed][data-transition]").forEach(i=>{if(!this._transitionFallback.has(i))return;let n=i.getAttribute("data-transition")||"",s=n.indexOf(":");if((s>-1?n.slice(0,s):n)!==t)return;this._transitionFallback.delete(i);let a=i;a.style.viewTransitionName="";let r=e(i,s>-1?n.slice(s+1):null);r&&this._transitionCleanups.set(i,r)})},uid(t){return t.id?t.id:(t._vbUid||(m++,t._vbUid=`vb-${m}`),t._vbUid)},theme(t,e){this._themes=this._themes||new Map,this._themes.set(t,e)},applyTheme(t,e=document.documentElement){let i=this._themes?.get(t);if(i)for(let[n,s]of Object.entries(i))e.style.setProperty(n,s)},swap(t){if(!document.startViewTransition){t(),queueMicrotask(()=>this._dispatchVtDone(document.body));return}let e=document.startViewTransition(t);return e.updateCallbackDone.then(()=>{this._dispatchVtDone(document.body)}).catch(()=>{}),e},_dispatchVtDone(t){t.querySelectorAll('[data-trigger~="vt"]').forEach(e=>{this.emit(e,"vb:vt-update-done",{})})},activate(t){this._activateEffects(t)},deactivate(t){t.hasAttribute("data-effect-active")&&(t.removeAttribute("data-effect-active"),this.emit(t,"vb:phase-change",{active:!1}))},onPhaseEnd(t,e,i){let n=s=>{s.detail?.phase===e&&i(s.detail)};return t.addEventListener("vb:effect-phase-end",n),()=>t.removeEventListener("vb:effect-phase-end",n)},registerKeyframe(t,e){this._keyframePhase.set(t,e)},observe(t=document){if(t.querySelectorAll("[data-effect]").forEach(i=>this._processElement(i)),t.querySelectorAll("[data-stagger]").forEach(i=>this._processStagger(i)),t.querySelectorAll("[data-transition]").forEach(i=>this._processTransition(i)),this._observer)return;this._observer=new MutationObserver(i=>{for(let n of i){if(n.type==="childList"){for(let s of n.addedNodes)s.nodeType===Node.ELEMENT_NODE&&this._processTree(s);for(let s of n.removedNodes)s.nodeType===Node.ELEMENT_NODE&&(s.isConnected||this._cleanupTree(s))}if(n.type==="attributes"){let s=n.target;n.attributeName==="data-effect"&&this._reconcileEffects(s),n.attributeName==="data-trigger"&&this._reconcileTrigger(s),n.attributeName==="data-stagger"&&this._processStagger(s),n.attributeName==="data-transition"&&this._processTransition(s)}}});let e=t===document?document.body:t;this._observer.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-effect","data-trigger","data-stagger","data-transition"]}),this._animationEndHandler||(this._animationEndHandler=i=>{let n=i.target;if(!(n instanceof Element)||!n.hasAttribute("data-effect"))return;let s=this._keyframePhase.get(i.animationName);s&&this.emit(n,"vb:effect-phase-end",{phase:s,animationName:i.animationName})},document.addEventListener("animationend",this._animationEndHandler))},disconnect(){this._observer&&(this._observer.disconnect(),this._observer=null),this._animationEndHandler&&(document.removeEventListener("animationend",this._animationEndHandler),this._animationEndHandler=null)},params(t){let e=getComputedStyle(t);return{get(i){return e.getPropertyValue(`--vb-${i}`).trim()},getNumber(i,n=0){let s=e.getPropertyValue(`--vb-${i}`).trim();return s?parseFloat(s):n},getTime(i,n=0){let s=e.getPropertyValue(`--vb-${i}`).trim();if(!s)return n;let a=parseFloat(s);return Number.isFinite(a)?/s\s*$/.test(s)&&!/ms\s*$/.test(s)?a*1e3:a:n},hasClass(i){return t.classList.contains(i)}}},emit(t,e,i={}){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:i}))},prefersReducedMotion:g,_processTree(t){t.hasAttribute?.("data-effect")&&this._processElement(t),t.hasAttribute?.("data-stagger")&&this._processStagger(t),t.hasAttribute?.("data-transition")&&this._processTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._processElement(e)),t.querySelectorAll?.("[data-stagger]").forEach(e=>this._processStagger(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._processTransition(e))},_cleanupTree(t){t.hasAttribute?.("data-effect")&&this._cleanupElement(t),t.hasAttribute?.("data-transition")&&this._cleanupTransition(t),t.querySelectorAll?.("[data-effect]").forEach(e=>this._cleanupElement(e)),t.querySelectorAll?.("[data-transition]").forEach(e=>this._cleanupTransition(e))},_processElement(t){if(t.hasAttribute("data-effect-processed"))return;t.setAttribute("data-effect-processed","");let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];for(let i of e)this._initEffect(t,i);this._wireTrigger(t,e)},_initEffect(t,e){let i=this._effects.get(e);if(!i)return;let n=this._instances.get(t);if(n?.has(e))return;g();let s=i(t);s&&(n||(n=new Map,this._instances.set(t,n)),typeof s=="function"?n.set(e,{cleanup:s}):n.set(e,s))},_wireTrigger(t,e){let i=t.getAttribute("data-trigger");if(!i){this._activateEffects(t);return}let n=i.split(/\s+/).filter(Boolean);this._wiredTriggers??=new WeakMap;let s=this._wiredTriggers.get(t);s||(s=new Set,this._wiredTriggers.set(t,s));for(let a of n){if(s.has(a))continue;let r=a.indexOf(":"),o=r>-1?a.slice(0,r):a,d=r>-1?a.slice(r+1):null,f=this._triggers.get(o);if(!f)continue;s.add(a);let h=f(t,()=>this._activateEffects(t),d);if(h){let p=this._triggerCleanups.get(t);if(p){let v=p;this._triggerCleanups.set(t,()=>{v(),h()})}else this._triggerCleanups.set(t,h)}}},_activateEffects(t){t.setAttribute("data-effect-active",""),this.emit(t,"vb:phase-change",{active:!0});let e=this._instances.get(t);if(e)for(let[,i]of e)i.activate&&i.activate()},_cleanupElement(t){let e=this._instances.get(t);if(e){for(let[,n]of e)n.cleanup&&n.cleanup();this._instances.delete(t)}let i=this._triggerCleanups.get(t);i&&(i(),this._triggerCleanups.delete(t)),this._wiredTriggers?.delete(t)},_reconcileEffects(t){let e=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[],i=this._instances.get(t);if(i)for(let[n,s]of i)e.includes(n)||(s.cleanup&&s.cleanup(),i.delete(n));for(let n of e)i?.has(n)||this._initEffect(t,n);t.hasAttribute("data-effect-processed")||(t.setAttribute("data-effect-processed",""),this._wireTrigger(t,e))},_reconcileTrigger(t){let e=this._triggerCleanups.get(t);e&&(e(),this._triggerCleanups.delete(t)),this._wiredTriggers?.delete(t);let i=t.getAttribute("data-effect")?.split(/\s+/).filter(Boolean)||[];this._wireTrigger(t,i)},_processStagger(t){let e=t.getAttribute("data-stagger")||"",i=t.children,n=i.length,s;if(e==="reverse")s=Array.from({length:n},(a,r)=>n-1-r);else if(e==="random"){let a=this._hashString(this.uid(t));s=Array.from({length:n},(o,d)=>d);let r=a;for(let o=n-1;o>0;o--){r^=r<<13,r^=r>>>17,r^=r<<5;let d=Math.abs(r)%(o+1);[s[o],s[d]]=[s[d],s[o]]}}else if(e==="grid"){let a=[];for(let r=0;r<n;r++){let o=getComputedStyle(i[r]),d=parseInt(o.gridRowStart,10),f=parseInt(o.gridColumnStart,10);a.push({i:r,dist:Number.isFinite(d)&&Number.isFinite(f)?d-1+(f-1):r})}a.sort((r,o)=>r.dist-o.dist),s=new Array(n),a.forEach((r,o)=>{s[r.i]=o})}else s=Array.from({length:n},(a,r)=>r);for(let a=0;a<n;a++)i[a].style.setProperty("--vb-stagger-index",String(s[a]))},_hashString(t){let e=5381;for(let i=0;i<t.length;i++)e=(e<<5)+e^t.charCodeAt(i);return e|0},_processTransition(t){if(t.hasAttribute("data-transition-processed"))return;t.setAttribute("data-transition-processed","");let e=t.getAttribute("data-transition");if(!e)return;let i=e.indexOf(":"),n=i>-1?e.slice(0,i):e,s=i>-1?e.slice(i+1):null,a=this._transitions.get(n);if(a){let r=a(t,s);r&&this._transitionCleanups.set(t,r)}else t.style.viewTransitionName=`${e}-${this.uid(t)}`,this._transitionFallback.add(t)},_cleanupTransition(t){let e=this._transitionCleanups.get(t);e&&(e(),this._transitionCleanups.delete(t)),this._transitionFallback.delete(t),t.style.viewTransitionName=""}};b[_]=c;if(typeof window<"u"){let t=window.VB;if(t&&t!==c)for(let e of Object.keys(t))e in c||(c[e]=t[e]);window.VB=c}typeof document<"u"&&!c._autoBooted&&(c._autoBooted=!0,document.body?c.observe():document.addEventListener("DOMContentLoaded",()=>c.observe(),{once:!0}));var u=["\u2726","\u2727","\u22C6","\u2661","\u2606"],l=["oklch(75% 0.18 350)","oklch(70% 0.15 290)","oklch(75% 0.12 60)","oklch(70% 0.12 220)","oklch(65% 0.15 180)"];c.effect("particles",t=>{if(t._sparkleInterval)return;if(c.prefersReducedMotion()){getComputedStyle(t).position==="static"&&(t.style.position="relative");for(let s=0;s<5;s++){let a=document.createElement("span");a.textContent=u[Math.floor(Math.random()*u.length)],a.setAttribute("aria-hidden","true"),a.style.cssText=`
         position: absolute; pointer-events: none;
         font-size: ${.5+Math.random()*.6}rem;
         color: ${l[Math.floor(Math.random()*l.length)]};
         left: ${10+Math.random()*80}%;
         top: ${10+Math.random()*80}%;
         opacity: 0.4; z-index: 0;
-      `,t.appendChild(r)}return}getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.style.overflow="hidden";function n(){let i=document.createElement("span");i.textContent=u[Math.floor(Math.random()*u.length)],i.setAttribute("aria-hidden","true"),i.style.cssText=`
+      `,t.appendChild(a)}return}getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.style.overflow="hidden";function i(){let n=document.createElement("span");n.textContent=u[Math.floor(Math.random()*u.length)],n.setAttribute("aria-hidden","true"),n.style.cssText=`
       position: absolute; pointer-events: none;
       font-size: ${.6+Math.random()*.8}rem;
       color: ${l[Math.floor(Math.random()*l.length)]};
@@ -13,12 +13,12 @@ var E=window.matchMedia("(prefers-reduced-motion: reduce)");function g(){return
       top: ${80+Math.random()*20}%;
       opacity: 0; z-index: 0;
       animation: vb-kawaii-particle ${2+Math.random()*3}s ease-out forwards;
-    `,t.appendChild(i),setTimeout(()=>i.remove(),5e3)}if(!document.getElementById("vb-kawaii-particle-style")){let i=document.createElement("style");i.id="vb-kawaii-particle-style",i.textContent=`
+    `,t.appendChild(n),setTimeout(()=>n.remove(),5e3)}if(!document.getElementById("vb-kawaii-particle-style")){let n=document.createElement("style");n.id="vb-kawaii-particle-style",n.textContent=`
       @keyframes vb-kawaii-particle {
         0%   { opacity: 0; transform: translateY(0) rotate(0deg) scale(0.5); }
         20%  { opacity: 1; }
         80%  { opacity: 0.6; }
         100% { opacity: 0; transform: translateY(-120px) rotate(180deg) scale(0.3); }
       }
-    `,document.head.appendChild(i)}t._sparkleInterval=setInterval(n,600);for(let i=0;i<3;i++)setTimeout(n,i*200);return{cleanup(){t._sparkleInterval&&(clearInterval(t._sparkleInterval),t._sparkleInterval=null),t.querySelectorAll('[aria-hidden="true"]').forEach(i=>{i.style.animation?.includes("vb-kawaii-particle")&&i.remove()})}}});
+    `,document.head.appendChild(n)}t._sparkleInterval=setInterval(i,600);for(let n=0;n<3;n++)setTimeout(i,n*200);return{cleanup(){t._sparkleInterval&&(clearInterval(t._sparkleInterval),t._sparkleInterval=null),t.querySelectorAll('[aria-hidden="true"]').forEach(n=>{n.style.animation?.includes("vb-kawaii-particle")&&n.remove()})}}});
 //# sourceMappingURL=kawaii.full.js.map

package/dist/cdn/packs/manifest.json

@@ -2,7 +2,7 @@
   "effects": {
     "fullJs": {
       "file": "effects.full.js",
-      "size": 22552
+      "size": 23275
     },
     "fullCss": {
       "file": "effects.full.css",
@@ -98,7 +98,7 @@
     },
     "effectsCss": {
       "file": "kawaii.effects.css",
-      "size": 7368
+      "size": 7551
     },
     "effectsJs": {
       "file": "kawaii.effects.js",
@@ -110,17 +110,17 @@
     },
     "fullCss": {
       "file": "kawaii.full.css",
-      "size": 10335
+      "size": 10518
     },
     "fullJs": {
       "file": "kawaii.full.js",
-      "size": 11238
+      "size": 11786
     }
   },
   "memphis": {
     "themeCss": {
       "file": "memphis.theme.css",
-      "size": 15254
+      "size": 15415
     },
     "effectsCss": {
       "file": "memphis.effects.css",
@@ -136,7 +136,7 @@
     },
     "fullCss": {
       "file": "memphis.full.css",
-      "size": 19074
+      "size": 19235
     },
     "fullJs": {
       "file": "memphis.full.js",
@@ -160,7 +160,7 @@
   "ui": {
     "fullJs": {
       "file": "ui.full.js",
-      "size": 45317
+      "size": 45456
     },
     "fullCss": {
       "file": "ui.full.css",

package/dist/cdn/packs/memphis.full.css

@@ -1,4 +1,4 @@
-@font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-s: 2px 2px 0 var(--m-black);--shadow-m: 4px 4px 0 var(--m-black);--shadow-l: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d";position:absolute;top:-.75rem;left:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{border:2.5px solid var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-s: 2px 2px 0 oklch(50% .005 0);--shadow-m: 4px 4px 0 oklch(50% .005 0);--shadow-l: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
+@font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-s: 2px 2px 0 var(--m-black);--shadow-m: 4px 4px 0 var(--m-black);--shadow-l: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d" / "";position:absolute;inset-block-start:-.75rem;inset-inline-start:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):dir(rtl):before{content:"\275e" / ""}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{--btn-border-width: 2.5px;border-color:var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-s: 2px 2px 0 oklch(50% .005 0);--shadow-m: 4px 4px 0 oklch(50% .005 0);--shadow-l: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
 /*# sourceMappingURL=memphis.theme.css.map */
 
 @layer bundle-effects{[data-effect~=memphis-zigzag]{height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black)}[data-effect~=memphis-zigzag][data-color=yellow]{background:var(--m-pat-zigzag-y);background-size:32px 16px}[data-effect~=memphis-dots]{height:24px;background:var(--m-pat-dots-r);background-color:var(--m-cream);border-block:2.5px solid var(--m-black)}[data-effect~=memphis-dots][data-color=yellow]{background:var(--m-pat-dots-y);background-color:var(--m-cream)}[data-effect~=memphis-dots][data-color=blue]{background:var(--m-pat-dots-b);background-color:var(--m-cream)}[data-effect~=memphis-stripe]{height:12px;background:var(--m-pat-stripe-b);border-block:2.5px solid var(--m-black)}[data-effect~=memphis-stripe][data-color=pink]{background:var(--m-pat-stripe-p)}[data-effect~=memphis-stripe][data-color=teal]{background:var(--m-pat-stripe-t)}[data-effect~=memphis-confetti]{position:relative}[data-effect~=memphis-confetti]:before{content:"";position:absolute;inset:0;background:var(--m-pat-confetti);background-color:transparent;opacity:.4;pointer-events:none;z-index:0}[data-effect~=memphis-confetti]>*{position:relative;z-index:1}[data-effect~=memphis-squiggle]{position:relative}[data-effect~=memphis-squiggle]:before{content:"";position:absolute;inset:0;background:var(--m-pat-squiggle-bk);background-size:40px 20px;opacity:.15;pointer-events:none;z-index:0}[data-effect~=memphis-squiggle]>*{position:relative;z-index:1}[data-theme~=memphis] button[data-variant=stripe],[data-theme~=memphis] .button[data-variant=stripe]{background:var(--m-pat-stripe-y);background-color:var(--m-cream);color:var(--m-black)}[data-theme~=memphis] button[data-variant=dots],[data-theme~=memphis] .button[data-variant=dots]{background:var(--m-pat-dots-b);background-color:var(--m-cream);color:var(--m-black)}[data-theme~=memphis] button[data-variant=check],[data-theme~=memphis] .button[data-variant=check]{background:var(--m-pat-check-y);color:var(--m-black)}[data-theme~=memphis] button[data-variant=yellow],[data-theme~=memphis] .button[data-variant=yellow]{background:var(--m-yellow);color:var(--m-black)}[data-theme~=memphis] button[data-variant=blue],[data-theme~=memphis] .button[data-variant=blue]{background:var(--m-blue);color:var(--m-white)}[data-theme~=memphis] button[data-variant=teal],[data-theme~=memphis] .button[data-variant=teal]{background:var(--m-teal);color:var(--m-black)}[data-theme~=memphis] button[data-variant=pink],[data-theme~=memphis] .button[data-variant=pink]{background:var(--m-pink);color:var(--m-white)}[data-theme~=memphis] button[data-variant=mint],[data-theme~=memphis] .button[data-variant=mint]{background:var(--m-mint);color:var(--m-black)}[data-theme~=memphis] .card [data-pattern=stripe]{background:var(--m-pat-stripe-y);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=dots]{background:var(--m-pat-dots-r);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=check]{background:var(--m-pat-check-y)}[data-theme~=memphis] .card [data-pattern=squiggle]{background:var(--m-pat-squiggle-r);background-color:var(--m-cream);background-size:40px 20px}[data-theme~=memphis] .card [data-pattern=confetti]{background:var(--m-pat-confetti);background-color:var(--m-cream)}[data-theme~=memphis] .card [data-pattern=cross]{background:var(--m-pat-cross);background-color:var(--m-cream)}@media(prefers-reduced-motion:reduce){[data-effect~=memphis-confetti]:before,[data-effect~=memphis-squiggle]:before{animation:none}}@media print{[data-effect~=memphis-zigzag],[data-effect~=memphis-dots],[data-effect~=memphis-stripe]{display:none!important}[data-effect~=memphis-confetti]:before,[data-effect~=memphis-squiggle]:before{display:none!important}}}

package/dist/cdn/packs/memphis.theme.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-s: 2px 2px 0 var(--m-black);--shadow-m: 4px 4px 0 var(--m-black);--shadow-l: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d";position:absolute;top:-.75rem;left:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{border:2.5px solid var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-s: 2px 2px 0 oklch(50% .005 0);--shadow-m: 4px 4px 0 oklch(50% .005 0);--shadow-l: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
+@font-face{font-family:Boogaloo;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/boogaloo-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/outfit-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/outfit-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url("./memphis/fonts/outfit-900.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./memphis/fonts/space-mono-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url("./memphis/fonts/space-mono-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer bundle-theme{[data-theme~=memphis]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--m-cream: oklch(96% .018 88);--m-yellow: oklch(86% .185 96);--m-red: oklch(58% .24 26);--m-blue: oklch(48% .22 258);--m-teal: oklch(72% .16 195);--m-pink: oklch(64% .24 10);--m-mint: oklch(80% .135 165);--m-black: oklch(12% .01 80);--m-white: oklch(99% .005 90);--m-yellow-lt: oklch(94% .08 96);--m-blue-lt: oklch(88% .07 258);--m-pink-lt: oklch(92% .07 10);--m-teal-lt: oklch(92% .06 195);--m-mint-lt: oklch(94% .05 165);--color-background: var(--m-cream);--color-surface: var(--m-white);--color-surface-alt: oklch(96% .015 88);--color-surface-raised: var(--m-white);--color-surface-sunken: oklch(94% .012 88);--color-text: var(--m-black);--color-text-muted: oklch(38% .015 0);--color-text-subtle: oklch(52% .01 0);--color-primary: var(--m-red);--color-primary-hover: oklch(52% .26 26);--color-primary-subtle: oklch(94% .04 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(66% .17 195);--color-accent-subtle: var(--m-teal-lt);--color-border: var(--m-black);--color-border-muted: oklch(60% .01 0);--color-border-strong: var(--m-black);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(65% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--font-display: "Boogaloo", "Futura", "Century Gothic", sans-serif;--font-sans: "Outfit", "Century Gothic", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--line-height-normal: 1.6;--line-height-tight: 1.1;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: 2px 2px 0 var(--m-black);--shadow-s: 2px 2px 0 var(--m-black);--shadow-m: 4px 4px 0 var(--m-black);--shadow-l: 6px 6px 0 var(--m-black);--shadow-xl: 8px 8px 0 var(--m-black);--shadow-2xl: 10px 10px 0 var(--m-black);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1);--control-border: var(--m-black);--control-checked-bg: var(--m-red);--input-border: var(--m-black);--input-bg: var(--m-white);--range-track-fill: var(--m-red);--progress-fill: var(--m-teal);--m-pat-stripe-y: repeating-linear-gradient( 45deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 10px );--m-pat-stripe-p: repeating-linear-gradient( 45deg, var(--m-pink) 0px, var(--m-pink) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-b: repeating-linear-gradient( 45deg, var(--m-blue) 0px, var(--m-blue) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-t: repeating-linear-gradient( 45deg, var(--m-teal) 0px, var(--m-teal) 1.5px, var(--m-cream) 1.5px, var(--m-cream) 10px );--m-pat-stripe-vert: repeating-linear-gradient( 90deg, var(--m-black) 0px, var(--m-black) 1.5px, transparent 1.5px, transparent 8px );--m-pat-dots-y: radial-gradient(circle, var(--m-yellow) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-r: radial-gradient(circle, var(--m-red) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-b: radial-gradient(circle, var(--m-blue) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-p: radial-gradient(circle, var(--m-pink) 4px, transparent 4px) 0 0 / 16px 16px;--m-pat-dots-sm: radial-gradient(circle, var(--m-black) 2px, transparent 2px) 0 0 / 10px 10px;--m-pat-dots-lg: radial-gradient(circle, var(--m-black) 6px, transparent 6px) 0 0 / 22px 22px;--m-pat-check-sm: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 10px 10px;--m-pat-check-md: conic-gradient(var(--m-black) 90deg, transparent 90deg) 0 0 / 16px 16px;--m-pat-check-y: conic-gradient(var(--m-yellow) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-check-p: conic-gradient(var(--m-pink) 90deg, var(--m-cream) 90deg) 0 0 / 14px 14px;--m-pat-cross: repeating-linear-gradient(0deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px), repeating-linear-gradient(90deg, var(--m-black) 0px, var(--m-black) 1px, transparent 1px, transparent 12px);--m-pat-zigzag-y: repeating-linear-gradient(135deg, var(--m-yellow) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-yellow) 0 8px, transparent 0 16px);--m-pat-zigzag-b: repeating-linear-gradient(135deg, var(--m-blue) 0 8px, transparent 0 16px), repeating-linear-gradient(45deg, var(--m-blue) 0 8px, transparent 0 16px);--m-pat-squiggle-r: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23d03040' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-b: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a3a9e' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-p: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%23c02070' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-squiggle-bk: url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C5 0, 15 0, 20 10 C25 20, 35 20, 40 10' stroke='%231a1a14' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat;--m-pat-confetti: radial-gradient(circle, var(--m-red) 3px, transparent 3px) 0 0 / 28px 28px, radial-gradient(circle, var(--m-blue) 3px, transparent 3px) 14px 7px / 28px 28px, radial-gradient(circle, var(--m-yellow) 3px, transparent 3px) 7px 14px / 28px 28px, radial-gradient(circle, var(--m-teal) 3px, transparent 3px) 21px 3px / 28px 28px, radial-gradient(circle, var(--m-pink) 3px, transparent 3px) 3px 21px / 28px 28px}[data-theme~=memphis] :is(main,article) h1{font-family:var(--font-display, var(--font-sans));color:var(--m-red);text-transform:uppercase;letter-spacing:.02em}[data-theme~=memphis] :is(main,article) h1:after{content:" \2726";color:var(--m-yellow)}[data-theme~=memphis] :is(main,article) h2{font-family:var(--font-display, var(--font-sans));color:var(--m-black);text-transform:uppercase}[data-theme~=memphis] :is(main,article) h2:before{content:"\25c6";color:var(--m-teal)}[data-theme~=memphis] :is(main,article) h3{font-family:var(--font-display, var(--font-sans));color:var(--m-blue);text-transform:uppercase}[data-theme~=memphis] :is(main,article) hr:not([data-ornament]){border:none;height:16px;background:var(--m-pat-zigzag-b);background-size:32px 16px;border-block:2.5px solid var(--m-black);margin-block:2rem}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]){border:2.5px solid var(--m-black);border-inline-start:2.5px solid var(--m-black);padding:1.5rem;background:oklch(from var(--m-yellow) l c h / .15);position:relative}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):before{content:"\275d" / "";position:absolute;inset-block-start:-.75rem;inset-inline-start:1rem;background:var(--m-pink);color:#fff;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1}[data-theme~=memphis] :is(main,article) blockquote:not([data-callout]):dir(rtl):before{content:"\275e" / ""}[data-theme~=memphis] :is(main,article) a:not([class]){color:var(--m-red);text-decoration:none;border-block-end:3px solid var(--m-teal);font-weight:600;transition:all .2s var(--ease-default)}[data-theme~=memphis] :is(main,article) a:not([class]):hover{color:var(--m-teal);border-color:var(--m-red)}[data-theme~=memphis] :is(main,article) button,[data-theme~=memphis] :is(main,article) .button{--btn-border-width: 2.5px;border-color:var(--m-black);background:var(--m-red);color:#fff;font-family:var(--font-display, var(--font-sans));font-weight:400;text-transform:uppercase;box-shadow:4px 4px 0 var(--m-black);transition:transform .06s,box-shadow .06s}[data-theme~=memphis] :is(main,article) button:hover,[data-theme~=memphis] :is(main,article) .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) button:active,[data-theme~=memphis] :is(main,article) .button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) .card{border:2.5px solid var(--m-black);background:var(--m-cream);box-shadow:6px 6px 0 var(--m-black);transition:transform .15s,box-shadow .15s}[data-theme~=memphis] :is(main,article) .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--m-black)}[data-theme~=memphis] :is(main,article) input,[data-theme~=memphis] :is(main,article) textarea,[data-theme~=memphis] :is(main,article) select{border:2.5px solid var(--m-black);background:var(--m-white);font-weight:500;box-shadow:2px 2px 0 var(--m-black);transition:box-shadow .1s}[data-theme~=memphis] :is(main,article) input:focus,[data-theme~=memphis] :is(main,article) textarea:focus,[data-theme~=memphis] :is(main,article) select:focus{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue);outline:none}@supports (appearance: base-select){[data-theme~=memphis] :is(main,article) select:not([multiple]){padding-inline-end:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker-icon{color:var(--m-black);margin-inline-start:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]):open{border-color:var(--m-blue);box-shadow:4px 4px 0 var(--m-blue)}[data-theme~=memphis] :is(main,article) select:not([multiple])::picker(select){background:var(--m-white);border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);padding-block:var(--size-s)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option{padding:var(--size-xs) var(--size-m);margin-inline:var(--size-xs)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:hover{background:var(--m-yellow-lt)}[data-theme~=memphis] :is(main,article) select:not([multiple]) option:checked{color:var(--m-red);font-weight:700}[data-theme~=memphis] :is(main,article) select:not([multiple]) option::checkmark{color:var(--m-red)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;color:var(--m-teal);padding-inline:var(--size-m)}[data-theme~=memphis] :is(main,article) select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--m-black);border-width:2.5px}}[data-theme~=memphis] :is(main,article) code{background:var(--m-yellow-lt);color:var(--m-black);padding:.1em .4em;border:1.5px solid var(--m-black);font-weight:600}[data-theme~=memphis] :is(main,article) pre{border:2.5px solid var(--m-black);box-shadow:4px 4px 0 var(--m-black);background:var(--m-cream)}[data-theme~=memphis] :is(main,article) code-block{--cb-bg: var(--color-surface);--cb-code-bg: var(--color-surface);--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-text);--cb-border-color: var(--m-black);--cb-comment: var(--color-text-muted);--cb-keyword: var(--m-red);--cb-string: var(--m-teal);--cb-function: var(--m-blue);--cb-number: var(--m-yellow);--cb-tag: var(--m-teal);--cb-attribute: var(--m-red);--cb-button-bg: var(--color-surface);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: var(--color-surface);--cb-scrollbar-thumb: var(--color-border)}[data-theme~=memphis] :is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-surface-raised);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--m-black);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--color-surface-sunken)}[data-theme~=memphis] ::selection{background:var(--m-teal);color:#fff}[data-theme~=memphis][data-mode=dark]{color-scheme:dark;--m-cream: oklch(15% .01 80);--m-white: oklch(18% .01 80);--m-black: oklch(90% .005 0);--color-background: oklch(10% .01 0);--color-surface: oklch(15% .01 0);--color-surface-alt: oklch(18% .012 0);--color-surface-raised: oklch(20% .01 0);--color-surface-sunken: oklch(8% .01 0);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--m-red: oklch(64% .24 26);--m-blue: oklch(55% .22 258);--m-teal: oklch(78% .16 195);--m-pink: oklch(70% .24 10);--m-mint: oklch(85% .135 165);--m-yellow: oklch(88% .185 96);--color-primary: var(--m-red);--color-primary-hover: oklch(58% .26 26);--color-primary-subtle: oklch(20% .06 26);--color-accent: var(--m-teal);--color-accent-hover: oklch(72% .17 195);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(70% .14 175);--color-warning: var(--m-yellow);--color-error: var(--m-red);--color-info: var(--m-blue);--input-bg: var(--m-white);--input-border: var(--m-black);--m-yellow-lt: oklch(30% .06 96);--m-blue-lt: oklch(25% .05 258);--m-pink-lt: oklch(28% .05 10);--m-teal-lt: oklch(25% .04 195);--m-mint-lt: oklch(25% .04 165);--shadow-xs: 2px 2px 0 oklch(50% .005 0);--shadow-s: 2px 2px 0 oklch(50% .005 0);--shadow-m: 4px 4px 0 oklch(50% .005 0);--shadow-l: 6px 6px 0 oklch(50% .005 0);--shadow-xl: 8px 8px 0 oklch(50% .005 0);--shadow-2xl: 10px 10px 0 oklch(50% .005 0)}}
 /*# sourceMappingURL=memphis.theme.css.map */