@bendyline/squisq-cli 2.9.17 → 2.9.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/THIRD_PARTY_LICENSES.txt +173 -3
- package/dist/squisq-player.full.global.js +430 -430
- package/dist/squisq-player.global.js +1 -1
- package/package.json +2 -2
|
@@ -767,5 +767,5 @@ ${lA}
|
|
|
767
767
|
`)[0];return bt.length<=30?bt:bt.slice(0,27)+"..."}if(typeof ze.date=="string")return ze.date;if(typeof ze.fact=="string")return ze.fact}if(ne.layers&&Array.isArray(ne.layers)){let ze=ne.layers.find(bt=>bt.type==="text");if(ze?.content?.text){let bt=ze.content.text.split(`
|
|
768
768
|
`)[0];return bt.length<=30?bt:bt.slice(0,27)+"..."}}return ne.id.replace(/-/g," ").replace(/\b\w/g,ze=>ze.toUpperCase())},[]),CI=he(()=>{let ne=Qe.map((Ce,ze)=>({id:Ce.id,label:String(ze+1),summary:Ai(Ce)}));return !hn||!Dt?ne:[{id:"__cover__",label:"Cover",summary:Ai(Dt)},...ne]},[Dt,Qe,Ai,hn]),$o=he(()=>{if(!nt||!Qe.length)return [];let ne=-1;return Qe.map((Ce,ze)=>{let bt=Ce.audioSegment!==ne;return ne=Ce.audioSegment,{block:Ce,index:ze,position:Ce.startTime/nt*100,title:Ai(Ce),isSectionStart:bt}})},[Qe,nt,Ai]);ke(()=>{$o.length>0&&S?.($o);},[$o,S]),Q0.current=re?Ql:Qe.length;let ac=Ee((ne,Ce)=>{if(ne.defaultPrevented||ne.altKey||ne.ctrlKey||ne.metaKey||ne.shiftKey)return;let ze=ne.target instanceof Element?ne.target:null,bt=!!ze?.closest('input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"], [role="combobox"], [role="listbox"], [role="slider"], [role="spinbutton"], .monaco-editor'),Na=!!ze?.closest('[role="menu"], [role="dialog"], [aria-modal="true"]'),Ci=re&&!!ze?.closest(".doc-controls-slideshow")&&!ze.closest('[role="menu"]');if(!(bt||Ce&&Na||!Ce&&ze?.closest('input, textarea, select, button, a, [contenteditable]:not([contenteditable="false"]), [role="textbox"]')&&!Ci)&&!(te||ge)){if(ne.key==="f"||ne.key==="F"){if(!x)return;ne.preventDefault(),x();return}if(re)switch(ne.key){case "ArrowRight":case "ArrowDown":case " ":ne.preventDefault(),_i.nextStep();break;case "ArrowLeft":ne.preventDefault(),_i.prevStep();break;case "ArrowUp":ne.preventDefault(),tb(true);break;case "Home":ne.preventDefault(),Rn.goToSlide(0);break;case "End":ne.preventDefault(),Rn.goToSlide(Q0.current-1);break}else switch(ne.key){case " ":ne.preventDefault(),qa();break;case "ArrowRight":ne.preventDefault(),Nt(Math.min(qm.current+10,K0.current));break;case "ArrowLeft":ne.preventDefault(),Nt(Math.max(qm.current-10,0));break}}},[re,te,ge,qa,Nt,Rn,_i,x]),II=Ee(ne=>ac(ne,false),[ac]);return ke(()=>{if(!xe||n||te||ge)return;let ne=Ce=>{ac(Ce,true);};return document.addEventListener("keydown",ne),()=>document.removeEventListener("keydown",ne)},[xe,ac,ge,te,n]),te?k("div",{ref:_e,"data-player-id":Re,className:"doc-player doc-player--linear",style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:k(Cm,{doc:e,basePath:t,viewport:Ne,theme:R,surface:U,animationsEnabled:r,showCodeCopyButton:W,onCopyCode:G,fenceRenderers:ce})}):ge?k("div",{ref:_e,"data-player-id":Re,className:"doc-player doc-player--dashboard",style:{position:"relative",width:"100%",aspectRatio:`${Ne.width} / ${Ne.height}`,margin:"0 auto",overflow:"hidden"},children:k(J5,{doc:e,theme:R,viewport:Ne,layout:A,showTitle:P,style:D,documentTitle:q,basePath:t,animationsEnabled:r,muted:n||f,renderMode:n||Z,onRenderAPIReady:w})}):k("div",{ref:_e,"data-player-id":Re,"data-orientation":et,"data-playback-state":$e?"playing":"paused","data-swipe-phase":$r.phase,tabIndex:n?-1:0,role:"region","aria-label":"Document player",onKeyDown:n?void 0:II,className:`doc-player${n?" doc-player--render-mode":""}${rc?" doc-player--swipe":""}${$r.phase==="dragging"?" doc-player--grabbing":""}`,onClick:fI,onPointerDown:$r.onPointerDown,style:{...hI,position:"relative",width:"100%",aspectRatio:`${Ne.width} / ${Ne.height}`,margin:"0 auto",overflow:"hidden",cursor:n||rc?void 0:"pointer",touchAction:rc?"pan-y":void 0},children:[k("audio",{ref:Me,preload:"auto",muted:f}),k(_C,{schedule:mI,currentTime:xt,isPlaying:$e,basePath:t,renderMode:n,muted:f,presentation:_n.videoPresentation,pipSize:_n.pipSize,pipShape:_n.pipShape,pipPosition:_n.pipPosition,pipOrientation:et,pipFrameStyle:gI}),k("div",{className:"doc-player__viewport",children:[pr&&Dt&&k("div",{className:"doc-player__block doc-player__block--cover",children:k(mn,{block:Dt,blockTime:0,basePath:t,isEntering:false,viewport:Ne,muted:n||f,animationsEnabled:r&&!n,theme:Yn,tableContentRenderer:Y,growTextToFit:re,videoEmbeds:n?"placeholder":"poster",staticMedia:n})}),r&&!pr&&Gl&&wI&&k("div",{className:"doc-player__block doc-player__block--previous",children:k(mn,{respectReducedMotion:!n,buildPlayback:i?"timed":"all",block:Gl,blockTime:Math.max(0,xt-Gl.startTime),basePath:t,isExiting:true,transition:Xn?.transition,viewport:Ne,muted:n||f,animationsEnabled:r,theme:Yn,tableContentRenderer:Y,growTextToFit:re,videoEmbeds:n?"placeholder":"poster",staticMedia:n})},Gl.id),Xn&&k("div",{className:`doc-player__block doc-player__block--active${$r.phase!=="idle"?` doc-player__block--${$r.phase}`:""}`,"aria-hidden":pr||void 0,style:pr||$r.phase!=="idle"?{...$r.phase!=="idle"?{transform:`translateX(${$r.offsetPx}px)`}:{},...pr?{opacity:0,pointerEvents:"none"}:{}}:void 0,children:k(mn,{block:Xn,respectReducedMotion:!n,buildPlayback:i?re&&!n?Pn.cursor:"timed":"all",blockTime:J0,basePath:t,isEntering:r&&bI,viewport:Ne,isPlaying:$e,muted:n||f,animationsEnabled:r,theme:Yn,tableContentRenderer:Y,growTextToFit:re,videoEmbeds:n?"placeholder":"player",videoClips:re&&!n?"player":"timed",staticMedia:n})},Xn.id),Pa&&(n?Ei:true)&&k(a5,{captions:e.captions,currentTime:xt,enabled:Ei&&ab,fontSize:Math.min(34,Math.max(16,Math.round(cb.height*.026))),captionStyle:SI,captionPosition:M,theme:Yn,viewport:cb}),Z&&k("div",{className:"doc-player__debug",style:{position:"absolute",top:"8px",right:"8px",padding:"8px 12px",background:"rgba(0, 0, 0, 0.85)",borderRadius:"6px",color:"#00ff00",fontFamily:"monospace",fontSize:"11px",lineHeight:"1.5",zIndex:200,maxWidth:"280px",pointerEvents:"none",textAlign:"left"},children:[k("div",{style:{color:"#ffcc00",fontWeight:"bold",marginBottom:"4px"},children:"DEBUG MODE"}),k("div",{children:[k("span",{style:{color:"#888"},children:"template:"})," ",k("span",{style:{color:"#ff6b6b"},children:Xn?.template??"raw"})]}),k("div",{children:[k("span",{style:{color:"#888"},children:"block:"})," ",Ln+1,"/",Qe.length," ",k("span",{style:{color:"#666"},children:["(",Xn?.id||"none",")"]})]}),k("div",{children:[k("span",{style:{color:"#888"},children:"time:"})," ",xt.toFixed(2),"s /"," ",nt.toFixed(1),"s"," ",k("span",{style:{color:"#666"},children:["(progress: ",(Rm*100).toFixed(1),"%, scriptDur: ",e.duration.toFixed(1),")"]})]}),k("div",{children:[k("span",{style:{color:"#888"},children:"blockTime:"})," ",J0.toFixed(2),"s /"," ",(Xn?.duration||0).toFixed(1),"s"]}),k("div",{children:[k("span",{style:{color:"#888"},children:"segment:"})," ",it,"/",e.audio.segments.length-1," ",k("span",{style:{color:"#666"},children:["(",e.audio.segments[it]?.name||"none",")"]})]}),k("div",{children:[k("span",{style:{color:"#888"},children:"viewport:"})," ",Ne.name||`${Ne.width}x${Ne.height}`," ",k("span",{style:{color:"#666"},children:["(",et,")"]})]}),k("div",{children:[k("span",{style:{color:"#888"},children:"playing:"})," ",k("span",{style:{color:$e?"#4ade80":"#f87171"},children:$e?"yes":"no"}),pr&&k("span",{style:{color:"#60a5fa"},children:" (cover)"})]}),Pa&&(()=>{let ne=ql(e.captions,xt),Ce=Ei&&ab;return k(Fe,{children:[k("div",{children:[k("span",{style:{color:"#888"},children:"captions:"})," ",e.captions?.phrases.length||0," phrases"," ",k("span",{style:{color:Ei?"#4ade80":"#666"},children:["(",Ei?"on":"off",")"]})]}),k("div",{children:[k("span",{style:{color:"#888"},children:"cc.enabled:"})," ",k("span",{style:{color:Ce?"#4ade80":"#f87171"},children:String(Ce)})," ",k("span",{style:{color:"#666"},children:["(playing=",String($e)," t>0=",String(xt>0),")"]})]}),k("div",{children:[k("span",{style:{color:"#888"},children:"cc.phrase:"})," ",k("span",{style:{color:ne?"#4ade80":"#f87171"},children:ne?`"${ne.text.slice(0,30)}..."`:"null"})]}),ne&&k("div",{children:[k("span",{style:{color:"#888"},children:"cc.range:"})," ",k("span",{style:{color:"#60a5fa"},children:[ne.startTime.toFixed(2),"-",ne.endTime.toFixed(2)]})]})]})})()]})]}),!n&&!Jt&&Sn&&k("div",{className:"doc-player__unavailable",style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"16px",background:"rgba(0, 0, 0, 0.7)",color:"rgba(255, 255, 255, 0.9)",fontSize:"14px",zIndex:50},children:[k("span",{style:{fontSize:"32px"},children:"\u{1F50A}"}),k("span",{children:Sn})]}),!n&&!re&&d&&k(k5,{state:Bo,actions:nc,blockMarkers:$o,expandedBlocks:Qe,getBlockTitle:Ai}),!n&&!re&&!d&&m&&k("div",{className:"doc-player__scrubber",style:{position:"absolute",bottom:0,left:0,right:0,padding:"12px 16px 8px",background:"linear-gradient(transparent, rgba(0,0,0,0.6))",display:"flex",alignItems:"center",zIndex:100},children:k(_m,{state:Bo,actions:nc,blockMarkers:$o,expandedBlocks:Qe,getBlockTitle:Ai})}),!n&&re&&d&&k(x5,{state:Bo,slideNav:_i,slides:CI,pickerOpen:kI,onPickerOpenChange:tb}),!re&&Oe&&k("div",{className:"doc-player__tap-feedback",children:k("svg",{viewBox:"0 0 24 24",fill:"white",width:"48",height:"48",children:Oe==="pause"?k("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}):k("path",{d:"M8 5v14l11-7z"})})},Oe)]})}var sI=`.squisq-md-attachment{display:inline-flex;align-items:center;gap:.35em;max-width:100%;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;padding:.1em .5em;background:color-mix(in srgb,currentColor 8%,transparent);font-size:.86em;line-height:1.35;vertical-align:middle}.squisq-md-attachment>.fa-paperclip{flex:0 0 auto;opacity:.72}.squisq-md-attachment-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slowZoomIn{0%{transform:scale(1)}to{transform:scale(1.15)}}.squisq-flashcards{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:420px;overflow:hidden;padding:clamp(14px,2.5vw,28px);color:var(--squisq-flashcards-text);background:radial-gradient(circle at 12% 5%,color-mix(in srgb,var(--squisq-flashcards-primary) 22%,transparent),transparent 34%),var(--squisq-flashcards-bg);font-family:var(--squisq-flashcards-body-font);outline:none}.squisq-flashcards *,.squisq-flashcards *:before,.squisq-flashcards *:after{box-sizing:border-box}.squisq-flashcards__header,.squisq-flashcards__progress,.squisq-flashcards__card,.squisq-flashcards__footer,.squisq-flashcards__summary,.squisq-flashcards__empty-card{width:min(920px,100%);margin-inline:auto}.squisq-flashcards__header,.squisq-flashcards__footer,.squisq-flashcards__back,.squisq-flashcards__tools,.squisq-flashcards__primary-actions,.squisq-flashcards__summary-actions{display:flex;align-items:center;gap:10px}.squisq-flashcards__header,.squisq-flashcards__footer{justify-content:space-between}.squisq-flashcards__header{flex:0 0 auto;margin-bottom:16px}.squisq-flashcards__deck-copy h1,.squisq-flashcards__summary h2,.squisq-flashcards__empty-card h2{margin:2px 0 0;font:700 clamp(22px,3vw,34px) / 1.1 var(--squisq-flashcards-title-font)}.squisq-flashcards__eyebrow,.squisq-flashcards__answer-label,.squisq-flashcards__label{color:var(--squisq-flashcards-primary);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.squisq-flashcards__tool,.squisq-flashcards__button{min-height:40px;border:1px solid color-mix(in srgb,var(--squisq-flashcards-text) 22%,transparent);border-radius:999px;padding:8px 16px;color:var(--squisq-flashcards-text);background:color-mix(in srgb,var(--squisq-flashcards-surface) 88%,transparent);font:700 14px/1 var(--squisq-flashcards-body-font);cursor:pointer}.squisq-flashcards__tool:hover,.squisq-flashcards__button:hover:not(:disabled){border-color:var(--squisq-flashcards-primary)}.squisq-flashcards__tool:focus-visible,.squisq-flashcards__button:focus-visible,.squisq-flashcards__choice:focus-visible{outline:3px solid color-mix(in srgb,var(--squisq-flashcards-primary) 45%,transparent);outline-offset:2px}.squisq-flashcards__tool[aria-pressed=true],.squisq-flashcards__button--primary{border-color:var(--squisq-flashcards-primary);color:var(--squisq-flashcards-bg);background:var(--squisq-flashcards-primary)}.squisq-flashcards__button:disabled{opacity:.38;cursor:default}.squisq-flashcards__progress{flex:0 0 auto;height:5px;margin-bottom:16px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--squisq-flashcards-text) 12%,transparent)}.squisq-flashcards__progress>span{display:block;height:100%;border-radius:inherit;background:var(--squisq-flashcards-primary);transition:width .22s ease}.squisq-flashcards__card,.squisq-flashcards__summary,.squisq-flashcards__empty-card{border:1px solid color-mix(in srgb,var(--squisq-flashcards-text) 16%,transparent);border-radius:var(--squisq-flashcards-radius);padding:clamp(24px,5vw,58px);background:color-mix(in srgb,var(--squisq-flashcards-surface) 94%,var(--squisq-flashcards-bg));box-shadow:0 28px 80px color-mix(in srgb,#000 26%,transparent)}.squisq-flashcards__card{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.squisq-flashcards__label{margin-bottom:18px}.squisq-flashcards__content-block+.squisq-flashcards__content-block{margin-top:24px}.squisq-flashcards__content-title{margin:0 0 .45em;color:inherit;font-family:var(--squisq-flashcards-title-font);font-size:clamp(21px,2.6vw,34px);line-height:1.12}.squisq-flashcards__content-block .squisq-flashcards__content-block .squisq-flashcards__content-title{font-size:clamp(17px,1.9vw,24px)}.squisq-flashcards .squisq-md{font-size:clamp(15px,1.4vw,18px);line-height:1.55}.squisq-flashcards .squisq-md>:first-child{margin-top:0}.squisq-flashcards .squisq-md>:last-child{margin-bottom:0}.squisq-flashcards .squisq-md img,.squisq-flashcards .squisq-md video{max-width:100%;max-height:42vh;border-radius:calc(var(--squisq-flashcards-radius) * .65);object-fit:contain}.squisq-flashcards__canvas{width:min(720px,100%);aspect-ratio:16 / 9;margin-top:18px;overflow:hidden;border-radius:calc(var(--squisq-flashcards-radius) * .65)}.squisq-flashcards__answer,.squisq-flashcards__explanation,.squisq-flashcards__feedback{margin-top:28px;border-top:1px solid color-mix(in srgb,var(--squisq-flashcards-text) 18%,transparent);padding-top:24px;animation:squisq-flashcard-reveal .18s ease-out both}.squisq-flashcards__answer-label{display:block;margin-bottom:12px}.squisq-flashcards__choices{display:grid;gap:12px;margin-top:28px}.squisq-flashcards__choice{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;width:100%;border:1px solid color-mix(in srgb,var(--squisq-flashcards-text) 18%,transparent);border-radius:calc(var(--squisq-flashcards-radius) * .72);padding:14px 18px;color:var(--squisq-flashcards-text);background:color-mix(in srgb,var(--squisq-flashcards-bg) 32%,transparent);text-align:left;cursor:pointer}.squisq-flashcards__choice:not(:disabled):hover{border-color:var(--squisq-flashcards-primary);transform:translateY(-1px)}.squisq-flashcards__choice[data-choice-status=correct]{border-color:var(--squisq-flashcards-highlight);background:color-mix(in srgb,var(--squisq-flashcards-highlight) 14%,transparent)}.squisq-flashcards__choice[data-choice-status=incorrect]{border-color:var(--squisq-flashcards-warning);background:color-mix(in srgb,var(--squisq-flashcards-warning) 14%,transparent)}.squisq-flashcards__choice-key{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--squisq-flashcards-muted);background:color-mix(in srgb,var(--squisq-flashcards-text) 10%,transparent);font-weight:800}.squisq-flashcards__choice .squisq-flashcards__content-title{margin:0;font:700 clamp(15px,1.5vw,18px) / 1.3 var(--squisq-flashcards-body-font)}.squisq-flashcards__choice .squisq-md{font-size:15px}.squisq-flashcards__feedback>strong{color:var(--squisq-flashcards-warning);font:700 18px/1.2 var(--squisq-flashcards-title-font)}.squisq-flashcards__feedback[data-correct=true]>strong{color:var(--squisq-flashcards-highlight)}.squisq-flashcards__correct-answer>span{display:block;margin:12px 0 8px;color:var(--squisq-flashcards-muted);font-size:13px}.squisq-flashcards__footer{flex:0 0 auto;margin-top:14px}.squisq-flashcards__back{gap:14px}.squisq-flashcards__progress-group{display:grid;gap:6px;min-width:96px}.squisq-flashcards__progress-group>.squisq-flashcards__position{font-size:13px}.squisq-flashcards__progress-group>.squisq-flashcards__progress{width:100%;height:4px;margin:0}.squisq-flashcards--side-rails{--squisq-flashcards-rail: 148px;display:grid;grid-template-areas:"header header header" "back card actions";grid-template-columns:var(--squisq-flashcards-rail) minmax(0,920px) var(--squisq-flashcards-rail);grid-template-rows:auto minmax(0,1fr);justify-content:center;column-gap:18px}.squisq-flashcards--side-rails .squisq-flashcards__header,.squisq-flashcards--side-rails .squisq-flashcards__card{width:auto;margin-inline:0}.squisq-flashcards--side-rails .squisq-flashcards__header{grid-area:header}.squisq-flashcards--side-rails .squisq-flashcards__card{grid-area:card}.squisq-flashcards--side-rails .squisq-flashcards__footer{display:contents}.squisq-flashcards--side-rails .squisq-flashcards__back,.squisq-flashcards--side-rails .squisq-flashcards__primary-actions{display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);align-self:stretch;gap:10px}.squisq-flashcards--side-rails .squisq-flashcards__back>:first-child,.squisq-flashcards--side-rails .squisq-flashcards__primary-actions>:first-child{grid-row:2}.squisq-flashcards--side-rails .squisq-flashcards__back>:nth-child(2),.squisq-flashcards--side-rails .squisq-flashcards__primary-actions>:nth-child(2){grid-row:3;align-self:start}.squisq-flashcards--side-rails .squisq-flashcards__back{grid-area:back;text-align:center}.squisq-flashcards--side-rails .squisq-flashcards__primary-actions{grid-area:actions}.squisq-flashcards__summary,.squisq-flashcards__empty-card{margin-top:min(12vh,120px);text-align:center}.squisq-flashcards__summary p,.squisq-flashcards__empty-card p,.squisq-flashcards__empty-card ul{color:var(--squisq-flashcards-muted)}.squisq-flashcards__summary-actions{justify-content:center;flex-wrap:wrap;margin-top:24px}@keyframes squisq-flashcard-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.squisq-flashcards--compact{min-height:260px;padding:clamp(10px,2vw,18px)}.squisq-flashcards--compact .squisq-flashcards__header,.squisq-flashcards--compact .squisq-flashcards__progress,.squisq-flashcards--compact .squisq-flashcards__card,.squisq-flashcards--compact .squisq-flashcards__summary,.squisq-flashcards--compact .squisq-flashcards__empty-card{width:100%}.squisq-flashcards--compact .squisq-flashcards__header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px}.squisq-flashcards--compact .squisq-flashcards__deck-copy{display:grid;flex:1 1 220px;gap:2px;min-width:0}.squisq-flashcards--compact .squisq-flashcards__deck-copy h1{margin:0;overflow:hidden;font:700 16px/1.25 var(--squisq-flashcards-title-font);text-overflow:ellipsis;white-space:nowrap}.squisq-flashcards__position{color:var(--squisq-flashcards-muted);font-size:12px}.squisq-flashcards__controls,.squisq-flashcards__navigation{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.squisq-flashcards__controls{flex:0 1 auto;justify-content:flex-end;column-gap:16px}.squisq-flashcards--compact .squisq-flashcards__tools,.squisq-flashcards--compact .squisq-flashcards__primary-actions{width:auto;gap:6px}.squisq-flashcards--compact .squisq-flashcards__tool,.squisq-flashcards--compact .squisq-flashcards__button{min-height:32px;padding:6px 13px;font-size:13px}.squisq-flashcards--compact .squisq-flashcards__tool:not([aria-pressed=true]){border-color:transparent;background:transparent}.squisq-flashcards--compact .squisq-flashcards__tool:not([aria-pressed=true]):hover{border-color:color-mix(in srgb,var(--squisq-flashcards-text) 22%,transparent)}.squisq-flashcards--compact .squisq-flashcards__progress{height:3px;margin-top:0;margin-bottom:10px}.squisq-flashcards--compact .squisq-flashcards__card,.squisq-flashcards--compact .squisq-flashcards__summary,.squisq-flashcards--compact .squisq-flashcards__empty-card{padding:clamp(14px,2.5vw,26px);box-shadow:0 10px 28px color-mix(in srgb,#000 18%,transparent)}.squisq-flashcards--compact .squisq-flashcards__label{margin-bottom:10px}.squisq-flashcards--compact .squisq-flashcards__content-block+.squisq-flashcards__content-block{margin-top:14px}.squisq-flashcards--compact .squisq-flashcards__content-title{font-size:clamp(18px,2vw,24px);line-height:1.2}.squisq-flashcards--compact .squisq-flashcards__content-block .squisq-flashcards__content-block .squisq-flashcards__content-title{font-size:clamp(16px,1.6vw,19px)}.squisq-flashcards--compact .squisq-md{font-size:15px;line-height:1.5}.squisq-flashcards--compact .squisq-md img,.squisq-flashcards--compact .squisq-md video{max-height:32vh}.squisq-flashcards--compact .squisq-flashcards__canvas{margin-top:12px}.squisq-flashcards--compact .squisq-flashcards__answer,.squisq-flashcards--compact .squisq-flashcards__explanation,.squisq-flashcards--compact .squisq-flashcards__feedback{margin-top:16px;padding-top:14px}.squisq-flashcards--compact .squisq-flashcards__answer-label{margin-bottom:8px}.squisq-flashcards--compact .squisq-flashcards__choices{gap:8px;margin-top:16px}.squisq-flashcards--compact .squisq-flashcards__choice{grid-template-columns:26px minmax(0,1fr);gap:10px;padding:9px 14px}.squisq-flashcards--compact .squisq-flashcards__choice-key{width:26px;height:26px;font-size:13px}.squisq-flashcards--compact .squisq-flashcards__choice .squisq-flashcards__content-title{font-size:15px}.squisq-flashcards--compact .squisq-flashcards__feedback>strong{font-size:17px}.squisq-flashcards--compact .squisq-flashcards__correct-answer>span{margin:8px 0 6px}.squisq-flashcards--compact .squisq-flashcards__summary,.squisq-flashcards--compact .squisq-flashcards__empty-card{margin-block:auto}.squisq-flashcards--compact .squisq-flashcards__summary h2,.squisq-flashcards--compact .squisq-flashcards__empty-card h2{font-size:clamp(19px,2.2vw,24px)}.squisq-flashcards--compact .squisq-flashcards__summary-actions{margin-top:16px}@media(max-width:640px){.squisq-flashcards__header,.squisq-flashcards__footer{align-items:stretch;flex-direction:column}.squisq-flashcards__back{flex-direction:column;align-items:stretch;gap:10px;text-align:center}.squisq-flashcards__tools,.squisq-flashcards__primary-actions{width:100%}.squisq-flashcards__tools>*,.squisq-flashcards__primary-actions>*{flex:1}}@media(prefers-reduced-motion:reduce){.squisq-flashcards__progress>span,.squisq-flashcards__answer,.squisq-flashcards__explanation,.squisq-flashcards__feedback{animation:none;transition:none}}@keyframes slowZoomOut{0%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes slowZoomPanLeft{0%{transform:translate(0) scale(1.1)}to{transform:translate(-8%) scale(1.1)}}@keyframes slowZoomPanRight{0%{transform:translate(-8%) scale(1.1)}to{transform:translate(0) scale(1.1)}}@keyframes slowZoomPanUp{0%{transform:translateY(0) scale(1.1)}to{transform:translateY(-8%) scale(1.1)}}@keyframes slowZoomPanDown{0%{transform:translateY(-8%) scale(1.1)}to{transform:translateY(0) scale(1.1)}}@keyframes slowZoomCombinedPanLeft{0%{transform:translate(0) scale(1)}to{transform:translate(-5%) scale(1.12)}}@keyframes slowZoomCombinedPanRight{0%{transform:translate(-5%) scale(1.12)}to{transform:translate(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes layerSlideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes layerSlideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes layerSlideInTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes layerSlideInBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes growIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes drawOn{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes drawOnMarkers{0%,82%{opacity:0}to{opacity:1}}@keyframes revealFromLeft{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes revealFromRight{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes revealFromTop{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes revealFromBottom{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes revealIris{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}@keyframes wordIn{0%{opacity:0}to{opacity:1}}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(var(--drift-x, 12px),var(--drift-y, -10px))}to{transform:translate(0)}}@keyframes tween{0%{opacity:var(--tween-from-opacity, 1);transform:var(--tween-from-transform, none)}to{opacity:var(--tween-to-opacity, 1);transform:var(--tween-to-transform, none)}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes panLeft{0%{transform:translate(0)}to{transform:translate(-10%)}}@keyframes panRight{0%{transform:translate(-10%)}to{transform:translate(0)}}@keyframes portraitCoverPanRight{0%{object-position:left center}to{object-position:right center}}@keyframes portraitCoverPanLeft{0%{object-position:right center}to{object-position:left center}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes transitionZoomIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes transitionZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes transitionFlipIn{0%{opacity:0;transform:perspective(1400px) rotateY(-72deg) scale(.96)}to{opacity:1;transform:perspective(1400px) rotateY(0) scale(1)}}@keyframes transitionFlipOut{0%{opacity:1;transform:perspective(1400px) rotateY(0) scale(1)}to{opacity:0;transform:perspective(1400px) rotateY(56deg) scale(.96)}}@keyframes transitionRotateIn{0%{opacity:0;transform:rotate(-8deg) scale(.88)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes transitionRotateOut{0%{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(8deg) scale(1.04)}}@keyframes transitionDissolveIn{0%{opacity:0;filter:blur(10px)}60%{opacity:.72}to{opacity:1;filter:blur(0)}}@keyframes transitionDissolveOut{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(12px)}}@keyframes transitionMorphIn{0%{opacity:0;filter:blur(16px) saturate(.8);transform:scale(1.025)}to{opacity:1;filter:blur(0) saturate(1);transform:scale(1)}}@keyframes transitionMorphOut{0%{opacity:1;filter:blur(0) saturate(1);transform:scale(1)}to{opacity:0;filter:blur(16px) saturate(.85);transform:scale(.985)}}@keyframes transitionHold{0%,to{opacity:1;transform:none}}@keyframes transitionWipeLeftIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes transitionWipeLeftOut{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes transitionWipeRightIn{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes transitionWipeRightOut{0%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes transitionWipeUpIn{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}@keyframes transitionWipeUpOut{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100% 0)}}@keyframes transitionWipeDownIn{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes transitionWipeDownOut{0%{clip-path:inset(0)}to{clip-path:inset(100% 0 0 0)}}@keyframes transitionSplitHorizontalIn{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0)}}@keyframes transitionSplitHorizontalOut{0%{clip-path:inset(0)}to{clip-path:inset(0 50% 0 50%)}}@keyframes transitionSplitVerticalIn{0%{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(0)}}@keyframes transitionSplitVerticalOut{0%{clip-path:inset(0)}to{clip-path:inset(50% 0 50% 0)}}@keyframes transitionCircleIn{0%{clip-path:circle(0% at 50% 50%);opacity:.4}to{clip-path:circle(75% at 50% 50%);opacity:1}}@keyframes transitionCircleOut{0%{clip-path:circle(75% at 50% 50%);opacity:1}to{clip-path:circle(0% at 50% 50%);opacity:0}}@keyframes transitionDiamondIn{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);opacity:.35}to{clip-path:polygon(50% -30%,130% 50%,50% 130%,-30% 50%);opacity:1}}@keyframes transitionDiamondOut{0%{clip-path:polygon(50% -30%,130% 50%,50% 130%,-30% 50%);opacity:1}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);opacity:0}}@keyframes transitionPlusIn{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%);opacity:.45}70%{clip-path:polygon(43% 0,57% 0,57% 43%,100% 43%,100% 57%,57% 57%,57% 100%,43% 100%,43% 57%,0 57%,0 43%,43% 43%);opacity:1}to{clip-path:inset(0);opacity:1}}@keyframes transitionPlusOut{0%{clip-path:inset(0);opacity:1}to{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%);opacity:0}}@keyframes transitionFlashIn{0%{opacity:0;filter:brightness(2.8) contrast(1.5);transform:scale(1.04)}42%{opacity:1;filter:brightness(3.5) contrast(1.8)}to{opacity:1;filter:brightness(1) contrast(1);transform:scale(1)}}@keyframes transitionFlashOut{0%{opacity:1;filter:brightness(1) contrast(1)}55%{opacity:.9;filter:brightness(3) contrast(1.6)}to{opacity:0;filter:brightness(.4) contrast(1)}}@keyframes transitionNewsflashIn{0%{opacity:0;filter:brightness(3) contrast(1.8);transform:scale(.72) rotate(-2deg)}45%{opacity:1;filter:brightness(2.8) contrast(1.6);transform:scale(1.08) rotate(1deg)}to{opacity:1;filter:brightness(1) contrast(1);transform:scale(1) rotate(0)}}@keyframes transitionNewsflashOut{0%{opacity:1;filter:brightness(1) contrast(1);transform:scale(1)}to{opacity:0;filter:brightness(2.4) contrast(1.6);transform:scale(1.18) rotate(2deg)}}@keyframes transitionFallOverIn{0%{opacity:0;transform:perspective(1200px) rotateX(-72deg) translateY(-8%);transform-origin:50% 100%}to{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0);transform-origin:50% 100%}}@keyframes transitionFallOverOut{0%{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0);transform-origin:50% 100%}to{opacity:0;transform:perspective(1200px) rotateX(76deg) translateY(8%);transform-origin:50% 100%}}@keyframes transitionDrapeIn{0%{opacity:0;transform:perspective(1200px) rotateX(-42deg) skew(-8deg) scaleY(.82);transform-origin:50% 0}to{opacity:1;transform:perspective(1200px) rotateX(0) skew(0) scaleY(1);transform-origin:50% 0}}@keyframes transitionDrapeOut{0%{opacity:1;transform:perspective(1200px) rotateX(0) skew(0) scaleY(1);transform-origin:50% 0}to{opacity:0;transform:perspective(1200px) rotateX(48deg) skew(7deg) scaleY(.74);transform-origin:50% 0}}@keyframes transitionCurtainsIn{0%{opacity:.4;transform:scaleX(.04);filter:brightness(.75)}to{opacity:1;transform:scaleX(1);filter:brightness(1)}}@keyframes transitionCurtainsOut{0%{opacity:1;transform:scaleX(1);filter:brightness(1)}to{opacity:.35;transform:scaleX(.04);filter:brightness(.55)}}@keyframes transitionWindIn{0%{opacity:0;filter:blur(14px);transform:translate(24%) skew(-14deg)}to{opacity:1;filter:blur(0);transform:translate(0) skew(0)}}@keyframes transitionWindOut{0%{opacity:1;filter:blur(0);transform:translate(0) skew(0)}to{opacity:0;filter:blur(14px);transform:translate(-24%) skew(14deg)}}@keyframes transitionPrestigeIn{0%{opacity:0;filter:brightness(1.8) saturate(.7);transform:perspective(1200px) translateZ(-180px) scale(.82)}to{opacity:1;filter:brightness(1) saturate(1);transform:perspective(1200px) translateZ(0) scale(1)}}@keyframes transitionPrestigeOut{0%{opacity:1;filter:brightness(1) saturate(1);transform:perspective(1200px) translateZ(0) scale(1)}to{opacity:0;filter:brightness(1.6) saturate(.75);transform:perspective(1200px) translateZ(140px) scale(1.06)}}@keyframes transitionFractureIn{0%{opacity:0;filter:contrast(1.8) brightness(1.4);clip-path:polygon(0 0,48% 0,52% 24%,100% 0,100% 100%,55% 78%,45% 100%,0 100%);transform:skew(-6deg) scale(1.03)}to{opacity:1;filter:contrast(1) brightness(1);clip-path:inset(0);transform:skew(0) scale(1)}}@keyframes transitionFractureOut{0%{opacity:1;filter:contrast(1) brightness(1);clip-path:inset(0);transform:skew(0) scale(1)}to{opacity:0;filter:contrast(1.8) brightness(1.2);clip-path:polygon(0 0,42% 8%,56% 28%,100% 0,100% 100%,58% 72%,40% 94%,0 100%);transform:skew(8deg) scale(1.05)}}@keyframes transitionCrushIn{0%{opacity:0;transform:scaleX(1.22) scaleY(.08);filter:contrast(1.4)}to{opacity:1;transform:scaleX(1) scaleY(1);filter:contrast(1)}}@keyframes transitionCrushOut{0%{opacity:1;transform:scaleX(1) scaleY(1);filter:contrast(1)}to{opacity:0;transform:scaleX(1.28) scaleY(.04);filter:contrast(1.5)}}@keyframes transitionPeelIn{0%{opacity:0;transform:perspective(1400px) rotateY(-78deg) skewY(8deg);transform-origin:0 50%}to{opacity:1;transform:perspective(1400px) rotateY(0) skewY(0);transform-origin:0 50%}}@keyframes transitionPeelOut{0%{opacity:1;transform:perspective(1400px) rotateY(0) skewY(0);transform-origin:100% 50%}to{opacity:0;transform:perspective(1400px) rotateY(82deg) skewY(-8deg);transform-origin:100% 50%}}@keyframes transitionPageCurlIn{0%{opacity:0;transform:perspective(1400px) rotateY(-64deg) rotate(-2deg);transform-origin:0 50%;filter:brightness(.85)}to{opacity:1;transform:perspective(1400px) rotateY(0) rotate(0);transform-origin:0 50%;filter:brightness(1)}}@keyframes transitionPageCurlOut{0%{opacity:1;transform:perspective(1400px) rotateY(0) rotate(0);transform-origin:100% 50%;filter:brightness(1)}to{opacity:0;transform:perspective(1400px) rotateY(68deg) rotate(2deg);transform-origin:100% 50%;filter:brightness(.8)}}@keyframes transitionAirplaneIn{0%{opacity:0;transform:translate(-40%,30%) rotate(-18deg) scale(.72);filter:blur(2px)}to{opacity:1;transform:translate(0) rotate(0) scale(1);filter:blur(0)}}@keyframes transitionAirplaneOut{0%{opacity:1;transform:translate(0) rotate(0) scale(1);filter:blur(0)}to{opacity:0;transform:translate(42%,-28%) rotate(18deg) scale(.72);filter:blur(2px)}}@keyframes transitionOrigamiIn{0%{opacity:0;transform:perspective(1400px) rotateX(58deg) rotateY(-42deg) scale(.86);filter:brightness(.85)}to{opacity:1;transform:perspective(1400px) rotateX(0) rotateY(0) scale(1);filter:brightness(1)}}@keyframes transitionOrigamiOut{0%{opacity:1;transform:perspective(1400px) rotateX(0) rotateY(0) scale(1);filter:brightness(1)}to{opacity:0;transform:perspective(1400px) rotateX(-58deg) rotateY(42deg) scale(.82);filter:brightness(.82)}}@keyframes transitionRippleIn{0%{opacity:0;filter:blur(10px);transform:scale(.86);clip-path:circle(0% at 50% 50%)}60%{opacity:.88;filter:blur(3px);transform:scale(1.035);clip-path:circle(65% at 50% 50%)}to{opacity:1;filter:blur(0);transform:scale(1);clip-path:circle(75% at 50% 50%)}}@keyframes transitionRippleOut{0%{opacity:1;filter:blur(0);transform:scale(1);clip-path:circle(75% at 50% 50%)}to{opacity:0;filter:blur(10px);transform:scale(1.08);clip-path:circle(0% at 50% 50%)}}@keyframes transitionTexturedIn{0%{opacity:.12;filter:contrast(1.6)}88%{opacity:1;filter:contrast(1.05)}to{opacity:1;filter:contrast(1);-webkit-mask-image:none;mask-image:none}}@keyframes transitionTexturedOut{0%{opacity:1;filter:contrast(1)}to{opacity:0;filter:contrast(1.7)}}@keyframes transitionVortexIn{0%{opacity:0;transform:rotate(-110deg) scale(.28);filter:blur(8px)}to{opacity:1;transform:rotate(0) scale(1);filter:blur(0)}}@keyframes transitionVortexOut{0%{opacity:1;transform:rotate(0) scale(1);filter:blur(0)}to{opacity:0;transform:rotate(120deg) scale(.2);filter:blur(10px)}}@keyframes transitionShredIn{0%{opacity:0;clip-path:inset(0 42% 0 42%);transform:translateY(-9%) skew(-8deg);filter:contrast(1.7)}to{opacity:1;clip-path:inset(0);transform:translateY(0) skew(0);filter:contrast(1)}}@keyframes transitionShredOut{0%{opacity:1;clip-path:inset(0);transform:translateY(0) skew(0);filter:contrast(1)}to{opacity:0;clip-path:inset(0 44% 0 44%);transform:translateY(11%) skew(8deg);filter:contrast(1.8)}}@keyframes transitionSwitchIn{0%{opacity:0;transform:perspective(1400px) rotateY(-48deg) translate(18%)}to{opacity:1;transform:perspective(1400px) rotateY(0) translate(0)}}@keyframes transitionSwitchOut{0%{opacity:1;transform:perspective(1400px) rotateY(0) translate(0)}to{opacity:0;transform:perspective(1400px) rotateY(48deg) translate(-18%)}}@keyframes transitionCubeIn{0%{opacity:0;transform:perspective(1200px) rotateY(-86deg) translate(44%);transform-origin:0 50%}to{opacity:1;transform:perspective(1200px) rotateY(0) translate(0);transform-origin:0 50%}}@keyframes transitionCubeOut{0%{opacity:1;transform:perspective(1200px) rotateY(0) translate(0);transform-origin:100% 50%}to{opacity:0;transform:perspective(1200px) rotateY(86deg) translate(-44%);transform-origin:100% 50%}}@keyframes transitionDoorsIn{0%{opacity:.2;transform:perspective(1200px) scaleX(.04);filter:brightness(.7)}to{opacity:1;transform:perspective(1200px) scaleX(1);filter:brightness(1)}}@keyframes transitionDoorsOut{0%{opacity:1;transform:perspective(1200px) scaleX(1);filter:brightness(1)}to{opacity:.2;transform:perspective(1200px) scaleX(.04);filter:brightness(.65)}}@keyframes transitionBoxIn{0%{opacity:.2;transform:scale(.18);clip-path:inset(38%)}to{opacity:1;transform:scale(1);clip-path:inset(0)}}@keyframes transitionBoxOut{0%{opacity:1;transform:scale(1);clip-path:inset(0)}to{opacity:0;transform:scale(.18);clip-path:inset(38%)}}@keyframes transitionGalleryIn{0%{opacity:0;transform:translate(28%) scale(.84);filter:brightness(.82)}to{opacity:1;transform:translate(0) scale(1);filter:brightness(1)}}@keyframes transitionGalleryOut{0%{opacity:1;transform:translate(0) scale(1);filter:brightness(1)}to{opacity:0;transform:translate(-28%) scale(.84);filter:brightness(.82)}}@keyframes transitionFerrisIn{0%{opacity:0;transform:translateY(42%) rotate(-34deg) scale(.78);transform-origin:50% 140%}to{opacity:1;transform:translateY(0) rotate(0) scale(1);transform-origin:50% 140%}}@keyframes transitionFerrisOut{0%{opacity:1;transform:translateY(0) rotate(0) scale(1);transform-origin:50% 140%}to{opacity:0;transform:translateY(-42%) rotate(34deg) scale(.78);transform-origin:50% 140%}}@keyframes transitionWindowIn{0%{opacity:.35;clip-path:inset(50% 50% 50% 50%);transform:scale(1.08)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}@keyframes transitionWindowOut{0%{opacity:1;clip-path:inset(0);transform:scale(1)}to{opacity:0;clip-path:inset(50% 50% 50% 50%);transform:scale(1.08)}}@keyframes transitionOrbitIn{0%{opacity:0;transform:rotate(-42deg) translate(18%) scale(.76);transform-origin:50% 50%}to{opacity:1;transform:rotate(0) translate(0) scale(1);transform-origin:50% 50%}}@keyframes transitionOrbitOut{0%{opacity:1;transform:rotate(0) translate(0) scale(1);transform-origin:50% 50%}to{opacity:0;transform:rotate(42deg) translate(-18%) scale(.76);transform-origin:50% 50%}}@keyframes transitionFlyThroughIn{0%{opacity:0;transform:perspective(1200px) translateZ(-520px) scale(.56);filter:blur(4px)}to{opacity:1;transform:perspective(1200px) translateZ(0) scale(1);filter:blur(0)}}@keyframes transitionFlyThroughOut{0%{opacity:1;transform:perspective(1200px) translateZ(0) scale(1);filter:blur(0)}to{opacity:0;transform:perspective(1200px) translateZ(420px) scale(1.28);filter:blur(5px)}}@keyframes transitionWheelIn{0%{opacity:0;transform:rotate(-58deg) scale(.7);clip-path:circle(0% at 50% 50%)}to{opacity:1;transform:rotate(0) scale(1);clip-path:circle(75% at 50% 50%)}}@keyframes transitionWheelOut{0%{opacity:1;transform:rotate(0) scale(1);clip-path:circle(75% at 50% 50%)}to{opacity:0;transform:rotate(58deg) scale(.7);clip-path:circle(0% at 50% 50%)}}@keyframes transitionWheelReverseIn{0%{opacity:0;transform:rotate(58deg) scale(.7);clip-path:circle(0% at 50% 50%)}to{opacity:1;transform:rotate(0) scale(1);clip-path:circle(75% at 50% 50%)}}@keyframes transitionWheelReverseOut{0%{opacity:1;transform:rotate(0) scale(1);clip-path:circle(75% at 50% 50%)}to{opacity:0;transform:rotate(-58deg) scale(.7);clip-path:circle(0% at 50% 50%)}}@keyframes transitionWedgeIn{0%{opacity:.4;clip-path:polygon(50% 50%,50% 0,50% 0)}to{opacity:1;clip-path:polygon(50% 50%,-30% -30%,130% -30%,130% 130%,-30% 130%)}}@keyframes transitionWedgeOut{0%{opacity:1;clip-path:polygon(50% 50%,-30% -30%,130% -30%,130% 130%,-30% 130%)}to{opacity:0;clip-path:polygon(50% 50%,50% 0,50% 0)}}@keyframes transitionPrismIn{0%{opacity:0;transform:perspective(1200px) rotateY(-28deg) skew(-12deg) scale(.9);filter:hue-rotate(24deg) saturate(1.6)}to{opacity:1;transform:perspective(1200px) rotateY(0) skew(0) scale(1);filter:hue-rotate(0deg) saturate(1)}}@keyframes transitionPrismOut{0%{opacity:1;transform:perspective(1200px) rotateY(0) skew(0) scale(1);filter:hue-rotate(0deg) saturate(1)}to{opacity:0;transform:perspective(1200px) rotateY(28deg) skew(12deg) scale(.9);filter:hue-rotate(-24deg) saturate(1.6)}}@keyframes transitionWarpIn{0%{opacity:0;transform:scaleX(.72) scaleY(1.18) skew(-14deg);filter:blur(8px)}to{opacity:1;transform:scaleX(1) scaleY(1) skew(0);filter:blur(0)}}@keyframes transitionWarpOut{0%{opacity:1;transform:scaleX(1) scaleY(1) skew(0);filter:blur(0)}to{opacity:0;transform:scaleX(1.2) scaleY(.72) skew(14deg);filter:blur(8px)}}@keyframes transitionClockIn{0%{opacity:.35;transform:rotate(-90deg) scale(.84);clip-path:circle(0% at 50% 50%)}to{opacity:1;transform:rotate(0) scale(1);clip-path:circle(75% at 50% 50%)}}@keyframes transitionClockOut{0%{opacity:1;transform:rotate(0) scale(1);clip-path:circle(75% at 50% 50%)}to{opacity:0;transform:rotate(90deg) scale(.84);clip-path:circle(0% at 50% 50%)}}@keyframes typewriter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes typewriterFallback{0%{width:0;overflow:hidden}to{width:100%;overflow:hidden}}.transition-fade-enter{animation:fadeIn var(--transition-duration, 1.5s) ease-out forwards}.transition-fade-exit{animation:fadeOut var(--transition-duration, 1.5s) ease-out forwards}.transition-dissolve-enter{animation:transitionDissolveIn var(--transition-duration, .8s) ease-in-out forwards}.transition-dissolve-exit{animation:transitionDissolveOut var(--transition-duration, .8s) ease-in-out forwards}.transition-morph-enter{animation:transitionMorphIn var(--transition-duration, .9s) ease-in-out forwards}.transition-morph-exit{animation:transitionMorphOut var(--transition-duration, .9s) ease-in-out forwards}.transition-pushLeft-enter,.transition-slideLeft-enter{animation:slideInRight var(--transition-duration, .8s) ease-out forwards}.transition-pushLeft-exit,.transition-slideLeft-exit{animation:slideOutLeft var(--transition-duration, .8s) ease-out forwards}.transition-pushRight-enter,.transition-slideRight-enter{animation:slideInLeft var(--transition-duration, .8s) ease-out forwards}.transition-pushRight-exit,.transition-slideRight-exit{animation:slideOutRight var(--transition-duration, .8s) ease-out forwards}.transition-pushUp-enter,.transition-slideUp-enter{animation:slideInBottom var(--transition-duration, .8s) ease-out forwards}.transition-pushUp-exit,.transition-slideUp-exit{animation:slideOutTop var(--transition-duration, .8s) ease-out forwards}.transition-pushDown-enter,.transition-slideDown-enter{animation:slideInTop var(--transition-duration, .8s) ease-out forwards}.transition-pushDown-exit,.transition-slideDown-exit{animation:slideOutBottom var(--transition-duration, .8s) ease-out forwards}.transition-zoom-enter{animation:transitionZoomIn var(--transition-duration, .7s) ease-out forwards}.transition-zoom-exit{animation:transitionZoomOut var(--transition-duration, .7s) ease-in forwards}.transition-flip-enter{animation:transitionFlipIn var(--transition-duration, .8s) ease-out forwards}.transition-flip-exit{animation:transitionFlipOut var(--transition-duration, .8s) ease-in forwards}.transition-rotate-enter{animation:transitionRotateIn var(--transition-duration, .8s) ease-out forwards}.transition-rotate-exit{animation:transitionRotateOut var(--transition-duration, .8s) ease-in forwards}.transition-wipeLeft-enter,.transition-revealLeft-enter{animation:transitionWipeLeftIn var(--transition-duration, .75s) ease-out forwards}.transition-wipeLeft-exit{animation:transitionWipeLeftOut var(--transition-duration, .75s) ease-in forwards}.transition-wipeRight-enter,.transition-revealRight-enter{animation:transitionWipeRightIn var(--transition-duration, .75s) ease-out forwards}.transition-wipeRight-exit{animation:transitionWipeRightOut var(--transition-duration, .75s) ease-in forwards}.transition-wipeUp-enter,.transition-revealUp-enter{animation:transitionWipeUpIn var(--transition-duration, .75s) ease-out forwards}.transition-wipeUp-exit{animation:transitionWipeUpOut var(--transition-duration, .75s) ease-in forwards}.transition-wipeDown-enter,.transition-revealDown-enter{animation:transitionWipeDownIn var(--transition-duration, .75s) ease-out forwards}.transition-wipeDown-exit{animation:transitionWipeDownOut var(--transition-duration, .75s) ease-in forwards}.transition-revealLeft-exit,.transition-revealRight-exit,.transition-revealUp-exit,.transition-revealDown-exit{animation:fadeOut var(--transition-duration, .75s) ease-in forwards}.transition-splitHorizontal-enter{animation:transitionSplitHorizontalIn var(--transition-duration, .8s) ease-out forwards}.transition-splitHorizontal-exit{animation:transitionSplitHorizontalOut var(--transition-duration, .8s) ease-in forwards}.transition-splitVertical-enter{animation:transitionSplitVerticalIn var(--transition-duration, .8s) ease-out forwards}.transition-splitVertical-exit{animation:transitionSplitVerticalOut var(--transition-duration, .8s) ease-in forwards}.transition-coverLeft-enter,.transition-pullLeft-enter{animation:slideInRight var(--transition-duration, .75s) ease-out forwards}.transition-coverRight-enter,.transition-pullRight-enter{animation:slideInLeft var(--transition-duration, .75s) ease-out forwards}.transition-coverUp-enter,.transition-pullUp-enter{animation:slideInBottom var(--transition-duration, .75s) ease-out forwards}.transition-coverDown-enter,.transition-pullDown-enter{animation:slideInTop var(--transition-duration, .75s) ease-out forwards}.transition-coverLeft-exit,.transition-coverRight-exit,.transition-coverUp-exit,.transition-coverDown-exit,.transition-pullLeft-exit,.transition-pullRight-exit,.transition-pullUp-exit,.transition-pullDown-exit{animation:transitionHold var(--transition-duration, .75s) linear forwards}.transition-uncoverLeft-enter,.transition-uncoverRight-enter,.transition-uncoverUp-enter,.transition-uncoverDown-enter{animation:fadeIn var(--transition-duration, .75s) ease-out forwards}.transition-uncoverLeft-exit{animation:slideOutLeft var(--transition-duration, .75s) ease-in forwards}.transition-uncoverRight-exit{animation:slideOutRight var(--transition-duration, .75s) ease-in forwards}.transition-uncoverUp-exit{animation:slideOutTop var(--transition-duration, .75s) ease-in forwards}.transition-uncoverDown-exit{animation:slideOutBottom var(--transition-duration, .75s) ease-in forwards}.transition-shapeCircle-enter{animation:transitionCircleIn var(--transition-duration, .75s) ease-out forwards}.transition-shapeCircle-exit{animation:transitionCircleOut var(--transition-duration, .75s) ease-in forwards}.transition-shapeDiamond-enter{animation:transitionDiamondIn var(--transition-duration, .75s) ease-out forwards}.transition-shapeDiamond-exit{animation:transitionDiamondOut var(--transition-duration, .75s) ease-in forwards}.transition-shapePlus-enter{animation:transitionPlusIn var(--transition-duration, .8s) ease-out forwards}.transition-shapePlus-exit{animation:transitionPlusOut var(--transition-duration, .8s) ease-in forwards}.transition-flash-enter{animation:transitionFlashIn var(--transition-duration, .7s) ease-out forwards}.transition-flash-exit{animation:transitionFlashOut var(--transition-duration, .7s) ease-in forwards}.transition-newsflash-enter{animation:transitionNewsflashIn var(--transition-duration, .75s) ease-out forwards}.transition-newsflash-exit{animation:transitionNewsflashOut var(--transition-duration, .75s) ease-in forwards}.transition-fallOver-enter{animation:transitionFallOverIn var(--transition-duration, .85s) ease-out forwards}.transition-fallOver-exit{animation:transitionFallOverOut var(--transition-duration, .85s) ease-in forwards}.transition-drape-enter{animation:transitionDrapeIn var(--transition-duration, .85s) ease-out forwards}.transition-drape-exit{animation:transitionDrapeOut var(--transition-duration, .85s) ease-in forwards}.transition-curtains-enter{animation:transitionCurtainsIn var(--transition-duration, .85s) ease-out forwards}.transition-curtains-exit{animation:transitionCurtainsOut var(--transition-duration, .85s) ease-in forwards}.transition-wind-enter{animation:transitionWindIn var(--transition-duration, .8s) ease-out forwards}.transition-wind-exit{animation:transitionWindOut var(--transition-duration, .8s) ease-in forwards}.transition-prestige-enter{animation:transitionPrestigeIn var(--transition-duration, .85s) ease-out forwards}.transition-prestige-exit{animation:transitionPrestigeOut var(--transition-duration, .85s) ease-in forwards}.transition-fracture-enter{animation:transitionFractureIn var(--transition-duration, .8s) ease-out forwards}.transition-fracture-exit{animation:transitionFractureOut var(--transition-duration, .8s) ease-in forwards}.transition-crush-enter{animation:transitionCrushIn var(--transition-duration, .75s) ease-out forwards}.transition-crush-exit{animation:transitionCrushOut var(--transition-duration, .75s) ease-in forwards}.transition-peelOff-enter{animation:transitionPeelIn var(--transition-duration, .85s) ease-out forwards}.transition-peelOff-exit{animation:transitionPeelOut var(--transition-duration, .85s) ease-in forwards}.transition-pageCurl-enter,.transition-pageCurlDouble-enter,.transition-pageCurlSingle-enter{animation:transitionPageCurlIn var(--transition-duration, .9s) ease-out forwards}.transition-pageCurl-exit,.transition-pageCurlDouble-exit,.transition-pageCurlSingle-exit{animation:transitionPageCurlOut var(--transition-duration, .9s) ease-in forwards}.transition-airplane-enter{animation:transitionAirplaneIn var(--transition-duration, .85s) ease-out forwards}.transition-airplane-exit{animation:transitionAirplaneOut var(--transition-duration, .85s) ease-in forwards}.transition-origami-enter{animation:transitionOrigamiIn var(--transition-duration, .85s) ease-out forwards}.transition-origami-exit{animation:transitionOrigamiOut var(--transition-duration, .85s) ease-in forwards}.transition-ripple-enter{animation:transitionRippleIn var(--transition-duration, .85s) ease-out forwards}.transition-ripple-exit{animation:transitionRippleOut var(--transition-duration, .85s) ease-in forwards}.transition-checkerboard-enter,.transition-random-enter{-webkit-mask-image:linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%);-webkit-mask-size:12% 12%;-webkit-mask-position:0 0,6% 6%;mask-image:linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%);mask-size:12% 12%;mask-position:0 0,6% 6%;animation:transitionTexturedIn var(--transition-duration, .85s) steps(8,end) forwards}.transition-checkerboard-exit,.transition-random-exit{-webkit-mask-image:linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%);-webkit-mask-size:12% 12%;-webkit-mask-position:0 0,6% 6%;mask-image:linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%);mask-size:12% 12%;mask-position:0 0,6% 6%;animation:transitionTexturedOut var(--transition-duration, .85s) steps(8,end) forwards}.transition-randomBarsHorizontal-enter,.transition-blindsHorizontal-enter,.transition-combHorizontal-enter,.transition-stripsLeft-enter,.transition-stripsRight-enter{-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 6%,transparent 6% 12%);mask-image:repeating-linear-gradient(0deg,#000 0 6%,transparent 6% 12%);animation:transitionTexturedIn var(--transition-duration, .8s) steps(9,end) forwards}.transition-randomBarsHorizontal-exit,.transition-blindsHorizontal-exit,.transition-combHorizontal-exit,.transition-stripsLeft-exit,.transition-stripsRight-exit{-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 6%,transparent 6% 12%);mask-image:repeating-linear-gradient(0deg,#000 0 6%,transparent 6% 12%);animation:transitionTexturedOut var(--transition-duration, .8s) steps(9,end) forwards}.transition-randomBarsVertical-enter,.transition-blindsVertical-enter,.transition-combVertical-enter,.transition-stripsUp-enter,.transition-stripsDown-enter{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6%,transparent 6% 12%);mask-image:repeating-linear-gradient(90deg,#000 0 6%,transparent 6% 12%);animation:transitionTexturedIn var(--transition-duration, .8s) steps(9,end) forwards}.transition-randomBarsVertical-exit,.transition-blindsVertical-exit,.transition-combVertical-exit,.transition-stripsUp-exit,.transition-stripsDown-exit{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6%,transparent 6% 12%);mask-image:repeating-linear-gradient(90deg,#000 0 6%,transparent 6% 12%);animation:transitionTexturedOut var(--transition-duration, .8s) steps(9,end) forwards}.transition-honeycomb-enter{-webkit-mask-image:radial-gradient(circle,#000 0 34%,transparent 35% 48%,#000 49%);-webkit-mask-size:10% 17%;mask-image:radial-gradient(circle,#000 0 34%,transparent 35% 48%,#000 49%);mask-size:10% 17%;animation:transitionTexturedIn var(--transition-duration, .85s) steps(8,end) forwards}.transition-honeycomb-exit{-webkit-mask-image:radial-gradient(circle,#000 0 34%,transparent 35% 48%,#000 49%);-webkit-mask-size:10% 17%;mask-image:radial-gradient(circle,#000 0 34%,transparent 35% 48%,#000 49%);mask-size:10% 17%;animation:transitionTexturedOut var(--transition-duration, .85s) steps(8,end) forwards}.transition-glitter-enter{-webkit-mask-image:radial-gradient(circle,#000 0 18%,transparent 20% 36%,#000 38%);-webkit-mask-size:7% 7%;mask-image:radial-gradient(circle,#000 0 18%,transparent 20% 36%,#000 38%);mask-size:7% 7%;animation:transitionFlashIn var(--transition-duration, .85s) steps(10,end) forwards}.transition-glitter-exit{-webkit-mask-image:radial-gradient(circle,#000 0 18%,transparent 20% 36%,#000 38%);-webkit-mask-size:7% 7%;mask-image:radial-gradient(circle,#000 0 18%,transparent 20% 36%,#000 38%);mask-size:7% 7%;animation:transitionFlashOut var(--transition-duration, .85s) steps(10,end) forwards}.transition-vortex-enter{animation:transitionVortexIn var(--transition-duration, .85s) ease-out forwards}.transition-vortex-exit{animation:transitionVortexOut var(--transition-duration, .85s) ease-in forwards}.transition-shred-enter{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 5%,transparent 5% 8%);mask-image:repeating-linear-gradient(90deg,#000 0 5%,transparent 5% 8%);animation:transitionShredIn var(--transition-duration, .85s) ease-out forwards}.transition-shred-exit{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 5%,transparent 5% 8%);mask-image:repeating-linear-gradient(90deg,#000 0 5%,transparent 5% 8%);animation:transitionShredOut var(--transition-duration, .85s) ease-in forwards}.transition-switch-enter{animation:transitionSwitchIn var(--transition-duration, .8s) ease-out forwards}.transition-switch-exit{animation:transitionSwitchOut var(--transition-duration, .8s) ease-in forwards}.transition-cube-enter{animation:transitionCubeIn var(--transition-duration, .85s) ease-out forwards}.transition-cube-exit{animation:transitionCubeOut var(--transition-duration, .85s) ease-in forwards}.transition-doors-enter{animation:transitionDoorsIn var(--transition-duration, .85s) ease-out forwards}.transition-doors-exit{animation:transitionDoorsOut var(--transition-duration, .85s) ease-in forwards}.transition-box-enter{animation:transitionBoxIn var(--transition-duration, .75s) ease-out forwards}.transition-box-exit{animation:transitionBoxOut var(--transition-duration, .75s) ease-in forwards}.transition-gallery-enter{animation:transitionGalleryIn var(--transition-duration, .8s) ease-out forwards}.transition-gallery-exit{animation:transitionGalleryOut var(--transition-duration, .8s) ease-in forwards}.transition-conveyor-enter,.transition-panLeft-enter{animation:slideInRight var(--transition-duration, .8s) ease-out forwards}.transition-conveyor-exit,.transition-panLeft-exit{animation:slideOutLeft var(--transition-duration, .8s) ease-in forwards}.transition-panRight-enter{animation:slideInLeft var(--transition-duration, .8s) ease-out forwards}.transition-panRight-exit{animation:slideOutRight var(--transition-duration, .8s) ease-in forwards}.transition-panUp-enter{animation:slideInBottom var(--transition-duration, .8s) ease-out forwards}.transition-panUp-exit{animation:slideOutTop var(--transition-duration, .8s) ease-in forwards}.transition-panDown-enter{animation:slideInTop var(--transition-duration, .8s) ease-out forwards}.transition-panDown-exit{animation:slideOutBottom var(--transition-duration, .8s) ease-in forwards}.transition-ferrisWheel-enter{animation:transitionFerrisIn var(--transition-duration, .85s) ease-out forwards}.transition-ferrisWheel-exit{animation:transitionFerrisOut var(--transition-duration, .85s) ease-in forwards}.transition-window-enter{animation:transitionWindowIn var(--transition-duration, .8s) ease-out forwards}.transition-window-exit{animation:transitionWindowOut var(--transition-duration, .8s) ease-in forwards}.transition-orbit-enter{animation:transitionOrbitIn var(--transition-duration, .85s) ease-out forwards}.transition-orbit-exit{animation:transitionOrbitOut var(--transition-duration, .85s) ease-in forwards}.transition-flyThrough-enter{animation:transitionFlyThroughIn var(--transition-duration, .85s) ease-out forwards}.transition-flyThrough-exit{animation:transitionFlyThroughOut var(--transition-duration, .85s) ease-in forwards}.transition-wheel-enter{animation:transitionWheelIn var(--transition-duration, .85s) ease-out forwards}.transition-wheel-exit{animation:transitionWheelOut var(--transition-duration, .85s) ease-in forwards}.transition-wheelReverse-enter{animation:transitionWheelReverseIn var(--transition-duration, .85s) ease-out forwards}.transition-wheelReverse-exit{animation:transitionWheelReverseOut var(--transition-duration, .85s) ease-in forwards}.transition-wedge-enter{animation:transitionWedgeIn var(--transition-duration, .8s) ease-out forwards}.transition-wedge-exit{animation:transitionWedgeOut var(--transition-duration, .8s) ease-in forwards}.transition-prism-enter{animation:transitionPrismIn var(--transition-duration, .85s) ease-out forwards}.transition-prism-exit{animation:transitionPrismOut var(--transition-duration, .85s) ease-in forwards}.transition-warp-enter{animation:transitionWarpIn var(--transition-duration, .85s) ease-out forwards}.transition-warp-exit{animation:transitionWarpOut var(--transition-duration, .85s) ease-in forwards}.transition-clock-enter{animation:transitionClockIn var(--transition-duration, .8s) ease-out forwards}.transition-clock-exit{animation:transitionClockOut var(--transition-duration, .8s) ease-in forwards}.anim-none{animation:none}.anim-fadeIn{animation:fadeIn var(--anim-duration, 1s) var(--anim-easing, ease-out) var(--anim-delay, 0s) both}.anim-fadeOut{animation:fadeOut var(--anim-duration, 1s) var(--anim-easing, ease-out) var(--anim-delay, 0s) both}.anim-fadeInUp{animation:fadeInUp var(--anim-duration, .6s) var(--anim-easing, ease-out) var(--anim-delay, 0s) both}.anim-slowZoom-in{animation:slowZoomIn var(--anim-duration, 8s) var(--anim-easing, linear) var(--anim-delay, 0s) both}.anim-slowZoom-out{animation:slowZoomOut var(--anim-duration, 8s) var(--anim-easing, linear) var(--anim-delay, 0s) both}.anim-slowZoom-panLeft{animation:slowZoomCombinedPanLeft var(--anim-duration, 8s) var(--anim-easing, linear) var(--anim-delay, 0s) both}.anim-slowZoom-panRight{animation:slowZoomCombinedPanRight var(--anim-duration, 8s) var(--anim-easing, linear) var(--anim-delay, 0s) both}.anim-zoomIn{animation:zoomIn var(--anim-duration, .5s) var(--anim-easing, ease-out) var(--anim-delay, 0s) both}.anim-zoomOut{animation:zoomOut var(--anim-duration, .5s) var(--anim-easing, ease-out) var(--anim-delay, 0s) both}.anim-panLeft{animation:panLeft var(--anim-duration, 8s) var(--anim-easing, linear) var(--anim-delay, 0s) both}.anim-panRight{animation:panRight var(--anim-duration, 8s) var(--anim-easing, linear) var(--anim-delay, 0s) both}.squisq-image--portrait-pan-right{animation:portraitCoverPanRight var(--portrait-pan-duration, 12s) var(--portrait-pan-easing, ease-in-out) var(--portrait-pan-delay, 0s) both;will-change:object-position}.squisq-image--portrait-pan-left{animation:portraitCoverPanLeft var(--portrait-pan-duration, 12s) var(--portrait-pan-easing, ease-in-out) var(--portrait-pan-delay, 0s) both;will-change:object-position}.anim-typewriter{animation:typewriter var(--anim-duration, 2s) var(--anim-easing, steps(40, end)) var(--anim-delay, 0s) both}.block-layer.anim-zoomIn,.block-layer.anim-zoomOut,.block-layer.anim-grow,.block-layer.anim-grow-x,.block-layer.anim-grow-y,.block-layer.anim-tween,.block-layer.anim-drift{transform-box:fill-box;transform-origin:var(--anim-origin, center center)}.anim-slideIn-left{animation:layerSlideInLeft var(--anim-duration, .7s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-slideIn-right{animation:layerSlideInRight var(--anim-duration, .7s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-slideIn-top{animation:layerSlideInTop var(--anim-duration, .7s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-slideIn-bottom{animation:layerSlideInBottom var(--anim-duration, .7s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-grow{animation:growIn var(--anim-duration, 1s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-grow-x{animation:growX var(--anim-duration, 1s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-grow-y{animation:growY var(--anim-duration, 1s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-drawOn [data-squisq-draw=stroke]{stroke-dasharray:1;animation:drawOn var(--anim-duration, 1s) var(--anim-easing, ease-in-out) var(--anim-delay, 0s) both}.anim-drawOn [data-squisq-draw=markers]{animation:drawOnMarkers var(--anim-duration, 1s) linear var(--anim-delay, 0s) both}.anim-reveal-left{animation:revealFromLeft var(--anim-duration, .7s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-reveal-right{animation:revealFromRight var(--anim-duration, .7s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-reveal-top{animation:revealFromTop var(--anim-duration, .7s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-reveal-bottom{animation:revealFromBottom var(--anim-duration, .7s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-reveal-iris{animation:revealIris var(--anim-duration, .9s) var(--anim-easing, cubic-bezier(.22, 1, .36, 1)) var(--anim-delay, 0s) both}.anim-wordReveal .anim-word{animation:wordIn var(--anim-duration, .4s) var(--anim-easing, ease-out) var(--anim-delay, 0s) both}.anim-countUp{animation:fadeIn .3s ease-out var(--anim-delay, 0s) both}.anim-drift{animation:drift var(--anim-duration, 12s) ease-in-out var(--anim-delay, 0s) infinite}.anim-tween{animation:tween var(--anim-duration, 1s) var(--anim-easing, ease-in-out) var(--anim-delay, 0s) both}.doc-player--render-mode,.doc-player--render-mode *,.doc-player--render-mode *:before,.doc-player--render-mode *:after{transition:none!important}.doc-player{position:relative;overflow:hidden;clip-path:inset(0);background:#000;max-width:100%;max-height:100%}.doc-player__media-clips{position:absolute;inset:0;z-index:0;pointer-events:none}.doc-player__media-clips--full-frame,.doc-player__media-clips--picture-in-picture{z-index:10}.doc-player__media-video{position:absolute;display:block;object-fit:cover;opacity:0;visibility:hidden}.doc-player__media-video--active{opacity:1;visibility:visible}.doc-player__media-clips--background .doc-player__media-video,.doc-player__media-clips--full-frame .doc-player__media-video{inset:0;width:100%;height:100%}.doc-player__media-clips--picture-in-picture .doc-player__media-video{width:22%;aspect-ratio:1;border:var(--squisq-pip-border, max(1px, .12vw) solid rgba(255, 255, 255, .72));border-radius:var(--squisq-pip-radius, 14%);box-shadow:var(--squisq-pip-shadow, 0 .75em 2em rgba(0, 0, 0, .34))}.doc-player__media-clips--picture-in-picture[data-pip-shape=wide] .doc-player__media-video{aspect-ratio:16 / 9}.doc-player__media-clips--picture-in-picture[data-pip-size=small] .doc-player__media-video{width:9%}.doc-player__media-clips--picture-in-picture[data-pip-size=large] .doc-player__media-video{width:15%}.doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture .doc-player__media-video{width:34%}.doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture[data-pip-size=small] .doc-player__media-video{width:15%}.doc-player[data-orientation=portrait] .doc-player__media-clips--picture-in-picture[data-pip-size=large] .doc-player__media-video{width:23%}.doc-player__media-clips--picture-in-picture[data-pip-position=top-left] .doc-player__media-video{top:4%;left:3%}.doc-player__media-clips--picture-in-picture[data-pip-position=top-right] .doc-player__media-video{top:4%;right:3%}.doc-player__media-clips--picture-in-picture[data-pip-position=bottom-left] .doc-player__media-video{bottom:6%;left:3%}.doc-player__media-clips--picture-in-picture[data-pip-position=bottom-right] .doc-player__media-video{right:3%;bottom:6%}.doc-player__viewport,.doc-player__block{position:absolute;top:0;left:0;width:100%;height:100%}.doc-player__block--active{z-index:2}.doc-player__block--previous{z-index:1}.doc-player__block--active.doc-player__block--dragging{transition:none}.doc-player__block--active.doc-player__block--settling{transition:transform .26s cubic-bezier(.22,1,.36,1)}.doc-player--swipe{cursor:grab;-webkit-user-select:none;user-select:none}.doc-player--swipe.doc-player--grabbing{cursor:grabbing}.doc-player__tap-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;pointer-events:none;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#00000073;animation:tap-feedback-fade .6s ease-out forwards}@keyframes tap-feedback-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.block-svg{width:100%;height:100%;display:block;transform-origin:center;transform-box:fill-box}.block-svg[class*=transition-]{backface-visibility:hidden;will-change:transform,opacity,filter,clip-path}.block-layer{overflow:hidden}.block-layer--image{overflow:visible}.squisq-mermaid-rendered{position:relative;display:flex;box-sizing:border-box;width:100%;min-height:260px;align-items:center;justify-content:center;color:inherit;overflow:hidden}.squisq-mermaid-render-svg{display:flex;width:100%;height:100%;min-height:0;align-items:center;justify-content:center}.squisq-mermaid-render-svg>svg{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%}.squisq-mermaid-render-status,.squisq-mermaid-render-error{padding:1rem;color:inherit;font:500 .9rem/1.4 system-ui,sans-serif;text-align:center}.squisq-mermaid-render-error pre{max-height:8em;margin:.5rem 0 0;overflow:auto;font:400 .75rem/1.35 ui-monospace,monospace;text-align:left;white-space:pre-wrap}.squisq-md-mermaid{min-height:min(460px,60vh);margin:1.25rem 0;padding:1rem;border:1px solid color-mix(in srgb,currentcolor 18%,transparent);border-radius:10px;background:color-mix(in srgb,currentcolor 4%,transparent)}.squisq-md-svg{margin:1.25rem 0}.squisq-md-svg>img{display:block;max-width:100%;height:auto}.squisq-md-svg-error{margin:1em 0}.squisq-md-svg-error-note{margin:0 0 .4em;font-size:.85em;opacity:.7}.squisq-md-code-frame{position:relative;margin:1em 0}.squisq-md-code-frame>.squisq-md-code-block{margin:0;padding-right:5rem}.squisq-md-code-copy{position:absolute;z-index:1;top:.55rem;right:.55rem;min-width:3.7rem;padding:.28rem .5rem;border:1px solid color-mix(in srgb,currentcolor 20%,transparent);border-radius:5px;background:color-mix(in srgb,Canvas 90%,transparent);color:inherit;font:500 .72rem/1.2 system-ui,sans-serif;cursor:pointer;opacity:.58;transition:opacity .12s ease,background-color .12s ease}.squisq-md-code-frame:hover>.squisq-md-code-copy,.squisq-md-code-copy:focus-visible,.squisq-md-code-copy[data-copy-state=copied],.squisq-md-code-copy[data-copy-state=failed]{opacity:1}.squisq-md-code-copy:hover{background:Canvas}.squisq-md-code-copy:disabled{cursor:wait}.squisq-md-fence-widget{margin:.75rem 0}.squisq-json-fence-error{margin-top:.3rem;font-size:.78rem;opacity:.7}.squisq-json-fence-actions{display:flex;gap:.45rem;margin-top:.55rem}.squisq-json-fence-action{padding:.32rem .75rem;border:1px solid color-mix(in srgb,currentcolor 25%,transparent);border-radius:6px;background:color-mix(in srgb,Canvas 92%,transparent);color:inherit;font:500 .8rem/1.2 system-ui,sans-serif;cursor:pointer;transition:background-color .12s ease}.squisq-json-fence-action:hover{background:Canvas}.squisq-json-fence-action--primary{border-color:color-mix(in srgb,currentcolor 45%,transparent);font-weight:600}.squisq-mermaid-layer-frame{width:100%;height:100%}.squisq-mermaid-layer-frame .squisq-mermaid-rendered{height:100%;min-height:0}.squisq-mermaid-rendered :is(path.flowchart-link,.edgePath .path,.relationshipLine,.messageLine0,.messageLine1):not([style*="stroke:"]){stroke:currentcolor!important}.squisq-mermaid-rendered marker :is(path,polygon):not([fill=none]){fill:currentcolor!important;stroke:currentcolor!important}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.4)}.text-shadow-light{text-shadow:0 1px 2px rgba(0,0,0,.6)}.text-box{background:#0009;padding:16px 24px;border-radius:4px}.text-box--light{background:#ffffffe6;color:#1a1a1a}.squisq-inline-video-player{display:inline-block;max-width:480px;width:100%;margin:.5em 0}.squisq-inline-video-player video{display:block;width:100%;max-width:100%;height:auto;border-radius:4px;background:#000}.squisq-inline-audio-player{display:inline-block;max-width:360px;width:100%;margin:.25em 0;vertical-align:middle}.squisq-inline-audio-player audio{display:block;width:100%}.squisq-video-embed{display:block;width:100%;max-width:720px;margin:1em 0}.squisq-video-embed[data-orientation=portrait]{max-width:340px}.squisq-video-embed-frame{overflow:hidden;border-radius:6px;background:#000}.squisq-video-embed-caption{margin-top:.4em;font-size:.875em;opacity:.75}.squisq-video-embed-caption a{color:inherit}.squisq-animated-image-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 7px;font:600 10px/1 var(--squisq-ux-font, system-ui, -apple-system, sans-serif);letter-spacing:.06em;color:var(--squisq-animated-image-control-text, #fff);background:var(--squisq-animated-image-control-bg, rgba(0, 0, 0, .62));border:0;border-radius:999px;cursor:pointer;z-index:3;opacity:.85;transition:opacity .12s ease;user-select:none}.squisq-animated-image-toggle:hover,.squisq-animated-image-toggle:focus-visible{opacity:1}.squisq-animated-image-toggle:focus-visible{outline:2px solid var(--squisq-animated-image-control-text, #fff);outline-offset:2px}.squisq-animated-image-toggle svg{width:10px;height:10px;fill:currentColor}@media(prefers-reduced-motion:reduce){.anim-slowZoom-in,.anim-slowZoom-out,.anim-slowZoom-panLeft,.anim-slowZoom-panRight,.anim-panLeft,.anim-panRight,.squisq-image--portrait-pan-left,.squisq-image--portrait-pan-right,.anim-drift{animation:none}}.doc-player--empty{min-height:120px;width:100%;background:#f0f0f0}.doc-player{--squisq-styles-loaded: 1}
|
|
769
769
|
`;var lI=false;function XX(){if(lI||typeof document>"u")return;let e=document.createElement("style");e.setAttribute("data-squisq-player","animations");let t=globalThis.__SQUISQ_PLAYER_ICON_STYLES__;e.textContent=sI,t&&(e.textContent+=`
|
|
770
|
-
${t}`),document.head.appendChild(e),lI=true;}function KX(e,t){let n={};for(let r of Object.keys(e)){let i=r.split("/").pop();n[i]=e[r];}return {async resolveUrl(r){if(r in e)return e[r];let i=r.replace(/^\.\//,"");if(i!==r&&i in e)return e[i];let a=r.split("/").pop();return a in n?n[a]:r.startsWith("http")||r.startsWith("data:")||r.startsWith("blob:")?r:`${t}/${r}`},async listMedia(){return Object.keys(e).map(r=>({name:r,mimeType:QX(r),size:0}))},async addMedia(){throw new Error("Standalone player is read-only")},async removeMedia(){throw new Error("Standalone player is read-only")},dispose(){}}}function QX(e){let t=e.split(".").pop()?.toLowerCase()??"";return {jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",webp:"image/webp",svg:"image/svg+xml",mp3:"audio/mpeg",mp4:"video/mp4",webm:"video/webm"}[t]??"application/octet-stream"}function ZX(e,t){if(!e.audio?.segments?.length)return e;let n=e.audio.segments.map(r=>{let i=t[r.name]??t[r.src]??r.src;return {...r,src:i}});return {...e,audio:{...e.audio,segments:n}}}var Mm=new WeakMap,Do=new WeakMap;function JX(e,t){let n=null,r=true,i=false,a,o=new Promise(c=>{a=c;}),s=c=>{i||(i=true,a(c));};t||s(null);let l={element:e,renderAPI:o,getRenderAPI:()=>n,unmount:()=>{Do.get(e)===l&&eK(e);},setRenderAPI(c){r&&(n=c,c&&s(c));},cancel(){r=false,n=null,s(null);}};return l}function gwe(e,t,n={}){XX();let{mode:r="slideshow",dashboard:i,basePath:a=".",images:o,audio:s,autoPlay:l=false,loop:c=false,theme:u,videoPresentation:d,pipSize:m,pipShape:f,pipPosition:p,renderMode:g=false,viewport:h,motion:b,animationsEnabled:w=true,buildsEnabled:v=true,captionStyle:T,captionPosition:E,globalKeyboardShortcuts:x=true,showCodeCopyButton:S=false,onCopyCode:I}=n,_=s?ZX(t,s):t,A=o?KX(o,a):null;Do.get(e)?.cancel();let P=JX(e,(r==="slideshow"||r==="video"||r==="dashboard")&&g);Do.set(e,P);let D;if(r==="static")D=yr(Cm,{doc:_,basePath:a,theme:u,animationsEnabled:w,globalKeyboardShortcuts:x,showCodeCopyButton:S,onCopyCode:I});else {let B=r==="dashboard"||g?e.getBoundingClientRect():void 0,L=B&&B.width>0&&B.height>0?{width:Math.round(B.width),height:Math.round(B.height),name:"Host viewport"}:void 0,z=h&&h.width>0&&h.height>0?{width:Math.round(h.width),height:Math.round(h.height),name:h.name??"Render viewport"}:void 0,$=r==="dashboard"?L??z:z??L;D=yr(oI,{doc:_,basePath:a,audioMode:!g&&_.audio?.segments?.length?"media":"synthetic",displayMode:r==="dashboard"?"dashboard":r==="flashcards"?"flashcards":r==="video"?"video":"slideshow",loop:r==="video"?c:void 0,dashboardLayout:i?.layout,dashboardShowTitle:i?.title,dashboardStyle:i?.style,dashboardDocumentTitle:i?.documentTitle,forceViewport:$,autoPlay:g?false:l,showControls:!g,renderMode:g,animationsEnabled:w,buildsEnabled:v,theme:u,motion:b,videoPresentation:d,pipSize:m,pipShape:f,pipPosition:p,captionsEnabled:!!T,captionStyle:T??"standard",captionPosition:E,globalKeyboardShortcuts:x,onRenderAPIReady:O=>P.setRenderAPI(O)});}A&&(D=yr(E0.Provider,{value:A},D));let q=Mm.get(e);return q||(q=lw(e),Mm.set(e,q)),q.render(D),P}function ywe(e){return Do.get(e)}function eK(e){Do.get(e)?.cancel(),Do.delete(e);let n=Mm.get(e);n&&(n.unmount(),Mm.delete(e));}var bwe="2.12.
|
|
770
|
+
${t}`),document.head.appendChild(e),lI=true;}function KX(e,t){let n={};for(let r of Object.keys(e)){let i=r.split("/").pop();n[i]=e[r];}return {async resolveUrl(r){if(r in e)return e[r];let i=r.replace(/^\.\//,"");if(i!==r&&i in e)return e[i];let a=r.split("/").pop();return a in n?n[a]:r.startsWith("http")||r.startsWith("data:")||r.startsWith("blob:")?r:`${t}/${r}`},async listMedia(){return Object.keys(e).map(r=>({name:r,mimeType:QX(r),size:0}))},async addMedia(){throw new Error("Standalone player is read-only")},async removeMedia(){throw new Error("Standalone player is read-only")},dispose(){}}}function QX(e){let t=e.split(".").pop()?.toLowerCase()??"";return {jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",webp:"image/webp",svg:"image/svg+xml",mp3:"audio/mpeg",mp4:"video/mp4",webm:"video/webm"}[t]??"application/octet-stream"}function ZX(e,t){if(!e.audio?.segments?.length)return e;let n=e.audio.segments.map(r=>{let i=t[r.name]??t[r.src]??r.src;return {...r,src:i}});return {...e,audio:{...e.audio,segments:n}}}var Mm=new WeakMap,Do=new WeakMap;function JX(e,t){let n=null,r=true,i=false,a,o=new Promise(c=>{a=c;}),s=c=>{i||(i=true,a(c));};t||s(null);let l={element:e,renderAPI:o,getRenderAPI:()=>n,unmount:()=>{Do.get(e)===l&&eK(e);},setRenderAPI(c){r&&(n=c,c&&s(c));},cancel(){r=false,n=null,s(null);}};return l}function gwe(e,t,n={}){XX();let{mode:r="slideshow",dashboard:i,basePath:a=".",images:o,audio:s,autoPlay:l=false,loop:c=false,theme:u,videoPresentation:d,pipSize:m,pipShape:f,pipPosition:p,renderMode:g=false,viewport:h,motion:b,animationsEnabled:w=true,buildsEnabled:v=true,captionStyle:T,captionPosition:E,globalKeyboardShortcuts:x=true,showCodeCopyButton:S=false,onCopyCode:I}=n,_=s?ZX(t,s):t,A=o?KX(o,a):null;Do.get(e)?.cancel();let P=JX(e,(r==="slideshow"||r==="video"||r==="dashboard")&&g);Do.set(e,P);let D;if(r==="static")D=yr(Cm,{doc:_,basePath:a,theme:u,animationsEnabled:w,globalKeyboardShortcuts:x,showCodeCopyButton:S,onCopyCode:I});else {let B=r==="dashboard"||g?e.getBoundingClientRect():void 0,L=B&&B.width>0&&B.height>0?{width:Math.round(B.width),height:Math.round(B.height),name:"Host viewport"}:void 0,z=h&&h.width>0&&h.height>0?{width:Math.round(h.width),height:Math.round(h.height),name:h.name??"Render viewport"}:void 0,$=r==="dashboard"?L??z:z??L;D=yr(oI,{doc:_,basePath:a,audioMode:!g&&_.audio?.segments?.length?"media":"synthetic",displayMode:r==="dashboard"?"dashboard":r==="flashcards"?"flashcards":r==="video"?"video":"slideshow",loop:r==="video"?c:void 0,dashboardLayout:i?.layout,dashboardShowTitle:i?.title,dashboardStyle:i?.style,dashboardDocumentTitle:i?.documentTitle,forceViewport:$,autoPlay:g?false:l,showControls:!g,renderMode:g,animationsEnabled:w,buildsEnabled:v,theme:u,motion:b,videoPresentation:d,pipSize:m,pipShape:f,pipPosition:p,captionsEnabled:!!T,captionStyle:T??"standard",captionPosition:E,globalKeyboardShortcuts:x,onRenderAPIReady:O=>P.setRenderAPI(O)});}A&&(D=yr(E0.Provider,{value:A},D));let q=Mm.get(e);return q||(q=lw(e),Mm.set(e,q)),q.render(D),P}function ywe(e){return Do.get(e)}function eK(e){Do.get(e)?.cancel(),Do.delete(e);let n=Mm.get(e);n&&(n.unmount(),Mm.delete(e));}var bwe="2.12.14";
|
|
771
771
|
exports.getHandle=ywe;exports.mount=gwe;exports.unmount=eK;exports.version=bwe;return exports;})({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bendyline/squisq-cli",
|
|
3
|
-
"version": "2.9.
|
|
3
|
+
"version": "2.9.18",
|
|
4
4
|
"description": "Squisq CLI — convert documents and render MP4 video or animated GIF",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Bendyline",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"playwright-core": "1.63.0"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
|
-
"@bendyline/squisq-react": "2.12.
|
|
68
|
+
"@bendyline/squisq-react": "2.12.15",
|
|
69
69
|
"@types/chai": "5.2.3",
|
|
70
70
|
"@types/mocha": "10.0.10",
|
|
71
71
|
"chai": "5.3.3",
|