@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka&display=swap);*{box-sizing:border-box;font-family:Fredoka,sans-serif;margin:0;padding:0;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#639;border-radius:50px;width:5px}body{background:linear-gradient(70deg,#7a087a 30%,#161623 0,#161623);background-position:50%;min-height:100vh;width:100%}.header{align-items:center;background-color:#f3f3f3;display:flex;justify-content:space-between;left:0;padding:15px 25px;position:fixed;right:0;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:100}.logo{color:#161623;font-size:22px;font-weight:700;letter-spacing:1px}.menu_Icon{cursor:pointer;font-size:28px}.icon_box_Header{gap:20px}.icon_box_Header,.menu{align-items:center;display:flex}.menu{background-color:#eee;color:#161623;flex-direction:column;gap:40px;left:-100%;max-height:100vh;overflow:auto;padding:40px 0 100px;position:fixed;top:65px;transition:all .6s ease-in-out;width:40vh;z-index:10}.active{left:0}.group_Menu{align-items:center;display:flex;flex-direction:column;gap:25px}.title_Menu{color:#161623;font-weight:700}.Menu_btn{align-items:center;display:flex;flex-direction:column;gap:10px}.btn_Menu{color:#161623}.actived,.btn_Menu:hover{color:#c512cd}.author{color:#eee;font-family:Fredoka,sans-serif;font-size:20px;letter-spacing:1px;padding:15px 0;text-align:center}@font-face{font-family:Cascadia Code Regular;font-style:normal;font-weight:400;src:local("Cascadia Code Regular"),url(/static/media/Cascadia.9c679782671c61f121fc.woff) format("woff")}.style_Container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1190px;padding:100px 20px 50px;width:100%}.titr{align-self:flex-start;color:#fff;font-size:22px;font-weight:700;margin-bottom:20px}.top_box{align-items:center;gap:50px;width:100%}.preview_wraper,.top_box{display:flex;justify-content:center}.preview_wraper{background:linear-gradient(222deg,#3f4a5d,#1b171b);border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);flex-direction:column;height:350px;margin-top:20px;padding:20px;width:600px}.preview_box{align-self:center;background-color:#fff;height:100%;margin-top:10px;width:100%}.copy_code_wraper span,.option_wraper span,.preview_wraper span{color:#fff;font-size:18px}.code_box{align-items:center;background:linear-gradient(222deg,#3f4a5d,#1b171b);border-radius:5px 5px 0 0;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;height:100px;margin-top:5px;padding:20px}.code_box,.copyBtn{color:#fff;width:500px}.copyBtn{background:linear-gradient(222deg,#5e0198,#c512cd);border:none;border-radius:0 0 5px 5px;cursor:pointer;font-size:18px;height:45px;outline:none;transition:all .3s ease}.copyBtn:hover{letter-spacing:3px}.code_box span{font-family:Cascadia Code Regular;margin:0 3px}.code_box span.code_one{color:#80cbc4}.code_box span.code_two{color:#addb67}.code_box span.code_three{color:#f78c6c}.option_wraper{background:linear-gradient(222deg,#3f4a5d,#1b171b);border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;flex-direction:column;gap:20px;margin-top:20px;padding:30px 20px;width:100%}.options{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);width:100%}.input_box{display:flex;flex-direction:column;gap:5px;width:100%}.input_box label{color:#fff}.input_box input,select{border:none;border-radius:5px;font-size:18px;height:45px;outline:none;padding:0 10px;width:100%}input[type=range]{-webkit-appearance:none;appearance:none;background-color:#dcdcdc;border-radius:3px;height:8px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(222deg,#5e0198,#c512cd);border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .3s;transition:all .3s;width:20px}input[type=range]::-webkit-slider-thumb:active{height:25px;width:25px}.drop_preview{align-items:center;display:flex;justify-content:center}.drop_preview img{width:350px}.box_Shadow_example{background:linear-gradient(222deg,#f44336,#a20c01);height:150px;width:150px}.color_Grid{display:grid;grid-template-columns:repeat(5,1fr)}.col_color{grid-column:span 4}@media screen and (max-width:1024px){.top_box{flex-direction:column-reverse;gap:20px}}@media screen and (max-width:650px){.code_box,.copyBtn,.preview_wraper{width:400px}.options{grid-template-columns:repeat(1,1fr);row-gap:5px}.responsive_code span,p,pre{font-size:12px}}@media screen and (max-width:500px){.code_box,.copyBtn,.preview_wraper{width:350px}.input_box{margin-top:20px;width:100%}input{width:100%}}.filter_preview{background-image:url(/static/media/spring.55d1481a358813e6afeb.jpg);background-size:cover}.sepia_preview{background-image:url(/static/media/flower.7dbefec39463785edea8.webp);background-size:cover}.home_Container{align-items:center;padding:60px 0 80px;width:100%}.group_container,.home_Container{display:flex;flex-direction:column;justify-content:center}.group_container{gap:40px;margin-top:30px;width:800px}.title_group{color:#eee;font-size:22px}.group_btn{align-items:center;display:flex;flex-wrap:wrap;gap:20px;width:100%}@media screen and (max-width:850px){.group_container{width:500px}}@media screen and (max-width:500px){.home_Container{padding:100px 0 150px}.group_container{width:350px}.group_btn{justify-content:center}.title_group{text-align:center}}.aws-btn{--button-default-height:51px;--button-default-font-size:14px;--button-default-line-height:28px;--button-default-border-radius:4px;--button-default-placeholder-width:120px;--button-icon-width:44px;--button-icon-height:44px;--button-small-width:88px;--button-small-height:44px;--button-medium-width:136px;--button-medium-height:44px;--button-large-width:192px;--button-large-height:44px;--button-font-family:inherit;--button-font-color:#fff;--button-font-weight:600;--button-font-style:normal;--button-hover-darken-opacity:0.1;--button-letter-spacing:0px;--button-horizontal-padding:20px;--button-raise-level:4px;--button-hover-pressure:1.15;--loading-transition-timing:ease-out;--loading-transition-speed:6s;--loading-transition-end-speed:0.3s;--transform-speed:0.175s;--button-primary-color:#1e88e5;--button-primary-color-dark:#1360a4;--button-primary-color-light:#fff;--button-primary-color-hover:#187bd1;--button-primary-color-active:#166dba;--button-primary-border:none;--button-secondary-color:#f2f6f9;--button-secondary-color-dark:#1360a4;--button-secondary-color-light:#1e88e5;--button-secondary-color-hover:#e1eaf1;--button-secondary-color-active:#cfdee9;--button-secondary-border:none;--button-anchor-color:#0e4f88;--button-anchor-color-dark:#072743;--button-anchor-color-light:#fff;--button-anchor-color-hover:#0d4a7f;--button-anchor-color-active:#0c4271;--button-anchor-border:none;--button-disabled-color:#afafaf;--button-disabled-color-dark:#898989;--button-disabled-color-light:#969696;--button-disabled-color-hover:#afafaf;--button-disabled-color-active:#afafaf;--button-disabled-border:none;--button-placeholder-color:#afafaf;--button-placeholder-color-dark:#898989;--button-placeholder-color-light:#969696;--button-placeholder-color-hover:#afafaf;--button-placeholder-color-active:#afafaf;--button-placeholder-border:none;--button-mail-color:#cfcfcf;--button-mail-color-dark:#9c9c9c;--button-facebook-color:#4868ad;--button-facebook-color-dark:#324877;--button-messenger-color:#3186f6;--button-messenger-color-dark:#0960d1;--button-twitter-color:#00aced;--button-twitter-color-dark:#0074a1;--button-linkedin-color:#0077b5;--button-linkedin-color-dark:#004569;--button-whatsapp-color:#25d366;--button-whatsapp-color-dark:#1a9247;--button-github-color:#25292e;--button-github-color-dark:#030304;--button-reddit-color:#fc461e;--button-reddit-color-dark:#cb2703;--button-pinterest-color:#bd091c;--button-pinterest-color-dark:#740611;--button-gplus-color:#ce5b4e;--button-gplus-color-dark:#a3392d;--button-youtube-color:#cc181e;--button-youtube-color-dark:#881014;--button-instagram-radial-color:radial-gradient(circle at 25% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);--button-instagram-radial-color-dark:radial-gradient(circle at 25% 110%,#b9a800 0%,#938500 5%,#b10f00 45%,#8c0061 60%,#002ca9 90%)}.aws-btn .aws-btn__content:after,.aws-btn .aws-btn__wrapper:after,.aws-btn .aws-btn__wrapper:before,.aws-btn--progress .aws-btn__content:after,.aws-btn--progress .aws-btn__progress:after,.aws-btn--progress .aws-btn__progress:before{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.aws-btn{margin:0;padding:0}.aws-btn,.aws-btn:focus{outline-color:0;outline-style:none;outline-width:0}.aws-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none}button.aws-btn .aws-btn__wrapper{margin-top:calc(var(--button-raise-level)*-1)}.aws-btn{text-rendering:auto;-webkit-font-smoothing:antialiased;background-color:transparent;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:var(--button-default-font-size);font-style:var(--button-font-style);font-weight:var(--button-font-weight);height:var(--button-default-height);letter-spacing:var(--button-letter-spacing);line-height:var(--button-default-line-height);opacity:0;text-align:center;text-decoration:none;transition:opacity .1s ease-out;vertical-align:middle;z-index:1}.aws-btn,.aws-btn .aws-btn__wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:var(--button-font-family);position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.aws-btn .aws-btn__wrapper{align-items:stretch;display:flex;height:calc(100% - var(--button-raise-level));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.aws-btn .aws-btn__wrapper:before{border-radius:var(--button-default-border-radius);bottom:calc(var(--button-raise-level)*-1);content:" ";top:auto;transition:background var(--transform-speed) ease-out,-webkit-transform var(--transform-speed) ease-out;transition:transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out;transition:transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out,-webkit-transform var(--transform-speed) ease-out;z-index:1}.aws-btn .aws-btn__wrapper:after{background-color:rgba(0,0,0,.15);border-radius:var(--button-default-border-radius);content:" ";top:var(--button-raise-level);width:0;z-index:2}.aws-btn .aws-btn__content{border-radius:var(--button-default-border-radius);flex:1 1;justify-content:center;overflow:hidden;padding:0 var(--button-horizontal-padding);position:relative;text-indent:0;-webkit-transform:skew(0) translateZ(0);transform:skew(0) translateZ(0);-webkit-transform-style:flat;transform-style:flat;transition:border var(--transform-speed) ease-out,background var(--transform-speed) ease-out,color var(--transform-speed) ease-out,-webkit-transform var(--transform-speed) ease-out;transition:border var(--transform-speed) ease-out,transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out,color var(--transform-speed) ease-out;transition:border var(--transform-speed) ease-out,transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out,color var(--transform-speed) ease-out,-webkit-transform var(--transform-speed) ease-out;z-index:1}.aws-btn .aws-btn__content,.aws-btn .aws-btn__content>span:first-child{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex}.aws-btn .aws-btn__content>span:first-child{-webkit-transform:skew(0) translateZ(0);transform:skew(0) translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.aws-btn .aws-btn__content>span:first-child>svg{margin-right:3px;margin-top:-2px}.aws-btn:before{background-color:rgba(0,0,0,.3);border-radius:var(--button-default-border-radius);bottom:calc(0px - var(--button-raise-level)/2);content:" ";height:calc(100% - var(--button-raise-level)*2);left:1px;position:absolute;-webkit-transform:skewY(0) translateZ(0);transform:skewY(0) translateZ(0);transition:background calc(var(--transform-speed)*.8) ease-out,-webkit-transform calc(var(--transform-speed)*.8) ease-out;transition:transform calc(var(--transform-speed)*.8) ease-out,background calc(var(--transform-speed)*.8) ease-out;transition:transform calc(var(--transform-speed)*.8) ease-out,background calc(var(--transform-speed)*.8) ease-out,-webkit-transform calc(var(--transform-speed)*.8) ease-out;width:calc(100% - 2px)}.aws-btn--facebook .aws-btn__wrapper:before{background:#324877}.aws-btn--facebook .aws-btn__content{background:#4868ad;color:#fff}.aws-btn--facebook .aws-btn__content path{fill:#fff}.aws-btn--facebook.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--facebook.aws-btn--progress .aws-btn__progress:after,.aws-btn--facebook.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--messenger .aws-btn__wrapper:before{background:#0960d1}.aws-btn--messenger .aws-btn__content{background:#3186f6;color:#fff}.aws-btn--messenger .aws-btn__content path{fill:#fff}.aws-btn--messenger.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--messenger.aws-btn--progress .aws-btn__progress:after,.aws-btn--messenger.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--twitter .aws-btn__wrapper:before{background:#0074a1}.aws-btn--twitter .aws-btn__content{background:#00aced;color:#fff}.aws-btn--twitter .aws-btn__content path{fill:#fff}.aws-btn--twitter.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--twitter.aws-btn--progress .aws-btn__progress:after,.aws-btn--twitter.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--linkedin .aws-btn__wrapper:before{background:#004569}.aws-btn--linkedin .aws-btn__content{background:#0077b5;color:#fff}.aws-btn--linkedin .aws-btn__content path{fill:#fff}.aws-btn--linkedin.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--linkedin.aws-btn--progress .aws-btn__progress:after,.aws-btn--linkedin.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--whatsapp .aws-btn__wrapper:before{background:#1a9247}.aws-btn--whatsapp .aws-btn__content{background:#25d366;color:#fff}.aws-btn--whatsapp .aws-btn__content path{fill:#fff}.aws-btn--whatsapp.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--whatsapp.aws-btn--progress .aws-btn__progress:after,.aws-btn--whatsapp.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--github .aws-btn__wrapper:before{background:#030304}.aws-btn--github .aws-btn__content{background:#25292e;color:#fff}.aws-btn--github .aws-btn__content path{fill:#fff}.aws-btn--github.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--github.aws-btn--progress .aws-btn__progress:after,.aws-btn--github.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--reddit .aws-btn__wrapper:before{background:#cb2703}.aws-btn--reddit .aws-btn__content{background:#fc461e;color:#fff}.aws-btn--reddit .aws-btn__content path{fill:#fff}.aws-btn--reddit.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--reddit.aws-btn--progress .aws-btn__progress:after,.aws-btn--reddit.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--pinterest .aws-btn__wrapper:before{background:#740611}.aws-btn--pinterest .aws-btn__content{background:#bd091c;color:#fff}.aws-btn--pinterest .aws-btn__content path{fill:#fff}.aws-btn--pinterest.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--pinterest.aws-btn--progress .aws-btn__progress:after,.aws-btn--pinterest.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--gplus .aws-btn__wrapper:before{background:#a3392d}.aws-btn--gplus .aws-btn__content{background:#ce5b4e;color:#fff}.aws-btn--gplus .aws-btn__content path{fill:#fff}.aws-btn--gplus.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--gplus.aws-btn--progress .aws-btn__progress:after,.aws-btn--gplus.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--youtube .aws-btn__wrapper:before{background:#881014}.aws-btn--youtube .aws-btn__content{background:#cc181e;color:#fff}.aws-btn--youtube .aws-btn__content path{fill:#fff}.aws-btn--youtube.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--youtube.aws-btn--progress .aws-btn__progress:after,.aws-btn--youtube.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--mail .aws-btn__wrapper:before{background:#9c9c9c}.aws-btn--mail .aws-btn__content{background:#cfcfcf;color:#fff}.aws-btn--mail .aws-btn__content path{fill:#fff}.aws-btn--mail.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--mail.aws-btn--progress .aws-btn__progress:after,.aws-btn--mail.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--instagram .aws-btn__wrapper:before{background:radial-gradient(circle at 25% 110%,#b9a800 0,#938500 5%,#b10f00 45%,#8c0061 60%,#002ca9 90%)}.aws-btn--instagram .aws-btn__content{background:radial-gradient(circle at 25% 110%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}.aws-btn--instagram .aws-btn__content path{fill:#fff}.aws-btn--instagram.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--instagram.aws-btn--progress .aws-btn__progress:after,.aws-btn--instagram.aws-btn--progress .aws-btn__progress:before{color:#fff}.aws-btn--primary .aws-btn__wrapper:before{background:var(--button-primary-color-dark)}.aws-btn--primary .aws-btn__content{background:var(--button-primary-color);border:var(--button-primary-border);color:var(--button-primary-color-light)}.aws-btn--primary .aws-btn__content path{fill:var(--button-primary-color-light)}.aws-btn--primary .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-primary-color-hover)}.aws-btn--primary.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-primary-color-active)}.aws-btn--primary.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--primary.aws-btn--progress .aws-btn__progress:after,.aws-btn--primary.aws-btn--progress .aws-btn__progress:before{color:var(--button-primary-color-light)}.aws-btn--secondary .aws-btn__wrapper:before{background:var(--button-secondary-color-dark)}.aws-btn--secondary .aws-btn__content{background:var(--button-secondary-color);border:var(--button-secondary-border);color:var(--button-secondary-color-light)}.aws-btn--secondary .aws-btn__content path{fill:var(--button-secondary-color-light)}.aws-btn--secondary .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-secondary-color-hover)}.aws-btn--secondary.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-secondary-color-active)}.aws-btn--secondary.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--secondary.aws-btn--progress .aws-btn__progress:after,.aws-btn--secondary.aws-btn--progress .aws-btn__progress:before{color:var(--button-secondary-color-light)}.aws-btn--link .aws-btn__wrapper:before{background:var(--button-anchor-color-dark)}.aws-btn--link .aws-btn__content{background:var(--button-anchor-color);border:var(--button-anchor-border);color:var(--button-anchor-color-light)}.aws-btn--link .aws-btn__content path{fill:var(--button-anchor-color-light)}.aws-btn--link .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-anchor-color-hover)}.aws-btn--link.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-anchor-color-active)}.aws-btn--link.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--link.aws-btn--progress .aws-btn__progress:after,.aws-btn--link.aws-btn--progress .aws-btn__progress:before{color:var(--button-anchor-color-light)}.aws-btn--disabled .aws-btn__wrapper:before{background:var(--button-disabled-color-dark)}.aws-btn--disabled .aws-btn__content{background:var(--button-disabled-color);border:var(--button-disabled-border);color:var(--button-disabled-color-light)}.aws-btn--disabled .aws-btn__content path{fill:var(--button-disabled-color-light)}.aws-btn--disabled .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-disabled-color-hover)}.aws-btn--disabled.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-disabled-color-active)}.aws-btn--disabled.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--disabled.aws-btn--progress .aws-btn__progress:after,.aws-btn--disabled.aws-btn--progress .aws-btn__progress:before{color:var(--button-disabled-color-light)}.aws-btn--placeholder .aws-btn__wrapper:before{background:var(--button-placeholder-color-dark)}.aws-btn--placeholder .aws-btn__content{background:var(--button-placeholder-color);border:var(--button-placeholder-border);color:var(--button-placeholder-color-light)}.aws-btn--placeholder .aws-btn__content path{fill:var(--button-placeholder-color-light)}.aws-btn--placeholder .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-placeholder-color-hover)}.aws-btn--placeholder.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-placeholder-color-active)}.aws-btn--placeholder.aws-btn--progress .aws-btn__content>span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.aws-btn--placeholder.aws-btn--progress .aws-btn__progress:after,.aws-btn--placeholder.aws-btn--progress .aws-btn__progress:before{color:var(--button-placeholder-color-light)}.aws-btn--placeholder{width:var(--button-default-placeholder-width)}.aws-btn--placeholder .aws-btn__content>span{background-color:var(--button-placeholder-color-light);border-radius:2px;display:block;height:40%;overflow:hidden;position:relative;width:100%}.aws-btn--placeholder .aws-btn__content>span:before{-webkit-animation:placeholder calc(var(--transform-speed)*14) linear forwards infinite;animation:placeholder calc(var(--transform-speed)*14) linear forwards infinite;background-color:rgba(0,0,0,.1);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.aws-btn--visible{opacity:1}.aws-btn--left:before{-webkit-transform:skewY(calc(1deg*var(--button-hover-pressure)*1)) translate3d(0,calc(-1px*var(--button-hover-pressure)/2),0);transform:skewY(calc(1deg*var(--button-hover-pressure)*1)) translate3d(0,calc(-1px*var(--button-hover-pressure)/2),0)}.aws-btn--left .aws-btn__content{-webkit-transform:skewY(calc(1deg*var(--button-hover-pressure)*-1));transform:skewY(calc(1deg*var(--button-hover-pressure)*-1))}.aws-btn--right:before{-webkit-transform:skewY(calc(1deg*var(--button-hover-pressure)*-1)) translate3d(0,calc(-1px*var(--button-hover-pressure)/2),0);transform:skewY(calc(1deg*var(--button-hover-pressure)*-1)) translate3d(0,calc(-1px*var(--button-hover-pressure)/2),0)}.aws-btn--right .aws-btn__content{-webkit-transform:skewY(calc(1deg*var(--button-hover-pressure)*1));transform:skewY(calc(1deg*var(--button-hover-pressure)*1))}.aws-btn--middle:before{-webkit-transform:translate3d(0,calc(-1px*var(--button-hover-pressure)),0);transform:translate3d(0,calc(-1px*var(--button-hover-pressure)),0)}.aws-btn--middle .aws-btn__content{-webkit-transform:translate3d(0,calc(1px*var(--button-hover-pressure)),0);transform:translate3d(0,calc(1px*var(--button-hover-pressure)),0)}.aws-btn--icon .aws-btn__content>span:first-child>svg{vertical-align:middle}.aws-btn--active:before{-webkit-transform:translate3d(0,calc(var(--button-raise-level)*-1),0);transform:translate3d(0,calc(var(--button-raise-level)*-1),0);will-change:transform}.aws-btn--active .aws-btn__content{-webkit-transform:translate3d(0,var(--button-raise-level),0);transform:translate3d(0,var(--button-raise-level),0);transition:background calc(var(--transform-speed)*.8) ease-out,color calc(var(--transform-speed)*.8) ease-out,-webkit-transform calc(var(--transform-speed)*.8) ease-out;transition:transform calc(var(--transform-speed)*.8) ease-out,background calc(var(--transform-speed)*.8) ease-out,color calc(var(--transform-speed)*.8) ease-out;transition:transform calc(var(--transform-speed)*.8) ease-out,background calc(var(--transform-speed)*.8) ease-out,color calc(var(--transform-speed)*.8) ease-out,-webkit-transform calc(var(--transform-speed)*.8) ease-out;will-change:transform}.aws-btn--off:before{background-color:rgba(0,0,0,.05);-webkit-transform:translate3d(0,calc(var(--button-raise-level)*-1),0);transform:translate3d(0,calc(var(--button-raise-level)*-1),0)}.aws-btn--off:hover .aws-btn__wrapper:before{background-color:#2d2d2d}.aws-btn--off:hover .aws-btn__content{background-color:#313131;color:#3b3b3b}.aws-btn--off .aws-btn__wrapper:before{background-color:#323232}.aws-btn--off .aws-btn__content{background-color:#353535;color:#424242;-webkit-transform:translate3d(0,var(--button-raise-level),0);transform:translate3d(0,var(--button-raise-level),0)}.aws-btn--icon{font-size:calc(var(--button-default-font-size)*1.5);height:var(--button-icon-height);line-height:calc(var(--button-default-line-height)*1.5);width:var(--button-icon-width)}.aws-btn--small{height:var(--button-small-height);width:var(--button-small-width)}.aws-btn--medium,.aws-btn--small{font-size:var(--button-default-font-size);line-height:var(--button-default-line-height)}.aws-btn--medium{height:var(--button-medium-height);width:var(--button-medium-width)}.aws-btn--large{font-size:var(--button-default-font-size);height:var(--button-large-height);line-height:var(--button-default-line-height);width:var(--button-large-width)}.aws-btn--fill{width:100%}span.aws-btn__bubble{-webkit-animation:bubble-ping calc(var(--transform-speed)*3.5) cubic-bezier(.5,0,.6,.4) .05s forwards;animation:bubble-ping calc(var(--transform-speed)*3.5) cubic-bezier(.5,0,.6,.4) .05s forwards;background:rgba(0,0,0,.1);border-radius:50%;display:block;height:0;left:0;opacity:0;position:absolute;top:0;-webkit-transform:scale(.1);transform:scale(.1);visibility:hidden;width:0}@-webkit-keyframes placeholder{0%{-webkit-transform:translateX(-110%);transform:translateX(-110%)}25%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(110%);transform:translateX(110%)}75%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-110%);transform:translateX(-110%)}}@keyframes placeholder{0%{-webkit-transform:translateX(-110%);transform:translateX(-110%)}25%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(110%);transform:translateX(110%)}75%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-110%);transform:translateX(-110%)}}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.6);transform:scale(1.6)}60%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.6);transform:scale(1.6)}60%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes bubble-ping{1%{visibility:visible}10%{opacity:0}50%{opacity:1}99%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}to{visibility:hidden}}@keyframes bubble-ping{1%{visibility:visible}10%{opacity:0}50%{opacity:1}99%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}to{visibility:hidden}}.aws-btn--progress .aws-btn__progress{align-items:center;border-radius:4px;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative;text-indent:0;transition:border var(--transform-speed) ease-out,background var(--transform-speed) ease-out,color var(--transform-speed) ease-out,-webkit-transform var(--transform-speed) ease-out;transition:border var(--transform-speed) ease-out,transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out,color var(--transform-speed) ease-out;transition:border var(--transform-speed) ease-out,transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out,color var(--transform-speed) ease-out,-webkit-transform var(--transform-speed) ease-out;z-index:3}.aws-btn--progress .aws-btn__progress>span{transition:opacity calc(var(--transform-speed)*.5) ease-out calc(var(--transform-speed)*.75)}.aws-btn--progress .aws-btn__progress:after,.aws-btn--progress .aws-btn__progress:before{align-items:center;color:hsla(0,0%,100%,.65);display:flex;justify-content:center;opacity:0;transition:opacity calc(var(--transform-speed)*.75) ease-out .05s,-webkit-transform var(--transform-speed) ease-out .05s;transition:transform var(--transform-speed) ease-out .05s,opacity calc(var(--transform-speed)*.75) ease-out .05s;transition:transform var(--transform-speed) ease-out .05s,opacity calc(var(--transform-speed)*.75) ease-out .05s,-webkit-transform var(--transform-speed) ease-out .05s}.aws-btn--progress .aws-btn__progress:before{content:attr(data-loading);display:none;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.aws-btn--progress .aws-btn__progress:after{content:attr(data-status);display:none;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.aws-btn--progress.aws-btn--active .aws-btn__progress>span{opacity:.075}.aws-btn--progress.aws-btn--active .aws-btn__content:after,.aws-btn--progress.aws-btn--active .aws-btn__progress:after,.aws-btn--progress.aws-btn--active .aws-btn__progress:before{display:block}.aws-btn--progress .aws-btn__content:after{background-color:rgba(0,0,0,.15);content:" ";display:none;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);width:100%}.aws-btn--start .aws-btn__progress:before{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.aws-btn--start .aws-btn__content:after{-webkit-transform:translate3d(-15%,0,0);transform:translate3d(-15%,0,0);transition:-webkit-transform var(--loading-transition-speed) ease-out;transition:transform var(--loading-transition-speed) ease-out;transition:transform var(--loading-transition-speed) ease-out,-webkit-transform var(--loading-transition-speed) ease-out}.aws-btn--errored .aws-btn__content:after{background-color:rgba(255,0,0,.75)}.aws-btn--end .aws-btn__content:after{-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform var(--loading-transition-end-speed) var(--loading-transition-timing);transition:transform var(--loading-transition-end-speed) var(--loading-transition-timing);transition:transform var(--loading-transition-end-speed) var(--loading-transition-timing),-webkit-transform var(--loading-transition-end-speed) var(--loading-transition-timing)}.aws-btn--end .aws-btn__progress:after{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.aws-btn--end .aws-btn__progress:before{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.aws-btn--progress.aws-btn--secondary .aws-btn__progress:after,.aws-btn--progress.aws-btn--secondary .aws-btn__progress:before{color:#1e88e5}.aws-btn{--button-default-height:54px;--button-default-font-size:16px;--button-default-border-radius:6px;--button-raise-level:5px;--button-hover-pressure:2.5;--transform-speed:0.225s;--button-primary-color:linear-gradient(222deg,#5e0198,#c512cd);--button-primary-color-dark:#3c005c;--button-primary-color-light:#d9d8d8;--button-primary-color-hover:linear-gradient(222deg,#5e0198,#c512cd);--button-primary-border:0px solid #fff;width:240px}.aws-btn1{--button-default-height:54px;--button-default-font-size:16px;--button-default-border-radius:50%;--button-raise-level:5px;--button-hover-pressure:2.5;--transform-speed:0.225s;--button-primary-color:linear-gradient(222deg,#5e0198,#c512cd);--button-primary-color-dark:#3c005c;--button-primary-color-light:#d9d8d8;--button-primary-color-hover:linear-gradient(222deg,#5e0198,#c512cd);--button-primary-border:0px solid #fff;align-items:center;bottom:20px;color:#fff;display:flex;font-size:25px;height:60px;justify-content:center;position:fixed;right:20px;width:60px}@media screen and (max-width:500px){.aws-btn1{display:none}}.flex-preview-box{align-items:center;display:flex;justify-content:center}.flex-preview-box h2{padding:8px}.flex-code-box{height:auto}
/*# sourceMappingURL=main.f9ecf32f.css.map*/