body{font-family:JetBrains Mono,monospace;background:#151515;color:var(--grey-2, #737373);font-family:JetBrains Mono;font-size:14px;font-style:normal;font-weight:500;line-height:normal;overflow:hidden;margin:0}.masthead{display:flex;align-items:center;justify-content:space-between;width:100vw;background:#1b1b1b}.logo{padding:12px 16px}.links{display:flex;align-items:center;gap:2rem;flex-direction:row;padding:16px}.pro__cta{width:100%}.navigation__bar{display:flex;align-items:flex-start;justify-content:space-between;max-width:70%;font-size:1.25rem}.nav__active{border-bottom:3px solid var(--brand-primary, #5436cd);color:var(--white, #fff);transition:color .3s ease-in-out}.hidden{display:none!important}.images,.animations{cursor:pointer;margin-left:1rem}.image__menu{display:flex;flex-direction:column;align-items:flex-start;gap:36px;overflow-y:scroll;overflow-x:hidden;padding:8px 16px;width:86%}.section__heading{font-size:18px;color:var(--white, #fff)}input[type=file]{display:none}input[type=range]{-webkit-appearance:none;border-radius:4px;height:4px;background:#4b4b4b;width:94%}input[type=range]::-ms-fill-upper{background-color:#fff}.uploadSS__button{display:flex;flex-direction:column;gap:.5rem;width:100%}.custom-file-upload{border-radius:4px;background:#161616;color:var(--grey-2, #737373);display:flex;justify-content:center;align-items:center;padding:8px;cursor:pointer;width:100%;font-weight:200}.custom-file-upload:hover{background-color:#fff;color:#161616;transition:all .2s ease-in-out}.editor__container{display:flex;width:100vw;flex-direction:row;height:90vh;gap:24px}.panel__left{width:18vw;background:#1b1b1b;margin:20px;padding:16px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;overflow-y:hidden;overflow-x:hidden;border-radius:6px}.device__options{display:flex;flex-direction:column;gap:20px;width:100%}.poses__container,.canvas__size__container{display:flex;flex-direction:column;gap:.4rem}.preset__positions,.gradient__options,.canvas__options{display:flex;flex-wrap:wrap;height:3em;overflow:hidden;transition:height .4s ease-in-out;width:100%;gap:1em;justify-content:space-between}.show__more,.more__gradients{height:max-content!important;transition:height .5s ease-in}.preset__item,.gradient__item{display:flex;align-items:flex-start;height:2.6em;background:#161616;width:4em;cursor:pointer;border-radius:4px;flex-direction:column}.device__option__item{display:flex;align-items:flex-start;height:3vh;width:8vw;background:#161616;cursor:pointer;border-radius:4px;flex-direction:row;gap:1rem;padding:1rem}.device__option__item:hover{box-shadow:0 0 0 1px #fff inset;color:#e0e0e0;transition:all .15s ease-in}.device__option__options{position:absolute;display:none;padding:1rem;flex-direction:column;background:#222222;border-radius:.5rem;width:auto;height:auto;overflow-y:scroll;gap:2rem;margin-top:.5rem}.canvas__size__item{display:flex;align-items:flex-start;height:10vh;width:16vh;background:#161616;cursor:pointer;border-radius:4px;flex-direction:row;gap:1rem;padding:1rem}.category__wrapper{display:flex;gap:.75rem;flex-direction:column}.social__icon{width:16px;height:16px}.custom__canvas{display:flex;flex-direction:row;width:100%;gap:1rem;align-items:center}.canvas__category{display:flex;flex-direction:row;width:100%;gap:1rem;flex-wrap:wrap}.category__name{display:flex;flex-direction:row;gap:8px;align-items:center;padding:.25rem}.canvas__size__options{position:absolute;display:none;padding:1rem;flex-direction:column;background:#222222;border-radius:.5rem;width:32vw;height:32vh;overflow-y:scroll;gap:2rem;margin-top:.5rem}.canvas__size__item:hover{box-shadow:0 0 0 1px #fff inset;color:#e0e0e0;transition:all .15s ease-in}.canvas__size__options::-webkit-scrollbar{display:none}.showDropdown{display:flex}.expand__poses{display:flex;padding:4px 8px;border-radius:4px;background:#161616;justify-content:center;align-items:center;gap:8px;align-self:stretch;cursor:pointer}.expand__poses:hover{background:#252525}.rotation__control,.position__control,.text__container{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:var(--grey-2, #737373);font-family:JetBrains Mono;font-size:14px;font-style:normal;font-weight:500;line-height:normal;width:100%}.background__options{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;color:var(--grey-2, #737373);font-family:JetBrains Mono;font-size:14px;font-style:normal;font-weight:500;line-height:normal;width:100%}.rotation__item,.position__item,.text__position__item{width:100%;display:flex;align-items:center;gap:.5rem}.toggle__title{display:flex;align-items:center;justify-content:space-between;width:100%}.toggle__container{display:flex;cursor:pointer;background:#161616;width:max-content;border-radius:4px;align-items:flex-start}.toggle__option{padding:.5rem 1rem}.active{background:white;border-radius:4px;color:var(--grey-1, #171717);transition:all .4s ease-out}.text__options{display:flex;flex-direction:column;gap:20px}.text__positions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.text__box{background:#161616;border:none;color:#fff;padding:8px;border-radius:4px;font-family:JetBrains Mono,monospace;font-family:JetBrains Mono;font-size:14px;font-style:normal;font-weight:300;line-height:normal;overflow:hidden}.color__options{display:flex;flex-wrap:wrap;height:2em;overflow:hidden;transition:height .4s ease-in-out;width:100%;gap:8px}.more__colors{height:4em!important}.color__item{width:20px;height:20px;border-radius:10px;cursor:pointer}.canvas__container{width:66vw;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.pro_banner_container{display:flex;padding:24px;align-items:center;justify-content:space-between;flex-direction:column;width:80%;height:16rem;border-radius:4px;background:#212121}a{text-decoration:none;width:100%;color:var(--grey-2, #737373)}.banner__cta{display:flex;padding:8px 16px;align-items:center;gap:8px;border-radius:36px;border:1px solid #785fdc;color:#f6f946;justify-content:center;width:86%;cursor:pointer}.banner__cta:hover{transition:all .2s ease-in-out;border:1px solid #5436cd;background:#5436cd}canvas{width:100%;border-radius:16px}.seek__timeline__container{width:100%}.seek__timeline{width:100%!important;cursor:pointer}.timeline{display:flex;flex-direction:row;padding:12px;background:#242424;gap:10px;width:96%;height:6vh;border-radius:4px}.animationTile{width:100px;height:100%;background:var(--field-surface, #1a1a1a);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:grab}.activeTile{border-top:4px solid #4660e6;color:#d2caf2;transition:all .1s ease-in-out;cursor:grab}.dragging{opacity:.4;cursor:grabbing}.panel__right{width:12vw;background:#1b1b1b;margin:20px;padding:24px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:36px;overflow-y:hidden;overflow-x:hidden;border-radius:6px}::-webkit-scrollbar{width:4px;padding:1px}::-webkit-scrollbar-thumb{border-radius:8px;background:#252525;padding:2px}.controls{width:100%;display:flex;gap:.75rem;flex-direction:column;align-items:center}.play__controls{width:100%;display:flex;flex-direction:row;justify-content:space-between}.play__container{display:flex;align-items:center;gap:24px}.duration__container{display:flex;align-items:flex-start;gap:8px}.elapsed__time{color:var(--white, #fff)}.animation__menu{overflow-x:hidden;overflow-y:hidden;height:100%;display:flex;flex-direction:column;justify-content:space-between}.animation__presets__container{display:flex;flex-direction:column;gap:8px;padding:8px 24px}.secondaryBtn{display:inline-flex;padding:12px 56px;border-radius:6px;color:#5436cd;border:1px solid #5436cd;justify-content:center;align-items:center;gap:8px;cursor:pointer}.secondaryBtn:hover{transition:all .3s ease-in-out;background-color:#d2caf2;color:#5436cd}.primaryBtn{display:flex;width:100%;padding:12px 32px;border-radius:6px;background:#5436cd;justify-content:center;align-items:center;gap:8px;color:#fff;cursor:pointer}.primaryBtn:hover{transition:all .2s ease-in-out;box-shadow:3px 3px #e3e646;color:#e3e646}.animation__presets{display:flex;flex-direction:column;height:88%;overflow-y:scroll;overflow-x:hidden}.add__bottom__bar{display:flex;width:100%;padding:16px 0;box-shadow:0 -3px 15px #ffffff0a;background:#1b1b1b;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:-1rem}.modal__background{position:absolute;top:0;left:0;background-color:#00000097;display:flex;justify-content:center}.export__window{position:absolute;display:flex;padding:2rem;flex-direction:column;justify-content:space-around;align-items:center;background:#1b1b1b;border-radius:1rem;width:60%;height:60%;margin:4rem}.modal__heading{font-size:28px;font-style:normal;font-weight:500;color:#fff}.modal__body{align-items:center;display:flex;flex-direction:column;color:#fff;font-family:JetBrains Mono;font-size:20px;font-style:normal;font-weight:400;line-height:normal;gap:2rem}.modal__message{align-items:center;display:flex;flex-direction:column;color:#b1b1b1;font-family:JetBrains Mono;font-size:16px;font-style:normal;font-weight:300;line-height:normal}.red{background:#e64646}.orange{background:#e66c46}.ochre{background:#e6a646}.yellow{background:#e3e646}.parrot{background:#8ce646}.green{background:#46e656}.mint{background:#46e686}.aqua{background:#46e6ac}.blue1{background:#46e6e6}.blue2{background:#46c0e6}.blue3{background:#4686e6}.blue4{background:#4660e6}.blue5{background:#4946e6}.blue6{background:#5c46e6}.pink1{background:#8c46e6}.pink2,.pink3{background:#bc46e6}.pink4{background:#e646b9}.pink5{background:#e6466c}.gradient1{background:url(/assets/gradients/gradient1.png);background-size:cover}.gradient2{background:url(/assets/gradients/gradient2.png);background-size:cover}.gradient3{background:url(/assets/gradients/gradient3.png);background-size:cover}.gradient4{background:url(/assets/gradients/gradient4.png);background-size:cover}.gradient5{background:url(/assets/gradients/gradient5.png);background-size:cover}.gradient6{background:url(/assets/gradients/gradient6.png);background-size:cover}.gradient7{background:url(/assets/gradients/gradient7.png);background-size:cover}.gradient8{background:url(/assets/gradients/gradient8.png);background-size:cover}.gradient9{background:url(/assets/gradients/gradient9.png);background-size:cover}.gradient10{background:url(/assets/gradients/gradient10.png);background-size:cover}.gradient11{background:url(/assets/gradients/gradient11.png);background-size:cover}.gradient12{background:url(/assets/gradients/gradient12.png);background-size:cover}