@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._icon-wrapper_im3lf_1{display:flex;align-items:center;justify-content:center;line-height:0}._button_4b6sg_1{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-4);height:var(--size-32);padding:var(--spacing-8) var(--spacing-12);font-family:Inter,sans-serif;font-size:var(--text-12);line-height:var(--line-height-12);border:none;background-color:transparent;color:var(--main);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none}._button_4b6sg_1:hover{box-shadow:inset 0 0 0 2px var(--line)}._button_4b6sg_1:disabled{color:var(--main-50);background:none;box-shadow:none;opacity:.4;cursor:default}._icon-button_4b6sg_36{width:var(--size-32);padding:0;flex:none}._small_4b6sg_50{height:var(--size-24)}._small_4b6sg_50._icon-button_4b6sg_36{width:var(--size-24)}._accent_4b6sg_58{background-color:var(--main);color:var(--main-opposite);box-shadow:none}._accent_4b6sg_58:hover{box-shadow:none;opacity:.9}._accent_4b6sg_58:disabled{opacity:.5}._accent_4b6sg_58 ._icon_4b6sg_36{color:var(--main-opposite)}._accent_4b6sg_58 svg{color:var(--main-opposite)}._google_4b6sg_81{box-shadow:inset 0 0 0 1px var(--line)}._google_4b6sg_81 ._icon_4b6sg_36{color:unset}._google_4b6sg_81 svg{color:unset}._round_4b6sg_93{width:var(--size-32);height:var(--size-32);padding:0;border-radius:var(--radius-pill);background-color:var(--main-opposite);box-shadow:var(--big-shadow)}._round_4b6sg_93:hover{box-shadow:var(--big-shadow);opacity:.9}._surface-grey_4b6sg_112{--control-segment-track: var(--grey-12);--control-wash: var(--grey-12);background-color:var(--control-field-bg)}._ghost_4b6sg_127{box-shadow:none;transition:background-color var(--transition-fast) var(--easing-default)}._ghost_4b6sg_127:hover:not(:disabled){box-shadow:none;background-color:var(--control-wash)}._ghost_4b6sg_127:hover:disabled{box-shadow:none}._ghost_4b6sg_127[aria-pressed=true],._ghost_4b6sg_127._pressed_4b6sg_150{background-color:var(--control-pressed-wash, var(--control-wash))}._bare_4b6sg_156,._bare_4b6sg_156._icon-button_4b6sg_36,._bare_4b6sg_156._small_4b6sg_50{width:auto;height:auto;padding:0;border-radius:0;box-shadow:none}._bare_4b6sg_156:hover,._bare_4b6sg_156._icon-button_4b6sg_36:hover,._bare_4b6sg_156._small_4b6sg_50:hover{box-shadow:none}._filled_4b6sg_172{background-color:var(--control-wash);box-shadow:none}._filled_4b6sg_172:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--line)}._muted_4b6sg_184 svg{color:var(--main-50);transition:color var(--transition-fast) var(--easing-default)}._muted_4b6sg_184:hover:not(:disabled) svg,._muted_4b6sg_184:focus-visible svg{color:var(--main)}._input-wrapper_z8upl_1{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);height:var(--size-32);padding:var(--spacing-8);font-size:var(--text-12);line-height:var(--line-height-12);color:var(--main);border:none;background:var(--control-field-bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--radius-field);-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-fast) var(--easing-default)}._input-wrapper_z8upl_1:hover{box-shadow:inset 0 0 0 2px var(--line)}._input-block_z8upl_26{display:flex;gap:var(--spacing-4);overflow:hidden;width:100%}._input-icon_z8upl_34 svg{color:var(--main-50)}._input-gradient-wrapper_z8upl_38{display:flex;gap:var(--spacing-4);width:100%;overflow:hidden;background:none;border:none;font-family:Inter,sans-serif;font-size:var(--text-12);cursor:pointer}._input-gradient_z8upl_38,._input-solid_z8upl_51{width:var(--spacing-16);height:var(--spacing-16);border:none;border-radius:3px;cursor:pointer;flex-shrink:0}._input-left-text_z8upl_60,._input-right-text_z8upl_61{color:var(--main-50);font-size:var(--text-10);line-height:var(--line-height-10)}._input-text_z8upl_67{width:100%;overflow:hidden;border:none;font-family:Inter,sans-serif;font-size:var(--text-12);background-color:transparent;color:var(--main)}._input-text_z8upl_67:focus-visible{outline:none}._input-text_z8upl_67::-webkit-outer-spin-button,._input-text_z8upl_67::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input-text_z8upl_67[type=number]{-moz-appearance:textfield}._input-text_z8upl_67::placeholder{color:var(--main-50)}._input-text_z8upl_67::-webkit-search-cancel-button{-webkit-appearance:none}._input-trailing_z8upl_101{display:flex;flex:none;margin:calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-4)) 0}._input-gradient-text_z8upl_107{color:var(--main)}._disabled_z8upl_111{pointer-events:none;background:var(--control-wash);cursor:default}._disabled_z8upl_111 ._input-gradient_z8upl_38,._disabled_z8upl_111 ._input-solid_z8upl_51,._disabled_z8upl_111 ._input-icon_z8upl_34,._disabled_z8upl_111 ._input-left-text_z8upl_60,._disabled_z8upl_111 ._input-right-text_z8upl_61,._disabled_z8upl_111 ._input-text_z8upl_67,._disabled_z8upl_111 ._input-gradient-text_z8upl_107{opacity:.5}._surface-grey_z8upl_129{--control-track: var(--grey-15);--control-segment-track: var(--grey-12);--control-wash: var(--grey-12)}._tick_cu44q_8{position:absolute;top:50%;left:calc(var(--tick-at) * (100% - var(--slider-thumb, 2px)) + var(--slider-thumb, 2px) / 2);width:1px;height:12px;transform:translate(-50%,-50%);background:var(--grey-25);pointer-events:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:kit-theme-fade-in var(--transition-panel) var(--easing-default);mix-blend-mode:normal}@keyframes kit-theme-fade-in{0%{opacity:0}}html:root[data-theme=light]{--background: #ffffff;--foreground: #171717;--line: #e9e9e9;--swatch-edge-pale: var(--line);--swatch-edge-deep: transparent;--canvas-edge: var(--line);--canvas-ring: rgba(0, 0, 0, .12);--canvas-handle: #ffffff;--main: #000000;--main-opposite: #ffffff;--main-50: rgba(0, 0, 0, .5);--grey-25: #8c8c8c;--grey-10: #f7f7f7;--grey-12: #f2f2f2;--grey-15: #e7e7e7;--editor-surround: #f2f2f2;--canvas-band-control: var(--grey-15);--color-1: #6a00ff;--color-1-sub: #f4e0ff;--color-2: #67c416;--color-2-sub: #efffe0;--color-3: #ff6600;--color-3-sub: #ffebe0;--color-4: #00a1ff;--color-4-sub: #e0fcff;--color-5: #ffb700;--color-5-sub: #fff7ac;--blured-bg: rgba(255, 255, 255, .75);--blur-amount: 40px;--blur-saturate: 1.8;--blur-blend-mode: soft-light;--scroll-bg: #fcfcfc;--page: #ffffff;--section: #f7f7f7;--section-0: #ffffff;--text-primary: #181818;--text-secondary: #777777;--separator: #e3e3e5;--red: #ff5900;--red-15: rgba(255, 89, 0, .15);--error: #e5484d;--top-space: 120px;--time: "Good Morning,";--user-name: "Gabriel"}html:root[data-theme=dark]{--background: #0a0a0a;--foreground: #ededed;--line: #252525;--swatch-edge-pale: transparent;--swatch-edge-deep: var(--line);--canvas-edge: var(--line);--canvas-ring: rgba(255, 255, 255, .12);--canvas-handle: #ffffff;--main: #d1cfd7;--main-opposite: #181818;--main-50: #7b7b7b;--grey-25: #a2a2a2;--grey-10: #202020;--grey-12: #303030;--grey-15: #4b4b4b;--editor-surround: #000000;--canvas-band-control: var(--grey-12);--color-1: #6a00ff;--color-1-sub: #5e0091;--color-2: #67c416;--color-2-sub: #2d5f00;--color-3: #ff6600;--color-3-sub: #7f3300;--color-4: #00a1ff;--color-4-sub: #004974;--color-5: #ffaa00;--color-5-sub: #805c00;--blured-bg: rgba(32, 32, 32, .75);--blur-amount: 40px;--blur-saturate: 1.8;--blur-blend-mode: soft-light;--scroll-bg: #282828;--page: #181818;--section: #202020;--section-0: #202020;--text-primary: #e3e3e5;--text-secondary: #747378;--separator: #474747;--red: #ff5900;--red-15: rgba(255, 89, 0, .15);--error: #e5484d;--top-space: 120px}html:root{--blend-ink: #ffffff;--text-20: 20px;--text-12: 12px;--text-10: 10px;--text-9: 9px;--text-8: 8px;--line-height-20: 22px;--line-height-12: 16px;--line-height-10: 14px;--line-height-9: 10px;--line-height-8: 10px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--size-16: 16px;--size-20: 20px;--size-24: 24px;--size-32: 32px;--size-48: 48px;--radius-pill: 999px;--radius-panel: var(--spacing-24);--panel-shadow: none;--radius-field: var(--spacing-12);--radius-preview: var(--spacing-12);--radius-menu: var(--spacing-16);--radius-graph-plate: var(--spacing-16);--graph-stroke-curve: 1.5px;--graph-stroke: 1px;--hint-card-width: 268px;--empty-step-width: 237px;--color-picker-width: 240px;--color-picker-field-height: 198px;--color-picker-preview-height: 222px;--color-picker-alpha-width: 55px;--color-picker-dot: var(--spacing-10);--color-picker-dot-ring: 1.67px;--color-picker-dot-ring-active: 3px;--color-picker-dot-shadow: drop-shadow(0 .5px .5px rgba(0, 0, 0, .35));--color-picker-track-inset: inset 0 .5px 1px 0 rgba(0, 0, 0, .25);--canvas-handle-shadow: drop-shadow(9px 9px 5px rgba(0, 0, 0, .01)) drop-shadow(5px 5px 4px rgba(0, 0, 0, .03)) drop-shadow(2px 2px 3px rgba(0, 0, 0, .05)) drop-shadow(1px 1px 2px rgba(0, 0, 0, .06));--canvas-handle-shadow-active: drop-shadow(0 2px 6px rgba(0, 0, 0, .4));--focus-handle-dot: 14px;--focus-handle-grip: var(--spacing-10);--focus-handle-target: var(--size-32);--canvas-ring-inset: inset 0 0 0 1px rgba(0, 0, 0, .25);--small-shadow: 14px 14px 6px 0px #00000000, 9px 9px 5px 0px #00000003, 5px 5px 4px 0px #00000008, 2px 2px 3px 0px #0000000d, 1px 1px 2px 0px #0000000f;--big-shadow: 4px 4px 11px 0px #0000001a, 14px 14px 20px 0px #00000017, 32px 32px 27px 0px #0000000d, 57px 57px 32px 0px #00000003, 90px 90px 36px 0px #00000000;--scrim: rgba(0, 0, 0, .4);--scrim-light: color-mix(in srgb, var(--main-opposite) 80%, transparent);--blurred-background: blur(var(--blur-amount)) saturate(var(--blur-saturate));--control-track: var(--grey-15);--control-segment-track: var(--grey-10);--control-segment-active: var(--main-opposite);--control-field-bg: var(--main-opposite);--control-wash: var(--grey-10);--timeline-shot: var(--grey-10);--timeline-group: var(--grey-10);--main-10: #0000002e;--editor-inset: 16px;--canvas-inset: var(--spacing-16);--canvas-hint-offset: var(--spacing-16);--canvas-hint-stack-gap: var(--spacing-8);--canvas-band-top: calc(var(--editor-inset) + var(--spacing-16));--canvas-band-height: var(--size-32);--editor-gutter: 2px;--editor-rail-width: 56px;--editor-head-height: 64px;--editor-panel-width: 280px;--editor-panel-rule: 0px;--playhead-overhang: 0px;--editor-panel-box: calc(var(--editor-panel-width) + var(--editor-panel-rule));--cards-panel: var(--editor-panel-width);--editor-panel-radius: var(--radius-panel);--editor-dock-left: calc(var(--editor-inset) + var(--editor-rail-width));--editor-dock-width: calc(var(--editor-rail-width) + var(--editor-panel-box));--editor-timeline-space: 98px;--editor-save-dock: 66px;--editor-save-dock-admin: 106px;--editor-save-dock-studio: var(--editor-save-dock);--cards-save-dock: 106px;--cards-save-dock-dev: 226px;--scene-swap-ms: .35s;--scene-reveal-ms: .5s;--scene-unblur-ms: .7s;--scene-settle-ms: .9s;--scene-swap-blur: 16px;--scene-swap-scale: 1.04;--transition-fast: .12s;--transition-normal: .2s;--transition-panel: .32s;--transition-surface: .4s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-emphasised: cubic-bezier(.32, .72, 0, 1);--pulse-breath: 2.08s;--easing-breathe: cubic-bezier(.4, 0, .6, 1);--always-black: #000000;--always-white: #ffffff;--selection: #644fff;--time: "Good Night,";--greeting: 80;--user-name: "Emmanuel"}html:root[data-editor-layout=docked]{--editor-rail-width: 64px;--editor-inset: 0px;--editor-gutter: 0px;--editor-panel-radius: 0px;--editor-timeline-space: 81px;--editor-save-dock: 64px;--editor-save-dock-admin: 104px;--editor-panel-rule: 1px;--editor-float-gap: 8px}html:root[data-theme=dark]{--control-segment-track: var(--main-10);--control-segment-active: var(--grey-10)}@keyframes mckp-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes windowIn{0%{opacity:0;transform:translateY(8px) scale(.98)}}html,body{max-width:100%;overflow-x:visible;margin:0;padding:0;color:var(--foreground);background:var(--background);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html :focus,body :focus{outline:transparent}::selection{background:var(--selection);color:var(--always-white)}html,body{height:100vh;overflow-y:hidden}body.framer-plugin #root{height:100%}body.framer-plugin *{scrollbar-width:none}body.framer-plugin *::-webkit-scrollbar{display:none}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}#fill-button{position:absolute;top:10px;right:10px;z-index:100}#app{display:flex;flex-direction:column;min-height:100vh}input[type=range]{width:200px;margin:2px 0}label{display:block}svg{color:var(--main)}#controls input[type=color],#controls input[type=file]{margin:0;vertical-align:middle}#controls label{margin-right:2px}#pseudo-canvas{position:relative;display:flex;justify-content:center;align-items:center}#scene-container{position:relative}#controls{padding:2px;background-color:#f0f0f0}#timeline{height:20px;background-color:#e0e0e0}#pseudo-scroll{position:relative;z-index:-1}.selectextShadowHost{display:none}