@import url(https://fonts.googleapis.com/css?family=Rajdhani:Bold700,Medium500,Regular400,Light300);@import url(https://fonts.googleapis.com/css?family=Kanit:Thin100,Extra-light200,Medium500,Semi-bold600);:root{--main-color:#78bcc4;--secondary-color:#002c3e;--accent-color:#f7444e;--grayscale-100:#f8f9fa;--grayscale-200:#e9ecef;--grayscale-300:#dee2e6;--grayscale-400:#ced4da;--grayscale-500:#adb5bd;--grayscale-600:#6c757d;--grayscale-700:#495057;--grayscale-800:#343a40;--grayscale-900:#212529}.components-info{flex-grow:1}.components-info .section{padding-bottom:25px;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--grayscale-200)}.components-info .section:not(:first-child){padding-top:25px}.components-info .section:last-child{border-bottom:none}.welcome-window{display:flex;justify-content:normal;align-items:normal;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5}.welcome-window .top-half{display:flex;justify-content:center;align-items:flex-end;background:rgba(0,0,0,.9);-webkit-transform:translateY(0);transform:translateY(0);flex-basis:50%;z-index:1;-webkit-animation:half-up 2s ease-in 3s forwards;animation:half-up 2s ease-in 3s forwards}.welcome-window .top-half .rocket{-webkit-transform:translateY(50%);transform:translateY(50%)}.welcome-window .bottom-half{background:rgba(0,0,0,.9);-webkit-transform:translateY(0);transform:translateY(0);flex-basis:50%;-webkit-animation:half-down 1.5s ease-in 3s forwards;animation:half-down 1.5s ease-in 3s forwards}.welcome-window .bottom-half .title{font-size:85px;color:#e9ecef;position:relative;top:100px;left:100px;font-weight:700;-webkit-animation:fade-in 4.5s forwards;animation:fade-in 4.5s forwards}@-webkit-keyframes half-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-130%);transform:translateY(-130%)}}@keyframes half-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-130%);transform:translateY(-130%)}}@-webkit-keyframes half-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes half-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@media screen and (max-width:500px){.welcome-window .bottom-half .title{left:0;text-align:center;font-size:70px;-webkit-animation:none;animation:none}}html{height:auto}html.no-scroll{overflow:hidden}#root,.home-page{height:100%}body{color:#f8f9fa}h1{font-size:48px;color:#343a40;font-weight:400;font-family:"Rajdhani";font-weight:700}.dark h1{color:#f8f9fa}h2{font-size:36px;color:#495057;font-weight:100;font-family:"Rajdhani";font-weight:500}.dark h2{color:#e9ecef}h3,h4,h5,h6{color:#6c757d}.dark h3,.dark h4,.dark h5,.dark h6{color:#e9ecef}a,p,span{font-size:14px;color:#6c757d;font-family:"Kanit";font-weight:200}.dark a,.dark p,.dark span{color:#dee2e6}a:hover{color:unset}ul{list-style:none;margin:0;padding:0}.line-break{white-space:pre-line}.home-page{display:flex;justify-content:normal;align-items:normal}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#78bcc4;border-radius:10px}@media screen and (max-width:500px){.components-info .ui.container{padding:25px;width:auto!important;margin-left:0!important;margin-right:0!important}}.row{display:flex;justify-content:normal;align-items:center;flex-wrap:wrap}.row>.col{flex:1 1}.row>[class^=col]{padding:0 10px}.row>.col-1{flex-basis:100%}.row>.col-2{flex-basis:50%}.row>.col-3{flex-basis:33.333%}.row>.col-4{flex-basis:25%}.row>.col-5{flex-basis:20%}.row>.col-6{flex-basis:16.666%}.row>.col-7{flex-basis:14.285%}.row>.col-8{flex-basis:12.75%}.row>.col-9{flex-basis:11.111%}.row>.col-10{flex-basis:10%}.row>.col-11{flex-basis:9.090%}.row>.col-12{flex-basis:8.333%}@media (max-width:975px) and (min-width:500px){.row>.tablet-col-1{flex-basis:100%}.row>.tablet-col-2{flex-basis:50%}.row>.tablet-col-3{flex-basis:33.333%}.row>.tablet-col-4{flex-basis:25%}.row>.tablet-col-5{flex-basis:20%}.row>.tablet-col-6{flex-basis:16.666%}.row>.tablet-col-7{flex-basis:14.285%}.row>.tablet-col-8{flex-basis:12.75%}.row>.tablet-col-9{flex-basis:11.111%}.row>.tablet-col-10{flex-basis:10%}.row>.tablet-col-11{flex-basis:9.090%}.row>.tablet-col-12{flex-basis:8.333%}}@media screen and (max-width:500px){.row>.mobile-col-1{flex-basis:100%}.row>.mobile-col-2{flex-basis:50%}.row>.mobile-col-3{flex-basis:33.333%}.row>.mobile-col-4{flex-basis:25%}.row>.mobile-col-5{flex-basis:20%}.row>.mobile-col-6{flex-basis:16.666%}.row>.mobile-col-7{flex-basis:14.285%}.row>.mobile-col-8{flex-basis:12.75%}.row>.mobile-col-9{flex-basis:11.111%}.row>.mobile-col-10{flex-basis:10%}.row>.mobile-col-11{flex-basis:9.090%}.row>.mobile-col-12{flex-basis:8.333%}}.bold{font-weight:600}.boxed{border:1px solid #e9ecef}.content{padding:25px 15px;background:#f8f9fa}.dark .content{background:transparent;border:1px solid #f8f9fa}.ui.container{padding:25px 35px;width:auto}.cornered{position:absolute;top:0;right:0}.dark .props-keys .prop{color:#78bcc4}.code-wrapper{padding:15px;background:#343a40;position:relative;max-width:500px}.code-wrapper:hover .circle .tooltiptext{-webkit-animation:longBlink 4s forwards;animation:longBlink 4s forwards}.code-wrapper .snippet{position:absolute;right:-9999px}.code-wrapper .circle{border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;border:1px solid #f8f9fa;width:25px;height:25px;position:absolute;right:15px}.code-wrapper .circle .tooltiptext{opacity:0;width:120px;background-color:#f7444e;color:#fff;text-align:center;padding:5px 0;border-radius:6px;bottom:calc(100% + 10px);position:absolute;z-index:-1}.code-wrapper .circle .tooltiptext:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#f7444e}.dark .code-wrapper .circle{color:#f8f9fa}.code-wrapper .circle .icon{margin-right:0}.code-wrapper .circle .icon:before{color:#f8f9fa}.code-wrapper .brackets{color:#7e7e7e}.code-wrapper .element{color:#5f97c8}.code-wrapper .component{color:#6ebaa5}.code-wrapper .props{color:#a8dcfb}.code-wrapper .props .indent-code{display:block;padding-left:20px;color:#a8dcfb}.code-wrapper .props-value{color:#b38771}.code-wrapper .function{color:#a8dcfb}.dark .code-wrapper{border:1px solid #f8f9fa;background:#141619}code{font-family:monospace;padding:2px;background:#343a40;font-size:105%}.dark code{background:#141619}.center{text-align:center}.full-width{width:100%}.emphasis{font-weight:600}.emphasis-color{color:#f7444e}.horizontal-list{display:flex;justify-content:normal;align-items:normal}.horizontal-list li{margin-right:3px}.horizontal-list li .radio-button .radio .icon{margin-right:0}.vertical-list{display:flex;justify-content:auto;align-items:auto;flex-direction:column}.vertical-list li:not(:last-child){margin-bottom:5px}.mr-t-sm{margin-top:3px}.mr-t-md{margin-top:5px}.mr-t-lr{margin-top:10px}.mr-t-xl{margin-top:15px}.mr-t-auto{margin-top:auto}.mr-r-sm{margin-right:3px}.mr-r-md{margin-right:5px}.mr-r-lr{margin-right:10px}.mr-r-xl{margin-right:15px}.mr-r-auto{margin-right:auto}.mr-b-sm{margin-bottom:3px}.mr-b-md{margin-bottom:5px}.mr-b-lr{margin-bottom:10px}.mr-b-xl{margin-bottom:15px}.mr-b-auto{margin-bottom:auto}.mr-l-sm{margin-left:3px}.mr-l-md{margin-left:5px}.mr-l-lr{margin-left:10px}.mr-l-xl{margin-left:15px}.mr-l-auto{margin-left:auto}.pd-t-sm{padding-top:3px}.pd-t-md{padding-top:5px}.pd-t-lr{padding-top:10px}.pd-t-xl{padding-top:15px}.pd-r-sm{padding-right:3px}.pd-r-md{padding-right:5px}.pd-r-lr{padding-right:10px}.pd-r-xl{padding-right:15px}.pd-b-sm{padding-bottom:3px}.pd-b-md{padding-bottom:5px}.pd-b-lr{padding-bottom:10px}.pd-b-xl{padding-bottom:15px}.pd-l-sm{padding-left:3px}.pd-l-md{padding-left:5px}.pd-l-lr{padding-left:10px}.pd-l-xl{padding-left:15px}@media (max-width:975px) and (min-width:500px){.tablet-mr-t-sm{margin-top:3px}.tablet-mr-t-md{margin-top:5px}.tablet-mr-t-lr{margin-top:10px}.tablet-mr-t-xl{margin-top:15px}.tablet-mr-t-auto{margin-top:auto}.tablet-mr-r-sm{margin-right:3px}.tablet-mr-r-md{margin-right:5px}.tablet-mr-r-lr{margin-right:10px}.tablet-mr-r-xl{margin-right:15px}.tablet-mr-r-auto{margin-right:auto}.tablet-mr-b-sm{margin-bottom:3px}.tablet-mr-b-md{margin-bottom:5px}.tablet-mr-b-lr{margin-bottom:10px}.tablet-mr-b-xl{margin-bottom:15px}.tablet-mr-b-auto{margin-bottom:auto}.tablet-mr-l-sm{margin-left:3px}.tablet-mr-l-md{margin-left:5px}.tablet-mr-l-lr{margin-left:10px}.tablet-mr-l-xl{margin-left:15px}.tablet-mr-l-auto{margin-left:auto}.tablet-pd-t-sm{padding-top:3px}.tablet-pd-t-md{padding-top:5px}.tablet-pd-t-lr{padding-top:10px}.tablet-pd-t-xl{padding-top:15px}.tablet-pd-r-sm{padding-right:3px}.tablet-pd-r-md{padding-right:5px}.tablet-pd-r-lr{padding-right:10px}.tablet-pd-r-xl{padding-right:15px}.tablet-pd-b-sm{padding-bottom:3px}.tablet-pd-b-md{padding-bottom:5px}.tablet-pd-b-lr{padding-bottom:10px}.tablet-pd-b-xl{padding-bottom:15px}.tablet-pd-l-sm{padding-left:3px}.tablet-pd-l-md{padding-left:5px}.tablet-pd-l-lr{padding-left:10px}.tablet-pd-l-xl{padding-left:15px}}@media screen and (max-width:500px){.mobile-mr-t-sm{margin-top:3px}.mobile-mr-t-md{margin-top:5px}.mobile-mr-t-lr{margin-top:10px}.mobile-mr-t-xl{margin-top:15px}.mobile-mr-t-auto{margin-top:auto}.mobile-mr-r-sm{margin-right:3px}.mobile-mr-r-md{margin-right:5px}.mobile-mr-r-lr{margin-right:10px}.mobile-mr-r-xl{margin-right:15px}.mobile-mr-r-auto{margin-right:auto}.mobile-mr-b-sm{margin-bottom:3px}.mobile-mr-b-md{margin-bottom:5px}.mobile-mr-b-lr{margin-bottom:10px}.mobile-mr-b-xl{margin-bottom:15px}.mobile-mr-b-auto{margin-bottom:auto}.mobile-mr-l-sm{margin-left:3px}.mobile-mr-l-md{margin-left:5px}.mobile-mr-l-lr{margin-left:10px}.mobile-mr-l-xl{margin-left:15px}.mobile-mr-l-auto{margin-left:auto}.mobile-pd-t-sm{padding-top:3px}.mobile-pd-t-md{padding-top:5px}.mobile-pd-t-lr{padding-top:10px}.mobile-pd-t-xl{padding-top:15px}.mobile-pd-r-sm{padding-right:3px}.mobile-pd-r-md{padding-right:5px}.mobile-pd-r-lr{padding-right:10px}.mobile-pd-r-xl{padding-right:15px}.mobile-pd-b-sm{padding-bottom:3px}.mobile-pd-b-md{padding-bottom:5px}.mobile-pd-b-lr{padding-bottom:10px}.mobile-pd-b-xl{padding-bottom:15px}.mobile-pd-l-sm{padding-left:3px}.mobile-pd-l-md{padding-left:5px}.mobile-pd-l-lr{padding-left:10px}.mobile-pd-l-xl{padding-left:15px}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in-background{0%{background-color:transparent}to{background-color:rgba(0,0,0,.95)}}@keyframes fade-in-background{0%{background-color:transparent}to{background-color:rgba(0,0,0,.95)}}@-webkit-keyframes fade-out-background{0%{background-color:rgba(0,0,0,.95)}to{background-color:transparent}}@keyframes fade-out-background{0%{background-color:rgba(0,0,0,.95)}to{background-color:transparent}}@-webkit-keyframes pop-in{0%{opacity:.3;-webkit-transform:scale(0);transform:scale(0)}75%{opacity:.6;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop-in{0%{opacity:.3;-webkit-transform:scale(0);transform:scale(0)}75%{opacity:.6;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pop-out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}25%{opacity:.6;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:.3;-webkit-transform:scale(0);transform:scale(0)}}@keyframes pop-out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}25%{opacity:.6;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:.3;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes sparkling{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.3);transform:scale(.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sparkling{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.3);transform:scale(.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes longBlink{0%{opacity:0;z-index:2}50%{opacity:1;z-index:2}to{opacity:0;z-index:-2}}@keyframes longBlink{0%{opacity:0;z-index:2}50%{opacity:1;z-index:2}to{opacity:0;z-index:-2}}.f-xxs{font-size:12px}.f-xs{font-size:14px}.f-sm{font-size:16px}.f-md{font-size:20px}.f-lr{font-size:28px}.f-xl{font-size:36px}.f-xxl{font-size:44px}.side-bar{flex-basis:250px;min-width:250px;border-right:1px solid #e9ecef;border-right:1px solid var(--grayscale-200)}.side-bar .side-bar-header{padding:25px;color:#f7444e;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--grayscale-200)}.side-bar .side-bar-header .title{color:#f7444e}.side-bar .side-bar-header .icon-wrapper i{font-size:18px;color:#f7444e;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;-webkit-transform:translateY(2px) rotate(-45deg);transform:translateY(2px) rotate(-45deg)}.side-bar .side-bar-header:hover .icon-wrapper i{-webkit-transform:translateY(2px) rotate(315deg);transform:translateY(2px) rotate(315deg)}.side-bar .components-list{list-style-type:none;margin:0;padding:25px}.side-bar .components-list .item{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:translateX(0);transform:translateX(0);padding-bottom:17px;cursor:pointer}.side-bar .components-list .item:hover{-webkit-transform:translateX(3px);transform:translateX(3px)}.side-bar .components-list .item:hover a{-webkit-transform:translateX(5px);transform:translateX(5px);color:#f7444e}.dark .side-bar .components-list .item:hover a{color:#f7444e}.side-bar .components-list .item.active a{-webkit-transform:translateX(5px);transform:translateX(5px);color:#f7444e}.dark .side-bar .components-list .item.active a{color:#f7444e}.side-bar .components-list .item a{font-size:15px;cursor:pointer;color:#6c757d}.dark .side-bar .components-list .item a{color:#e9ecef}.side-bar .components-list .separator-vertical{margin:0;background:#f7444e;height:1px;border-width:0}.side-bar .components-list .separator-vertical+.item{padding-top:17px}@media screen and (max-width:500px){.side-bar{background:#ced4da;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;position:absolute;z-index:2;width:100%;height:100vh}.side-bar.close{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.side-bar .side-bar-header{display:none}.side-bar .components-list{margin-top:75px;height:100vh}.dark .side-bar .components-list{background:#141619}.side-bar .icon-wrapper{display:block;margin-left:auto}}.button{position:relative;display:flex;justify-content:center;align-items:stretch;margin-bottom:10px;padding:0 10px;border-radius:10px;background:#78bcc4;cursor:pointer;border:none;overflow:hidden}.button.text .icon-wrapper{padding-right:0;padding-bottom:2px;border-right:1px solid transparent}.button.text .icon-wrapper .icon:before{color:#78bcc4}.button.text .icon-wrapper+.label{padding-left:10px}.button.text:disabled{background:transparent;border:1px solid transparent}.button.text:disabled .icon-wrapper{border-right:1px solid transparent}.button.small .label{height:30px;font-size:14px}.button.medium .label{height:40px;font-size:16px}.button.large .label{height:45px;font-size:18px}.button.loading .loading-bg{display:flex;justify-content:flex-start;align-items:stretch;background:rgba(0,0,0,.8);position:absolute;top:0;left:0;height:100%;width:100%}.button.loading .loading-bg .stage{display:flex;justify-content:center;align-items:center;position:relative;width:100%;overflow:hidden}.button.loading .loading-bg .stage .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background:#78bcc4;color:#78bcc4;box-shadow:9999px 0 0 -5px #78bcc4;-webkit-animation:dotPulse 1.5s linear infinite;animation:dotPulse 1.5s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.button.loading .loading-bg .stage .dot-pulse:before{box-shadow:9984px 0 0 -5px #78bcc4;-webkit-animation:dotPulseBefore 1.5s linear infinite;animation:dotPulseBefore 1.5s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.button.loading .loading-bg .stage .dot-pulse:after,.button.loading .loading-bg .stage .dot-pulse:before{content:"";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background:#78bcc4;color:#78bcc4;margin-left:-4px}.button.loading .loading-bg .stage .dot-pulse:after{box-shadow:10014px 0 0 -5px #78bcc4;-webkit-animation:dotPulseAfter 1.5s linear infinite;animation:dotPulseAfter 1.5s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.button.solid .icon-wrapper i:before,.button.solid .label{color:#f8f9fa}.button.ghost{border:1px solid #78bcc4;background:transparent}.button.ghost .label{color:#78bcc4}.button.ghost .icon-wrapper{border-right:1px solid #78bcc4;border-right:1px solid var(--main-color)}.button.ghost .icon-wrapper i:before{color:#78bcc4}.button.ghost:disabled{background:transparent;border:1px solid #adb5bd}.button.ghost:disabled .icon-wrapper{border-right:1px solid #adb5bd}.button.text{border:none;background:transparent}.button.text .label{color:#78bcc4}.button:disabled{background:#dee2e6;border:1px solid #dee2e6;cursor:not-allowed}.button:disabled span.label{color:#adb5bd}.button:disabled .icon-wrapper{border-right:1px solid #ced4da}.button:disabled .icon-wrapper .icon:before{color:#adb5bd}.button:focus{outline:none}.button .icon-wrapper{display:flex;justify-content:normal;align-items:center;padding-right:10px;border-right:1px solid hsla(0,0%,100%,.3)}.button .icon-wrapper i{margin:0}.button .icon-wrapper+.label{padding:0 5px 0 15px}.button .label{display:flex;justify-content:normal;align-items:center;padding:0 12px;transition:box-shadow .2s}.button.bottom-right{right:20px}.button.bottom-left,.button.bottom-right{position:fixed;bottom:20px;box-shadow:2px 2px 6px -2px rgba(0,0,0,.4);z-index:1}.button.bottom-left{left:20px}.button.bottom-center{position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;box-shadow:2px 2px 6px -2px rgba(0,0,0,.4);z-index:1}@-webkit-keyframes dotPulseBefore{0%{box-shadow:9984px 0 0 -5px #78bcc4}30%{box-shadow:9984px 0 0 2px #78bcc4}60%,to{box-shadow:9984px 0 0 -5px #78bcc4}}@keyframes dotPulseBefore{0%{box-shadow:9984px 0 0 -5px #78bcc4}30%{box-shadow:9984px 0 0 2px #78bcc4}60%,to{box-shadow:9984px 0 0 -5px #78bcc4}}@-webkit-keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #78bcc4}30%{box-shadow:9999px 0 0 2px #78bcc4}60%,to{box-shadow:9999px 0 0 -5px #78bcc4}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #78bcc4}30%{box-shadow:9999px 0 0 2px #78bcc4}60%,to{box-shadow:9999px 0 0 -5px #78bcc4}}@-webkit-keyframes dotPulseAfter{0%{box-shadow:10014px 0 0 -5px #78bcc4}30%{box-shadow:10014px 0 0 2px #78bcc4}60%,to{box-shadow:10014px 0 0 -5px #78bcc4}}@keyframes dotPulseAfter{0%{box-shadow:10014px 0 0 -5px #78bcc4}30%{box-shadow:10014px 0 0 2px #78bcc4}60%,to{box-shadow:10014px 0 0 -5px #78bcc4}}.checkbox{display:inline-flex;justify-content:normal;align-items:normal;cursor:pointer}.checkbox+.checkbox{margin-left:10px}.checkbox .checkmark{display:flex;justify-content:normal;align-items:normal;position:relative;width:20px;height:20px;border:2px solid #78bcc4;border:2px solid var(--main-color);border-radius:3px;margin-right:3px}.checkbox .checkmark .icon #check-sign{width:16px;height:16px}.checkbox .checkmark .icon #check-sign .check{fill:#78bcc4;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:scale(0);transform:scale(0)}.checkbox .checkmark input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.checkbox .checkmark input[checked]+.icon #check-sign .check{-webkit-transform:scale(.9);transform:scale(.9);fill:#78bcc4}.checkbox.disabled{cursor:not-allowed}.checkbox.disabled .checkmark{border-color:#adb5bd;border-color:var(--grayscale-500)}.checkbox.disabled .checkmark input[disabled]{cursor:not-allowed}.checkbox.disabled .checkmark input[disabled]+.icon #check-sign .check{fill:#adb5bd}form{padding:25px 15px;border:1px solid #78bcc4;border:1px solid var(--main-color);border-radius:10px;background:hsla(0,0%,100%,.05)}form .form-header{color:#78bcc4;font-size:25px;margin-bottom:25px}form .error{font-size:12px;color:#c64344;text-align:center}.input-field .field{display:flex;justify-content:center;align-items:normal;position:relative;flex-direction:column}.input-field .field .label{position:absolute;left:8px;transition:font-size .3s,-webkit-transform .3s;transition:font-size .3s,transform .3s;transition:font-size .3s,transform .3s,-webkit-transform .3s}.dark .input-field .field .label{color:#6c757d}.input-field .field .label .astrix{font-size:18px;color:#c64344}.input-field .field input{height:50px;padding-top:16px;background:#e9ecef;color:#495057;border:none;border-bottom:1px solid #78bcc4;border-bottom:1px solid var(--main-color);text-indent:7px}.input-field .field input:focus{outline:none}.input-field .field input:focus+.label,.input-field.placeholder .field input+.label{font-size:12px;-webkit-transform:translate(1px,-10px);transform:translate(1px,-10px)}.input-field ::-webkit-input-placeholder{color:#adb5bd}.input-field :-ms-input-placeholder{color:#adb5bd}.input-field ::-ms-input-placeholder{color:#adb5bd}.input-field ::placeholder{color:#adb5bd}.input-field.with-value .field input+.label{font-size:12px;-webkit-transform:translate(1px,-10px);transform:translate(1px,-10px)}.input-field.with-value .field input+.label .astrix{font-size:16px}.input-field .helpers{display:flex;justify-content:normal;align-items:normal}.input-field .helpers .error{font-size:12px;color:#c64344}.input-field .helpers .note{font-size:12px;color:#78bcc4}.input-field .helpers .char-num{font-size:12px;margin-left:auto}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.modal{display:flex;justify-content:center;align-items:center;position:fixed;flex-direction:column;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-animation:fade-in-background .15s forwards;animation:fade-in-background .15s forwards}.modal.close{-webkit-animation:fade-out-background .15s forwards;animation:fade-out-background .15s forwards}.modal.close .box{-webkit-animation:pop-out .2s forwards;animation:pop-out .2s forwards}.modal.hero-image .box .header{background:#f8f9fa;position:relative;height:315px;border-bottom:1px solid #495057;overflow:hidden}.modal.hero-image .box .header .hero{position:absolute;top:0;width:100%;height:380px}.modal.hero-image .box .header .close-sign{position:absolute;right:20px}.modal .box{display:flex;justify-content:normal;align-items:normal;flex-direction:column;min-width:450px;background:#e9ecef;border-radius:3px;position:relative;overflow:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:pop-in .2s .3s forwards;animation:pop-in .2s .3s forwards}.modal .box .header{display:flex;justify-content:center;align-items:normal;background:#ced4da;padding:20px;color:#495057;left:0;top:0;width:100%}.modal .box .header h3{margin:auto}.dark .modal .box .header h3{color:#141619}.modal .box .body{padding:35px 25px}.dark .modal .box .body h2,.dark .modal .box .body p{color:#495057}.modal .box .footer{display:flex;justify-content:center;align-items:normal;padding:25px}.modal .box .close-sign{margin-right:0;font-size:17px;cursor:pointer;color:#f7444e;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.modal .box .close-sign:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (max-width:500px){.modal.close .box{min-width:auto}.modal .box{top:25px;max-height:500px}}.radio-button{display:block;cursor:pointer}.radio-button .radio{display:flex;justify-content:normal;align-items:normal}.radio-button .radio input{position:absolute;opacity:0}.radio-button .radio .icon{width:20px;height:20px;margin-right:3px}.radio-button .radio .icon #radio-circle .check{overflow:hidden;fill:transparent;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center;transition:fill .4s,-webkit-transform .3s;transition:fill .4s,transform .3s;transition:fill .4s,transform .3s,-webkit-transform .3s}.radio-button .radio .icon #radio-circle .ring{fill:#78bcc4}.radio-button.selected .radio input+.icon #radio-circle .check{fill:#78bcc4;-webkit-transform:scale(1);transform:scale(1)}.press-buttons{display:flex;justify-content:normal;align-items:normal}.press-buttons .radio-button{display:block;cursor:pointer;position:relative}.press-buttons .radio-button:first-child .radio{border-top-left-radius:20px;border-bottom-left-radius:20px}.press-buttons .radio-button:last-child .radio{border-top-right-radius:20px;border-bottom-right-radius:20px}.press-buttons .radio-button.selected .radio{box-shadow:inset -2px 5px 12px rgba(0,0,0,.2)}.press-buttons .radio-button .radio{display:flex;justify-content:normal;align-items:normal;padding:20px;background:#f7444e;transition:box-shadow .1s ease-in}.press-buttons .radio-button .radio input{position:absolute;opacity:0;top:0;left:0}.press-buttons .radio-button .radio input[checked]+.icon{display:none}.press-buttons .radio-button .radio input[checked]+.icon #radio-circle .check{fill:#78bcc4;-webkit-transform:scale(1);transform:scale(1)}.press-buttons .radio-button .radio .icon{display:none}.press-buttons .radio-button .radio .label{color:#f8f9fa}.select-wrapper .select{cursor:pointer;position:relative;z-index:1;min-width:150px}.select-wrapper .select .field{display:flex;justify-content:normal;align-items:normal;padding-top:16px;background:#e9ecef;position:relative;flex-direction:column;height:50px;border:none;border-bottom:1px solid #78bcc4;border-bottom:1px solid var(--main-color);text-indent:7px}.select-wrapper .select .field .label{position:absolute;transition:font-size .3s,-webkit-transform .3s;transition:font-size .3s,transform .3s;transition:font-size .3s,transform .3s,-webkit-transform .3s}.dark .select-wrapper .select .field .label{color:#6c757d}.select-wrapper .select .field .selected{position:relative;top:7px}.dark .select-wrapper .select .field .selected{color:#495057}.select-wrapper .select .field .toggle-icon{display:flex;justify-content:normal;align-items:normal;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:15px;height:12px;right:7px}.select-wrapper .select .field .toggle-icon.icon #arrow{width:100%;height:100%;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.select-wrapper .select .field .toggle-icon.icon #arrow .path{fill:none;stroke:#78bcc4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.select-wrapper .select .field .dropdown{background:#f7444e;color:#f8f9fa;margin:0;padding:15px 0;cursor:pointer;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:scaleY(0);transform:scaleY(0);position:absolute;width:100%;top:calc(100% + 1px);list-style-type:none;-webkit-transform-origin:top;transform-origin:top}.select-wrapper .select .field .dropdown .option{padding:10px 15px;transition:background .4s ease-in}.select-wrapper .select .field .dropdown .option:hover{background:#c93f45}.select-wrapper .select .field.open .toggle-icon.icon #arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-wrapper .select .field.open .dropdown{-webkit-transform:scaleY(1);transform:scaleY(1)}.select-wrapper .select .field.with-value .label{font-size:12px;-webkit-transform:translate(1px,-10px);transform:translate(1px,-10px)}.select-wrapper .select .field:focus{outline:none}.select-wrapper .select .field .toggle-icon{position:absolute;right:0;margin-right:12px;font-size:20px}.select-wrapper .select .field .toggle-icon.icon:before{display:block;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@media screen and (min-width:550px){.select-wrapper .select-mobile{display:none}}@media screen and (max-width:550px){.select-wrapper .select{visibility:hidden;height:0;width:0}}.tabs{display:flex;justify-content:normal;align-items:normal;margin:0;padding:0;background:#f8f9fa;list-style:none}.tabs .tab{position:relative;padding:15px;-webkit-transform:border .3s;transform:border .3s;cursor:pointer;border-bottom:2px solid transparent}.tabs .tab .button{margin-bottom:0;cursor:pointer}.tabs .tab .button.text .label{color:#f7444e}.tabs .tab:before{background:none repeat scroll 0 0 transparent;display:block;background:#f7444e;top:0;content:"";height:2px;position:absolute;transition:width .3s ease 0s,left .3s ease 0s;left:50%;width:0}.tabs .tab.active:before{left:0;width:100%}@media screen and (max-width:500px){.tabs .tab{flex:1 1}}.textbox .field{display:flex;justify-content:normal;align-items:normal;position:relative;flex-direction:column}.textbox .field .label{position:absolute;top:10px;left:8px;transition:font-size .3s,-webkit-transform .3s;transition:font-size .3s,transform .3s;transition:font-size .3s,transform .3s,-webkit-transform .3s}.dark .textbox .field .label{color:#495057}.textbox .field .label .astrix{font-size:18px;color:#c64344}.textbox .field textarea{padding-top:30px;background:#e9ecef;min-height:90px;max-width:100%;border:none;border-bottom:1px solid #78bcc4;border-bottom:1px solid var(--main-color);text-indent:7px}.textbox .field textarea:focus{outline:none}.textbox .field textarea:focus+.label{-webkit-transform:translateY(-5px);transform:translateY(-5px);font-size:12px}.textbox.placeholder .field textarea+.label,.textbox.with-value .field textarea+.label{font-size:12px}.textbox .helpers{display:flex}.textbox .helpers .error{font-size:12px;color:#c64344}.textbox .helpers .note{font-size:12px;color:#78bcc4}.textbox .helpers .char-num{font-size:12px;margin-left:auto}.toggle-button{display:flex;justify-content:normal;align-items:center;cursor:pointer}.toggle-button .label{margin-right:10px;order:0}.toggle-button+.toogle-button{margin-right:10px}.toggle-button .switch{display:flex;justify-content:normal;align-items:normal;transition:border .3s;position:relative;min-width:45px;width:45px;height:18px;order:1}.toggle-button .switch input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.toggle-button .switch .circle{background:#ced4da;border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px);left:0;width:22px;height:22px;position:absolute;transition:background-color .3s,-webkit-transform .25s;transition:transform .25s,background-color .3s;transition:transform .25s,background-color .3s,-webkit-transform .25s}.toggle-button .switch .circle-bg{width:100%;border-radius:50%;border-radius:25px;background:#e9ecef}.toggle-button.checked .switch .circle{background:#78bcc4;-webkit-transform:translate(25px,-2px);transform:translate(25px,-2px)}.toggle-button.checked .switch .circle-bg{background:#e9ecef}.toggle-button.label-from-right .label{margin-right:0;margin-left:10px;order:1}.toggle-button.label-from-right .switch{order:0}.toaster{display:flex;justify-content:normal;align-items:center;padding:25px 25px 12px 12px;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,.3);position:fixed;min-width:280px;max-width:350px;z-index:1;-webkit-animation:notice-pop-in .3s forwards;animation:notice-pop-in .3s forwards}.toaster.close{-webkit-animation:notice-pop-out .3s forwards;animation:notice-pop-out .3s forwards}.toaster .icon.close{cursor:pointer;position:absolute;top:10px;right:10px}.toaster.info{background:#3daac6}.toaster.success{background:#4ba255}.toaster.error{background:#c64344}.toaster.warning{background:#df954c}.toaster.top-right{top:20px;right:20px}.toaster.top-left{top:20px;left:20px}.toaster.bottom-right{bottom:20px;right:20px}.toaster.bottom-left{bottom:20px;left:20px}.toaster .icon-type{padding-top:5px;align-self:flex-start}.toaster .icon-type .icon{color:#f8f9fa;font-size:28px}.toaster .content{padding:0;background:transparent}.dark .toaster .content{border:none}.toaster .content .title{margin-bottom:0;color:#f8f9fa}.toaster .content .running-text{color:#f8f9fa;font-size:14px}@media screen and (max-width:500px){.toaster{min-width:210px}.toaster.top-left,.toaster.top-right{top:95px}}@-webkit-keyframes notice-pop-in{0%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes notice-pop-in{0%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes notice-pop-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}@keyframes notice-pop-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}.home-page .mobile-header{display:none}.home-page .components-info{padding-top:75px}.home-page .toggle-theme{display:flex;justify-content:normal;align-items:center;position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.home-page .toggle-theme.toggle-button .switch .circle{background:#78bcc4}.dark .home-page{background:#141619}@media screen and (max-width:500px){.home-page{overflow-x:hidden}.home-page .mobile-header{position:absolute;display:flex;justify-content:normal;align-items:center;padding:25px;color:#f7444e;background:#495057;width:100%;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--grayscale-200);z-index:3}.dark .home-page .mobile-header{background:#141619}.home-page .mobile-header h3{margin-bottom:0;color:#f7444e}.home-page .mobile-header h3 .icon-wrapper i{font-size:18px;color:#f7444e;-webkit-transform:translateY(2px) rotate(-45deg);transform:translateY(2px) rotate(-45deg)}.home-page .mobile-header .close-icon{display:flex;justify-content:space-between;align-items:normal;cursor:pointer;flex-direction:column;height:15px;margin-left:auto}.home-page .mobile-header .close-icon .strip{border-radius:10px;background:#e9ecef;width:22px;height:3px;transition:color .4s,-webkit-transform .2s;transition:transform .2s,color .4s;transition:transform .2s,color .4s,-webkit-transform .2s}.home-page .mobile-header .close-icon .strip:first-child{-webkit-transform:translateY(6px);transform:translateY(6px)}.home-page .mobile-header .close-icon .strip:nth-child(2){background:#f7444e;z-index:1}.home-page .mobile-header .close-icon .strip:last-child{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.home-page .mobile-header.close .close-icon .strip:first-child{-webkit-transform:translateY(0);transform:translateY(0)}.home-page .mobile-header.close .close-icon .strip:nth-child(2){background:#e9ecef}.home-page .mobile-header.close .close-icon .strip:last-child{-webkit-transform:translateY(0);transform:translateY(0)}}.entrace .main-img{z-index:0}.entrace .main-img,.entrace .sparkling-stars{position:absolute;right:0;bottom:0;width:50vw}.entrace .sparkling-stars{z-index:-1}.entrace .sparkling-stars #stars .star{-webkit-animation:sparkling .5s forwards;animation:sparkling .5s forwards}.entrace .title .hey-sign{font-size:40px;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.entrace .title:hover .hey-sign{-webkit-transform:rotate(55deg);transform:rotate(55deg)}@media (max-width:975px) and (min-width:500px){.entrace .main-img,.entrace .sparkling-stars{display:none}}@media screen and (max-width:500px){.entrace{height:100vh}}.button-page .content{display:flex;justify-content:normal;align-items:normal}.button-page .content .grid{margin-right:auto;flex:1 1}.button-page .content .settings{border-left:1px solid #78bcc4;border-left:1px solid var(--main-color)}@media (max-width:975px) and (min-width:500px){.button-page .content .btn,.button-page .content .btn-backTop{min-width:150px}}@media screen and (max-width:500px){.button-page .content{flex-direction:column;padding-top:45px}.button-page .content .settings{padding-top:20px;padding-left:0;min-width:250px;border-top:1px solid #78bcc4;border-top:1px solid var(--main-color);border-left:none}}.icon-page .content{display:flex;justify-content:normal;align-items:normal}.icon-page .content .icons.grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,70px);justify-items:stretch;align-items:stretch;grid-gap:18px 10px;gap:18px 10px}.icon-page .content .icons.grid .grid-item{display:flex;justify-content:auto;align-items:auto;flex-direction:column}.icon-page .content .icons.grid .grid-item .icon-pres{display:flex;justify-content:center;align-items:center;border:1px solid #78bcc4;border-radius:5px;cursor:pointer;flex:1 1}.icon-page .content .icons.grid .grid-item .icon{-webkit-transform:1;transform:1;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.icon-page .content .icons.grid .grid-item:hover .icon{-webkit-transform:scale(1.8);transform:scale(1.8)}.icon-page .content .icons.grid .icon-class{text-align:center;height:20px;line-height:1.1}.icon-page .content .settings{min-width:250px;border-top:none;border-left:1px solid #78bcc4;margin-left:auto}.icon-page .icon.icon-size-xl,.icon-page .icon.icon-size-xl:before{font-size:25px}.icon-page .link:hover{color:#f7444e}.icon-page .icons-list-content+.settings{display:none}@media (max-width:975px) and (min-width:500px){.icon-page .content .icons.grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,80px);grid-gap:35px 20px;gap:35px 20px}}@media screen and (max-width:500px){.icon-page .content{padding:45px 25px 30px;flex-direction:column}.icon-page .content .icons.grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,80px);grid-gap:35px 20px;gap:35px 20px}.icon-page .content .icons.grid .grid-item .icon-pres{min-height:60px}.icon-page .content .settings{padding-top:20px;padding-left:0;margin-left:0;border-top:1px solid #78bcc4;border-top:1px solid var(--main-color);border-left:none}}.checkbox-page .container .content{display:flex;justify-content:normal;align-items:normal}.checkbox-page .container .content .checkboxes{flex:1 1}.checkbox-page .container .content .checkboxes .align-start{align-self:flex-start}.checkbox-page .container .content .settings{padding-left:15px;border-left:1px solid #78bcc4;min-width:250px}@media (max-width:975px) and (min-width:500px){.checkbox-page .container .content{flex-direction:column}.checkbox-page .container .content .checkboxes{margin-bottom:25px;align-self:flex-start}.checkbox-page .container .content .settings{padding-top:25px;padding-left:0;border-top:1px solid #78bcc4;border-left:none}}@media screen and (max-width:500px){.checkbox-page .container .content{flex-direction:column}.checkbox-page .container .content .checkboxes{margin-bottom:25px;align-self:flex-start}.checkbox-page .container .content .settings{padding-top:25px;padding-left:0;border-top:1px solid #78bcc4;border-left:none}}.toggle-button-page .container .content .grid{display:flex;justify-content:auto;align-items:auto}.toggle-button-page .container .content .grid .component{flex:1 1}.toggle-button-page .container .content .grid .settings{min-width:250px;border-left:1px solid #78bcc4}@media (max-width:975px) and (min-width:500px){.toggle-button-page .container .content .grid{flex-direction:column}.toggle-button-page .container .content .grid .component{padding-bottom:25px}.toggle-button-page .container .content .grid .settings{padding-top:25px;border-top:1px solid #78bcc4;border-left:none}}@media screen and (max-width:500px){.toggle-button-page .container .content .grid{flex-direction:column}.toggle-button-page .container .content .grid .settings{border-top:1px solid #78bcc4;border-left:none}}.input-field-page .content{display:flex;justify-content:normal;align-items:normal}.input-field-page .content .grid{flex:1 1;margin-right:auto}.input-field-page .content .grid .row [class^=col]{align-self:flex-start}.input-field-page .content .settings{border-left:1px solid #78bcc4;min-width:250px}@media (max-width:975px) and (min-width:500px){.input-field-page .tabs .tab{padding:10px 0 0}.input-field-page .tabs .tab:last-child{display:none}.input-field-page .content{flex-direction:column;padding-top:45px}.input-field-page .content .settings{padding-top:20px;padding-left:0;border-top:1px solid #78bcc4;border-top:1px solid var(--main-color);border-left:none}}@media screen and (max-width:500px){.input-field-page .grid .tabs .tab{padding:10px 0 0}.input-field-page .grid .tabs .tab:last-child,.input-field-page .grid .tabs .tab:nth-child(4){display:none}.input-field-page .grid .content{flex-direction:column;padding-top:45px}.input-field-page .grid .content .input-field{padding-bottom:25px}.input-field-page .grid .content .settings{padding-top:20px;padding-left:0;border-top:1px solid #78bcc4;border-top:1px solid var(--main-color);border-left:none}}.radio-page .container .content{display:flex;justify-content:normal;align-items:normal}.radio-page .container .content .grid.with-press-buttons~.settings{display:none}.radio-page .container .content .settings{margin-left:auto;padding-left:15px;min-width:350px;border-left:1px solid #78bcc4}@media (max-width:975px) and (min-width:500px){.radio-page .container .content{flex-direction:column}.radio-page .container .content .grid{margin-bottom:25px}.radio-page .container .content .settings{margin-left:0;padding-top:25px;padding-left:0;border-top:1px solid #78bcc4;border-left:none}}@media screen and (max-width:500px){.radio-page .container .content{flex-direction:column}.radio-page .container .content .grid{margin-bottom:25px}.radio-page .container .content .grid.with-press-buttons .radio-button:nth-child(3){display:none}.radio-page .container .content .grid.with-press-buttons .radio-button .radio{padding:15px}.radio-page .container .content .settings{margin-left:0;padding-top:25px;padding-left:0;border-top:1px solid #78bcc4;border-left:none;min-width:auto}}.textbox-page .container .content{display:flex;justify-content:normal;align-items:normal;flex-wrap:wrap}.textbox-page .container .content .textbox .textarea{max-width:350px}.textbox-page .container .content .grid{flex:1 1}.textbox-page .container .content .settings{border-left:1px solid #78bcc4;min-width:300px}@media (max-width:975px) and (min-width:500px){.textbox-page .container .content{flex-direction:column}.textbox-page .container .content .grid .component{padding-bottom:25px}.textbox-page .container .content .grid .settings-row{margin-left:0}.textbox-page .container .content .settings{padding-top:25px;padding-left:0;border-top:1px solid #78bcc4;border-left:none}}@media screen and (max-width:500px){.textbox-page .container .content{flex-direction:column}.textbox-page .container .content .settings{padding-left:0;border-top:1px solid #78bcc4;border-left:none;min-width:0}}.select-page .container .content .grid{display:flex;justify-content:normal;align-items:normal}.select-page .container .content .grid .component{align-self:flex-start}.select-page .container .content .grid .settings{margin-left:auto;padding-left:15px;min-width:300px;border-left:1px solid #78bcc4}@media (max-width:975px) and (min-width:500px){.select-page .container .content .grid{flex-direction:column}.select-page .container .content .grid .component{padding-bottom:10px}.select-page .container .content .grid .settings{margin-left:0;padding:25px 10px 0;border-left:0;border-top:1px solid #78bcc4}}@media screen and (max-width:500px){.select-page .container .content .grid{flex-direction:column}.select-page .container .content .grid .component{padding-bottom:10px}.select-page .container .content .grid .settings{margin-left:0;padding:25px 10px 0;border-left:0;border-top:1px solid #78bcc4;min-width:0}}.form-page .grid .container .form h5{margin-top:10px;margin-bottom:5px}.form-page .grid .container .form .textbox{margin-top:50px}.form-page .grid .container .form .textbox textarea{resize:none}.form-page .grid .container .form .form-child{margin-bottom:25px}.form-page .grid .container .form .btn-wrapper{margin-top:65px}.form-page .grid .container .form .btn-wrapper .button{transition:background-color .4s,color .4s}.form-page .grid .container .form .btn-wrapper .button.success{background:#4ba255}@media screen and (max-width:500px){.form-page .grid .container .form .press-buttons :nth-child(2){display:none}}@media screen and (max-width:500px){.tabs-page.container .grid .container .tabs .tab{padding:8px}}
/*# sourceMappingURL=main.6c61a089.chunk.css.map */