[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}*:before,*:after{box-sizing:border-box}html,body,#root,.app{height:100%;overflow:hidden}html,body{overscroll-behavior-x:none}svg#svg-defs{width:0;height:0;display:block}@media all and (display-mode: standalone){.pace{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{--purple-500: #201f3d;--purple-900: #0f0f1e;--purple-900-rgb: 15, 15, 30;--page-bg: white;--page-bg-darker-50: rgba(255, 255, 255, .5);--page-bg-darker-70: rgba(255, 255, 255, .7);--page-bg-darker-80: rgba(255, 255, 255, .8);--page-bg-darker-95: rgba(255, 255, 255, .95);--page-bg-dark: white;--page-bg-darkest: black;--pink-400: #f32ff3;--pink-500: #F201F3;--pink-500-rgb: 242, 1, 243;--pink-600: #db01db;--pink-900: #a505a5;--accent-color-lighter: var(--pink-400);--accent-color: var(--pink-500);--accent-color-alpha-10: rgba(var(--pink-500-rgb), .1);--accent-color-alpha-30: rgba(var(--pink-500-rgb), .3);--accent-color-alpha-50: rgba(var(--pink-500-rgb), .5);--accent-color-darker: var(--pink-600);--accent-color-darkest: var(--pink-900);--black-rgb: 0, 0, 0;--white-rgb: 255, 255, 255;--bright-red: #f44336;--warning-yellow: #cf5622;--primary-fg-rgb: 26, 26, 26;--primary-text-color: #1A1A1A;--secondary-text-color: #666;--tertiary-text-color: #f1f1f1;--joyride-beacon-color-rgb: 0, 255, 0;--primary-button-color: white;--primary-button-bg-color: var(--accent-color);--primary-button-bg-color-hover: var(--accent-color-darker);--secondary-button-color: #1A1A1A;--secondary-button-bg-color: #E6E6E6;--secondary-button-bg-color-hover: #ddd;--minimum-sidebar-width: 300px;--sidebar-width: 300px;--canvas-shadow: 0 10px 25px -5px rgb(0 0 0 / .1), 0 4px 10px -6px rgb(0 0 0 / .1);--controller-bg-color: rgba(240, 240, 240, .8);--controller-fg-rgb: 26, 26, 26;--controller-border-right: 1px solid rgba(black, .05);--layer-border-width: 2px;--layer-border-color: rgba(var(--controller-fg-rgb), .1);--soundwave-color: white;--button-icon-bg-color: transparent;--button-icon-overlay-bg-color: #f1f1f1;--button-icon-bg-color-hover: rgba(var(--controller-fg-rgb), .1);--button-icon-color: rgba(var(--controller-fg-rgb), 1);--header-background-color: white;--menu-fg-rgb: 26, 26, 26;--menu-font-size: 14px;--menu-font-weight: normal;--menu-line-height: 22px;--menu-border-radius: 8px;--menu-bg-color: #fff;--menu-color: rgba(var(--menu-fg-rgb), 1);--menu-bg-color-hover: rgba(var(--menu-fg-rgb), .1);--menu-padding-vertical: 5px;--menu-padding-horizontal: 10px;--menu-padding-horizontal-selectable: 25px;--menu-padding-horizontal-icon: 30px;--menu-padding-horizontal-icon-selectable: 45px;--menu-divider-color: rgba(var(--menu-fg-rgb), .1);--menu-shadow: 0 2px 10px 0 rgba(0,0,0,.2);--canvas-bg-color: #f3f3f3;--button-border-radius: 999px;--action-button-bg-hover: rgba(0, 0, 0, .1);--button-bg-hover: rgba(0,0,0,.1);--effects-list-line-height: 36px;--effects-list-font-size: 15px;--effects-list-thumb-size: 32px;--effect-font-size: 14px;--link-font-size: 15px;--canvas-offset: 0px;--top-bar-height: 60px;--grid-thumb-size: 240px;--grid-thumb-size-small: 160px;--grid-thumb-gap: 20px;--grid-thumb-gap-small: 20px}@media (max-width: 599px){:root{--controller-bg-color: rgba(240, 240, 240, 1);--top-bar-height: 52px;--grid-thumb-size: calc((100vw - 48px)/2) ;--grid-thumb-size-small: calc((100vw - 32px - 16px) / 3);--grid-thumb-gap: 16px;--grid-thumb-gap-small: 8px}}#floodEffect{flood-color:var(--controller-bg-color)}body{color:var(--primary-text-color);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;line-height:150%}textarea{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{-webkit-user-select:none;user-select:none;cursor:default}input{-webkit-user-select:auto;user-select:auto;cursor:auto}h1{font-size:28px;line-height:1.25;font-weight:700}@media (max-width: 599px){h1{font-size:24px}}h2{font-size:18px;line-height:20px;font-weight:700}h2 a{color:var(--primary-text-color)}h2 a:active{color:var(--accent-color)}@media (hover: hover){h2 a:hover{color:var(--accent-color)}}h3{font-size:15px;line-height:20px;font-weight:700}p{margin:10px 0}a{cursor:pointer;color:var(--accent-color);text-decoration:underline}a:active{color:var(--accent-color-lighter)}@media (hover: hover){a:hover{color:var(--accent-color-lighter)}}strong{font-weight:700}button,a.button{cursor:pointer;opacity:.7}button *,a.button *{cursor:pointer}@media not (hover: hover){button,a.button{opacity:1}}button:active,a.button:active{opacity:1}@media (hover: hover){button:hover,a.button:hover{opacity:1}}button:disabled,a.button:disabled{opacity:.3;cursor:default}button:disabled:hover,a.button:disabled:hover{opacity:.3}button.avatar,a.button.avatar{border-radius:50%;overflow:hidden;width:calc(var(--top-bar-height) - 20px);height:calc(var(--top-bar-height) - 20px)}button.avatar img,a.button.avatar img{width:calc(var(--top-bar-height) - 20px);height:calc(var(--top-bar-height) - 20px);display:block}button.avatar img:hover,a.button.avatar img:hover{cursor:pointer}button:focus,select:focus{outline:0}@keyframes pulse{0%{opacity:0}to{opacity:1}}@keyframes pulse-light{0%{opacity:.3}to{opacity:1}}@keyframes pulse-xlight{0%{opacity:.5}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(200px)}to{transform:translateY(0)}}a,a *{cursor:pointer}a.button{display:inline-block;text-decoration:none}a.button.large{line-height:40px}button,a.button{border:none;background-color:transparent;color:#fff;transition:background-color .15s linear}button.large,a.button.large{text-transform:uppercase;font-size:12px;letter-spacing:.5px;height:40px;padding:0 30px;border-radius:var(--button-border-radius);font-weight:bolder;min-width:120px}button.large .meta,a.button.large .meta{font-size:10px;opacity:.6;text-transform:none}button.large:has(i),button.large:has(.stroke-icon),a.button.large:has(i),a.button.large:has(.stroke-icon){display:inline-flex;align-items:center}button.large:has(i) .stroke-icon,button.large:has(.stroke-icon) .stroke-icon,a.button.large:has(i) .stroke-icon,a.button.large:has(.stroke-icon) .stroke-icon{margin-right:8px}button.medium,a.button.medium{text-transform:uppercase;font-size:12px;letter-spacing:.5px;height:36px;padding:0 25px;border-radius:var(--button-border-radius);font-weight:bolder;min-width:90px}button.secondary,a.button.secondary{color:var(--secondary-button-color);background-color:var(--secondary-button-bg-color)}button.secondary:active,a.button.secondary:active{background-color:var(--secondary-button-bg-color-hover)}@media (hover: hover){button.secondary:hover,a.button.secondary:hover{background-color:var(--secondary-button-bg-color-hover)}}button.secondary.accent,a.button.secondary.accent{color:var(--accent-color-darker);background-color:var(--accent-color-alpha-10)}button.primary,button.icon,a.button.primary,a.button.icon{background-color:var(--primary-button-bg-color);color:var(--primary-button-color);opacity:.9}button.primary:disabled,button.icon:disabled,a.button.primary:disabled,a.button.icon:disabled{opacity:.5}button.primary:disabled:hover,button.icon:disabled:hover,a.button.primary:disabled:hover,a.button.icon:disabled:hover{background-color:var(--primary-button-bg-color)}button.primary:active,button.icon:active,a.button.primary:active,a.button.icon:active{background-color:var(--primary-button-bg-color-hover)}@media (hover: hover){button.primary:hover,button.icon:hover,a.button.primary:hover,a.button.icon:hover{background-color:var(--primary-button-bg-color-hover)}}button.disruptive,a.button.disruptive{background-color:var(--bright-red);opacity:.85}button.disruptive:active,a.button.disruptive:active{opacity:1}@media (hover: hover){button.disruptive:hover,a.button.disruptive:hover{opacity:1}}button.icon,a.button.icon{opacity:1;width:30px;height:30px;border-radius:50%;background-position:center center;background-repeat:no-repeat}button.icon.icon--s,a.button.icon.icon--s{width:20px;height:20px}button.icon.plus,a.button.icon.plus{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiPgogICAgICAgIDxwYXRoIGQ9Ik05LjUsNC41IEw5LjUsMTQuNSI+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik00LjUsOS41IEwxNC41LDkuNSI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)}button.tertiary,a.button.tertiary{background-color:transparent;border:solid 1px rgba(var(--primary-fg-rgb),.1);color:var(--primary-text-color)}button.tertiary:hover:enabled,a.button.tertiary:hover:enabled{background-color:var(--secondary-button-bg-color-hover);border:solid 1px transparent}button.tertiary.close,a.button.tertiary.close{position:relative;min-width:40px;padding:0 20px;border:none}button.tertiary.close:before,a.button.tertiary.close:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--secondary-text-color);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCA0MEMzMS4wNDU3IDQwIDQwIDMxLjA0NTcgNDAgMjBDNDAgOC45NTQzIDMxLjA0NTcgMCAyMCAwQzguOTU0MyAwIDAgOC45NTQzIDAgMjBDMCAzMS4wNDU3IDguOTU0MyA0MCAyMCA0MFpNMjcuMTQyMSAxMS41ODU4TDIwLjA3MTEgMTguNjU2OEwxMyAxMS41ODU4TDExLjU4NTggMTNMMTguNjU2OSAyMC4wNzExTDExLjU4NTggMjcuMTQyMUwxMyAyOC41NTYzTDIwLjA3MTEgMjEuNDg1M0wyNy4xNDIxIDI4LjU1NjNMMjguNTU2NCAyNy4xNDIxTDIxLjQ4NTMgMjAuMDcxMUwyOC41NTYzIDEzTDI3LjE0MjEgMTEuNTg1OFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCA0MEMzMS4wNDU3IDQwIDQwIDMxLjA0NTcgNDAgMjBDNDAgOC45NTQzIDMxLjA0NTcgMCAyMCAwQzguOTU0MyAwIDAgOC45NTQzIDAgMjBDMCAzMS4wNDU3IDguOTU0MyA0MCAyMCA0MFpNMjcuMTQyMSAxMS41ODU4TDIwLjA3MTEgMTguNjU2OEwxMyAxMS41ODU4TDExLjU4NTggMTNMMTguNjU2OSAyMC4wNzExTDExLjU4NTggMjcuMTQyMUwxMyAyOC41NTYzTDIwLjA3MTEgMjEuNDg1M0wyNy4xNDIxIDI4LjU1NjNMMjguNTU2NCAyNy4xNDIxTDIxLjQ4NTMgMjAuMDcxMUwyOC41NTYzIDEzTDI3LjE0MjEgMTEuNTg1OFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}button.tertiary.close:hover:enabled,a.button.tertiary.close:hover:enabled{border:none}button.tertiary.close--figma,a.button.tertiary.close--figma{position:fixed;top:10px;right:10px;min-height:40px;border-radius:40px}button.tertiary.back,a.button.tertiary.back{position:fixed;top:10px;left:10px;padding:0 20px;min-width:0}button.minimal,a.button.minimal{color:var(--primary-text-color)}button.minimal:hover:enabled,a.button.minimal:hover:enabled{background-color:#0000000d}button.minimal.accent,a.button.minimal.accent{color:var(--accent-color)}button.minimal.large,a.button.minimal.large{padding:0 16px;min-width:0}button.help,a.button.help{min-width:0;padding:0;width:40px;font-size:17px}button.record>span,a.button.record>span{line-height:16px;display:inline-flex;justify-content:center}button.record>span i,a.button.record>span i{display:inline-block;width:16px;height:16px;background-position:center center;background-color:var(--secondary-button-color);mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNTYxMzIgNC44Njk2QzguNzY2NDkgNC44Njk2IDguOTQ0MDIgNC44NzQ2OSA5LjA4ODA4IDQuODgyN1YyLjM2Mzg1QzkuMDg4MDggMi4yMjI3IDkuMTY4ODQgMi4wOTUzNyA5LjI5NjE3IDIuMDM0OTlDOS40MjM0OSAxLjk3NDYgOS41NzQxIDEuOTkzNTEgOS42ODMyMyAyLjA4MzAxTDE1Ljg2NzYgNy4xNzZDMTUuOTUxMyA3LjI0NTEyIDE2IDcuMzQ3NyAxNiA3LjQ1Njg0QzE2IDcuNTY1MjUgMTUuOTUxMyA3LjY2ODU2IDE1Ljg2NzYgNy43Mzc2OEw5LjY4MzIzIDEyLjgzMDdDOS41NzQxIDEyLjkyMDIgOS40MjM0OSAxMi45MzkxIDkuMjk2MTcgMTIuODc4N0M5LjE2ODg0IDEyLjgxODMgOS4wODgwOCAxMi42OTAzIDkuMDg4MDggMTIuNTQ5OFY5LjkyNDAzQzguNzE5MiA5Ljg0MjU0IDcuOTg5NDUgOS43MTIzMSA3LjA4ODcyIDkuNzEyMzFDNS4wNzMzNSA5LjcxMjMxIDIuMzE4MDQgMTAuMzU5MSAwLjY3MDgxOCAxMy40NDY5QzAuNTk0NDI0IDEzLjU4OTUgMC40MzM2MzEgMTMuNjcxNyAwLjI2OTIgMTMuNjMwM0MwLjEwNDA0MSAxMy41ODg4IDAuMDAwNzI2NyAxMy40NDExIDAgMTMuMjc4OUMwIDUuNDc3MTIgNi41NTE3NyA0Ljg2OTYgOC41NjEzMiA0Ljg2OTZaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==) no-repeat 50% 50%;margin-right:5px;opacity:.8}button.stop-recording,a.button.stop-recording{background-color:#fff;color:#d0021b;box-shadow:0 5px 10px 5px #00000026}@media (max-width: 599px){button.large,a.button.large,button.medium,a.button.medium{height:36px;padding:0 20px;min-width:90px}.header-mobile button.large,.header-mobile a.button.large,.header-mobile button.medium,.header-mobile a.button.medium{min-width:0}}body.is-figma-plugin button,body.is-figma-plugin a.button{text-transform:capitalize}body.is-figma-plugin button.large,body.is-figma-plugin button.medium,body.is-figma-plugin a.button.large,body.is-figma-plugin a.button.medium{font-size:12px;letter-spacing:.5px;height:32px;padding:0 10px;font-weight:bolder;min-width:90px}body.is-figma-plugin button.medium,body.is-figma-plugin a.button.medium{height:28px;font-size:11px;padding:0 8px;min-width:60px}a.link,button.link{opacity:1;color:var(--accent-color-lighter);font-size:var(--link-font-size);padding:3px 8px;display:inline-block;text-decoration:none;border-radius:4px}a.link:active,button.link:active{color:var(--accent-color-lighter);background-color:var(--accent-color-alpha-10)}@media (hover: hover){a.link:hover,button.link:hover{color:var(--accent-color-lighter);background-color:var(--accent-color-alpha-10)}}.bf-select{display:inline;position:relative;text-align:left}.bf-select-popover{position:fixed;background-color:var(--menu-bg-color);color:var(--menu-color);border-radius:4px;padding:5px 0;z-index:1;box-shadow:var(--menu-shadow)}.bf-select-option{padding:5px 25px;white-space:nowrap}.bf-select-option-header{padding:5px 15px 5px 10px;text-transform:uppercase;color:rgba(var(--menu-fg-rgb),.7);font-size:10px;font-weight:400}.bf-select-option:active{background-color:var(--menu-bg-color-hover)}@media (hover: hover){.bf-select-option:hover{background-color:var(--menu-bg-color-hover)}}.bf-select-option--selected{position:relative}.bf-select-option--selected:before{content:"";width:20px;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDIwIDEzIj4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjEuNSIgcG9pbnRzPSIxMCA2LjUyMSAxMi45ODkgOS41MSAxOS40OTkgMyIvPgo8L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDIwIDEzIj4KICA8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWExYTFhIiBzdHJva2Utd2lkdGg9IjEuNSIgcG9pbnRzPSIxMCA2LjUyMSAxMi45ODkgOS41MSAxOS40OTkgMyIvPgo8L3N2Zz4K);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center left;mask-position:center left;position:absolute;top:0;bottom:0;left:0}.bf-select--open{opacity:1}.bf-select--long .bf-select-option{padding:2px 25px}.header-mobile{background-color:var(--header-background-color);border-bottom:1px solid rgba(0,0,0,.1);height:var(--top-bar-height);overflow-y:hidden}.header-mobile .header-row{height:var(--top-bar-height);position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 16px}@media (max-width: 320px){.header-mobile .header-row{padding:0 8px}}.header-mobile .header-row button.icon{width:36px;height:36px}.header-mobile .header-row button.icon .img{transform:scale(1.2)}.header-mobile .header-row button.icon:not(:last-child){margin-right:8px}.header-mobile .logo{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}@media (max-width: 320px){.header-mobile .logo{transform:scale(.7)}}.header-mobile .header-left button,.header-mobile .header-right button{margin:0}.header-mobile--close{justify-content:flex-end}.header-mobile--close button.large.tertiary.close{height:40px;transform:scale(.9)}.header-mobile button.library{background:url(/media/icons/library.svg) no-repeat 10px 10px;color:var(--primary-text-color);width:44px;height:44px}.header-mobile button.with-icon{display:flex;align-items:center;justify-content:center;padding-left:16px}.header-mobile button.with-icon svg{margin-right:8px}.top-bar-confirmation,.header{-webkit-app-region:drag;background-color:var(--header-background-color);border-bottom:1px solid #e5e5e5;height:var(--top-bar-height);display:flex;align-items:center}.top-bar-confirmation{position:fixed;top:0;left:0;right:0;justify-content:end;padding-right:16px}.header{justify-content:space-between;position:relative;transition:background .25s ease-out}.header .divider{width:1px;height:30px;background-color:rgba(var(--primary-fg-rgb),.1)}.header .logo{height:100%;display:flex;align-items:center;justify-content:center;padding:0 6px}.header .logo img{display:block}.header-left,.header-right{display:flex;align-items:center}.header-left button,.header-left a,.header-right button,.header-right a{margin-left:6px;margin-right:6px}.header-left{flex-shrink:1;min-width:0}.header-right{flex-shrink:0}.header .save-ui{display:flex;align-items:center;flex-shrink:1;min-width:0}.header .save-ui button{background:url(/media/icons/library.svg) no-repeat 10px 10px;color:var(--primary-text-color);width:44px;height:44px;margin-left:10px;padding-left:44px;font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;overflow:hidden;border-radius:6px}.header .save-ui button.expanded{width:172px;text-align:left}.header .save-ui button:active{background-color:#0000000d}@media (hover: hover){.header .save-ui button:hover{background-color:#0000000d}}.header .save-ui .title{font-size:24px;font-weight:500;margin-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header--disabled .header-left>*,.header--disabled .header-right>*{opacity:.3;pointer-events:none}.header--disabled .header-left .logo,.header--disabled .header-right .logo{opacity:1;pointer-events:all}.canvas{position:relative;margin-left:auto;margin-right:auto;background:#000;box-shadow:var(--canvas-shadow)}.canvas canvas{max-height:calc(100vh - 140px);max-width:calc(100vw - var(--sidebar-width) - 40px);display:block}.app--figma-plugin .canvas canvas{max-height:calc(100vh - 110px)}@media (max-width: 599px){.canvas canvas{max-height:calc(100vh - 52px);max-width:100%}}.app--edit-timeline .canvas canvas{max-height:calc(50vh - var(--top-bar-height) / 2)}.canvas--toggleable,.canvas--toggleable *{cursor:pointer}.canvas--toggleable.canvas--playing:hover:after{content:"";position:absolute;background-color:#0000004d;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjYwcHgiIGhlaWdodD0iNjhweCIgdmlld0JveD0iMCAwIDYwIDY4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OC4yICg0NzMyNykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgQ29weSAyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTIiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjY3LjkwMDE0NjgiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weSIgeD0iNDAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSI2Ny45MDAxNDY4Ij48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);left:0;top:0;right:0;bottom:0;animation:fade-in .3s ease-out}.canvas--toggleable.canvas--paused:hover:after,.canvas--toggleable.canvas--cannot-play-audio:after{content:"";position:absolute;background-color:#0000004d;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjgwcHgiIGhlaWdodD0iNjhweCIgdmlld0JveD0iMCAwIDgwIDY4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OC4yICg0NzMyNykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgQ29weSAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cC1Db3B5LTMiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTIiIHBvaW50cz0iMTIgMCA4MCAzNCAxMiA2OCI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);left:0;top:0;right:0;bottom:0;animation:fade-in .3s ease-out}.canvas--toggleable .remove-watermark{position:absolute;width:157px;height:52px;right:0;bottom:0;z-index:99;background-image:url(/media/watermark-cta.png);background-size:157px 52px;opacity:0}.canvas--toggleable:hover .remove-watermark{opacity:.8}.canvas--toggleable:hover .remove-watermark:hover{opacity:1}.canvas .bounding-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.5))}.canvas .bounding-box--hover{z-index:1;pointer-events:none}.canvas .bounding-box .box{position:absolute}.canvas .bounding-box .line{position:absolute;border:1px solid var(--accent-color);transform:translate(-1px,-1px)}.canvas .bounding-box .dotted-line{position:absolute}.canvas .bounding-box .dotted-line--vertical{border-left:2px dotted var(--accent-color);transform:translate(-1px)}.canvas .bounding-box .dotted-line--horizontal{border-top:2px dotted var(--accent-color);transform:translateY(-1px)}.canvas .bounding-box .draggable-corner{position:absolute;width:12px;height:12px;background-color:var(--accent-color);top:-6px;left:-6px;transform:translate(-6px,-6px)}.canvas .bounding-box--editing .line{border:1px solid #68BBF2}.canvas .instructions{position:absolute;top:0;left:0;bottom:0;right:0;line-height:22px;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}.canvas video,.canvas img.recorded-gif{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%}.canvas--empty{background-color:var(--canvas-bg-color)}.canvas--empty .artboard{visibility:hidden}.drag-ok:after,.drag-bad:after{display:block;position:absolute;left:0;top:0;bottom:0;right:0;content:"";border:solid 8px #00ff00;pointer-events:none;z-index:10000}.drag-bad:after{border:solid 8px #ff0000}.showcase{overflow:hidden}.showcase-item{width:100%;transform:translate(var(--canvas-offset));height:100%;text-align:center;display:flex;justify-content:center}@media (max-width: 599px){.showcase-item{transform:none}}.app--edit-timeline .showcase-item{transform:none}.showcase-item .centered-content{margin:auto}.showcase-item select.size-selector{height:22px;line-height:22px;font-size:15px;padding-left:6px;font-weight:700;opacity:.8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;color:var(--menu-color);background-color:transparent;border-radius:4px;position:relative;padding-right:20px;margin-bottom:10px}.showcase-item select.size-selector:after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}.showcase-item select.size-selector option{background-color:transparent}.showcase-item select.size-selector:active{opacity:.999;background-color:var(--menu-bg-color-hover)}@media (hover: hover){.showcase-item select.size-selector:hover{opacity:.999;background-color:var(--menu-bg-color-hover)}}.showcase-item select.size-selector:disabled{cursor:inherit;opacity:.5}.showcase-item select.size-selector:disabled:hover{background-color:transparent}.showcase-item .fps,.showcase-item .zoom{font-size:13px;line-height:20px;text-align:right;color:#ffffffb3}.showcase-item .fps{overflow:visible;height:0;margin:0 auto}.showcase-item .fps--risky{color:var(--warning-yellow)}.showcase-item .fps--slow{color:var(--bright-red)}.showcase-item--intro select.size-selector{visibility:hidden}.showcase-item--record button.record{position:relative}.showcase-item--record button.record:disabled{opacity:.8}.showcase-item--record button.record:after{animation-name:pulse;animation-direction:alternate;animation-duration:.5s;animation-iteration-count:infinite;position:absolute;display:block;content:"";background-color:#fff;width:12px;height:12px;border-radius:6px;top:14px;left:14px}.showcase-item--dimmed .artboard{background-color:var(--page-bg-dark)}.showcase-item--dimmed .artboard canvas{opacity:.3;filter:blur(10px)}.showcase-item .controls{margin-top:30px;position:relative}.showcase-item .controls .buttons-intro{line-height:20px;margin-top:30px;margin-bottom:20px}.showcase-item .controls .buttons-intro a{color:var(--accent-color)}.showcase-item .controls .buttons-intro a:hover{color:var(--accent-color-lighter)}.showcase-item .controls .buttons>*{margin:0 10px}.showcase-item .controls .buttons>span{height:40px;display:inline-block}.showcase-item .controls .buttons button:disabled{pointer-events:none;opacity:.3}.showcase-item .controls footer{margin-top:30px}.showcase-item .controls footer .store-links{display:flex;margin-top:10px;justify-content:center}.showcase-item .controls footer .store-links a{margin:0 10px}.showcase-item .controls footer .store-links a:hover{opacity:.8}.showcase-item .figma-export-ui{position:fixed;display:flex;align-items:center;gap:8;left:calc(var(--minimum-sidebar-width) * .5);right:calc(var(--minimum-sidebar-width) * .5);height:55px;bottom:0;padding:0 16px}.showcase-item .figma-export-ui>*{margin-left:8px}.showcase-item .figma-export-ui .pro-ad{flex:1;font-size:12px;line-height:16px;color:var(--secondary-text-color)}.showcase-item .figma-export-ui .pro-ad a{text-decoration:none}.showcase-item .figma-export-ui .pro-ad a:hover{text-decoration:underline}.showcase--nocontroller .showcase-item{transform:none}.not-supported{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;animation:fade-in .5s ease-out}.not-supported>div{width:50%}.not-supported *{text-align:center}.not-supported h1{font-weight:700;font-size:24px;line-height:28px;margin-bottom:10px}.not-supported p{font-size:18px;line-height:25px}.not-supported a.button.primary{margin:30px 0 80px}.not-supported .supported-browsers>a{display:inline-block;padding:20px;margin:10px 20px 0;color:#fff;border-radius:20px;border:solid 1px transparent}.not-supported .supported-browsers>a:hover{text-decoration:none;background-color:#000;border:solid 1px rgba(255,255,255,.5)}.not-supported .supported-browsers>a img{width:80px;height:80px;margin-bottom:10px}.not-supported .supported-browsers>a p{font-size:14px}.audio-debug{position:absolute;z-index:100000;top:0;left:0;background-color:#000000e6;color:#fff}.audio-debug h3{line-height:20px}.audio-debug button{position:absolute;top:10px;right:10px}@keyframes ellipsis-dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}.ellipsis-anim span{opacity:0;animation:ellipsis-dot 1s infinite}.ellipsis-anim span:nth-child(1){animation-delay:0s}.ellipsis-anim span:nth-child(2){animation-delay:.1s}.ellipsis-anim span:nth-child(3){animation-delay:.2s}.import-single-layer-flow{padding:24px 16px;display:flex;flex-direction:column;gap:24px;font-size:16px;line-height:normal;min-height:500px}.import-single-layer-flow .section{display:flex;flex-direction:column;gap:16px}.import-single-layer-flow h3{margin-bottom:8px}.instructions h3,.import-single-layer-flow h3{text-transform:uppercase;letter-spacing:.5px}.instructions{font-size:16px;line-height:130%}.instructions h3{margin-top:20px}.instructions button{margin:10px 0}.instructions .footer{margin:0;font-size:13px;color:var(--secondary-text-color);line-height:16px}.instructions a{color:var(--accent-color)}.instructions a:hover{color:var(--accent-color-lighter)}.overlay{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:row;text-align:center;align-items:center}.overlay>*{animation:fade-in .5s ease-out}@supports (backdrop-filter: blur(10px)){.overlay{background-color:var(--page-bg-darker-70);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not (backdrop-filter: blur(10px)){.overlay{background-color:var(--page-bg-dark)}}.overlay .overlay-back-button{text-transform:uppercase;font-size:12px;line-height:12px;color:var(--accent-color);font-weight:700;text-decoration:none;padding:6px 5px;opacity:1;border-radius:4px}.overlay .overlay-back-button:active{background-color:var(--action-button-bg-hover)}@media (hover: hover){.overlay .overlay-back-button:hover{background-color:var(--action-button-bg-hover)}}.overlay header{width:100%;margin-bottom:20px;position:relative}.overlay header .overlay-title-controls{position:absolute;display:flex;right:0;top:3px}.overlay h1 a,.overlay h1 a:visited{color:var(--primary-text-color)}.overlay h1 a:active,.overlay h1 a:visited:active{color:var(--accent-color)}@media (hover: hover){.overlay h1 a:hover,.overlay h1 a:visited:hover{color:var(--accent-color)}}.overlay--opaque{background-color:var(--page-bg)}.overlay-content{display:flex;flex-direction:column;align-items:center;margin:0 auto;overflow:auto;max-width:938px;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:16px}@media (max-width: 599px){.overlay-content{width:100%;padding:54px 16px 32px!important}}.overlay-content input.filter{width:100%;margin-bottom:16px;font-size:16px;padding:4px;margin-top:-8px}.overlay--full-width .overlay-content{min-width:100%;max-width:none}.overlay--full-height .overlay-content{height:100%;padding-top:32px;padding-bottom:32px}.overlay-options{display:flex;align-items:stretch;justify-content:center;width:100%;margin:16px 0;gap:16px}@media (max-width: 599px){.overlay-options{margin-top:0;flex-direction:column}}.overlay-option{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .1s ease-out;position:relative;max-width:310px;padding:40px 20px 30px;flex:1;font-size:15px;line-height:20px;display:flex;flex-direction:column;align-items:center}.overlay-option *{-webkit-user-select:none;user-select:none;cursor:pointer}.overlay-option:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.overlay-option:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.overlay-option:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.overlay-option:hover button.primary{background-color:var(--accent-color)}}.overlay-option:active{transform:scale(1.05)}@media (hover: hover){.overlay-option:hover{transform:scale(1.05)}}@media (max-width: 599px){.overlay-option{max-width:none;padding:16px;flex:none}}.overlay-option h3{margin-top:20px;text-transform:uppercase;letter-spacing:.5px}.overlay-option-description{position:relative;margin-top:2px}.overlay-option-description--divider{padding-bottom:15px}.overlay-option-description--divider:after{content:"";position:absolute;background:rgba(var(--primary-fg-rgb),1);opacity:.2;width:50px;height:1px;bottom:0;left:50%;transform:translate(-50%)}.overlay-option button{margin:10px 0}@media (max-width: 599px){.overlay-option button{margin:8px 0 0}}.overlay-option .footer{margin:0;font-size:13px;color:rgba(var(--primary-fg-rgb),.7);line-height:16px}@media (max-width: 599px){.overlay-option .footer{margin-top:8px}}.overlay-option .footer a{text-decoration:none}.overlay-option .footer a:hover{text-decoration:underline}.overlay-option-banner{position:absolute;top:0;right:0}.overlay-option--disabled{opacity:.5}.overlay-option--disabled *{-webkit-user-select:none;user-select:none;cursor:default}.overlay-option--disabled:hover{background:transparent;border:solid 1px rgba(255,255,255,.2)}.overlay-option--disabled:hover button.primary{background-color:var(--accent-color-darker)}.overlay-search{position:relative;height:40px;width:378px;margin:20px auto}@media (max-width: 599px){.overlay-search{width:100%}}.overlay-search-input{width:100%;height:40px;font-size:16px;line-height:15px;padding-left:35px;padding-right:8px;background-position:10px center;background-repeat:no-repeat;background-image:url(/media/icons/search-lens.svg);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;border-radius:4px}.overlay-search-clear{cursor:pointer;position:absolute;width:30px;height:30px;top:5px;right:5px;border-radius:15px;background-position:center center;background-repeat:no-repeat;background-image:url(/media/icons/search-clear.svg)}.overlay-search-clear:hover{background-color:rgba(var(--primary-fg-rgb),.1)}.alert{position:fixed;z-index:100000;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}@supports (backdrop-filter: blur(10px)){.alert{background-color:var(--page-bg-darker-70);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not (backdrop-filter: blur(10px)){.alert{background-color:var(--page-bg-dark)}}.alert .content{text-align:center;padding:20px}.alert .content .buttons{margin-top:30px}.alert .content .buttons button{margin:0 10px}.alert .content .dont-show-again{display:flex;align-items:center;justify-content:center;margin-top:30px;gap:8px;color:var(--secondary-text-color);font-size:16px}.alert.large .content{width:100%;max-width:600px}.rc-tooltip{pointer-events:none;max-width:360px;font-size:14px!important}.rc-tooltip-placement-topLeft .rc-tooltip-inner,.rc-tooltip-placement-top .rc-tooltip-inner,.rc-tooltip-placement-bottom .rc-tooltip-inner,.rc-tooltip-placement-bottomRight .rc-tooltip-inner{background-color:#000!important;box-shadow:none!important}.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{border-top-color:#000!important}.__floater__body h4{font-weight:700}body.is-figma-plugin .header .header-right button,body.is-figma-plugin .header .header-right a,body.is-figma-plugin .top-bar-confirmation .header-right button,body.is-figma-plugin .top-bar-confirmation .header-right a{margin-left:5px}body.is-figma-plugin .header .logo img,body.is-figma-plugin .top-bar-confirmation .logo img{height:30px}body.is-figma-plugin .header button.large,body.is-figma-plugin .header a.button.large,body.is-figma-plugin .top-bar-confirmation button.large,body.is-figma-plugin .top-bar-confirmation a.button.large{padding:0 16px;min-width:100px;line-height:30px;height:30px}body.is-figma-plugin .header button.large.help,body.is-figma-plugin .header a.button.large.help,body.is-figma-plugin .top-bar-confirmation button.large.help,body.is-figma-plugin .top-bar-confirmation a.button.large.help{padding:0;min-width:0;width:30px}body.is-figma-plugin .header button.tertiary.close,body.is-figma-plugin .header a.button.tertiary.close,body.is-figma-plugin .top-bar-confirmation button.tertiary.close,body.is-figma-plugin .top-bar-confirmation a.button.tertiary.close{padding:0 20px;min-width:40px;height:40px}body.is-figma-plugin .header button.avatar img,body.is-figma-plugin .top-bar-confirmation button.avatar img{width:30px;height:30px}body.is-figma-plugin .top-bar-confirmation{padding-right:8px}@media screen and (min-width: 600px) and (max-height: 750px){:root{--grid-thumb-size: 160px;--top-bar-height: 50px}.header .header-right button,.header .header-right a,.top-bar-confirmation .header-right button,.top-bar-confirmation .header-right a{margin-left:5px}.header .logo img,.top-bar-confirmation .logo img{height:30px}.header button.large,.header a.button.large,.top-bar-confirmation button.large,.top-bar-confirmation a.button.large{padding:0 16px;min-width:100px;line-height:30px;height:30px}.header button.large.help,.header a.button.large.help,.top-bar-confirmation button.large.help,.top-bar-confirmation a.button.large.help{padding:0;min-width:0;width:30px}.header button.tertiary.close,.header a.button.tertiary.close,.top-bar-confirmation button.tertiary.close,.top-bar-confirmation a.button.tertiary.close{padding:0 20px;min-width:40px;height:40px}.header button.avatar img,.top-bar-confirmation button.avatar img{width:30px;height:30px}.top-bar-confirmation{padding-right:8px}}.showcase-item--floatcontrols .controls,.app--figma-plugin .showcase--nocontroller .showcase-item .controls{position:absolute;background-color:var(--page-bg-darker-80);padding:10px 0;bottom:0;left:0;right:0}.add-resolution-overlay{display:flex;flex-direction:column;align-items:center}.add-resolution-overlay h1{margin-bottom:20px}.add-resolution-overlay button{margin-top:10px}.add-resolution-overlay input{border:none;font-size:15px;padding:4px;margin-left:4px;margin-right:10px}.add-resolution-overlay input[type=text]{flex-grow:1}.add-resolution-overlay .input{margin-bottom:10px;display:flex;align-items:center}.prompt h1{margin-bottom:20px}.prompt button{margin-top:10px}.prompt input{border:none;font-size:15px;padding:4px}.prompt input[type=text]{width:100%;border:solid 1px var(--layer-border-color)}.prompt.large input[type=text]{padding:10px 12px;font-size:20px;border:1px solid #ccc;border-radius:8px}.ps .ps__rail-y:hover,.ps .ps__rail-x:hover,.ps .ps--clicking{background:transparent!important;opacity:.6!important}.ps__thumb-x{height:6px!important;background-color:#aaa!important}.ps__thumb-y{width:6px!important;background-color:#aaa!important}.thumbs-grid{width:100%}.thumbs-grid h1{margin-bottom:20px}.thumbs-grid-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--grid-thumb-gap)}.thumbs-grid-container img,.thumbs-grid-container video{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;max-width:var(--grid-thumb-size);max-height:var(--grid-thumb-size)}.thumbs-grid-container img *,.thumbs-grid-container video *{-webkit-user-select:none;user-select:none;cursor:pointer}.thumbs-grid-container img:active,.thumbs-grid-container video:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.thumbs-grid-container img:active button.primary,.thumbs-grid-container video:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.thumbs-grid-container img:hover,.thumbs-grid-container video:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.thumbs-grid-container img:hover button.primary,.thumbs-grid-container video:hover button.primary{background-color:var(--accent-color)}}.thumbs-grid-container canvas{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;width:var(--grid-thumb-size);height:var(--grid-thumb-size)}.thumbs-grid-container canvas *{-webkit-user-select:none;user-select:none;cursor:pointer}.thumbs-grid-container canvas:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.thumbs-grid-container canvas:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.thumbs-grid-container canvas:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.thumbs-grid-container canvas:hover button.primary{background-color:var(--accent-color)}}.thumbs-grid-container>*{width:var(--grid-thumb-size);cursor:pointer;transition:transform .1s ease-out}.thumbs-grid-container>*:active{transform:scale(1.05)}@media (hover: hover){.thumbs-grid-container>*:hover{transform:scale(1.05)}}.thumbs-grid-container>* *{pointer-events:none;cursor:pointer}.thumbs-grid-container p{margin-top:5px;font-size:14px;line-height:17px;font-weight:500}.thumbs-grid-container p a,.thumbs-grid-container p a:visited{color:var(--primary-text-color);pointer-events:all}.thumbs-grid-container p a:active,.thumbs-grid-container p a:visited:active{color:var(--accent-color);pointer-events:all}@media (hover: hover){.thumbs-grid-container p a:hover,.thumbs-grid-container p a:visited:hover{color:var(--accent-color);pointer-events:all}}.thumbs-grid--dim .thumbs-grid-container{opacity:.3}.thumbs-grid-thumb{width:var(--grid-thumb-size);height:var(--grid-thumb-size);display:flex;align-items:center;justify-content:center;position:relative}.thumbs-grid-thumb--gradient{width:135px}.thumbs-grid-thumb--sticker{pointer-events:auto}.thumbs-grid-thumb--sticker img{width:100%;height:100%;object-fit:contain;background-image:url(/media/frames-bg/grid-light.png)}.thumbs-grid-thumb a.giphy-attribution{opacity:0;display:block;position:absolute;left:0;bottom:0;right:0;padding:8px;background:linear-gradient(#0000,#12121299);display:flex;align-items:center;text-decoration:none;color:#fff;pointer-events:auto}.thumbs-grid-thumb a.giphy-attribution *{pointer-events:none}.thumbs-grid-thumb a.giphy-attribution img.avatar{width:32px;height:32px}.thumbs-grid-thumb a.giphy-attribution .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 4px;font-size:12px;font-weight:700}.thumbs-grid-thumb a.giphy-attribution:hover .name{color:var(--accent-color-lighter);text-decoration:underline}.thumbs-grid-thumb:active a.giphy-attribution{opacity:1}@media (hover: hover){.thumbs-grid-thumb:hover a.giphy-attribution{opacity:1}}.thumbs-grid--small .thumbs-grid-container{gap:var(--grid-thumb-gap-small)}.thumbs-grid--small .thumbs-grid-container>*{width:var(--grid-thumb-size-small)}.thumbs-grid--small .thumbs-grid-thumb{width:var(--grid-thumb-size-small);height:var(--grid-thumb-size-small)}.gradient-selector .thumbs-grid .thumbs-grid-container>*{width:135px}@media screen and (min-width: 600px) and (max-height: 750px){.gradient-selector .thumbs-grid .thumbs-grid-container>*{width:110px}}@keyframes undeterminate{0%{transform:translate(100%)}50%{transform:translate(0)}to{transform:translate(-100%)}}.progress-bar{margin:14px auto;width:540px;background-color:var(--layer-border-color);text-align:left;overflow:hidden}@media (max-width: 599px){.progress-bar{width:calc(100% - 32px)}}.progress-bar-fill{height:4px;background-color:var(--accent-color);animation-duration:4s;animation-iteration-count:infinite}.progress-bar-undeterminate .progress-bar-fill{animation-name:undeterminate}.recording-metadata{font-size:15px;line-height:20px;margin:10px 0 20px;color:var(--secondary-text-color)}.recording-preview{padding-bottom:25px;padding-right:16px;padding-left:16px;margin-left:-16px;margin-right:-16px;overflow-y:hidden}.recording-preview>*{max-height:100%;max-width:100%;width:auto;box-shadow:var(--canvas-shadow)}.recording-buttons{display:flex;justify-content:center}.recording-buttons>*{margin:0 10px}.store-links{display:flex;margin-top:20px;justify-content:center}.store-links a{margin:0 10px}.store-links a:hover{opacity:.8}.new-flyer{height:100%;width:100%;text-align:center;overflow:auto;min-width:50%;padding:0 16px}.new-flyer h2{font-size:28px;line-height:100%}@media (max-width: 599px){.new-flyer h2{font-size:24px}}.new-flyer>div{margin:40px 0}@media (max-width: 599px){.new-flyer>div{margin:16px 0}}.new-flyer>div>*{margin-bottom:20px}.new-flyer-fresh{margin-bottom:0!important;position:relative}.new-flyer-fresh-thumb{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;flex-direction:column;width:var(--grid-thumb-size);height:var(--grid-thumb-size);display:flex;justify-content:center;margin:0 auto;align-items:center;transition:transform .1s ease-out}.new-flyer-fresh-thumb *{-webkit-user-select:none;user-select:none;cursor:pointer}.new-flyer-fresh-thumb:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.new-flyer-fresh-thumb:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.new-flyer-fresh-thumb:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.new-flyer-fresh-thumb:hover button.primary{background-color:var(--accent-color)}}.new-flyer-fresh-thumb button{margin-top:20px;white-space:nowrap}@media (max-width: 599px){.new-flyer-fresh-thumb button{margin-top:16px}}.new-flyer-fresh-thumb>*{pointer-events:none}.new-flyer-fresh-thumb:active{transform:scale(1.05)}@media (hover: hover){.new-flyer-fresh-thumb:hover{transform:scale(1.05)}}@media screen and (min-width: 600px) and (max-height: 750px){.new-flyer>div{margin:20px 0}.new-flyer-fresh-thumb{width:200px}.new-flyer-fresh-thumb button{padding:0 25px;min-width:100px;line-height:30px;height:30px}}.flyers-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--grid-thumb-gap)}@media screen and (min-width: 1051px) and (max-width: 1571px){.flyers-grid--even-rows{max-width:1019px;margin:0 auto}}.flyers-grid-item{width:var(--grid-thumb-size);height:var(--grid-thumb-size)}.flyers-grid-item-thumb{opacity:0}.flyers-grid-item--loaded .flyers-grid-item-thumb{opacity:1;transition:opacity .5s ease-out}.flyers-grid-item .metadata{font-size:11px;line-height:20px}.flyers-grid-item--unpublished img{opacity:.5}.flyers-grid-item-thumb{position:relative;display:flex;align-items:center;justify-content:center}.flyers-grid-item-thumb img{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;max-width:var(--grid-thumb-size);max-height:var(--grid-thumb-size);transition:transform .1s ease-out}.flyers-grid-item-thumb img *{-webkit-user-select:none;user-select:none;cursor:pointer}.flyers-grid-item-thumb img:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.flyers-grid-item-thumb img:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.flyers-grid-item-thumb img:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.flyers-grid-item-thumb img:hover button.primary{background-color:var(--accent-color)}}.flyers-grid-item-thumb img:active{transform:scale(1.05)}@media (hover: hover){.flyers-grid-item-thumb img:hover{transform:scale(1.05)}}.flyers-grid-item-thumb img.back-image{position:absolute;z-index:-1;opacity:.7}.flyers-grid-item-thumb img.back-image:nth-child(1){filter:hue-rotate(45deg)}.flyers-grid-item-thumb img.back-image:nth-child(2){filter:hue-rotate(-45deg)}.flyers-grid-item-thumb video{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;position:absolute;top:50%;left:50%;pointer-events:none;max-width:var(--grid-thumb-size);max-height:var(--grid-thumb-size);-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%) scale(1.05)}.flyers-grid-item-thumb video *{-webkit-user-select:none;user-select:none;cursor:pointer}.flyers-grid-item-thumb video:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.flyers-grid-item-thumb video:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.flyers-grid-item-thumb video:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.flyers-grid-item-thumb video:hover button.primary{background-color:var(--accent-color)}}.flyers-grid-item-thumb .edit-options{position:absolute;top:4px;right:4px}.flyers-grid-item-thumb .edit-options button{color:#000;background-color:#fff;padding:4px 8px;border-radius:6px;border:solid 1px #ccc;margin:0 0 0 8px}.flyers-grid-item span{font-weight:500;font-size:14px;line-height:17px;margin-top:5px}.flyers-grid-item:active span{color:var(--accent-color)}@media (hover: hover){.flyers-grid-item:hover span{color:var(--accent-color)}}.flyers-grid h3{margin-top:10px}.templates-filters{display:flex;gap:8px;justify-content:center;padding:0 16px}@media (max-width: 599px){.templates-filters{flex-direction:column;padding:0}}.grid-loading-more{height:0;font-size:48px}.grid-loading-more>*{display:inline-block;transform:translateY(-24px)}.form-code{max-width:400px;width:100%;margin:20px auto 0;text-align:left}.form-code label{display:block;font-size:14px;margin-bottom:10px;color:var(--secondary-text-color)}.form-code input{display:block;width:100%;font-size:16px;padding:8px;border-radius:6px;border-width:thin;border-color:#0003}.form-code button{margin-top:10px;width:100%}.options-bar{margin-bottom:5px;height:27px;transition-property:margin-bottom,height,opacity;transition-duration:.25s;transition-timing-function:ease-in-out}.options-bar--collapsed{height:0;opacity:0;margin-bottom:0}@media (max-width: 599px){.hide-on-mobile{display:none!important}}.show-on-mobile{display:none!important}@media (max-width: 599px){.show-on-mobile{display:inherit!important}}@media (max-width: 1024px){.hide-on-small-screens{display:none!important}}@media (min-width: 1025px){span.hide-on-small-screens{white-space:pre}}.import-single-layer-flow a{text-decoration:none}.import-single-layer-flow a:hover{text-decoration:underline}.import-single-layer-flow .design-tool{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .1s ease-out}.import-single-layer-flow .design-tool *{-webkit-user-select:none;user-select:none;cursor:pointer}.import-single-layer-flow .design-tool:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.import-single-layer-flow .design-tool:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.import-single-layer-flow .design-tool:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.import-single-layer-flow .design-tool:hover button.primary{background-color:var(--accent-color)}}.import-single-layer-flow .design-tool:active{transform:scale(1.05)}@media (hover: hover){.import-single-layer-flow .design-tool:hover{transform:scale(1.05)}}.import-single-layer-flow .template-ui-header{margin-bottom:8px;font-size:15px;line-height:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-text-color)}.import-single-layer-flow .template-ui-item{margin-bottom:0}.single-layer-preset-selector{margin-top:-8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr}.single-layer-preset-selector .thumb .thumb-image{border-radius:8px;margin-bottom:2px;overflow:hidden;cursor:pointer;position:relative}.single-layer-preset-selector .thumb .thumb-image>*{pointer-events:none}.single-layer-preset-selector .thumb .thumb-image--is-selected{cursor:default;border:2px solid var(--accent-color);outline:2px solid var(--accent-color)}.single-layer-preset-selector .thumb .thumb-image .hover{position:absolute;top:0;left:0}.single-layer-preset-selector .thumb img{display:block;width:100%;height:auto}.import-canva-resolution-option{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .1s ease-out}.import-canva-resolution-option *{-webkit-user-select:none;user-select:none;cursor:pointer}.import-canva-resolution-option:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.import-canva-resolution-option:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.import-canva-resolution-option:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.import-canva-resolution-option:hover button.primary{background-color:var(--accent-color)}}.import-canva-resolution-option:active{transform:scale(1.05)}@media (hover: hover){.import-canva-resolution-option:hover{transform:scale(1.05)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.is-editing-timeline #gist-app,.is-picking-template #gist-app{display:none!important}button.icon{background-color:var(--button-icon-bg-color);color:var(--button-icon-color);opacity:.7;font-weight:700;display:flex;align-items:center;justify-content:center}button.icon.icon--minimal{background-color:transparent}button.icon *{pointer-events:none}button.icon:active{opacity:1;background-color:var(--button-icon-bg-color-hover)}@media (hover: hover){button.icon:hover{opacity:1;background-color:var(--button-icon-bg-color-hover)}}button.icon--active{opacity:1;background-color:var(--button-icon-bg-color-hover)}button.icon:disabled,button.icon:disabled:hover{background-color:var(--button-icon-bg-color);opacity:.7}button.icon:disabled .img,button.icon:disabled svg,button.icon:disabled:hover .img,button.icon:disabled:hover svg{opacity:.3}button.icon div.img{background-color:var(--button-icon-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;width:100%;height:100%}button.icon.icon--timeline.icon--active,button.icon.icon--soundtrack.icon--active,button.icon.icon--beat.icon--active,button.icon.icon--binary.icon--active,button.icon.icon--linear-loop.icon--active,button.icon.icon--full-on.icon--active{opacity:.7}button.icon.icon--timeline.icon--active:hover,button.icon.icon--soundtrack.icon--active:hover,button.icon.icon--beat.icon--active:hover,button.icon.icon--binary.icon--active:hover,button.icon.icon--linear-loop.icon--active:hover,button.icon.icon--full-on.icon--active:hover{opacity:1}button.icon.icon--timeline.icon--active div.img,button.icon.icon--soundtrack.icon--active div.img,button.icon.icon--beat.icon--active div.img,button.icon.icon--binary.icon--active div.img,button.icon.icon--linear-loop.icon--active div.img,button.icon.icon--full-on.icon--active div.img{background-color:var(--accent-color)}.layer-row{background-color:var(--controller-bg-color)}.controller{width:300px;height:100%;top:0;left:0;flex-grow:0;flex-shrink:0;background-color:var(--controller-bg-color);border-right:var(--controller-border-right);position:absolute;display:flex;flex-direction:column}.app--figma-plugin .controller{width:240px}.controller--3frames,.controller--3frames .soundtrack{width:328px}.controller--4frames,.controller--4frames .soundtrack{width:394px}.controller--5frames,.controller--5frames .soundtrack{width:460px}.controller--6frames,.controller--6frames .soundtrack{width:526px}.controller--7frames,.controller--7frames .soundtrack{width:592px}.controller--8frames,.controller--8frames .soundtrack{width:658px}.controller--9frames,.controller--9frames .soundtrack{width:724px}.controller--10frames,.controller--10frames .soundtrack{width:790px}.controller--11frames,.controller--11frames .soundtrack{width:856px}.controller--12frames,.controller--12frames .soundtrack{width:922px}.controller--13frames,.controller--13frames .soundtrack{width:988px}.controller--14frames,.controller--14frames .soundtrack{width:1054px}.controller--15frames,.controller--15frames .soundtrack{width:1120px}@media (max-width: 599px){.controller{position:static;width:100%}}.controller .stack{flex-grow:1;overflow-y:auto;display:flex;flex-flow:column nowrap}.controller .stack .stack-header{display:flex;justify-content:space-between;align-items:flex-end;padding-right:5px;padding-top:14px}.controller .stack button.plus{background-color:var(--primary-button-bg-color);margin:10px;width:60px;height:60px;border-radius:12px;opacity:1}.controller .stack button.plus:hover{background-color:var(--primary-button-bg-color-hover)}.controller .scrollable-content{position:relative;height:100%;transition:transform .3s ease-out}.controller .scrollable-content--pick-filter{transform:translate(-300px)}.controller .scrollable-content>div{width:300px;display:inline-block}.controller .effects--has-some{margin-top:-5px;margin-bottom:5px}.controller .layer-row--hidden .effects{opacity:.3;pointer-events:none}.controller .effect-settings{display:flex;align-items:center}.controller .effect-settings .effect-general .visibility,.controller .effect-settings .effect-general .invert{width:20px;height:20px;background-repeat:no-repeat;background-position:center center;background-color:transparent;padding:0;border-radius:0}.controller .effect-settings .effect-general .visibility{margin-left:-2px;margin-right:4px}.controller .effect h3{font-weight:700;font-size:14px;line-height:20px}.controller .soundtrack{flex-shrink:0;border-top:solid var(--layer-border-width) var(--layer-border-color)}.controller .soundtrack h3{font-size:16px;line-height:30px;font-weight:700}.controller .soundtrack .waveform{position:relative;color:rgba(var(--controller-fg-rgb),1)}.controller .soundtrack .waveform canvas{display:block}.controller .soundtrack .waveform--seekable canvas,.controller .soundtrack .waveform--seekable .needle{cursor:col-resize}.controller .soundtrack .waveform .needle{position:absolute;width:2px;height:80px;top:0;left:-1px;background-color:rgba(var(--controller-fg-rgb),.5)}.app--figma-plugin .controller .soundtrack .waveform .needle{height:60px}.controller .soundtrack button.add-music{display:block;border-radius:0;width:100%}.controller .soundtrack button.add-music img{margin-right:5px;vertical-align:middle}.controller .soundtrack .motion-source-selector{display:flex;background-color:var(--button-icon-overlay-bg-color);border-radius:15px;opacity:.7}.controller .soundtrack .motion-source-selector>.icon{opacity:1!important}.controller .soundtrack .motion-source-selector:hover{opacity:1}.controller .soundtrack .motion-source-selector:hover>.icon{opacity:.7!important}.controller .soundtrack .motion-source-selector:hover>.icon:hover{opacity:1!important}.controller .soundtrack .controls-left{position:absolute;display:flex;top:10%;left:10px}.controller .soundtrack .controls-left>*{margin-right:5px}.controller .soundtrack .controls{position:absolute;display:flex;top:10%;right:10px}.controller .soundtrack .motion-source-selector .icon,.controller .soundtrack .controls-left .icon,.controller .soundtrack .controls .icon{background-color:var(--button-icon-overlay-bg-color)}.controller .soundtrack .controls-left>*,.controller .soundtrack .controls .icon{border:solid 1px rgba(var(--controller-fg-rgb),.15)}.controller .soundtrack .controls-left>*:hover,.controller .soundtrack .controls .icon:hover{border:solid 1px rgba(var(--controller-fg-rgb),.2)}.controller .soundtrack .controls>*{margin-left:5px}.controller .soundtrack .duration{position:absolute;bottom:10%;right:10px;font-size:12px;font-weight:700;line-height:12px;text-align:right;pointer-events:none;filter:url(#sliderBorder)}.controller .soundtrack .speed-label{position:absolute;bottom:10%;left:10px;font-size:12px;color:var(--secondary-text-color);line-height:12px;pointer-events:none;filter:url(#sliderBorder)}.controller .soundtrack .speed-range{position:absolute;bottom:10%;left:52px;width:calc(100% - 149px);height:12px;filter:url(#sliderBorder)}.controller--sorting,.controller--sorting *{cursor:grabbing}.controller--has-canvas-confirmation{opacity:.3;pointer-events:none}.custom-property{justify-content:space-between;align-items:center;font-size:12px;line-height:20px;display:flex;color:var(--menu-color);padding:2px 0}.custom-property>label{width:80px;text-align:right;padding-right:8px;line-height:1;flex-shrink:0}.custom-property input[type=checkbox]{margin-right:160px;height:12px}.custom-property textarea{resize:vertical;min-height:40px;padding:2px 4px;border-color:#bbb}.custom-property button:not(.icon--minimal){opacity:.8;color:var(--menu-color);font-weight:700;background-color:rgba(var(--menu-fg-rgb),.07);border-radius:4px}.custom-property button:not(.icon--minimal):hover{background-color:var(--menu-bg-color-hover)}.custom-property input[type=range],.custom-property textarea,.custom-property select,.custom-property input[type=color],.custom-property .input.color,.custom-property .bf-select{width:170px;height:20px}.custom-property--motion .bf-select{max-width:146px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:18px}.custom-property .text-aligment-select{width:170px;height:24px!important;display:flex}.custom-property .text-aligment-select ul{display:flex;margin-right:12px}.custom-property .text-aligment-select ul li{cursor:pointer;opacity:.3;height:24px!important;border-radius:2px}.custom-property .text-aligment-select ul li *{pointer-events:none}.custom-property .text-aligment-select ul li:hover{opacity:.7;background-color:rgba(var(--menu-fg-rgb),.3)}.custom-property .text-aligment-select ul .text-aligment-option--selected{cursor:inherit;opacity:1}.custom-property .text-aligment-select ul .text-aligment-option--selected:hover{opacity:1;background-color:transparent}.custom-property input[type=range]{width:130px}.custom-property.multi-color button.icon{width:20px;height:20px}.custom-property.multi-color .icon--delete-color .img{background-color:var(--bright-red)}.custom-property .input.direction{display:inline-block;width:29px;height:29px;border:solid 1px rgba(var(--menu-fg-rgb),.3);border-radius:50%;margin-right:101px}.custom-property .input.direction .dial{position:relative;width:29px;height:29px}.custom-property .input.direction .dial:before{position:absolute;content:"";width:1px;height:14.5px;top:0;left:14px;background-color:rgba(var(--menu-fg-rgb),1)}.custom-property .custom-property-value{width:40px;border-radius:2px;padding:0 4px;margin-right:-4px;margin-left:4px;display:inline-block;vertical-align:top;text-align:right;font-weight:700}.custom-property span.custom-property-value{cursor:text;border:1px solid transparent}.custom-property span.custom-property-value:hover{border:1px solid rgba(var(--menu-fg-rgb),.2)}.custom-property input.custom-property-value{font-weight:400;font-size:12px;line-height:inherit}.custom-property select,.bf-select{height:22px;line-height:22px;font-size:15px;padding-left:6px;font-weight:700;opacity:.8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;color:var(--menu-color);background-color:transparent;border-radius:4px;position:relative;height:20px;line-height:20px;font-size:12px;background-color:rgba(var(--menu-fg-rgb),.07)}.custom-property select:after,.bf-select:after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}.custom-property select option,.bf-select option{background-color:transparent}.custom-property select:active,.bf-select:active{opacity:.999;background-color:var(--menu-bg-color-hover)}@media (hover: hover){.custom-property select:hover,.bf-select:hover{opacity:.999;background-color:var(--menu-bg-color-hover)}}.custom-property select:disabled,.bf-select:disabled{cursor:inherit;opacity:.5}.custom-property select:disabled:hover,.bf-select:disabled:hover{background-color:transparent}.custom-property{margin-bottom:5px}.custom-property:last-child{margin-bottom:0}.custom-property>*:nth-child(2){height:20px;flex-grow:1}.custom-property.multi-color>*:nth-child(2){height:auto}.custom-property.multi-color>*:nth-child(2) .input{height:20px;margin-bottom:5px}.custom-property.d3-rotation>*:nth-child(2){height:auto}.custom-property--direction>*:nth-child(2){height:30px}.custom-property .bf-select-option{height:auto}.custom-property .bf-select--open{opacity:1}.multi-color button.icon:hover,.multi-color button.icon--active{background-color:var(--button-icon-bg-color)}.multi-color .action-button{text-transform:none;font-weight:400}input[type=range]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;overflow:hidden}input[type=range]:focus{box-shadow:none;outline:none}input[type=range]::-webkit-slider-runnable-track{background:var(--accent-color);content:"";height:2px;pointer-events:none}input[type=range]::-webkit-slider-thumb{width:10px;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary-button-bg-color);border-radius:5px;box-shadow:5px 0 0 -4px #bbb,6px 0 0 -4px #bbb,7px 0 0 -4px #bbb,8px 0 0 -4px #bbb,9px 0 0 -4px #bbb,10px 0 0 -4px #bbb,11px 0 0 -4px #bbb,12px 0 0 -4px #bbb,13px 0 0 -4px #bbb,14px 0 0 -4px #bbb,15px 0 0 -4px #bbb,16px 0 0 -4px #bbb,17px 0 0 -4px #bbb,18px 0 0 -4px #bbb,19px 0 0 -4px #bbb,20px 0 0 -4px #bbb,21px 0 0 -4px #bbb,22px 0 0 -4px #bbb,23px 0 0 -4px #bbb,24px 0 0 -4px #bbb,25px 0 0 -4px #bbb,26px 0 0 -4px #bbb,27px 0 0 -4px #bbb,28px 0 0 -4px #bbb,29px 0 0 -4px #bbb,30px 0 0 -4px #bbb,31px 0 0 -4px #bbb,32px 0 0 -4px #bbb,33px 0 0 -4px #bbb,34px 0 0 -4px #bbb,35px 0 0 -4px #bbb,36px 0 0 -4px #bbb,37px 0 0 -4px #bbb,38px 0 0 -4px #bbb,39px 0 0 -4px #bbb,40px 0 0 -4px #bbb,41px 0 0 -4px #bbb,42px 0 0 -4px #bbb,43px 0 0 -4px #bbb,44px 0 0 -4px #bbb,45px 0 0 -4px #bbb,46px 0 0 -4px #bbb,47px 0 0 -4px #bbb,48px 0 0 -4px #bbb,49px 0 0 -4px #bbb,50px 0 0 -4px #bbb,51px 0 0 -4px #bbb,52px 0 0 -4px #bbb,53px 0 0 -4px #bbb,54px 0 0 -4px #bbb,55px 0 0 -4px #bbb,56px 0 0 -4px #bbb,57px 0 0 -4px #bbb,58px 0 0 -4px #bbb,59px 0 0 -4px #bbb,60px 0 0 -4px #bbb,61px 0 0 -4px #bbb,62px 0 0 -4px #bbb,63px 0 0 -4px #bbb,64px 0 0 -4px #bbb,65px 0 0 -4px #bbb,66px 0 0 -4px #bbb,67px 0 0 -4px #bbb,68px 0 0 -4px #bbb,69px 0 0 -4px #bbb,70px 0 0 -4px #bbb,71px 0 0 -4px #bbb,72px 0 0 -4px #bbb,73px 0 0 -4px #bbb,74px 0 0 -4px #bbb,75px 0 0 -4px #bbb,76px 0 0 -4px #bbb,77px 0 0 -4px #bbb,78px 0 0 -4px #bbb,79px 0 0 -4px #bbb,80px 0 0 -4px #bbb,81px 0 0 -4px #bbb,82px 0 0 -4px #bbb,83px 0 0 -4px #bbb,84px 0 0 -4px #bbb,85px 0 0 -4px #bbb,86px 0 0 -4px #bbb,87px 0 0 -4px #bbb,88px 0 0 -4px #bbb,89px 0 0 -4px #bbb,90px 0 0 -4px #bbb,91px 0 0 -4px #bbb,92px 0 0 -4px #bbb,93px 0 0 -4px #bbb,94px 0 0 -4px #bbb,95px 0 0 -4px #bbb,96px 0 0 -4px #bbb,97px 0 0 -4px #bbb,98px 0 0 -4px #bbb,99px 0 0 -4px #bbb,100px 0 0 -4px #bbb,101px 0 0 -4px #bbb,102px 0 0 -4px #bbb,103px 0 0 -4px #bbb,104px 0 0 -4px #bbb,105px 0 0 -4px #bbb,106px 0 0 -4px #bbb,107px 0 0 -4px #bbb,108px 0 0 -4px #bbb,109px 0 0 -4px #bbb,110px 0 0 -4px #bbb,111px 0 0 -4px #bbb,112px 0 0 -4px #bbb,113px 0 0 -4px #bbb,114px 0 0 -4px #bbb,115px 0 0 -4px #bbb,116px 0 0 -4px #bbb,117px 0 0 -4px #bbb,118px 0 0 -4px #bbb,119px 0 0 -4px #bbb,120px 0 0 -4px #bbb,121px 0 0 -4px #bbb,122px 0 0 -4px #bbb,123px 0 0 -4px #bbb,124px 0 0 -4px #bbb,125px 0 0 -4px #bbb,126px 0 0 -4px #bbb,127px 0 0 -4px #bbb,128px 0 0 -4px #bbb,129px 0 0 -4px #bbb,130px 0 0 -4px #bbb,131px 0 0 -4px #bbb,132px 0 0 -4px #bbb,133px 0 0 -4px #bbb,134px 0 0 -4px #bbb,135px 0 0 -4px #bbb,136px 0 0 -4px #bbb,137px 0 0 -4px #bbb,138px 0 0 -4px #bbb,139px 0 0 -4px #bbb,140px 0 0 -4px #bbb,141px 0 0 -4px #bbb,142px 0 0 -4px #bbb,143px 0 0 -4px #bbb,144px 0 0 -4px #bbb,145px 0 0 -4px #bbb,146px 0 0 -4px #bbb,147px 0 0 -4px #bbb,148px 0 0 -4px #bbb,149px 0 0 -4px #bbb,150px 0 0 -4px #bbb,151px 0 0 -4px #bbb,152px 0 0 -4px #bbb,153px 0 0 -4px #bbb,154px 0 0 -4px #bbb,155px 0 0 -4px #bbb,156px 0 0 -4px #bbb,157px 0 0 -4px #bbb,158px 0 0 -4px #bbb,159px 0 0 -4px #bbb,160px 0 0 -4px #bbb,161px 0 0 -4px #bbb,162px 0 0 -4px #bbb,163px 0 0 -4px #bbb,164px 0 0 -4px #bbb,165px 0 0 -4px #bbb,166px 0 0 -4px #bbb,167px 0 0 -4px #bbb,168px 0 0 -4px #bbb,169px 0 0 -4px #bbb,170px 0 0 -4px #bbb,171px 0 0 -4px #bbb,172px 0 0 -4px #bbb,173px 0 0 -4px #bbb,174px 0 0 -4px #bbb,175px 0 0 -4px #bbb,176px 0 0 -4px #bbb,177px 0 0 -4px #bbb,178px 0 0 -4px #bbb,179px 0 0 -4px #bbb,180px 0 0 -4px #bbb,181px 0 0 -4px #bbb,182px 0 0 -4px #bbb,183px 0 0 -4px #bbb,184px 0 0 -4px #bbb,185px 0 0 -4px #bbb,186px 0 0 -4px #bbb,187px 0 0 -4px #bbb,188px 0 0 -4px #bbb,189px 0 0 -4px #bbb,190px 0 0 -4px #bbb,191px 0 0 -4px #bbb,192px 0 0 -4px #bbb,193px 0 0 -4px #bbb,194px 0 0 -4px #bbb,195px 0 0 -4px #bbb,196px 0 0 -4px #bbb,197px 0 0 -4px #bbb,198px 0 0 -4px #bbb,199px 0 0 -4px #bbb,200px 0 0 -4px #bbb,201px 0 0 -4px #bbb,202px 0 0 -4px #bbb,203px 0 0 -4px #bbb,204px 0 0 -4px #bbb,205px 0 0 -4px #bbb,206px 0 0 -4px #bbb,207px 0 0 -4px #bbb,208px 0 0 -4px #bbb,209px 0 0 -4px #bbb,210px 0 0 -4px #bbb,211px 0 0 -4px #bbb,212px 0 0 -4px #bbb,213px 0 0 -4px #bbb,214px 0 0 -4px #bbb,215px 0 0 -4px #bbb,216px 0 0 -4px #bbb,217px 0 0 -4px #bbb,218px 0 0 -4px #bbb,219px 0 0 -4px #bbb,220px 0 0 -4px #bbb,221px 0 0 -4px #bbb,222px 0 0 -4px #bbb,223px 0 0 -4px #bbb,224px 0 0 -4px #bbb,225px 0 0 -4px #bbb,226px 0 0 -4px #bbb,227px 0 0 -4px #bbb,228px 0 0 -4px #bbb,229px 0 0 -4px #bbb,230px 0 0 -4px #bbb,231px 0 0 -4px #bbb,232px 0 0 -4px #bbb,233px 0 0 -4px #bbb,234px 0 0 -4px #bbb,235px 0 0 -4px #bbb,236px 0 0 -4px #bbb,237px 0 0 -4px #bbb,238px 0 0 -4px #bbb,239px 0 0 -4px #bbb,240px 0 0 -4px #bbb;margin-top:-4px;border:0px solid #777}input[type=range]::-moz-range-track{width:240px;height:2px}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:var(--primary-button-bg-color);border-radius:5px;border:0px solid #777;position:relative}input[type=range]::-moz-range-progress{height:2px;background:var(--accent-color);border:0;margin-top:0}input[type=range]::-ms-track{background:transparent;border:0;border-color:transparent;border-radius:0;border-width:0;color:transparent;height:2px;margin-top:10px;width:240px}input[type=range]::-ms-thumb{width:10px;height:10px;background:var(--primary-button-bg-color);border-radius:5px;border:0px solid #777}input[type=range]::-ms-fill-lower{background:var(--accent-color);border-radius:0}input[type=range]::-ms-fill-upper{background:#bbb;border-radius:0}input[type=range]::-ms-tooltip{display:none}input[type=range]:hover::-webkit-slider-thumb{background:var(--primary-button-bg-color-hover)}.action-button{position:relative;text-transform:uppercase;font-size:12px;line-height:12px;padding:6px 5px;margin:0 -5px;font-weight:700;opacity:1;border-radius:4px;color:var(--accent-color);display:inline-flex;justify-content:center}.action-button:hover{background-color:var(--action-button-bg-hover)}.action-button:disabled,.action-button:disabled:hover{opacity:.5;background-color:transparent}.action-button .stroke-icon{margin-right:8px}.action-button i{display:block;width:12px;height:12px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;background-color:var(--accent-color);margin-right:8px;pointer-events:none}.action-button--onBlack:hover{background-color:var(--action-button-bg-hover)}.action-button--selected{color:var(--primary-button-color);background-color:var(--primary-button-bg-color)}.action-button--selected i{background-color:var(--primary-button-color)}.action-button--selected:hover{background-color:var(--primary-button-bg-color-hover)}.action-button--primary{padding:11px 16px;border-radius:var(--button-border-radius);color:var(--primary-button-color);background-color:var(--primary-button-bg-color)}.action-button--primary i{background-color:var(--primary-button-color)}.action-button--primary:hover{background-color:var(--primary-button-bg-color-hover)}.action-button--primary:disabled{opacity:.5;background-color:var(--primary-button-bg-color)}.action-button--primary:disabled:hover{background-color:var(--primary-button-bg-color)}.action-button--danger{color:var(--bright-red)}.action-button--danger i{background-color:var(--bright-red)}.layer-row--hidden .action-button{opacity:.3;pointer-events:none}.confirmation-bar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:50px}.layer-timeline{position:relative;transition:.25s margin ease-out}.layer-timeline:last-child{border-bottom:none;padding-bottom:0}.layer-timeline .effect-timeline{position:relative;margin-top:4px;min-height:24px}.layer-timeline .effect-timeline:first-child{border-top:none}.layer-timeline .effect-timeline .effects-counter{position:absolute;transform:translate(8px);bottom:4px;display:flex;align-items:center;gap:2px}.layer-timeline .effect-timeline .effects-counter>*{width:20px;height:20px;background-color:var(--controller-bg-color);border-radius:10px;position:relative}.layer-timeline .effect-timeline .effects-counter .text{display:flex;align-items:center;justify-content:center;color:rgba(var(--controller-fg-rgb),.8);font-size:12px;font-weight:500}.layer-timeline .effect-timeline .composition-effect-icon{pointer-events:none}.layer-timeline .effect-timeline .composition-effect-icon:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(var(--controller-fg-rgb),.8);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNC41IiB5PSIwLjUiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHJ4PSIwLjUiIHN0cm9rZT0iIzY2NjY2NiIvPjxyZWN0IHg9IjIuNSIgeT0iNS41IiB3aWR0aD0iMyIgaGVpZ2h0PSIzIiByeD0iMC41IiBzdHJva2U9IiM2NjY2NjYiLz48cmVjdCB4PSIwLjUiIHk9IjEwLjUiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHJ4PSIwLjUiIHN0cm9rZT0iIzY2NjY2NiIvPjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNC41IiB5PSIwLjUiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHJ4PSIwLjUiIHN0cm9rZT0iIzY2NjY2NiIvPjxyZWN0IHg9IjIuNSIgeT0iNS41IiB3aWR0aD0iMyIgaGVpZ2h0PSIzIiByeD0iMC41IiBzdHJva2U9IiM2NjY2NjYiLz48cmVjdCB4PSIwLjUiIHk9IjEwLjUiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHJ4PSIwLjUiIHN0cm9rZT0iIzY2NjY2NiIvPjwvc3ZnPg==)}.layer-timeline .effect-timeline-top{height:24px;position:relative;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.layer-timeline .effect-timeline-top--is-open{cursor:zoom-out;width:100%;position:absolute;bottom:0;z-index:1}.layer-timeline .effect-timeline-top .timeline-controls{display:flex;align-items:center;justify-content:space-between;padding-right:7px;pointer-events:all}.layer-timeline .effect-timeline-top .timeline-controls>*{margin-left:12px}.layer-timeline .effect-timeline-top .timeline-controls .timeline-close-btn{width:20px;height:20px;position:relative;border-radius:10px}.layer-timeline .effect-timeline-top .timeline-controls .timeline-close-btn:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(var(--controller-fg-rgb),.8);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTQ4MSAxLjk5NDc1TDcuMDA1MjIgNS4wMDUxNiIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0wLjk5NDc4MiA1LjAwNTI1TDQuMDA1MTkgMS45OTQ4NCIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTQ4MSAxLjk5NDc1TDcuMDA1MjIgNS4wMDUxNiIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0wLjk5NDc4MiA1LjAwNTI1TDQuMDA1MTkgMS45OTQ4NCIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=)}.layer-timeline .effect-timeline .label{position:relative;pointer-events:none;padding-left:7px;color:var(--secondary-text-color);line-height:28px;font-size:var(--effect-font-size);color:var(--primary-text-color);letter-spacing:.5px}.layer-timeline .effect-timeline .label,.layer-timeline .effect-timeline .reset{filter:url(#sliderBorder)}.layer-timeline .effect-timeline .edge{position:absolute;width:8px;top:0;bottom:0;left:0;transform:translate(-50%);background-color:var(--accent-color);border-radius:5px;cursor:ew-resize}.layer-timeline .effect-timeline .edge:before{content:"";display:block;position:absolute;top:-1.5px;bottom:-1.5px;left:-1.5px;right:-1.5px;border-radius:10px;border:1.5px solid rgba(255,255,255,.5)}.layer-timeline .effect-timeline .edge:after{content:"";position:absolute;background-color:#fff;opacity:.5;width:1.5px;top:4px;bottom:4px;left:3.15px}.layer-timeline .effect-timeline .edge:hover:after{opacity:1}.layer-timeline .effect-timeline .effect-simple-timeline{position:absolute;left:0;right:0;bottom:0;height:24px}.layer-timeline .effect-timeline .effect-simple-timeline canvas{cursor:zoom-in;opacity:.5}.layer-timeline .effect-timeline .effect-simple-timeline:hover canvas{opacity:1}.layer-timeline .effect-timeline .drag-time{position:fixed;transform:translate(-50%,-100%);background-color:#000;color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;display:none;z-index:10000}.layer-timeline .effect-timeline canvas{display:block}.layer-timeline header{display:flex;align-items:center;justify-content:space-between;padding-right:10px}.layer-timeline .wave-container{position:relative}.layer-timeline .needle{position:absolute;width:10px;top:5px;bottom:5px;left:-5px;cursor:ew-resize}.layer-timeline .needle:after{content:"";position:absolute;display:block;top:0;bottom:0;left:4px;right:4px;background-color:var(--accent-color)}.layer-timeline .dragged-point{position:fixed;background-color:var(--accent-color);width:10px;height:10px;display:none;border-radius:5px;transform:translate(-5px,-5px);pointer-events:none}.layer-timeline--expanded{margin-bottom:8px;margin-top:8px}.layer-timeline--expanded .effect-timeline--visibility .edge{top:44px}.layer-timeline--expanded .effect-timeline--visibility .edge--thumb{top:0}.effects-settings-popover,.solid-color-settings-popover,.gradient-settings-popover,.shape-settings-popover,.text-settings-popover,.sound-wave-popover,.live-frame-settings-popover,.light-settings-popover,.theme-picker,.library-image-picker{position:fixed;z-index:1;width:270px;background-color:var(--menu-bg-color);color:var(--menu-color);border-radius:4px;padding:10px;box-shadow:var(--menu-shadow);overflow:auto}@media (max-width: 599px){.effects-settings-popover,.solid-color-settings-popover,.gradient-settings-popover,.shape-settings-popover,.text-settings-popover,.sound-wave-popover,.live-frame-settings-popover,.light-settings-popover,.theme-picker,.library-image-picker{width:100%!important;height:100%;padding-bottom:21px!important}@supports (backdrop-filter: blur(10px)){.effects-settings-popover,.solid-color-settings-popover,.gradient-settings-popover,.shape-settings-popover,.text-settings-popover,.sound-wave-popover,.live-frame-settings-popover,.light-settings-popover,.theme-picker,.library-image-picker{background-color:var(--page-bg-darker-70);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}}.text-settings-popover{width:280px}.solid-color-settings-popover{padding:0;background-color:transparent;box-shadow:none}.new-frame-menu{position:relative;display:inline-block;vertical-align:top}.layer-row .new-frame-menu button{visibility:hidden}.layer-row:hover .new-frame-menu button,.layer-row .new-frame-menu--open button{visibility:visible}.frame-types-menu{margin-top:10px;margin-left:-6px;background-color:var(--accent-color);box-shadow:var(--menu-shadow);padding:8px;border-radius:12px;font-size:15px;line-height:34px;z-index:1;color:var(--primary-button-color)}.frame-types-menu--has-layer{margin-top:-2px;margin-left:4px}.frame-types-menu li{white-space:nowrap;list-style:none;padding:0 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center}.frame-types-menu li .stroke-icon{margin-right:10px;opacity:.7}.frame-types-menu li:hover{background-color:var(--accent-color-darker)}.frame-types-menu li:hover .stroke-icon{opacity:1}.frame-types-menu li:active{background-color:var(--accent-color-lighter)}.frame-types-menu li:active .stroke-icon{opacity:1}.frame-types-menu li.space{margin:6px 8px;background-color:#ffffff80;height:1px}.signal-vertical-bar{display:block;width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--accent-color) 0%,var(--controller-bg-color) 100%);position:relative;overflow:hidden;margin-right:5px}.signal-vertical-bar>div{position:absolute;left:0;top:0;right:0;bottom:0;background:var(--controller-bg-color)}.tab-bar-view{margin-top:8px;flex-shrink:0;position:relative;padding:2px;margin-left:-8px;margin-right:-8px;display:flex;justify-content:center;font-size:12px;line-height:16px;text-transform:uppercase;letter-spacing:.5px;background-color:#0000000d;border-radius:999px;gap:2px}.tab-bar-view-item{border-radius:999px;width:50%;text-align:center;padding:8px 24px;color:var(--secondary-text-color);cursor:pointer;font-weight:500}.tab-bar-view-item:hover{background-color:var(--menu-bg-color-hover)}.tab-bar-view-item--selected{color:var(--primary-text-color);background-color:var(--header-background-color);box-shadow:#0000 0 0,#0000 0 0,#0000001a 0 1px 3px,#0000001a 0 1px 2px -1px;font-weight:700;pointer-events:none}.frames-thumbnails-container{position:relative;height:60px}.app--figma-plugin .frames-thumbnails-container{height:40px}.layer-row--hidden .frames-thumbnails-container{opacity:.3;pointer-events:none}.frames-thumbnails-container .separator{position:absolute;top:0;bottom:0;left:-6px;width:12px;cursor:ew-resize}.frames-thumbnails-container .separator .line{position:absolute;pointer-events:none;top:-2px;bottom:-2px;left:5px;width:2px;background-color:var(--accent-color);border-radius:2px}.frames-thumbnails-container .separator .thumb{position:relative;pointer-events:none;width:8px;height:30px;top:50%;left:2px;transform:translateY(-50%);background-color:var(--accent-color);border-radius:5px}.frames-thumbnails-container .separator .thumb:before{content:"";display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border-radius:10px;border:1px solid rgba(220,220,220,.5)}.frames-thumbnails-container .separator .thumb:after{content:"";display:block;position:absolute;top:4px;bottom:4px;left:0;right:0;opacity:.7;background-repeat:repeat-y;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgNCAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bGluZSB4MT0iMy41MDAxMiIgeDI9IjMuNTAwMTIiIHkyPSIxIiBzdHJva2U9IiNGMEYwRjAiLz4KPGxpbmUgeDE9IjAuNSIgeDI9IjAuNSIgeTI9IjEiIHN0cm9rZT0iI0YwRjBGMCIvPgo8L3N2Zz4K)}.frames-thumbnails-container .separator:hover .thumb:before{border-color:#dcdcdc}.frames-thumbnails-container .separator:hover .thumb:after{opacity:1}.motion-select{position:relative}.motion-select:after{display:none}.motion-select svg{position:absolute;top:0;right:0;filter:url(#sliderBorder)}.motion-select span{filter:url(#sliderBorder)}.motion-select canvas{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#react-tiny-popover-container{z-index:1}@media (max-width: 599px){#react-tiny-popover-container:not(.not-responsive){width:100%;height:100%}}.animation-options{color:var(--menu-color);font-size:var(--menu-font-size);font-weight:var(--menu-font-weight);line-height:var(--menu-line-height);letter-spacing:.5px;display:flex;background-color:var(--menu-bg-color);padding:5px;box-shadow:var(--menu-shadow);border-radius:4px;max-width:478px;flex-wrap:wrap}.animation-options .animation-options-item{height:22px;line-height:22px;font-size:15px;font-weight:700;opacity:.8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;color:var(--menu-color);background-color:transparent;border-radius:4px;width:146px;height:50px;line-height:20px;font-size:12px;padding:0 18px 0 6px;margin:5px;position:relative;background-color:rgba(var(--menu-fg-rgb),.07);overflow:hidden;letter-spacing:0}.animation-options .animation-options-item:after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}.animation-options .animation-options-item option{background-color:transparent}.animation-options .animation-options-item:active{opacity:.999;background-color:var(--menu-bg-color-hover)}@media (hover: hover){.animation-options .animation-options-item:hover{opacity:.999;background-color:var(--menu-bg-color-hover)}}.animation-options .animation-options-item:disabled{cursor:inherit;opacity:.5}.animation-options .animation-options-item:disabled:hover{background-color:transparent}.animation-options .animation-options-item--selected{box-shadow:0 0 0 2px var(--menu-bg-color),0 0 0 4px var(--accent-color);opacity:.999;background-color:var(--menu-bg-color-hover)}.composition-icon{display:block;width:9px;height:17px;background-color:rgba(var(--controller-fg-rgb),.4);margin-right:3px;margin-left:-3px;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjQuNzUiIHk9IjAuNzUiIHdpZHRoPSIzLjUiIGhlaWdodD0iMy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cmVjdCB4PSIyLjc1IiB5PSI2Ljc1IiB3aWR0aD0iMy41IiBoZWlnaHQ9IjMuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHJlY3QgeD0iMC43NSIgeT0iMTIuNzUiIHdpZHRoPSIzLjUiIGhlaWdodD0iMy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjQuNzUiIHk9IjAuNzUiIHdpZHRoPSIzLjUiIGhlaWdodD0iMy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8cmVjdCB4PSIyLjc1IiB5PSI2Ljc1IiB3aWR0aD0iMy41IiBoZWlnaHQ9IjMuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHJlY3QgeD0iMC43NSIgeT0iMTIuNzUiIHdpZHRoPSIzLjUiIGhlaWdodD0iMy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K)}.filter-row--composition{position:relative}.filter-row--composition:before{content:"";position:absolute;left:10px;right:10px;height:1px;top:0;border-bottom:1px solid var(--layer-border-color)}.filter-row--composition:first-child:before{display:none}.frame-settings-popover{overflow:visible}.drawer{position:fixed;left:0;right:0;bottom:0;height:0;border-top:1px solid rgba(0,0,0,.1);background-color:var(--controller-bg-color)}.drawer.drawer-transition{transition:height .3s ease-out}.drawer .handle{position:absolute;top:0;left:0;right:0;height:40px}.drawer .handle .bar{position:absolute;top:8px;left:50%;transform:translate(-50%);width:144px;height:5px;border-radius:999px;background:#0000004d}.drawer .handle--dragging .bar{background:#000000b3}.feature-filter{width:940px;margin:0 auto;animation:fade-in .5s cubic-bezier(.215,.61,.355,1)}.feature-filter ul{display:inline-flex;margin-left:3px}.feature-filter ul li{line-height:30px;height:30px;background-color:var(--accent-color-darker);color:var(--primary-button-color);margin:0 3px;border-radius:15px;padding:0 12px;cursor:pointer}.feature-filter ul li:hover{background-color:var(--accent-color)}.feature-filter ul.features--has-selection li{background-color:var(--accent-color-alpha-50)}.feature-filter ul.features--has-selection li.selected{background-color:var(--accent-color-darker)}.feature-filter ul.features--has-selection li:hover{background-color:var(--accent-color)}.examples-container{padding-top:20px;padding-bottom:20px;width:960px;display:flex;margin:0 auto;flex-flow:row wrap;justify-content:space-around;animation:slide-up .5s cubic-bezier(.215,.61,.355,1)}.examples-container .ghost-thumb{width:220px;height:220px}.examples-container .example-thumb{text-align:center;margin-bottom:20px;cursor:pointer}.examples-container .example-thumb img{width:220px;height:220px;border:solid 1px rgba(var(--primary-fg-rgb),.05);cursor:pointer;transition:transform .3s cubic-bezier(.06,.73,.22,1)}.examples-container .example-thumb p{font-size:16px;line-height:19px;margin-top:10px;opacity:.8;cursor:pointer}.examples-container .example-thumb:hover img{border:solid 1px rgba(var(--primary-fg-rgb),.15);transform:scale(1.05)}.examples-container .example-thumb:hover p{opacity:1}.examples-container--small .example-thumb{text-align:center;margin-bottom:20px}.examples-container--small .example-thumb img{width:140px;height:140px}.examples-container--small .example-thumb p{font-size:14px;line-height:17px;margin-top:5px}.effect-picker{height:0;position:relative}.effect-picker .effects-groups{border-top:solid 2px rgba(0,0,0,.1);height:100%;overflow:auto;padding-top:10px}.effect-picker .effects-groups h4{line-height:18px;padding:0 10px;font-size:10px;color:rgba(var(--controller-fg-rgb),.7);letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.effect-picker .effects-groups .effect-group{margin-top:10px}.effect-picker .effects-groups .effect-group:nth-child(1){margin-top:0}.effect-picker .effects-groups .effect-group:last-child{margin-bottom:10px}.effect-picker button.link{height:20px;line-height:20px;width:auto;font-size:12px}.effect-picker .effect-row{color:rgba(var(--controller-fg-rgb),1);position:relative;line-height:var(--effects-list-line-height);font-size:var(--effects-list-font-size);padding:0 10px;display:flex;align-items:center;cursor:pointer}.effect-picker .effect-row *{cursor:pointer}.effect-picker .effect-row img{display:block;width:var(--effects-list-thumb-size);height:var(--effects-list-thumb-size);margin-right:10px}.effect-picker .effect-row:hover{background-color:var(--button-bg-hover)}.effect-picker .effect-row span.label{flex-grow:1;letter-spacing:.5px;display:flex;align-items:center}.effect-picker .effect-row .buttons{display:flex}.effect-picker .effect-row .buttons button{width:20px;height:20px;margin-right:4px;background-repeat:no-repeat;background-position:center center;background-color:transparent;padding:0;border-radius:0}.effect-picker .effect-row .buttons button.visibility{opacity:.7;background-image:url(/media/icons/effect-visibility-on.svg)}.effect-picker .effect-row .buttons button.invert{opacity:.7;background-image:url(/media/icons/effect-direction-default.svg)}.effect-picker .effect-row .buttons button.settings{background-image:url(/media/icons/icon-effect-settings.svg)}.effect-picker .effect-row .buttons--hidden button.visibility{opacity:1;background-image:url(/media/icons/effect-visibility-off.svg)}.effect-picker .effect-row .buttons--inverted button.invert{opacity:1;background-image:url(/media/icons/effect-direction-inverted.svg)}.effect-picker .effect-row .buttons button:hover{opacity:1}.effect-picker .effect-row--selected,.effect-picker .effect-row--selected:hover{color:var(--primary-button-color);background-color:var(--accent-color)}.effect-picker .effect-row--editing button.settings{border-radius:4px 0 0 4px;opacity:1;background-color:var(--accent-color-darker)}.effect-properties{flex-grow:1;text-align:right}.audio-editing{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;background-color:var(--page-bg-dark);display:flex;flex-direction:row;align-items:center;text-align:center;padding:20px}.audio-editing .content{width:100%;position:relative}.audio-editing .content h1{font-size:28px;margin-bottom:10px}.audio-editing .content .timeline{position:relative;height:200px;margin:30px 0}.audio-editing .content .timeline .processing{position:absolute;top:0;left:0;right:0;bottom:0;line-height:200px}.audio-editing .content .timeline .waveform{position:relative;z-index:0;cursor:col-resize}.audio-editing .content .timeline .waveform *{cursor:col-resize}.audio-editing .content .timeline .waveform .needle{position:absolute;width:2px;height:200px;top:0;left:0;background-color:var(--accent-color)}.audio-editing .content .timeline .end,.audio-editing .content .timeline .begin{position:absolute;top:0;height:200px;width:100%;background-color:var(--page-bg-darker-80)}.audio-editing .content .timeline .end .needle,.audio-editing .content .timeline .begin .needle{position:absolute;cursor:col-resize;width:20px;height:224px;top:-22px;background-color:var(--accent-color);background-repeat:no-repeat;background-position-x:center;-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIyNHB4IiB2aWV3Qm94PSIwIDAgMjAgMjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRDEyQzg3Ij4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LDE5Ljk1MDYyNDggQzMuOTQ2Njc3MzEsMTkuNDQ4OTAwMyAwLDE1LjE4NTM0ODEgMCwxMCBDMCw0LjQ3NzE1MjUgNC40NzcxNTI1LDAgMTAsMCBDMTUuNTIyODQ3NSwwIDIwLDQuNDc3MTUyNSAyMCwxMCBDMjAsMTUuMTg1MzQ4MSAxNi4wNTMzMjI3LDE5LjQ0ODkwMDMgMTEsMTkuOTUwNjI0OCBMMTEsMjI0IEw5LDIyNCBMOSwxOS45NTA2MjQ4IFoiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIyNHB4IiB2aWV3Qm94PSIwIDAgMjAgMjI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRDEyQzg3Ij4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LDE5Ljk1MDYyNDggQzMuOTQ2Njc3MzEsMTkuNDQ4OTAwMyAwLDE1LjE4NTM0ODEgMCwxMCBDMCw0LjQ3NzE1MjUgNC40NzcxNTI1LDAgMTAsMCBDMTUuNTIyODQ3NSwwIDIwLDQuNDc3MTUyNSAyMCwxMCBDMjAsMTUuMTg1MzQ4MSAxNi4wNTMzMjI3LDE5LjQ0ODkwMDMgMTEsMTkuOTUwNjI0OCBMMTEsMjI0IEw5LDIyNCBMOSwxOS45NTA2MjQ4IFoiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==)}@media (max-width: 599px){.audio-editing .content .timeline .end .needle,.audio-editing .content .timeline .begin .needle{width:44px}}.audio-editing .content .timeline .end .time,.audio-editing .content .timeline .begin .time{position:absolute;font-size:13px;line-height:16px;font-weight:700;bottom:-18px}.audio-editing .content .timeline .begin .needle{right:-9px}@media (max-width: 599px){.audio-editing .content .timeline .begin .needle{right:-21px}}.audio-editing .content .timeline .begin .time{right:1px;transform:translate(50%)}.audio-editing .content .timeline .end .needle{left:-9px}@media (max-width: 599px){.audio-editing .content .timeline .end .needle{left:-21px}}.audio-editing .content .timeline .end .time{left:1px;transform:translate(-50%)}.audio-editing .content .timeline .currentTime{position:absolute;left:-25px;font-size:13px;line-height:16px;font-weight:700;bottom:-18px;color:var(--accent-color);width:50px;text-shadow:0px 0px 4px var(--page-bg)}.audio-editing .content .playback{margin-bottom:20px}.audio-editing .content .playback button{width:40px;height:40px;margin:0 5px;background-position:center center;background-repeat:no-repeat;background-color:transparent;opacity:.7}.audio-editing .content .playback button:disabled,.audio-editing .content .playback button:disabled:hover{opacity:.3}.audio-editing .content .playback button.rewind{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJwbGF5YmFjay1yZXdpbmQiIGZpbGw9IiMxYTFhMWEiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iU3Ryb2tlLTE5NDMiIHBvaW50cz0iMzAuNSAzMS41IDE3LjUgMjAgMzAuNSA4LjUiPjwvcG9seWdvbj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlN0cm9rZS0xOTQ0IiBwb2ludHM9IjEwLjUgMzEuNSAxNC41IDMxLjUgMTQuNSA4LjUgMTAuNSA4LjUiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.audio-editing .content .playback button.pause{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJwbGF5YmFjay1wYXVzZSIgZmlsbD0iIzFhMWExYSI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTdHJva2UtMTk0NSIgcG9pbnRzPSIxMy41IDMxLjUgMTguNSAzMS41IDE4LjUgOC41IDEzLjUgOC41Ij48L3BvbHlnb24+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTdHJva2UtMTk0NiIgcG9pbnRzPSIyMS41IDMxLjUgMjYuNSAzMS41IDI2LjUgOC41IDIxLjUgOC41Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)}.audio-editing .content .playback button.play{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJwbGF5YmFjay1wbGF5IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlN0cm9rZS0xOTQ3IiBwb2ludHM9IjExLjUgOC41IDM0LjUgMjAgMTEuNSAzMS41Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)}.audio-editing .content .fade{color:rgba(var(--primary-fg-rgb),.7)}.audio-editing .content .fade select{height:22px;line-height:22px;font-size:15px;padding-left:6px;font-weight:700;opacity:.8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;color:var(--menu-color);background-color:transparent;border-radius:4px;position:relative;width:125px}.audio-editing .content .fade select:after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}.audio-editing .content .fade select option{background-color:transparent}.audio-editing .content .fade select:active{opacity:.999;background-color:var(--menu-bg-color-hover)}@media (hover: hover){.audio-editing .content .fade select:hover{opacity:.999;background-color:var(--menu-bg-color-hover)}}.audio-editing .content .fade select:disabled{cursor:inherit;opacity:.5}.audio-editing .content .fade select:disabled:hover{background-color:transparent}.audio-editing .content .buttons{margin-top:30px}.audio-editing .content .buttons button{margin:0 10px}.audio-editing .content .footer-warning{position:absolute;left:0;right:0;text-align:center;bottom:-16px;transform:translateY(100%);font-size:16px;color:var(--warning-yellow)}.waveform .curve{position:relative;overflow:hidden}.waveform .curve .point,.waveform .curve .draggable-point{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-5px,-5px)}.waveform .curve .point{padding:2px}.waveform .curve .point:before{content:"";border-radius:50%;display:block;width:6px;height:6px;background-color:var(--accent-color)}.waveform .curve .point--left{left:0;top:75px}.waveform .curve .point--right{left:100%;top:75px}.waveform .curve .draggable-point{border:solid 2px var(--accent-color);background-color:var(--accent-color-alpha-30);cursor:ew-resize}.overlay .captions{position:relative;display:flex;flex-direction:column;height:100%;margin-left:-16px;margin-right:-16px;overflow:hidden;padding:40px 0;max-width:calc(100% + 32px)}.overlay .captions-timeline{position:relative;display:flex;flex-direction:column;height:calc(50% + 47px);transform:translate(50%)}@media (max-width: 599px){.overlay .captions-timeline{height:calc(40% + 47px)}}.overlay .captions-timeline .timeline{height:160px;margin-top:auto;position:relative;text-align:left}.overlay .captions-timeline .timeline canvas{cursor:move}.overlay .captions-timeline .timeline .second{pointer-events:none;position:absolute;width:1px;height:160px;background-color:#bdbdbd;font-size:12px;line-height:14px;color:#828282;bottom:0}.overlay .captions-timeline .timeline .second span{position:absolute;bottom:-14px;transform:translate(-50%)}.overlay .captions-timeline .timeline .token{position:absolute;font-size:16px;line-height:36px;top:calc(50% - 18px);background-color:#444444b3;border-radius:10px;white-space:nowrap;overflow:hidden;color:#fff;padding:0 5px;cursor:pointer;opacity:.85}.overlay .captions-timeline .timeline .token .edge{cursor:col-resize;position:absolute;width:2px;top:0;bottom:0;background-color:#00000080}@media (max-width: 599px){.overlay .captions-timeline .timeline .token .edge{width:24px;background-color:#0000004d}}.overlay .captions-timeline .timeline .token .edge-left{left:0}.overlay .captions-timeline .timeline .token .edge-right{right:0}.overlay .captions-timeline .timeline .token span{pointer-events:none}.overlay .captions-timeline .timeline .token input{font-size:16px;line-height:36px;border:none;outline:none}.overlay .captions-timeline .timeline .token:hover{z-index:1000;background-color:#333333d9}.overlay .captions-timeline .timeline .token--selected{z-index:1000;border-radius:0;cursor:grab;background-color:var(--accent-color)}.overlay .captions-timeline .timeline .token--selected:hover{background-color:var(--accent-color)}.overlay .captions-timeline .timeline .token--editing{z-index:10000;border:1.5px solid var(--accent-color);margin-left:-1.5px;margin-top:-1.5px;color:#000;background-color:#fff}.overlay .captions-timeline .timeline .token--editing:hover{background-color:#fff}.overlay .captions-timeline .timeline .token--dragging{border-radius:6px;z-index:10000;opacity:.5;cursor:grabbing}.overlay .captions-controls{margin-bottom:8px;margin-top:22px;position:relative;display:flex;align-items:center;justify-content:center}.overlay .captions-controls button.icon{width:48px;height:48px;background-color:#e5e5e5;color:var(--button-icon-color);margin:0 4px}.overlay .captions-controls button.icon.icon--plus-large{opacity:1;background-color:var(--accent-color)}.overlay .captions-controls button.icon.icon--plus-large:hover{background-color:var(--accent-color-darker)}.overlay .captions-controls button.icon.icon--x .img{background-color:var(--bright-red)}.overlay .captions-controls button.icon.icon--check .img{background-color:#219653}.overlay .captions-controls .zoom{position:absolute;top:0;right:20px;display:flex;align-items:center;justify-content:center}@media (max-width: 599px){.overlay .captions-controls .zoom{right:0}}.overlay .captions-controls .zoom button.icon{background-color:transparent;margin:0}.overlay .captions-controls .zoom button.icon .img{pointer-events:none}.overlay .captions-controls .zoom button.icon:hover{background-color:#e5e5e5}.overlay .captions-controls .zoom button.icon:disabled{cursor:default;opacity:.3}.overlay .captions-controls .zoom button.icon:disabled:hover{background-color:transparent}.overlay .captions-playback{flex:1;display:flex;align-items:center;justify-content:center}.overlay .captions-playback button.icon{width:96px;height:96px;background-color:#e5e5e5;margin:0 4px;color:var(--button-icon-color)}.overlay .captions-playback button.icon .img{-webkit-mask-size:30px;mask-size:30px}.overlay .captions .save-btn{width:104px;margin-left:8px}.overlay .captions .needle{position:absolute;width:2px;background-image:linear-gradient(rgba(0,0,0,0),var(--primary-text-color));opacity:.8;height:calc(50% + 7px);top:73px;left:calc(50% - 1px);pointer-events:none}@media (max-width: 599px){.overlay .captions .needle{height:calc(40% + 7px)}}.overlay .captions-language-selection .bf-select{height:22px;line-height:22px;font-size:15px;padding-left:6px;font-weight:700;opacity:.8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;color:var(--menu-color);background-color:transparent;border-radius:4px;position:relative;display:block;margin:30px 0;background-color:var(--menu-bg-color-hover);height:48px}.overlay .captions-language-selection .bf-select:after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}.overlay .captions-language-selection .bf-select option{background-color:transparent}.overlay .captions-language-selection .bf-select:active{opacity:.999;background-color:var(--menu-bg-color-hover)}@media (hover: hover){.overlay .captions-language-selection .bf-select:hover{opacity:.999;background-color:var(--menu-bg-color-hover)}}.overlay .captions-language-selection .bf-select:disabled{cursor:inherit;opacity:.5}.overlay .captions-language-selection .bf-select:disabled:hover{background-color:transparent}.overlay .captions-language-selection .bf-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;line-height:48px;font-size:16px;width:100%;cursor:pointer}.overlay .captions-language-selection .bf-select:after{pointer-events:none}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.search-itunes-list{width:400px;margin:0 auto}@media (max-width: 599px){.search-itunes-list{width:100%}}.loop-view{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;max-width:400px;display:flex;text-align:left;font-size:14px;line-height:18px;align-items:center;margin-bottom:4px;margin-left:auto;margin-right:auto;cursor:pointer;position:relative}.loop-view *{-webkit-user-select:none;user-select:none;cursor:pointer}.loop-view:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.loop-view:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.loop-view:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.loop-view:hover button.primary{background-color:var(--accent-color)}}.loop-view img{display:block;width:50px;height:50px}.loop-view .text{position:relative;padding-left:10px;width:100%}.loop-view .artist{opacity:.7}.loop-view .bar{display:none;position:absolute;top:0;left:0;height:100%;width:1px;background-color:var(--accent-color)}.loop-view:active{background:var(--menu-bg-color-hover)}@media (hover: hover){.loop-view:hover{background:var(--menu-bg-color-hover)}}.loop-view--loading .text{animation:blink .2s infinite}.loop-view--playing .bar{display:block}.loop-view *{cursor:pointer}.loop-view a{color:rgba(var(--primary-fg-rgb),.7)}.loop-view a:active{color:var(--accent-color)}@media (hover: hover){.loop-view a:hover{color:var(--accent-color)}}.loop-view a.disabled{text-decoration:none}.loop-view a.disabled:hover{color:var(--primary-fg-rgb)}.loop-view .select-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.react-autosuggest__container{margin:0 auto 30px;position:relative;width:300px}.react-autosuggest__input{color:var(--primary-text-color);width:300px;height:40px;padding:10px 20px 10px 47px;font-size:16px;background:var(--menu-bg-color-hover);border:1px solid rgba(255,255,255,.3);box-sizing:border-box;border-radius:20px;background-repeat:no-repeat;background-position:20px center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBvcGFjaXR5PSIwLjUiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSA1LjcxNzMyQzEgMy4xMTIyIDMuMTEyMiAxIDUuNzE3MzIgMUM4LjMyMjQ1IDEgMTAuNDM0NiAzLjExMjIgMTAuNDM0NiA1LjcxNzMyQzEwLjQzNDYgNy4wMTM5MyA5LjkxMTQxIDguMTg4NDQgOS4wNjQ1OSA5LjA0MTE4QzkuMDYwNTggOS4wNDQ5NCA5LjA1NjYxIDkuMDQ4NzggOS4wNTI3IDkuMDUyN0M5LjA0ODc4IDkuMDU2NjEgOS4wNDQ5NCA5LjA2MDU4IDkuMDQxMTggOS4wNjQ1OUM4LjE4ODQ0IDkuOTExNDEgNy4wMTM5MyAxMC40MzQ2IDUuNzE3MzIgMTAuNDM0NkMzLjExMjIgMTAuNDM0NiAxIDguMzIyNDUgMSA1LjcxNzMyWk05LjM5MTA3IDEwLjA5ODJDOC4zOTc0NyAxMC45MzIzIDcuMTE2MDIgMTEuNDM0NiA1LjcxNzMyIDExLjQzNDZDMi41NTk5MSAxMS40MzQ2IDAgOC44NzQ3MyAwIDUuNzE3MzJDMCAyLjU1OTkxIDIuNTU5OTEgMCA1LjcxNzMyIDBDOC44NzQ3MyAwIDExLjQzNDYgMi41NTk5MSAxMS40MzQ2IDUuNzE3MzJDMTEuNDM0NiA3LjExNjAyIDEwLjkzMjMgOC4zOTc0NyAxMC4wOTgyIDkuMzkxMDdMMTUuODUzNiAxNS4xNDY1QzE2LjA0ODkgMTUuMzQxOCAxNi4wNDg5IDE1LjY1ODQgMTUuODUzNiAxNS44NTM2QzE1LjY1ODQgMTYuMDQ4OSAxNS4zNDE4IDE2LjA0ODkgMTUuMTQ2NSAxNS44NTM2TDkuMzkxMDcgMTAuMDk4MloiIGZpbGw9ImJsYWNrIi8+PC9nPjwvc3ZnPg==)}.react-autosuggest__input--focused{outline:none}.react-autosuggest__suggestions-container{display:none;text-align:left;padding:10px 0;border-radius:4px}.react-autosuggest__suggestions-container--open{display:block;position:absolute;top:40px;left:30px;min-width:240px;background-color:var(--menu-bg-color);font-size:14px;line-height:32px;z-index:2}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:0 20px;white-space:nowrap}.react-autosuggest__suggestion>*{pointer-events:none}.react-autosuggest__suggestion:hover{background:var(--menu-bg-color-hover)}.react-autosuggest__suggestion--highlighted{background-color:#ffffff14}.genres-container{display:grid;grid-template-columns:minmax(auto,288px) minmax(auto,288px);justify-content:center;column-gap:16px;row-gap:16px}@media (max-width: 599px){.genres-container{display:flex;flex-direction:column;gap:8px;width:100%}}.genres-container .genre-button{border:solid 1px rgba(var(--primary-fg-rgb),.1);background-color:rgba(var(--primary-fg-rgb),.03);transition:background .25s cubic-bezier(.215,.61,.355,1),border .25s cubic-bezier(.215,.61,.355,1);border-radius:8px;overflow:hidden;cursor:pointer;height:72px;width:288px;text-indent:10000px;white-space:nowrap;background-position:center;background-repeat:no-repeat}.genres-container .genre-button *{-webkit-user-select:none;user-select:none;cursor:pointer}.genres-container .genre-button:active{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.genres-container .genre-button:active button.primary{background-color:var(--accent-color)}@media (hover: hover){.genres-container .genre-button:hover{background-color:var(--page-bg-darker-80);border:solid 1px rgba(var(--primary-fg-rgb),.2)}.genres-container .genre-button:hover button.primary{background-color:var(--accent-color)}}@media (max-width: 599px){.genres-container .genre-button{width:100%}}.loop-selection-container{animation:slide-up .5s cubic-bezier(.215,.61,.355,1);text-align:left;margin-top:20px;width:100%;max-width:400px}.loop-selection-container h2{font-size:20px;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.loop-selection-container .genre{margin-bottom:20px}.loop-selection-container .genre .loops-row{margin:0 -20px;padding:0 10px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.loop-selection-container .genre .loops-row .loop{text-align:center;width:200px;cursor:pointer;display:inline-block;margin:10px;font-size:12px;line-height:20px;background-color:var(--page-bg-darker-50);outline:solid 1px rgba(var(--primary-fg-rgb),.1);transition:transform .1s ease-out;color:var(--primary-text-color)}.loop-selection-container .genre .loops-row .loop .top{position:relative;display:flex}.loop-selection-container .genre .loops-row .loop .top img.thumb{width:50px;height:50px}.loop-selection-container .genre .loops-row .loop .top img.wave{width:150px;height:50px;opacity:.7;background-color:var(--secondary-text-color);-webkit-mask-size:150px 50px;mask-size:150px 50px}.loop-selection-container .genre .loops-row .loop .top .bar{position:absolute;left:50px;top:0;height:50px;width:1px;background-color:var(--primary-text-color);display:none}.loop-selection-container .genre .loops-row .loop .top .duration{font-size:12px;line-height:12px;position:absolute;right:0;bottom:0;padding:0 5px;background-color:var(--page-bg-darker-80)}.loop-selection-container .genre .loops-row .loop .bottom{padding:5px}.loop-selection-container .genre .loops-row .loop .bottom p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.loop-selection-container .genre .loops-row .loop *{cursor:pointer}.loop-selection-container .genre .loops-row .loop a{color:rgba(var(--primary-fg-rgb),.7)}.loop-selection-container .genre .loops-row .loop a:active{color:var(--accent-color)}@media (hover: hover){.loop-selection-container .genre .loops-row .loop a:hover{color:var(--accent-color)}}.loop-selection-container .genre .loops-row .loop a.disabled{text-decoration:none}.loop-selection-container .genre .loops-row .loop a.disabled:hover{color:var(--primary-fg-rgb)}.loop-selection-container .genre .loops-row .loop--over{background-color:var(--page-bg-dark);outline:solid 1px rgba(var(--primary-fg-rgb),.3);transform:scale(1.1)}.loop-selection-container .genre .loops-row .loop--over a{color:var(--primary-text-color)}.loop-selection-container .genre .loops-row .loop--loading img.wave{animation:pulse-light .2s alternate infinite}.loop-selection-container .genre .loops-row .loop--playing .top .bar{display:block}.loop-selection-container footer{text-align:center;font-size:15px;color:rgba(var(--primary-fg-rgb),.7);line-height:20px}.label-details{display:flex;align-items:center}.label-details h1{margin-bottom:10px}.label-details .bio{margin-bottom:20px}.label-details .buttons{margin-top:30px}.label-details .buttons .button{margin-right:10px}.label-details .social{margin-top:20px}.label-details-content{text-align:left;margin:0 auto;display:flex;width:750px}.label-details-content>*{margin:0 10px}.label-details .thumb img{width:250px;height:auto}.label-details .social a{display:inline-block;width:40px;height:40px;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.7;text-indent:-9999px;overflow:hidden;background-color:var(--secondary-text-color)}.label-details .social a:active{opacity:1}@media (hover: hover){.label-details .social a:hover{opacity:1}}.label-details .social a.fb{-webkit-mask-image:url(/media/icons/social/fb.svg);mask-image:url(/media/icons/social/fb.svg)}.label-details .social a.ig{-webkit-mask-image:url(/media/icons/social/ig.svg);mask-image:url(/media/icons/social/ig.svg)}.label-details .social a.tw{-webkit-mask-image:url(/media/icons/social/tw.svg);mask-image:url(/media/icons/social/tw.svg)}.label-details .social a.sc{-webkit-mask-image:url(/media/icons/social/sc.svg);mask-image:url(/media/icons/social/sc.svg)}.label-details .social a.yt{-webkit-mask-image:url(/media/icons/social/yt.svg);mask-image:url(/media/icons/social/yt.svg)}.split-layer{display:flex;flex-direction:row;text-align:center;align-items:center;padding:20px}.split-layer .content{align-items:center;margin:0 auto}.split-layer .skip{margin-top:20px}.split img.original{height:256px;width:auto;display:inline-block;margin:30px 0}.split .buttons{margin-top:30px}.split .buttons button{margin:0 10px}.split .layers{margin-bottom:30px;margin-top:20px}.split .layers label{width:100px;text-align:right;margin-right:60px;line-height:20px}.split .layers .top{margin-bottom:20px}.split .layers .top,.split .layers .bottom{display:flex;align-items:center}.split .layers .layer{height:140px;transform:skew(-45deg)}.split .layers .layer canvas{background-color:transparent}.split select{height:22px;line-height:22px;font-size:15px;padding-left:6px;font-weight:700;opacity:.8;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;color:var(--menu-color);background-color:transparent;border-radius:4px;position:relative}.split select:after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;background-color:currentColor;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center}.split select option{background-color:transparent}.split select:active{opacity:.999;background-color:var(--menu-bg-color-hover)}@media (hover: hover){.split select:hover{opacity:.999;background-color:var(--menu-bg-color-hover)}}.split select:disabled{cursor:inherit;opacity:.5}.split select:disabled:hover{background-color:transparent}.split input,.split select{height:20px;width:150px}.split .option{display:flex;height:20px;align-items:center;margin-bottom:10px}.split .controls{text-align:left;font-size:15px}.split .controls label{width:160px;display:inline-block;text-align:right;margin-right:10px;line-height:20px;opacity:.7}.cancel-feedback strong{text-transform:uppercase}.cancel-feedback h1{margin-bottom:20px}.cancel-feedback ul{margin:20px auto 10px;width:70%}.cancel-feedback li{text-align:left;font-size:16px;line-height:20px;padding:15px 20px;font-weight:700;border:1px solid rgba(255,255,255,.2);margin:10px 0;cursor:pointer}.cancel-feedback li:hover{background-color:var(--accent-color-alpha-10);border:1px solid white;color:var(--accent-color)}.cancel-feedback button{margin-top:10px}.cancel-feedback textarea{display:block;width:368px;height:100px;margin:20px auto;line-height:24px;font-size:14px;padding:10px}.cancel-feedback button.skip{font-weight:700;padding:4px 8px;font-size:15px;color:#ffffffb3;text-decoration:none;display:inline-block;border-radius:4px}.cancel-feedback button.skip:hover{background-color:#ffffff1a}.flyer-list{width:400px;margin:0 auto}@media (max-width: 599px){.flyer-list{width:100%}}.flyer-list .flyer-item{border-bottom:1px solid rgba(var(--primary-fg-rgb),.1);display:flex;align-items:center;text-align:left;cursor:pointer}.flyer-list .flyer-item *{cursor:pointer}.flyer-list .flyer-item:active{background-color:rgba(var(--primary-fg-rgb),.05)}@media (hover: hover){.flyer-list .flyer-item:hover{background-color:rgba(var(--primary-fg-rgb),.05)}}.flyer-list .flyer-item img{display:block;background-color:var(--tertiary-text-color);width:60px;height:60px}.flyer-list .flyer-item .flyer-item-text{padding:0 10px;flex-grow:1}.flyer-list .flyer-item .flyer-item-text .title{font-weight:500}.flyer-list .flyer-item .flyer-item-text .title .date{font-weight:400;opacity:.7}.flyer-list .flyer-item .flyer-item-text .meta{opacity:.7;font-size:14px}.flyer-list .flyer-item button.duplicate,.flyer-list .flyer-item button.delete{border-radius:50%;background-repeat:no-repeat;background-position:center center;width:40px;height:40px;pointer-events:all}.flyer-list .flyer-item button.duplicate:active,.flyer-list .flyer-item button.delete:active{background-color:var(--button-bg-hover)}@media (hover: hover){.flyer-list .flyer-item button.duplicate:hover,.flyer-list .flyer-item button.delete:hover{background-color:var(--button-bg-hover)}}.flyer-list .flyer-item button.icon--options,.flyer-list .flyer-item button.icon--download{pointer-events:all}.flyer-list .flyer-item button.duplicate{background-image:url(/media/icons/icon-duplicate.svg)}.flyer-list .flyer-item button.delete{background-image:url(/media/icons/icon-delete.svg);margin-right:5px}.flyer-list--deleting{opacity:.5}.template-ui{padding:24px 16px 0;overflow-y:auto;font-size:14px}@media (max-width: 599px){.template-ui{padding-top:24px;padding-bottom:5px;height:auto;overflow-y:inherit}}.template-ui-header{display:flex;justify-content:space-between;line-height:1;margin-bottom:4px;color:var(--secondary-text-color);font-size:12px;text-transform:uppercase}.template-ui header{margin-top:24px;margin-bottom:16px;font-size:11px;line-height:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--secondary-text-color)}.template-ui header:first-child{margin-top:0}.template-ui-item{margin-bottom:16px}.template-ui-item--bool{display:flex;align-items:center}.template-ui-item--bool>*:first-child{flex-grow:1}.template-ui-group{padding:16px 0;margin-bottom:16px;border-top:1px solid var(--menu-divider-color);border-bottom:1px solid var(--menu-divider-color)}.template-ui input[type=text],.template-ui textarea,.template-ui select{width:100%;font-size:14px;line-height:20px;padding:4px;border-radius:4px;border:1px solid #DADADA}@media (max-width: 599px){.template-ui input[type=text],.template-ui textarea,.template-ui select{padding:7px 8px}}.template-ui input[type=range]{width:100%;height:20px}.template-ui textarea{height:68px;resize:vertical}.template-ui .input.color{border-radius:4px;border:1px solid #DADADA;padding:4px;background-color:#fff}.template-ui .input.color .swatch{cursor:pointer;height:20px}.template-ui .input.image{border-radius:4px;border:1px solid #DADADA;background-color:#fff;height:64px;display:flex;align-items:center;justify-content:center;background-image:url(/media/frames-bg/grid-light.png)}.template-ui .input.image img{cursor:pointer;width:100%;height:100%;object-fit:contain}.template-ui .chrome-picker{margin-top:4px;margin-left:-4px}.template-ui-footer{border-top:1px solid var(--menu-divider-color);display:flex;padding:16px;justify-content:center}.template-ui-footer button.icon{width:48px;height:48px;background-color:#e5e5e5;margin:0 4px}.template-ui .soundtrack-preview{height:48px;display:flex;border-radius:4px;border:1px solid #DADADA;background-color:#fff;cursor:pointer;overflow:hidden}.template-ui .soundtrack-preview .content{display:flex;flex-direction:column;justify-content:center;padding:8px;line-height:16px}.template-ui .soundtrack-preview .content .title{font-size:14px}.template-ui .soundtrack-preview .content .artist{font-size:12px;color:var(--secondary-text-color)}.template-ui .soundtrack-preview img{width:48px;height:48px;object-fit:fill;border-top-left-radius:4px;border-bottom-left-radius:4px}.template-ui-item--soundtrack{position:relative}.template-ui-item--soundtrack button{width:100%}.template-ui-item--soundtrack .close-btn{position:absolute;cursor:pointer;top:9px;right:-7px;background-color:#ff283c;width:16px;height:16px;border-radius:8px;display:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjguOTk0NzciIHkxPSI4Ljk5NDgiIHgyPSIxNS4wMDUyIiB5Mj0iMTUuMDA1MiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8bGluZSB4MT0iOC45OTQ3OCIgeTE9IjE1LjAwNTIiIHgyPSIxNS4wMDUyIiB5Mj0iOC45OTQ4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==);background-repeat:no-repeat;background-position:center center}.template-ui-item--soundtrack .close-btn:hover{background-color:#d62b3c}.template-ui-item--soundtrack .touch-close{position:absolute;right:0;height:48px;bottom:0;width:48px;padding-top:9px;border-left:1px solid rgba(0,0,0,.1)}.template-ui-item--soundtrack .touch-close:active{background:#0000001a}.template-ui-item--soundtrack .touch-close>*{pointer-events:none}.template-ui-item--soundtrack:active .close-btn{display:block}@media (hover: hover){.template-ui-item--soundtrack:hover .close-btn{display:block}}.template-ui-item--select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:rgba(var(--menu-fg-rgb),.1);border:1px solid rgba(var(--menu-fg-rgb),.1);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjYgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1kb3duLWFycm93IiBmaWxsPSIjMWExYTFhIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS00IiBwb2ludHM9IjE4LjA3MTA2NzggOCAxMy4wMzU1MzM5IDEzLjAzNTUzMzkgOCA4Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);background-repeat:no-repeat;background-position:center right}.template-ui-item--select option{background-color:transparent}#react-tiny-popover-container .chrome-picker{position:static}.theme-picker{padding:4px;width:266px;margin-left:-4px}@media (max-width: 599px){.theme-picker{margin-left:0;padding-top:56px}}.theme-picker .themes-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px}.theme-picker .themes-grid-item{cursor:pointer;width:48px;height:48px;line-height:48px;text-align:center;font-size:24px;font-weight:500;transition:transform .15s;border:1px solid rgba(var(--menu-fg-rgb),.1)}@media (max-width: 599px){.theme-picker .themes-grid-item{width:calc((100vw - 24px)/5);height:calc((100vw - 24px)/5);line-height:calc((100vw - 24px)/5);font-size:calc((100vw - 24px)*.1)}}.theme-picker .themes-grid-item--empty{border:none;cursor:initial}.theme-picker .themes-grid-item:hover:not(.themes-grid-item--empty){transform:scale(1.1);z-index:100}.theme-picker .themes-grid-item--selected{outline:4px solid var(--accent-color)}.template-ui-options-button{background-color:rgba(var(--menu-fg-rgb),.1);width:100%;border-radius:4px;color:var(--primary-text-color);font-size:14px;line-height:26px;border:1px solid rgba(var(--menu-fg-rgb),.1);margin-top:4px}@media (max-width: 599px){.template-ui-options-button{height:44px}}@keyframes blink{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.library-image-picker{padding:4px;width:266px}.library-image-picker .images-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px}@media (max-width: 599px){.library-image-picker .images-grid{justify-content:flex-start}}.library-image-picker .images-grid-item{cursor:pointer;width:82px;height:82px;object-fit:cover;transition:transform .15s}@media (max-width: 599px){.library-image-picker .images-grid-item{width:calc((100vw - 20px)/4);height:calc((100vw - 20px)/4)}}.library-image-picker .images-grid-item:active{transform:scale(1.05);z-index:100}@media (hover: hover){.library-image-picker .images-grid-item:hover{transform:scale(1.05);z-index:100}}.library-image-picker .images-grid-item--selected{outline:4px solid var(--accent-color);cursor:default}.library-image-picker .images-grid-item--selected:active{transform:none}@media (hover: hover){.library-image-picker .images-grid-item--selected:hover{transform:none}}.library-image-picker .images-grid-item--selecting{outline:4px solid var(--accent-color);cursor:default;animation-name:blink;animation-duration:.2s;animation-iteration-count:infinite}.library-image-picker .images-grid-item--selecting:active{transform:none}@media (hover: hover){.library-image-picker .images-grid-item--selecting:hover{transform:none}}.timeline-editor{border-top:1px solid rgba(0,0,0,.2);background-color:var(--controller-bg-color);width:100%;max-height:50%;position:relative;padding-top:20px}.timeline-editor .timeline-time-bar{position:absolute;top:0;left:0;right:0;height:20px;cursor:col-resize}.timeline-editor .timeline-time-bar>*{pointer-events:none}.timeline-editor--has-soundtrack{padding-top:60px}.timeline-editor--has-soundtrack .timeline-time-bar{height:60px}.timeline-editor .needle{position:absolute;width:10px;top:5px;bottom:5px;left:-5px;cursor:ew-resize}.timeline-editor .needle:after{content:"";position:absolute;display:block;top:0;bottom:0;left:4px;right:4px;background-color:var(--accent-color)}@keyframes rcSwitchOn{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes rcSwitchOff{0%{transform:scale(1.1)}to{transform:scale(1)}}.mobile{text-align:center;height:100%;display:flex;flex-direction:column}.mobile header img{display:block;margin-left:auto;margin-right:auto}.mobile .main{flex-grow:1;height:calc(100% - 60px);display:flex;align-items:center;justify-content:center;padding:16px}.mobile .main img{display:block;margin-bottom:20px;margin-left:auto;margin-right:auto}.mobile .main .text{margin-bottom:20px}.mobile .form{text-align:center}.mobile input[type=email]{display:block;margin:0 auto 20px;font-size:16px;border:none;height:32px;padding:0 10px;width:90%;outline:none;border:1px solid var(--menu-divider-color)}.mobile input[type=email]:focus{box-shadow:0 0 5px var(--accent-color);border:1px solid var(--accent-color)}.mobile .subscription{text-align:left;display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto 20px;width:90%}.mobile .subscription>div:nth-child(1){padding-right:10px}.mobile .subscription h4{font-weight:700;margin-bottom:2px}.mobile .subscription p{font-size:13px;margin:0;line-height:16px}.rc-switch{position:relative;display:inline-block;box-sizing:border-box;width:44px;height:22px;line-height:20px;vertical-align:middle;border-radius:20px;border:1px solid #ccc;background-color:#ccc;cursor:pointer;transition:all .3s cubic-bezier(.35,0,.25,1)}.rc-switch-inner{color:var(--primary-text-color);font-size:12px;position:absolute;left:24px}.rc-switch:after{position:absolute;width:18px;height:18px;left:2px;top:1px;border-radius:50%;background-color:#fff;content:" ";cursor:pointer;box-shadow:0 2px 5px #00000042;transform:scale(1);transition:left .3s cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1);animation-duration:.3s;animation-name:rcSwitchOff}.rc-switch:hover:after{transform:scale(1.1);animation-name:rcSwitchOn}.rc-switch:focus{box-shadow:0 0 0 2px tint(#2db7f5,80%);outline:none}.rc-switch-checked{border:1px solid #87d068;background-color:#87d068}.rc-switch-checked .rc-switch-inner{left:6px}.rc-switch-checked:after{left:22px}.rc-switch-disabled{cursor:no-drop;background:#ccc;border-color:#ccc}.rc-switch-disabled:after{background:#9e9e9e;animation-name:none;cursor:no-drop}.rc-switch-disabled:hover:after{transform:scale(1);animation-name:none}.rc-switch-label{display:inline-block;line-height:20px;font-size:14px;padding-left:10px;vertical-align:middle;white-space:normal;pointer-events:none;-webkit-user-select:text;user-select:text}.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-enter,.rc-tooltip-zoom-appear{opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-play-state:paused}.rc-tooltip-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-play-state:paused}.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1)}to{opacity:0;transform-origin:50% 50%;transform:scale(0)}}.rc-tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.5;opacity:.9}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top,.rc-tooltip-placement-topLeft,.rc-tooltip-placement-topRight{padding:5px 0 9px}.rc-tooltip-placement-right,.rc-tooltip-placement-rightTop,.rc-tooltip-placement-rightBottom{padding:0 5px 0 9px}.rc-tooltip-placement-bottom,.rc-tooltip-placement-bottomLeft,.rc-tooltip-placement-bottomRight{padding:9px 0 5px}.rc-tooltip-placement-left,.rc-tooltip-placement-leftTop,.rc-tooltip-placement-leftBottom{padding:0 9px 0 5px}.rc-tooltip-inner{padding:8px 10px;color:#fff;text-align:left;text-decoration:none;background-color:#373737;border-radius:6px;box-shadow:0 0 4px #0000002b;min-height:34px}.rc-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{bottom:4px;margin-left:-5px;border-width:5px 5px 0;border-top-color:#373737}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{left:4px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#373737}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{right:4px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#373737}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{top:4px;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#373737}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}