body{font-family:JetBrains Mono,monospace;background:#151515;color:var(--grey-2, #acacac);font-family:JetBrains Mono;font-size:12px;font-style:normal;font-weight:200;line-height:normal;overflow:hidden;margin:0;-webkit-user-select:none;user-select:none}.masthead{display:flex;align-items:center;justify-content:space-between;width:100vw;background:#1b1b1b}.logo{padding:12px 16px;display:flex;align-items:center;gap:24px;font-size:12px}.links{display:flex;align-items:center;gap:2rem;flex-direction:row;padding:8px}.pro__cta{width:100%}.buttonSecondary{display:flex;flex-direction:row;gap:4px;padding:12px 8px;background:#262626;border-radius:6px;font-size:12px;width:fit-content;align-items:center;height:fit-content;cursor:pointer}.buttonSecondary:hover{background-color:#fff;color:#1e1e1e;transition:all .1s ease-in-out}.navigation{display:flex;align-items:flex-start;flex-direction:column;gap:12px;width:100%;font-size:1rem;border-bottom:1px solid #292929;box-shadow:6px 0 10px #ffffff0a;padding:12px 8px}.logoContainer{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:0 12px;box-sizing:border-box;align-items:center}.navigation__bar{display:flex;flex-direction:row}.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:.7rem;transition:color .1s ease-out}.images:hover,.animations:hover{color:#e9e9e9;transition:color .1s ease-in}.image__menu{display:flex;flex-direction:column;align-items:flex-start;gap:36px;overflow-y:scroll;overflow-x:hidden;padding:8px 18px 8px 16px;width:90%}.section__heading{font-size:18px;color:var(--white, #fff)}input[type=file]{display:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;cursor:pointer;outline:none;height:4px;background:#666666;border-radius:16px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:10px;background-color:#cecece;border-radius:14%;border:2px solid rgb(228,228,228)}input[type=range]::-ms-fill-lower{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, #b1b1b1);display:flex;justify-content:center;align-items:center;padding:8px;cursor:pointer;width:96%;font-weight:200}.custom-file-upload:hover{background-color:#fff;color:#161616;transition:all .2s ease-in-out}.imageUpload{height:200px;display:flex;flex-direction:column;gap:8px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23333' stroke-width='3' stroke-dasharray='8%2c 16' stroke-dashoffset='30' stroke-linecap='round'/%3e%3c/svg%3e");border-radius:10 px}.editor__container{display:flex;width:100vw;flex-direction:row;height:100vh}.panel__left{width:19vw;background:#1b1b1b;margin:20px 0 20px 20px;display:flex;flex-direction:column;align-items:center;overflow-y:hidden;overflow-x:hidden;border-radius:6px;z-index:3}.device__options{display:flex;flex-direction:column;gap:20px;width:98%}.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{border-radius:6px;cursor:pointer;height:182px}.device__option__item:hover{opacity:.6;transition:all .24s ease-in-out}.device__option__options{position:absolute;display:flex;padding:1rem;flex-direction:column;left:21vw;top:40vh;background:#222222;border:1px solid #303030;border-radius:.5rem;width:auto;height:auto;overflow-y:scroll;gap:.75rem;margin-top:.5rem;transform:translateY(10px);opacity:0;filter:blur(16px);transition:transform .3s ease,opacity .3s ease,filter .3s ease;pointer-events:none}.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;flex-grow:1}.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:flex;padding:1rem;flex-direction:column;background:#222222;border-radius:.5rem;width:36vw;height:36vh;overflow-y:scroll;gap:2rem;margin-top:.5rem;left:21%;top:40%;border:1px solid #303030;opacity:0;filter:blur(16px);transition:transform .3s ease,opacity .3s ease,filter .3s ease;transform:translateY(10px);pointer-events:none}.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}.close__button{position:sticky;top:32px;right:32px;cursor:pointer;height:1px;display:flex;width:110%;align-items:flex-end;flex-direction:row-reverse}.login__modal{position:absolute;padding:1rem;flex-direction:column;background:#222222;border-radius:.5rem;width:32vw;height:32vh;overflow-y:scroll;gap:2rem;margin-top:.5rem}.showDropdown{transform:translateY(0)!important;opacity:1!important;filter:blur(0)!important;transition:transform .3s ease,opacity .3s ease,filter .3s ease!important;pointer-events:all!important}.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;font-family:JetBrains Mono;font-size:12px;font-style:normal;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:.25rem .5rem}.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{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:0 64px;flex-grow:1;max-width:80%;z-index:2}.canvas__wrapper{border-radius:6px;width:100%;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:16px 0}.controls__hint{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding:12px}.controls__hint__item{display:flex;flex-direction:column;align-items:center;gap:4px}.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;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:160px;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__container{background:#242424;border-radius:4px;overflow:hidden}.timeline{display:flex;flex-direction:row;padding:8px 550px 4px 8px;gap:18px;max-width:99%;height:8vh;overflow-x:scroll;overflow-y:hidden;align-items:center;box-sizing:border-box}.animationTile{width:100px;height:100%;background:#3b3b3b;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:grab;flex-shrink:0;position:relative;min-width:80px;border:1px solid #ffffff15;color:#fff}.activeTile{color:#373737;transition:color .1s ease-in-out;cursor:grab;background-color:#d8d8d8;font-weight:600}.dragging{opacity:.4;cursor:grabbing}.panel__right{width:9vw;background:#1b1b1b;margin:20px 20px 20px 0;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:6px;overflow-y:scroll}.poses__item{width:100%;cursor:pointer;border-radius:4px}.poses__item:hover{opacity:70%;transition:all .1s}::-webkit-scrollbar{width:4px;padding:1px;height:6px;margin-right:12px;margin-bottom:12px}::-webkit-scrollbar-thumb{border-radius:8px;background:#8a8a8a;padding:2px;margin-right:12px}.loader{width:24px;height:24px;border:3px solid #f6f946;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls{width:100%;display:flex;gap:.75rem;flex-direction:column}.play__controls{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.play__container{display:flex;align-items:center;gap:24px}.control__option{padding:4px;border-radius:999px;cursor:pointer;display:flex;justify-content:center;align-items:center;width:32px;height:32px}.control__option:hover{background:#242424;transition:all .2s ease-in-out}.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}.remove__clear__container{display:flex;flex-direction:row;width:fit-content;gap:24px}.secondaryBtn{display:inline-flex;padding:12px 46px;border-radius:6px;color:#5436cd;border:1px solid #5436cd;justify-content:center;align-items:center;gap:8px;cursor:pointer;width:60%}.secondaryBtn:hover{transition:all .3s ease-in-out;background-color:#d2caf2;color:#5436cd}.primaryBtn{display:flex;padding:12px 32px;border-radius:6px;background:#5436cd;justify-content:center;align-items:center;gap:8px;color:#fff;cursor:pointer;width:100%;box-sizing:border-box}.primaryBtn:hover{transition:all .2s ease-in-out;box-shadow:3px 3px #e3e646;color:#e3e646}.imageExport{position:sticky}.export__image__wrapper{--rem: 16;color:var(--grey-2, #737373);font-family:JetBrains Mono;font-size:12px;font-style:normal;font-weight:200;line-height:normal;width:106%;padding:12px 18px;box-sizing:border-box;display:flex;border-top:1px solid #292929;box-shadow:-6px 0 10px #ffffff0a;gap:12px}.export__image__quality{color:#9e9e9e;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;background-color:#242424;border-radius:4px;padding:4px 8px;border:.6px solid #303030;transition:all .13s ease-in-out}.export__image__quality__text{color:#e3e3e3;font-size:12px;filter:blur(0px);opacity:1;transform:translateY(0);transition:all .15s ease-in-out}.export__image__quality:hover{color:#fff!important;background-color:#4b4b4b;transition:all .15s ease-in-out}.transitioning{filter:blur(4px);transform:translateY(4px);transition:all .15s ease-in-out}.animation__presets{display:flex;flex-direction:column;height:88%;overflow-y:scroll;overflow-x:hidden;gap:40px;padding:12px 0}.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:12px;margin-bottom:-1rem}.modal__background{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#00000097;display:flex;justify-content:center;align-items:center;z-index:3}.export__window{position:absolute;display:flex;padding:2rem;flex-direction:column;justify-content:space-around;align-items:center;background:#1b1b1b;border-radius:1rem;width:30%;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:20px;width:100%}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.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;width:100%}.login__menu{display:flex;flex-direction:column;width:100%}.login__form{display:flex;justify-content:center;gap:2.5rem;flex-direction:column;width:100%}.profile__container{display:flex;position:relative}.profile__options{position:absolute;display:flex;padding:.6rem;flex-direction:column;background:#222222;border-radius:.5rem;width:auto;height:auto;overflow-y:scroll;gap:.6rem;margin-top:2.8rem;right:0rem;width:fit-content;max-width:14rem}.profile__option__item{display:flex;align-items:flex-start;height:auto;width:Auto;background:#161616;cursor:pointer;border-radius:4px;flex-direction:row;gap:1rem;padding:.8rem;font-size:12px}.profile__option__item:hover{box-shadow:0 0 0 1px #fff inset;color:#e0e0e0;transition:all .15s cubic-bezier(.1,.45,.5,.95)}.email__input{display:flex;flex-direction:column;gap:.4rem}.pro__modal__container{display:flex;padding:16px 80px 64px;flex-direction:column;align-items:center;gap:68px;border-radius:16px;background:#1b1b1b;height:70vh;top:64px;left:148px;overflow-y:scroll;width:64%;height:74vh;overflow-x:hidden}.pro__modal__heading__container{display:flex;flex-direction:column;align-items:center;gap:20px}.pro__modal__subtitle{color:var(--grey-2, #737373);font-family:JetBrains Mono;font-size:20px;font-style:normal;font-weight:200;line-height:normal}.pro__modal__heading{color:#fff;font-family:JetBrains Mono;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.feature__container{display:flex;flex-direction:column;align-items:center;gap:16px;align-self:stretch;justify-content:center}.feature__item{display:flex;flex-direction:column;gap:12px;flex-grow:1}.feature__item__title{color:#fff;font-size:20px;font-style:normal;font-weight:400}.feature__item__image{width:292px;height:292px;border-radius:12px;cursor:pointer}.pro__cta__final{display:flex;width:255px;padding:16px 24px;justify-content:center;align-items:center;gap:8px;border-radius:36px;border:1px solid #785fdc;background:linear-gradient(180deg,#785fdc 0%,#261c50 100%);position:sticky;bottom:-6%;color:#f6f946;font-family:JetBrains Mono;font-size:18px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.pro__cta__final:hover{transition:all .2s ease-in-out;box-shadow:0 3px #e3e646;color:#e3e646}.camera-offset-heading{color:#fff;font-family:JetBrains Mono;font-size:12px;font-weight:400;text-align:left}.camera__offset__container{display:flex;padding:32px;flex-direction:column;align-items:center;gap:24px;border-radius:16px;background:#1b1b1b;width:400px;max-width:90vw;position:relative}.camera__offset__heading{color:#fff;font-family:JetBrains Mono;font-size:24px;font-weight:600;text-align:center}.camera__offset__body{display:flex;flex-direction:column;gap:16px;width:100%}.camera__offset__input__group{display:flex;flex-direction:column;gap:8px}.camera__offset__input__group label{color:#737373;font-family:JetBrains Mono;font-size:14px;font-weight:400}.camera__offset__input__group input{padding:12px 16px;border:1px solid #353535;border-radius:8px;background:#2b2b2b;color:#fff;font-family:JetBrains Mono;font-size:14px;transition:border-color .2s ease}.camera__offset__input__group input:focus{outline:none;border-color:#e3e646}.camera__offset__actions{display:flex;gap:12px;width:100%}.camera__offset__reset,.camera__offset__apply{flex:1;padding:12px 16px;border:none;border-radius:8px;font-family:JetBrains Mono;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.camera__offset__reset{background:#353535;color:#fff}.camera__offset__reset:hover{background:#454545}.camera__offset__apply{background:#e3e646;color:#1b1b1b}.camera__offset__apply:hover{background:#d4d43a}.signup__warning__container{position:absolute;display:flex;padding:2rem;flex-direction:column;justify-content:space-around;align-items:center;background:#1b1b1b;border-radius:1rem;width:30%;height:30%;margin:4rem}.license__container{position:absolute;display:flex;padding:2rem 0;flex-direction:column;justify-content:space-around;align-items:center;background:#1b1b1b;border-radius:1rem;width:38vw;height:30vh;margin:4rem}.license__input__container{display:flex;flex-direction:column;gap:20px;width:70%}.license__input{display:flex;flex-direction:row;gap:16px;flex-grow:1}.license__input__text{flex-grow:1}.fit__content{width:fit-content}.pro__modal__pricing{color:#fff;font-family:JetBrains Mono;font-size:20px;font-style:normal;font-weight:50;line-height:3}.upgrade__container{position:absolute;display:flex;padding:4rem 0;flex-direction:column;gap:24px;align-items:center;background:#1b1b1b;border-radius:1rem;width:75%;height:70%;margin:4rem}.upgrade__message__container{background:url(/assets/Upgrade\ BG.jpg);background-size:cover;background-position:center;border-radius:20px;padding:48px 0;width:80%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.upgrade__message{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px}.upgrade__message__text{width:fit-content;font-size:24px;color:#b8b8b8}.upgrade__user__name{font-family:"DM Serif Text",serif;font-size:66px;font-style:normal;font-weight:400;color:#fff;text-shadow:0px 0px 25px #ffffff8c}.upgrade__logo{width:fit-content}.error{color:#e64646;font-size:14px}.transparent{background:#00000000}.black{background:#000000}.white{background:#ffffff}.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}.pro__feature__1{background:url(/assets/pro_media/1.jpg);background-size:cover}.pro__feature__2{background:url(/assets/pro_media/2.jpg);background-size:cover;transition:all .2s ease-in-out}.pro__feature__2:hover{background:url(/assets/feature_gif/exportTime2.gif);background-size:cover;transition:all .2s ease-in-out}.pro__feature__3{background:url(/assets/pro_media/3.jpg);background-size:cover}.pro__feature__4{background:url(/assets/pro_media/4.jpg);background-size:cover;transition:all .2s ease-in-out}.pro__feature__4:hover{background:url(/assets/feature_gif/scenes.gif);background-size:cover;transition:all .2s ease-in-out}.pro__feature__5{background:url(/assets/pro_media/5.jpg);background-size:cover;transition:all .2s ease-in-out}.pro__feature__5:hover{background:url(/assets/feature_gif/bokeh4.gif);background-size:cover;transition:all .2s ease-in-out}.pro__feature__6{background:url(/assets/pro_media/6.jpg);background-size:cover}.resize-handle{width:12px;height:100%;background-color:#ffffff46;position:absolute;right:0;top:0;cursor:ew-resize;border-radius:4px;transform:translate(130%)}.resize-handle:hover{background-color:#ffffffc3}.camera-offset-icon{position:absolute;top:4px;right:4px;width:28px;height:28px;background:rgb(154,154,154);border:none;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#f1fd11;transition:all .2s ease;z-index:10}.camera-offset-icon:hover{background:rgba(134,81,249,.581);border:none}.camera-offset-icon svg{width:24px;height:24px}.camera-offset-popover{position:fixed;display:flex;flex-direction:column;gap:8px;padding:12px 16px 8px;background:#1f1f1f;border:1px solid #2e2e2e;border-radius:8px;z-index:20;min-width:140px}.camera-offset-form{display:flex;flex-direction:column;gap:8px}.camera-offset-popover .field{display:flex;align-items:center;justify-content:space-between;gap:8px}.camera-offset-popover label{color:#bdbdbd;font-size:12px}.camera-offset-popover input{width:48px;padding:6px 8px;background:#2b2b2b;border:1px solid #3a3a3a;border-radius:6px;color:#fff}.camera-offset-popover .reset-link{color:#e3e646;cursor:pointer;text-align:center;font-size:12px}.tile-container{display:flex;flex-direction:column;gap:14px;padding:0 16px;width:100%;box-sizing:border-box}.tile{display:flex;background-color:#1e1e1e;border-radius:6px;overflow:hidden;cursor:pointer;height:72px;position:relative}.tile-image{width:48%;height:88px;object-fit:cover}.tile-content{padding:10px;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.tile-title{font-size:18px;margin:0;color:#fff}.tile-subtitle{font-size:14px;color:#999;margin:5px 0 0}.pro-badge{position:absolute;top:43px;right:-27px;background-color:#785fdc;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-style:italic;width:54px;color:#f6f946;rotate:-45deg;height:34px}.hover-buttons{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;justify-content:center;align-items:center;gap:10px}.tile:hover{display:flex;opacity:50%}.tile:focus{border:1px solid #ffffff}.view-btn,.add-btn{padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer}.view-btn{background-color:#fff;color:#8a2be2;border:none}.add-btn{background-color:#2e8b57;color:#fff;border:none}.tile-container__title{font-size:14px;color:#919191;margin:0}.tile-content__title{color:#bbb;margin:0}.dropdown__icon{width:10%;justify-content:end}.effect__container{display:flex;flex-direction:column;gap:12px;padding:12px 0}.divider{width:100%;height:1px;background:#3a3a3a}.shadow__direction{display:flex;flex-direction:row;gap:6px}.shadow__direction__item{background-color:#161616;display:flex;align-items:center;justify-content:center;padding:12px 8px;border-radius:4px;cursor:pointer}.shadow__direction__item:hover{background-color:#2f2f2f;transition:all .18s ease-in-out}.selected{border:.5px solid rgb(172,172,172)}.color__palette{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;width:100%}.color__swatch{max-width:40px;height:40px;border-radius:4px;border:1px solid #2a2a2a;display:flex;flex-grow:1;opacity:1;transition:opacity .18s ease-in-out;cursor:pointer}.color__swatch:hover{opacity:.6;transition:opacity .18s ease-in-out}.gradient__palette{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;width:100%;margin-top:8px}.gradient__swatch{max-width:40px;height:40px;border-radius:4px;border:1px solid #2a2a2a;display:flex;flex-grow:1;opacity:1;transition:opacity .18s ease-in-out;cursor:pointer}.gradient__swatch:hover{opacity:.6;transition:opacity .18s ease-in-out}.mesh__palette{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;width:100%;margin-top:8px}.mesh__swatch{width:40px;height:40px;border-radius:6px;border:1px solid #2a2a2a;display:flex;flex-grow:1;cursor:pointer;opacity:1;transition:opacity .18s ease-in-out}.mesh__swatch:hover{opacity:.6;transition:opacity .18s ease-in-out}.adjacent__palette{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;width:100%;margin-top:8px}.adjacent__swatch{width:72px;height:22px;border-radius:4px;border:1px solid #2a2a2a}.adaptive__color__container{display:flex;flex-direction:column;gap:12px}.adaptive__locked{display:flex;flex-direction:column;gap:12px;cursor:pointer}.feature__wrapper{display:flex;flex-direction:row;gap:16px;flex-grow:1}.breathing__animation{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.breathing__animation:before,.breathing__animation:after{content:"";position:absolute;border-radius:50%;border:2px solid #5436cd}.breathing__animation:before{width:64px;height:64px;background:#5436cd;z-index:3}.breathing__animation:after{width:200px;height:200px;border:0px solid #5436cd;background:rgba(147,118,253,.132);z-index:1}.breathing__circle{position:absolute;width:64px;height:64px;border-radius:50%;background:rgba(168,146,255,.286);z-index:2;animation:breathe 10s linear infinite}.breathing__text{position:absolute;z-index:4;font-size:14px;color:#fff;font-weight:500;font-family:JetBrains Mono,monospace;text-align:center;line-height:1;transition:opacity .3s ease-in-out,filter .3s ease-in-out,transform .3s ease-in-out;opacity:1;filter:blur(0px);transform:translateY(0)}.breathing__text.transitioning{opacity:0;filter:blur(8px);transform:translateY(8px)}@keyframes breathe{0%{width:64px;height:64px;opacity:.8}40%{width:200px;height:200px;opacity:.4}to{width:64px;height:64px;opacity:.8}}.modal__warning{display:flex;padding:12px 24px;background:rgba(255,255,0,.1);color:#ff0;font-size:14px;border-radius:8px}.progress__text{display:flex;flex-direction:row;gap:12px;align-items:center;width:100%}.progress__text__step{color:#b5b5b5;font-size:12px;font-family:JetBrains Mono,monospace;text-align:center;line-height:1;background:#313131;padding:6px 10px;border-radius:24px;width:max-content}.progress__text__stepName{color:#a1a1a1;font-size:14px;font-weight:400;font-family:JetBrains Mono,monospace;text-align:center;line-height:1}.progress__text__percentage{font-size:14px}