@font-face{font-family:Replica LL;src:url(/fonts/replica/ReplicaLLWeb-Regular.woff2)format("woff2"),url(/fonts/replica/ReplicaLLWeb-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Replica LL;src:url(/fonts/replica/ReplicaLLWeb-Bold.woff2)format("woff2"),url(/fonts/replica/ReplicaLLWeb-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Replica Mono LL;src:url(/fonts/replica-mono/ReplicaMonoLLWeb-Regular.woff2)format("woff2"),url(/fonts/replica-mono/ReplicaMonoLLWeb-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}html{-moz-text-size-adjust:100%;text-size-adjust:100%;--previewer-safe-top:env(safe-area-inset-top,0px);--previewer-safe-bottom:env(safe-area-inset-bottom,0px);--previewer-safe-left:env(safe-area-inset-left,0px);--previewer-safe-right:env(safe-area-inset-right,0px)}.previewer-scroll-stable{scrollbar-gutter:stable}html,body{overscroll-behavior-y:none;margin:0;padding:0}a,button,[role=button],input,select,textarea,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:focus-visible{outline:2px solid var(--previewer-colors-focus-ring);outline-offset:2px}:where(a,button,[role=button],[role=link]):focus:not(:focus-visible){outline:none}::selection{background:#e0625c4d}.previewer-theme-icon-sun{display:none!important}html.dark .previewer-theme-icon-sun{display:inline-flex!important}html.dark .previewer-theme-icon-moon{display:none!important}.previewer-brand-dark,html.dark .previewer-brand-light{display:none}html.dark .previewer-brand-dark{display:block}@media (hover:none) and (pointer:coarse){::-webkit-scrollbar{display:none}*{scrollbar-width:none}input:focus,textarea:focus,select:focus{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.previewer-bench{background-image:linear-gradient(#fffbf807 1px,#0000 1px),linear-gradient(90deg,#fffbf807 1px,#0000 1px);background-size:48px 48px}html:not(.dark) .previewer-bench{background-image:linear-gradient(#1a1a1f09 1px,#0000 1px),linear-gradient(90deg,#1a1a1f09 1px,#0000 1px)}.previewer-shimmer{background:linear-gradient(90deg,#0000 0%,#fffbf80f 40%,#fffbf81f 50%,#fffbf80f 60%,#0000 100%) 0 0/200% 100%;animation:2.4s linear infinite previewer-shimmer}@keyframes previewer-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes previewer-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.previewer-fade-up{animation:.36s cubic-bezier(.2,.7,.2,1) both previewer-fade-up}@keyframes previewer-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}.previewer-pulse-dot{animation:2.4s ease-in-out infinite previewer-pulse-dot}.previewer-dots-pulse .previewer-dot{animation:1.8s ease-in-out infinite previewer-dot-pulse;animation-delay:calc(var(--previewer-dot-index,0)*.16s)}@keyframes previewer-dot-pulse{0%,to{opacity:.3}35%{opacity:1}}@media (prefers-reduced-motion:reduce){.previewer-dots-pulse .previewer-dot{opacity:1;animation:none}}.previewer-kwid-shimmer{pointer-events:none;opacity:.55;background:linear-gradient(100deg,#0000 35%,#fffbf806 50%,#0000 65%) 0 0/200% 100%;transition:opacity .2s;animation:5s linear infinite previewer-kwid-shimmer;position:absolute;inset:0}html:not(.dark) .previewer-kwid-shimmer{background:linear-gradient(100deg,#0000 35%,#1a1a1f05 50%,#0000 65%) 0 0/200% 100%}.previewer-kwid-button:hover .previewer-kwid-shimmer{opacity:1;background:linear-gradient(100deg,#0000 30%,#fffbf81c 50%,#0000 70%) 0 0/200% 100%;animation-duration:2.4s}html:not(.dark) .previewer-kwid-button:hover .previewer-kwid-shimmer{background:linear-gradient(100deg,#0000 30%,#1a1a1f14 50%,#0000 70%) 0 0/200% 100%}@keyframes previewer-kwid-shimmer{0%{background-position:200% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.previewer-kwid-shimmer{animation:none}}.previewer-kwid-burst{pointer-events:none;z-index:0;background:linear-gradient(100deg,#0000 30%,#e0625cb3 50%,#0000 70%) 130% 0/200% 100% no-repeat;animation:.74s cubic-bezier(.22,.61,.36,1) forwards previewer-kwid-burst;position:absolute;inset:0}@keyframes previewer-kwid-burst{0%{opacity:1;background-position:130% 0}72%{opacity:1;background-position:-30% 0}to{opacity:0;background-position:-100% 0}}.previewer-kwid-button[data-copied=true]{border-color:#e0625c73;box-shadow:0 0 0 1px #e0625c2e,0 4px 14px -4px #e0625c66}.previewer-kwid-pill-in{animation:.3s cubic-bezier(.34,1.56,.64,1) both previewer-kwid-pill-in}@keyframes previewer-kwid-pill-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.previewer-kwid-pill-in{animation:none}}.previewer-kwid-icon-pop{animation:.36s cubic-bezier(.34,1.56,.64,1) both previewer-kwid-icon-pop}@keyframes previewer-kwid-icon-pop{0%{opacity:.4;transform:scale(.5)rotate(-10deg)}60%{opacity:1;transform:scale(1.18)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}.previewer-folder-card{transform:translate(var(--previewer-card-rest,0px),0)rotate(var(--previewer-card-tilt,0deg));animation:.52s cubic-bezier(.2,.7,.2,1) backwards previewer-folder-pop;animation-delay:calc(var(--previewer-sheet-index,0)*70ms + var(--previewer-card-index,0)*50ms + .12s);transition:transform .26s cubic-bezier(.2,.7,.2,1)}.previewer-sheet:hover .previewer-folder-card,.previewer-sheet:focus-visible .previewer-folder-card{transform:translate(var(--previewer-card-fan,0px),-34px)rotate(calc(var(--previewer-card-tilt,0deg)*2))}@keyframes previewer-folder-pop{0%{transform:translate(var(--previewer-card-rest,0px),26px)rotate(0deg);opacity:0}to{transform:translate(var(--previewer-card-rest,0px),0)rotate(var(--previewer-card-tilt,0deg));opacity:1}}.previewer-preview-dark,html.dark .previewer-preview-light{display:none}html.dark .previewer-preview-dark{display:block}@media (prefers-reduced-motion:reduce){.previewer-folder-card{transition:none;animation:none}.previewer-sheet:hover .previewer-folder-card,.previewer-sheet:focus-visible .previewer-folder-card{transform:translate(var(--previewer-card-rest,0px),0)rotate(var(--previewer-card-tilt,0deg))}}
