@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;font-family:Inter,sans-serif;font-family:GT Walsheim,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:6rem}a{text-decoration:none;color:inherit}ul{list-style:none}button,input,input::placeholder{font-family:GT Walsheim,sans-serif}button,input,select{outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#555}.space input:focus+span{background:rgb(247,18,18)!important}.landing__header{background-color:#fff;padding:0 10%;position:fixed;top:0;height:80px;width:100%;z-index:100;border-bottom:1px solid rgba(0,0,0,.1)}.landing__header nav{display:flex;justify-content:space-between;align-items:center;height:100%}.landing__header .logo{font-size:1.125rem;font-weight:700;color:#000}.landing__header ul{display:flex;gap:2rem}.landing__header ul a{font-weight:700;padding:10px 15px;border-radius:8px;transition:.3s ease-in-out;text-transform:capitalize}.landing__header ul a:hover{background:whitesmoke}.landing__header .cta__btns{display:flex;align-items:center;gap:2rem}.landing__header .cta__btns .cta__btn{padding:12px 16px;color:#000;font-weight:700;transition:all .3s ease-in-out;border-radius:12px}.landing__header .cta__btns .cta__btn.active{box-shadow:#0000001a 0 20px 50px;box-shadow:#875dff95 .398096px .398096px .562993px -.9375px,#875dff8d 1.20725px 1.20725px 1.70731px -1.875px,#875dff78 3.19133px 3.19133px 4.51322px -2.8125px;background-attachment:scroll;background-color:#0000;background-image:linear-gradient(102deg,rgb(0,153,255) 0%,rgb(204,0,255) 100%);background-position:0% 0%;background-repeat:repeat;color:#00e;color:#fff}.landing__header .cta__btns .cta__btn.active:hover{opacity:.5}.landing__hero{height:100vh;padding-top:5rem;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:1rem}.landing__hero h1{font-size:5rem;text-align:center;color:#222}.landing__hero p{color:#777!important;text-align:center}.landing__hero button{border:none;outline:none}.landing__hero button a{box-shadow:#0000001a 0 20px 50px;box-shadow:#875dff95 .398096px .398096px .562993px -.9375px,#875dff8d 1.20725px 1.20725px 1.70731px -1.875px,#875dff78 3.19133px 3.19133px 4.51322px -2.8125px;background-attachment:scroll;background-color:#0000;background-image:linear-gradient(102deg,rgb(0,153,255) 0%,rgb(204,0,255) 100%);background-position:0% 0%;background-repeat:repeat;color:#00e;color:#fff;border-radius:12px;padding:12px 16px;font-family:GT Walsheim,sans-serif;transition:.3s ease-in-out;font-weight:700}.landing__hero button a:hover{opacity:.5}.landing__features{display:flex;flex-direction:column;gap:2rem;padding:5rem 10%;color:#222}.landing__features .text__container{width:100%}.landing__features .text__container h2{font-size:5rem}.landing__features .text__container p{font-size:1.75rem;color:#777}.landing__features ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;padding:0;margin:0}.landing__features ul .feature{background:rgba(245,245,245,.263);padding:1rem;border-radius:24px;display:flex;flex-direction:column;align-items:start;gap:1rem;transition:.3s ease-in-out}.landing__features ul .feature:hover{box-shadow:#0000001a 0 20px 50px;background:white}.landing__features ul .feature .feature__icon{height:100px;width:100px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#222;border-radius:20px;color:#fff}.landing__features ul .feature:first-child,.landing__features ul .feature:last-child{grid-column:span 2}.landing__getStarted{padding:5rem 10%}.landing__getStarted .getStarted__container{background-attachment:scroll;background-color:#0000;background-image:linear-gradient(102deg,rgb(0,153,255) 0%,rgb(204,0,255) 100%);background-position:0% 0%;background-repeat:repeat;color:#00e;box-shadow:#0000001a 0 20px 50px;box-shadow:#875dff95 .398096px .398096px .562993px -.9375px,#875dff8d 1.20725px 1.20725px 1.70731px -1.875px,#875dff78 3.19133px 3.19133px 4.51322px -2.8125px;padding:2rem;text-align:center;border-radius:20px}.landing__getStarted .getStarted__container .text__container{width:100%}.landing__getStarted .getStarted__container .text__container h2{font-size:5rem}.landing__getStarted .getStarted__container .text__container p{font-size:1.75rem;color:#dfdfe7}.landing__getStarted .getStarted__container h2{color:#fff}.landing__getStarted .getStarted__container button{border:none}.landing__getStarted .getStarted__container button a{background:white;border:none;padding:12px 16px;color:#222;font-weight:700;font-family:GT Walsheim,sans-serif;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out}.landing__getStarted .getStarted__container button a:hover{box-shadow:#0000001a 0 20px 50px;background-color:#222;color:#fff}.landing__contact{padding:5rem 10%}.landing__contact .contact__container .text__container{width:100%}.landing__contact .contact__container .text__container h2{font-size:5rem}.landing__contact .contact__container .text__container p{font-size:1.75rem;color:#777}.landing__contact .contact__container a{text-decoration:underline;color:#0499fd}.loading__container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.loading__container div.spinner{position:relative;width:54px;height:54px;display:inline-block;background:transparent;padding:10px;border-radius:10px}.loading__container div.spinner div{width:6%;height:16%;background:#222;position:absolute;left:49%;top:43%;opacity:0;border-radius:50px;box-shadow:0 0 3px #0003;animation:fade 1s linear infinite}.loading__container div.spinner div.bar1{transform:rotate(0) translateY(-130%);animation-delay:0s}.loading__container div.spinner div.bar2{transform:rotate(30deg) translateY(-130%);animation-delay:-.9167s}.loading__container div.spinner div.bar3{transform:rotate(60deg) translateY(-130%);animation-delay:-.833s}.loading__container div.spinner div.bar4{transform:rotate(90deg) translateY(-130%);animation-delay:-.7497s}.loading__container div.spinner div.bar5{transform:rotate(120deg) translateY(-130%);animation-delay:-.667s}.loading__container div.spinner div.bar6{transform:rotate(150deg) translateY(-130%);animation-delay:-.5837s}.loading__container div.spinner div.bar7{transform:rotate(180deg) translateY(-130%);animation-delay:-.5s}.loading__container div.spinner div.bar8{transform:rotate(210deg) translateY(-130%);animation-delay:-.4167s}.loading__container div.spinner div.bar9{transform:rotate(240deg) translateY(-130%);animation-delay:-.333s}.loading__container div.spinner div.bar10{transform:rotate(270deg) translateY(-130%);animation-delay:-.2497s}.loading__container div.spinner div.bar11{transform:rotate(300deg) translateY(-130%);animation-delay:-.167s}.loading__container div.spinner div.bar12{transform:rotate(330deg) translateY(-130%);animation-delay:-.0833s}@keyframes fade{0%{opacity:1}to{opacity:.25}}.play__control{width:20%;background:#222}.play__control .control__container{width:100%;height:100%;display:flex;align-items:center}.play__control .control__container .sm__control{height:100%;width:70px;background:#222}.play__control .control__container .hg__control{height:100%;width:calc(100% - 70px);background:rgba(51,51,51,.2);padding:1rem;display:flex;flex-direction:column}.play__control .control__container .hg__control .control__header{width:fit-content;background:rgba(68,68,68,.2666666667);margin:0 auto;border-radius:5px;overflow:hidden;width:100%}.play__control .control__container .hg__control .control__header button{background:none;border:none;padding:.7rem 1rem;transition:.3s ease-in-out;cursor:pointer;color:#fff;font-weight:700;width:50%}.play__control .control__container .hg__control .control__header button.active{background:#0499fd}.play__control .control__container .hg__control .control__header button.active:hover{background:#0077ff}.play__control .control__container .hg__control .elements__container{flex:1;gap:1rem;display:flex;flex-direction:column;padding-right:.3rem}.playground__preview{width:55%;position:relative}.playground__preview .preview__container{height:100%;background:rgb(255,255,255);padding:2rem 2rem 6rem;overflow:auto;display:flex;flex-direction:column;gap:1rem}.playground__preview .preview__container .preview__header{background:#222;width:80%;margin:0 auto;padding:.5rem;border-radius:10px;position:sticky;top:0px;z-index:10}.playground__preview .preview__container .preview__header .header__container{display:flex;align-items:center;justify-content:space-between}.playground__preview .preview__container .preview__header .header__container .header__name .content{max-width:200px;height:20px;overflow:hidden;outline:none;border:1px solid #222;transition:.3s ease-in-out;height:1.5rem}.playground__preview .preview__container .preview__header .header__container .header__name .content:focus{border:1px solid #0499fd}.playground__preview .preview__container .preview__header .header__container .toggle__container{display:flex;align-items:center;gap:2rem}.playground__preview .preview__container .preview__header .header__container .toggle__container button{padding:.5rem 1rem;background:#0499fd;outline:none;border:none;cursor:pointer;transition:.3s ease-in-out;border-radius:.5rem;color:#fff;display:flex;align-items:center;justify-content:center}.playground__preview .preview__container .preview__header .header__container .toggle__container button:hover{background:#0077ff}.playground__preview .preview__container .preview__header .header__container .toggle__container button svg{font-size:1.3rem}.playground__preview .preview__container .preview__header .header__container .toggle__container .action_{display:flex;align-items:center;gap:.5rem}.playground__preview .preview__container .preview__header .header__container .toggle__container .action_ button.active{background:#0077ff}.playground__preview .preview__container .container{flex:1;color:#222}.playground__codepreview{position:absolute;bottom:0;width:100%;background:#222;border:1px solid #777;z-index:20}.playground__codepreview .code__header{height:40px;background:#222;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #777}.playground__codepreview .code__header p{display:flex;align-items:center;gap:.3rem;cursor:pointer}.playground__codepreview .code__header button{padding:.5rem 1rem;background:#0499fd;outline:none;border:none;cursor:pointer;transition:.3s ease-in-out;border-radius:.5rem;color:#fff}.playground__codepreview .code__header button:hover{background:#0077ff}.playground__codepreview .codepreview__code{display:none}.playground__actionPanel{width:25%;background:#222;padding:1rem}.playground__actionPanel .line{height:1px;background:rgba(68,68,68,.2666666667)}.playground__actionPanel .actionpanel__container{height:100%;display:flex;flex-direction:column;gap:1rem}.playground__actionPanel .actionpanel__container .panel__header{width:fit-content;background:rgba(68,68,68,.2666666667);border-radius:5px;overflow:hidden;width:100%;z-index:10}.playground__actionPanel .actionpanel__container .panel__header button{background:none;border:none;padding:0 1rem;transition:.3s ease-in-out;cursor:pointer;color:#fff;font-weight:700;width:50%;min-height:40px}.playground__actionPanel .actionpanel__container .panel__header button.active{background:#0499fd}.playground__actionPanel .actionpanel__container .panel__header button.active:hover{background:#0077ff}.playground__actionPanel .actionpanel__container .wrapper{overflow-y:auto}.playground__actionPanel .actionpanel__container .wrapper .annimate__container{height:100%;display:flex;flex-direction:column}.playground__actionPanel .actionpanel__container .wrapper .annimate__container .container__wrapper{display:flex;flex-direction:column;gap:1rem}.playground__actionPanel .actionpanel__container .wrapper .annimate__container .container__wrapper .animation__prop{display:flex;flex-direction:column;gap:.5rem}.playground__actionPanel .actionpanel__container .wrapper .annimate__container .container__wrapper .animation__prop .annimationHeader{color:#777}.playground__actionPanel .actionpanel__container .wrapper .annimate__container .container__wrapper .animation__prop .animation__content{display:flex;flex-direction:column;gap:.5rem}.playground__actionPanel .actionpanel__container .wrapper .annimate__container .container__wrapper .animation__prop .animation__content select,.playground__actionPanel .actionpanel__container .wrapper .annimate__container .container__wrapper .animation__prop .animation__content input{height:30px;background:none;border:1px solid #777;outline:none;color:#dfdfe7;font-family:GT Walsheim,sans-serif;padding:0 1rem;appearance:none}.playground__actionPanel .actionpanel__container .wrapper .annimate__container .container__wrapper .animation__prop .animation__content select{appearance:none;background-color:transparent;border:1px solid #777;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit}.playground__actionPanel .actionpanel__container .wrapper .annimate__container .container__wrapper .animation__prop .animation__content option{background-color:#fff;color:#333;font-size:16px;outline:none}.base__elements{padding-top:1rem}.base__elements .base__container{width:100%;height:100%;display:flex;flex-direction:column;transition:.3s ease-in-out}.base__elements .base__container.gap{gap:.5rem}.base__elements .base__container .base__header{width:100%}.base__elements .base__container .base__header button{color:#777;display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%;border:none;background:none;outline:none;font-size:15px}.base__elements .base__container .base__header button.op{margin-bottom:.5rem}.base__elements .base__container .base__header button .rotate-icon{transition:transform .2s linear}.base__elements .base__container .base__header button .rotate-icon.open{transform:rotate(90deg)}.base__elements .base__container .base__content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.base__elements .base__container .base__content .base{width:75px;height:75px;flex-direction:column;gap:1rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(68,68,68,.2666666667);border-radius:5px;text-transform:capitalize;font-weight:500;font-size:12px;cursor:pointer;transition:.3s ease-in-out}.base__elements .base__container .base__content .base svg{font-size:1.4rem}.base__elements .base__container .base__content .base:hover{border:1px solid #0499fd;background:#0499fd}.base__elements .base__container .base__content .base.active{pointer-events:none}.mini{flex-direction:column;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem 0}.mini .mini__container{height:100%;display:flex;flex-direction:column;gap:1rem}.mini .mini__container .mini__routes{flex:1}.mini .mini__container .mini__routes .logo{height:35px;width:35px;background:#0499fd;border-radius:5px;cursor:pointer;position:relative}.mini .mini__container .mini__routes .logo .abstrac1,.mini .mini__container .mini__routes .logo .abstrac2{position:absolute;height:10px;width:70%;transform:rotate(50deg);background:#222;animation:loading 2s infinite linear;animation-delay:0s}.mini .mini__container .mini__routes .logo .abstrac1{border-radius:0 5px 5px 0;top:0px;left:-5px}.mini .mini__container .mini__routes .logo .abstrac2{bottom:0;right:-5px;border-radius:5px 0 0 5px}@keyframes loading{0%{width:70%}5%{width:60%}50%{width:30%}95%{width:60%}to{width:70%}}.mini .mini__container .mini__routes .logo:after,.mini .mini__container .mini__routes .logo:before{content:"";position:absolute;height:10px;width:30%;background:#222}.mini .mini__container .mini__routes .logo:after{bottom:0;left:0;border-radius:0 5px 0 0}.mini .mini__container .mini__routes .logo:before{top:0;right:0;border-radius:0 0 0 5px}.mini .mini__container .mini__profile img{height:40px;width:40px;border-radius:50%;cursor:pointer;object-fit:cover}.app__loadingannimation{display:flex;align-items:center;justify-content:center;height:100vh}.app__loadingannimation .logo{min-height:34px;max-width:34px;background:#0499fd;border-radius:10px;cursor:pointer;position:relative;animation:rotate 4s linear infinite}.app__loadingannimation .logo .shape1,.app__loadingannimation .logo .shape2{position:absolute;height:10px;width:70%;background:white;animation:loading 1s infinite cubic-bezier(.24,.18,.8,.7)}.app__loadingannimation .logo .shape1{border-radius:0 5px 5px 0;top:0px;left:-5px}.app__loadingannimation .logo .shape2{bottom:0;right:-5px;border-radius:5px 0 0 5px}@keyframes loading{0%{width:70%}5%{width:60%}50%{width:30%}}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.app__loadingannimation .logo:after,.app__loadingannimation .logo:before{content:"";position:absolute;height:10px;width:30%;background:white}.app__loadingannimation .logo:after{bottom:0;left:0;border-radius:0 5px 0 0}.app__loadingannimation .logo:before{top:0;right:0;border-radius:0 0 0 5px}.customize__container{min-height:70vh;display:flex;flex-direction:column;gap:1rem;padding-right:.4rem;transition:all .3s ease-in-out}.customize__container .customize__content{display:flex;flex-direction:column;gap:.5rem}.customize__container .customize__content .customize{background:rgba(51,51,51,.2);display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:5px;transition:.3s ease-in-out}.customize__container .customize__content .customize:nth-child(1){overflow:hidden}.customize__container .customize__content .customize.open{height:fit-content;gap:0}.customize__container .customize__content .customize.open span{opacity:0}.customize__container .customize__content .customize .header{color:#777;display:flex;align-items:center;justify-content:space-between}.customize__container .customize__content .customize .header.op{margin-bottom:.5rem}.customize__container .customize__content .customize .header .rotate-icon{transition:transform .2s linear}.customize__container .customize__content .customize .header .rotate-icon.open{transform:rotate(90deg)}.customize__container .customize__content .customize .header:nth-child(1){cursor:pointer}.customize__container .customize__content .customize .customizer p{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.customize__container .customize__content .customize .customizer .space__content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.customize__container .customize__content .customize .customizer .space__content .space{display:flex;align-items:center;gap:.5rem}.customize__container .customize__content .customize .customizer .space__content .space input::placeholder{color:#777}.customize__container .customize__content .customize .customizer .space__content .space input{max-width:50px;min-height:50px;border:none;outline:none;-moz-appearance:textfield;background:none;font-size:20px;border-radius:5px;text-align:center;color:#fff;border:1px solid rgba(68,68,68,.2666666667)}.customize__container .customize__content .customize .customizer .space__content .space input:focus+span{background:yellow}.customize__container .customize__content .customize .bg__container{display:flex;flex-direction:column;gap:1rem}.customize__container .customize__content .customize .bg__container .selectors{display:flex;align-items:center;border-radius:5px;padding:.2rem;background:rgba(68,68,68,.2666666667)}.customize__container .customize__content .customize .bg__container .selectors .selector{flex:1;padding:.5rem 0;cursor:pointer;text-align:center;transition:.3s ease-in-out;border-radius:5px}.customize__container .customize__content .customize .bg__container .selectors .selector.active{background:#777}.customize__container .customize__content .customize .bg__container .color__container{display:flex;align-items:center;gap:1rem}.customize__container .customize__content .customize .bg__container .color__container .color__preview{flex:1;display:flex;align-items:center;gap:1rem;background:rgba(68,68,68,.2666666667);padding:.3rem;border-radius:5px}.customize__container .customize__content .customize .bg__container .color__container .color__opacity{flex:1;display:flex;align-items:center;justify-content:space-between;background:rgba(68,68,68,.2666666667);padding:.3rem;border-radius:5px}.customize__container .customize__content .customize .bg__container .image__container{display:flex;flex-direction:column;gap:1rem}.customize__container .customize__content .customize .bg__container .image__container img{width:100%}.customize__container .customize__content .customize .bg__container .image__container .imagedrop{height:80px;border:1px dashed rgb(76,76,76);stroke:#000;stroke-width:2;stroke-dasharray:10,5;display:flex;align-items:center;justify-content:center;background:rgba(68,68,68,.2666666667);border-radius:5px;transition:.3s ease-in-out;text-align:center;cursor:pointer}.customize__container .customize__content .customize .bg__container .image__container .imagedrop p{font-size:1.3rem}.customize__container .customize__content .customize .bg__container .image__container .imagedrop p span{color:#0499fd;opacity:1}.customize__container .customize__content .customize .bg__container .image__container .imagedrop span{opacity:.5}.customize__container .customize__content .customize .bg__container .image__container .imagedrop.active{border:1px dashed #0499fd}.customize__container .customize__content .customize .bg__container .image__container .option__container{position:relative;width:100%;display:flex;align-items:center;gap:1rem}.customize__container .customize__content .customize .bg__container .image__container .option__container button{flex:1;padding:.5rem 0;text-align:center;transition:.3s ease-in-out;border-radius:5px;background:rgba(51,51,51,.2);border:none;cursor:pointer;color:#fff}.customize__container .customize__content .customize .bg__container .image__container .option__container button.active{background:#777}.customize__container .customize__content .customize .bg__container .image__container .option__container select{flex:1;padding:.5rem;background:rgba(51,51,51,.2);border:none;color:#fff;cursor:pointer}.customize__container .customize__content .customize .bg__container .image__container .option__container select option{background:blue}.customize__container .customize__content .customize .bg__container .image__container .option__container .assets__container{position:absolute;top:40px;height:200px;display:grid;grid-template-columns:1fr 1fr;overflow-y:scroll;width:90%;left:0;right:0;margin:0 auto;z-index:59;gap:.5rem;background:rgb(44,44,44);padding:1rem;border-radius:8px}.customize__container .customize__content .customize .bg__container .image__container .option__container .assets__container .asset{height:100px;border-radius:5px;background:rgb(52,52,52);display:flex;align-items:center;justify-content:center;cursor:pointer}.customize__container .customize__content .customize .bg__container .video__container{width:100%}.customize__container .customize__content .customize .bg__container .video__container input{width:100%;padding:.5rem;border-radius:5px;border:1px solid rgb(52,52,52);background:rgb(52,52,52);color:#777}.margin__container{position:relative;height:200px;display:flex;align-items:center;justify-content:center;font-weight:700}.margin__container .input__container{position:absolute;width:fit-content;height:fit-content}.margin__container .input__container input{max-width:50px;min-height:50px;border:none;outline:none;-moz-appearance:textfield;background:none;font-size:20px;border-radius:5px;text-align:center;color:#fff;border:1px solid rgba(68,68,68,.2666666667)}.margin__container .input__container input:focus+span{background:#0499fd}.margin__container .input__container span{height:2px;width:70px;background:rgba(68,68,68,.2666666667);position:absolute;transition:.3s ease-in-out}.margin__container .input__container:nth-child(1){right:0;top:10px;left:0;margin:0 auto}.margin__container .input__container:nth-child(1) span{bottom:-6px;left:-10px;height:2px}.margin__container .input__container:nth-child(2){right:30px;top:0;bottom:0;margin:auto 0}.margin__container .input__container:nth-child(2) span{left:-40px;bottom:25px;transform:rotate(90deg)}.margin__container .input__container:nth-child(3){bottom:10px;left:0;right:0;margin:0 auto}.margin__container .input__container:nth-child(3) span{top:-5px;left:-10px}.margin__container .input__container:nth-child(4){left:30px;top:0;bottom:0;margin:auto 0}.margin__container .input__container:nth-child(4) span{right:-40px;bottom:25px;transform:rotate(90deg)}.padding__container{position:relative;height:200px;display:flex;align-items:center;justify-content:center;font-weight:700}.padding__container .input__container{position:absolute;width:fit-content;height:fit-content}.padding__container .input__container input{max-width:50px;min-height:50px;border:none;outline:none;-moz-appearance:textfield;background:none;font-size:20px;border-radius:5px;text-align:center;color:#fff;border:1px solid rgba(68,68,68,.2666666667)}.padding__container .input__container input:focus+span{background:#0499fd}.padding__container .input__container span{height:2px;width:70px;background:rgba(68,68,68,.2666666667);position:absolute;transition:.3s ease-in-out}.padding__container .input__container:nth-child(1){right:0;top:10px;left:0;margin:0 auto}.padding__container .input__container:nth-child(1) span{top:-6px;left:-10px;height:2px}.padding__container .input__container:nth-child(2){right:30px;top:0;bottom:0;margin:auto 0}.padding__container .input__container:nth-child(2) span{right:-40px;bottom:25px;transform:rotate(90deg)}.padding__container .input__container:nth-child(3){bottom:10px;left:0;right:0;margin:0 auto}.padding__container .input__container:nth-child(3) span{bottom:-5px;left:-10px}.padding__container .input__container:nth-child(4){left:30px;top:0;bottom:0;margin:auto 0}.padding__container .input__container:nth-child(4) span{left:-40px;bottom:25px;transform:rotate(90deg)}.textColor__container{display:flex;align-items:center;gap:1rem}.textColor__container .color__preview{flex:1;display:flex;align-items:center;gap:1rem;background:rgba(68,68,68,.2666666667);padding:.3rem;border-radius:5px}.textColor__container .color__opacity{flex:1;display:flex;align-items:center;justify-content:space-between;background:rgba(68,68,68,.2666666667);padding:.3rem;border-radius:5px}