@charset "UTF-8";
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-sticky--active{z-index:99}.elementor-sticky__spacer .e-n-menu .e-n-menu-content{display:none}.e-con.elementor-sticky--active{z-index:var(--z-index,99)}.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container{overflow:hidden}.elementor-widget .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;margin-inline:-8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{border-width:0;border-inline-start-width:1px;border-style:solid;height:100%;inset-inline-end:-8px;inset-inline-start:auto;position:relative;width:auto}.elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0}.elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative}.elementor-widget .elementor-icon-list-item:after{inset-block-end:0;position:absolute;width:100%}.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self:center;padding-inline-start:5px}.elementor-widget .elementor-icon-list-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative}.elementor-widget .elementor-icon-list-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em)}.elementor-widget .elementor-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{text-align:var(--e-icon-list-icon-align)}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg{margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)}.elementor-widget.elementor-list-item-link-full_width a{width:100%}.elementor-widget.elementor-align-center .elementor-icon-list-item,.elementor-widget.elementor-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-align-left .elementor-icon-list-item,.elementor-widget.elementor-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-align-right .elementor-icon-list-item,.elementor-widget.elementor-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after{inset-inline-end:0}@media (min-width:-1){.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-widescreen-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-widescreen-align-left .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-widescreen-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-widescreen-align-right .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-widescreen-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-widescreen-align-right) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-widescreen-align-left) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-laptop-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-laptop-align-left .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-laptop-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-laptop-align-right .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-laptop-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-laptop-align-right) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-laptop-align-left) .elementor-icon-list-item:after{inset-inline-end:0}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet_extra-align-left .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-tablet_extra-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-tablet_extra-align-right) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet_extra-align-left) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:1024px){.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet-align-left .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-tablet-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-tablet-align-right .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-tablet-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile_extra-align-left .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-mobile_extra-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-mobile_extra-align-right) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile_extra-align-left) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile-align-left .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-mobile-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-mobile-align-right .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-mobile-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after{inset-inline-end:0}}#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0}
.site-main .menu-navigation-container{overflow:visible}.elementor-item:after,.elementor-item:before{display:block;position:absolute;transition:.3s;transition-timing-function:cubic-bezier(.58,.3,.005,1)}.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{opacity:0}.elementor-item-active:after,.elementor-item-active:before,.elementor-item.highlighted:after,.elementor-item.highlighted:before,.elementor-item:focus:after,.elementor-item:focus:before,.elementor-item:hover:after,.elementor-item:hover:before{transform:scale(1)}.e--pointer-double-line .elementor-item:after,.e--pointer-double-line .elementor-item:before,.e--pointer-overline .elementor-item:after,.e--pointer-overline .elementor-item:before,.e--pointer-underline .elementor-item:after,.e--pointer-underline .elementor-item:before{background-color:#3f444b;height:3px;left:0;width:100%;z-index:2}.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-double-line.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{height:0;left:50%;width:0}.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:10px}.e--pointer-double-line.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-drop-out .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{bottom:10px}.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:-10px}.e--pointer-double-line.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-overline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-drop-in .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{bottom:-10px}.e--pointer-double-line.e--animation-none,.e--pointer-double-line.e--animation-none .elementor-item,.e--pointer-double-line.e--animation-none .elementor-item:after,.e--pointer-double-line.e--animation-none .elementor-item:before,.e--pointer-double-line.e--animation-none .elementor-item:focus,.e--pointer-double-line.e--animation-none .elementor-item:hover,.e--pointer-double-line.e--animation-none:after,.e--pointer-double-line.e--animation-none:before,.e--pointer-double-line.e--animation-none:focus,.e--pointer-double-line.e--animation-none:hover,.e--pointer-overline.e--animation-none,.e--pointer-overline.e--animation-none .elementor-item,.e--pointer-overline.e--animation-none .elementor-item:after,.e--pointer-overline.e--animation-none .elementor-item:before,.e--pointer-overline.e--animation-none .elementor-item:focus,.e--pointer-overline.e--animation-none .elementor-item:hover,.e--pointer-overline.e--animation-none:after,.e--pointer-overline.e--animation-none:before,.e--pointer-overline.e--animation-none:focus,.e--pointer-overline.e--animation-none:hover,.e--pointer-underline.e--animation-none,.e--pointer-underline.e--animation-none .elementor-item,.e--pointer-underline.e--animation-none .elementor-item:after,.e--pointer-underline.e--animation-none .elementor-item:before,.e--pointer-underline.e--animation-none .elementor-item:focus,.e--pointer-underline.e--animation-none .elementor-item:hover,.e--pointer-underline.e--animation-none:after,.e--pointer-underline.e--animation-none:before,.e--pointer-underline.e--animation-none:focus,.e--pointer-underline.e--animation-none:hover{transition-duration:0s}.e--pointer-double-line .elementor-item:before,.e--pointer-overline .elementor-item:before{content:"";top:0}.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before,.e--pointer-overline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:-20px;width:10px}.e--pointer-double-line .elementor-item:after,.e--pointer-underline .elementor-item:after{bottom:0;content:""}.e--pointer-double-line.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{inset-inline-start:100%;width:10px}.e--pointer-framed .elementor-item:after,.e--pointer-framed .elementor-item:before{background:transparent;border:3px solid #3f444b;bottom:0;left:0;right:0;top:0}.e--pointer-framed .elementor-item:before{content:""}.e--pointer-framed.e--animation-grow .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(.75)}.e--pointer-framed.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(1.25)}.e--pointer-framed.e--animation-grow .elementor-item:before,.e--pointer-framed.e--animation-shrink .elementor-item:before{transition:opacity .2s,transform .4s}.e--pointer-framed.e--animation-draw .elementor-item:after,.e--pointer-framed.e--animation-draw .elementor-item:before{height:3px;width:3px}.e--pointer-framed.e--animation-draw .elementor-item:before{border-block-end-width:3px;border-block-start-width:0;border-inline-end-width:0;border-inline-start-width:3px;transition:width .1s .2s,height .1s .3s,opacity .12s .22s}.e--pointer-framed.e--animation-draw .elementor-item:after{border-block-end-width:0;border-block-start-width:3px;border-inline-end-width:3px;border-inline-start-width:0;content:"";inset-block-end:0;inset-block-start:auto;inset-inline-end:0;inset-inline-start:auto;transition:width .1s,height .1s .1s,opacity .02s .18s}.e--pointer-framed.e--animation-draw .elementor-item-active:after,.e--pointer-framed.e--animation-draw .elementor-item-active:before,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,.e--pointer-framed.e--animation-draw .elementor-item:focus:after,.e--pointer-framed.e--animation-draw .elementor-item:focus:before,.e--pointer-framed.e--animation-draw .elementor-item:hover:after,.e--pointer-framed.e--animation-draw .elementor-item:hover:before{height:100%;width:100%}.e--pointer-framed.e--animation-draw .elementor-item-active:before,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:before,.e--pointer-framed.e--animation-draw .elementor-item:focus:before,.e--pointer-framed.e--animation-draw .elementor-item:hover:before{transition:opacity .02s,height .1s,width .1s .1s}.e--pointer-framed.e--animation-draw .elementor-item-active:after,.e--pointer-framed.e--animation-draw .elementor-item.highlighted:after,.e--pointer-framed.e--animation-draw .elementor-item:focus:after,.e--pointer-framed.e--animation-draw .elementor-item:hover:after{transition:opacity .02s .2s,height .1s .2s,width .1s .3s}.e--pointer-framed.e--animation-corners .elementor-item:after,.e--pointer-framed.e--animation-corners .elementor-item:before{height:3px;width:3px}.e--pointer-framed.e--animation-corners .elementor-item:before{border-block-end-width:0;border-block-start-width:3px;border-inline-end-width:0;border-inline-start-width:3px}.e--pointer-framed.e--animation-corners .elementor-item:after{border-block-end-width:3px;border-block-start-width:0;border-inline-end-width:3px;border-inline-start-width:0;content:"";inset-block-end:0;inset-block-start:auto;inset-inline-end:0;inset-inline-start:auto}.e--pointer-framed.e--animation-corners .elementor-item-active:after,.e--pointer-framed.e--animation-corners .elementor-item-active:before,.e--pointer-framed.e--animation-corners .elementor-item.highlighted:after,.e--pointer-framed.e--animation-corners .elementor-item.highlighted:before,.e--pointer-framed.e--animation-corners .elementor-item:focus:after,.e--pointer-framed.e--animation-corners .elementor-item:focus:before,.e--pointer-framed.e--animation-corners .elementor-item:hover:after,.e--pointer-framed.e--animation-corners .elementor-item:hover:before{height:100%;transition:opacity 2ms,width .4s,height .4s;width:100%}.e--pointer-framed.e--animation-none,.e--pointer-framed.e--animation-none .elementor-item,.e--pointer-framed.e--animation-none .elementor-item:after,.e--pointer-framed.e--animation-none .elementor-item:before,.e--pointer-framed.e--animation-none .elementor-item:focus,.e--pointer-framed.e--animation-none .elementor-item:hover,.e--pointer-framed.e--animation-none:after,.e--pointer-framed.e--animation-none:before,.e--pointer-framed.e--animation-none:focus,.e--pointer-framed.e--animation-none:hover{transition-duration:0s}.e--pointer-background .elementor-item:after,.e--pointer-background .elementor-item:before{content:"";transition:.3s}.e--pointer-background .elementor-item:before{background:#3f444b;inset:0;z-index:-1}.e--pointer-background .elementor-item-active,.e--pointer-background .elementor-item.highlighted,.e--pointer-background .elementor-item:focus,.e--pointer-background .elementor-item:hover{color:#fff}.e--pointer-background.e--animation-grow .elementor-item:before{transform:scale(.5)}.e--pointer-background.e--animation-grow .elementor-item-active:before,.e--pointer-background.e--animation-grow .elementor-item.highlighted:before,.e--pointer-background.e--animation-grow .elementor-item:focus:before,.e--pointer-background.e--animation-grow .elementor-item:hover:before{opacity:1;transform:scale(1)}.e--pointer-background.e--animation-shrink .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{transform:scale(1.2);transition:.3s}.e--pointer-background.e--animation-shrink .elementor-item-active:before,.e--pointer-background.e--animation-shrink .elementor-item.highlighted:before,.e--pointer-background.e--animation-shrink .elementor-item:focus:before,.e--pointer-background.e--animation-shrink .elementor-item:hover:before{transition:opacity .15s,transform .4s}.e--pointer-background.e--animation-sweep-left .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:100%}.e--pointer-background.e--animation-sweep-right .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{right:100%}.e--pointer-background.e--animation-sweep-up .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{top:100%}.e--pointer-background.e--animation-sweep-down .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{bottom:100%}.e--pointer-background.e--animation-shutter-out-vertical .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{bottom:50%;top:50%}.e--pointer-background.e--animation-shutter-out-horizontal .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{left:50%;right:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after{background:#3f444b;inset:0;z-index:-1}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:before{bottom:100%;top:0}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:after{bottom:0;top:100%}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:before,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:before{bottom:50%}.e--pointer-background.e--animation-shutter-in-vertical .elementor-item-active:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item.highlighted:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:focus:after,.e--pointer-background.e--animation-shutter-in-vertical .elementor-item:hover:after{top:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:before{left:100%;right:0}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:after{left:0;right:100%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:before,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:before{left:50%}.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item-active:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item.highlighted:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:focus:after,.e--pointer-background.e--animation-shutter-in-horizontal .elementor-item:hover:after{right:50%}.e--pointer-background.e--animation-none,.e--pointer-background.e--animation-none .elementor-item,.e--pointer-background.e--animation-none .elementor-item:after,.e--pointer-background.e--animation-none .elementor-item:before,.e--pointer-background.e--animation-none .elementor-item:focus,.e--pointer-background.e--animation-none .elementor-item:hover,.e--pointer-background.e--animation-none:after,.e--pointer-background.e--animation-none:before,.e--pointer-background.e--animation-none:focus,.e--pointer-background.e--animation-none:hover{transition-duration:0s}.e--pointer-text.e--animation-skew .elementor-item:focus,.e--pointer-text.e--animation-skew .elementor-item:hover{transform:skew(-8deg)}.e--pointer-text.e--animation-grow .elementor-item:focus,.e--pointer-text.e--animation-grow .elementor-item:hover{transform:scale(1.2)}.e--pointer-text.e--animation-shrink .elementor-item:focus,.e--pointer-text.e--animation-shrink .elementor-item:hover{transform:scale(.8)}.e--pointer-text.e--animation-float .elementor-item:focus,.e--pointer-text.e--animation-float .elementor-item:hover{transform:translateY(-8px)}.e--pointer-text.e--animation-sink .elementor-item:focus,.e--pointer-text.e--animation-sink .elementor-item:hover{transform:translateY(8px)}.e--pointer-text.e--animation-rotate .elementor-item:focus,.e--pointer-text.e--animation-rotate .elementor-item:hover{transform:rotate(6deg)}.e--pointer-text.e--animation-none,.e--pointer-text.e--animation-none .elementor-item,.e--pointer-text.e--animation-none .elementor-item:after,.e--pointer-text.e--animation-none .elementor-item:before,.e--pointer-text.e--animation-none .elementor-item:focus,.e--pointer-text.e--animation-none .elementor-item:hover,.e--pointer-text.e--animation-none:after,.e--pointer-text.e--animation-none:before,.e--pointer-text.e--animation-none:focus,.e--pointer-text.e--animation-none:hover{transition-duration:0s}.elementor-nav-menu--main .elementor-nav-menu a{transition:.4s}.elementor-nav-menu--main .elementor-nav-menu a,.elementor-nav-menu--main .elementor-nav-menu a.highlighted,.elementor-nav-menu--main .elementor-nav-menu a:focus,.elementor-nav-menu--main .elementor-nav-menu a:hover{padding:13px 20px}.elementor-nav-menu--main .elementor-nav-menu a.current{background:#1f2124;color:#fff}.elementor-nav-menu--main .elementor-nav-menu a.disabled{background:#3f444b;color:#88909b}.elementor-nav-menu--main .elementor-nav-menu ul{border-style:solid;border-width:0;padding:0;position:absolute;width:12em}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down,.elementor-nav-menu--main .elementor-nav-menu span.scroll-up{background:#fff;display:none;height:20px;overflow:hidden;position:absolute;visibility:hidden}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down-arrow,.elementor-nav-menu--main .elementor-nav-menu span.scroll-up-arrow{border:8px dashed transparent;border-bottom:8px solid #33373d;height:0;inset-block-start:-2px;inset-inline-start:50%;margin-inline-start:-8px;overflow:hidden;position:absolute;width:0}.elementor-nav-menu--main .elementor-nav-menu span.scroll-down-arrow{border-color:#33373d transparent transparent;border-style:solid dashed dashed;top:6px}.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow .e-font-icon-svg,.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow i{transform:rotate(calc(-90deg * var(--direction-multiplier, 1)))}.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow .e-font-icon-svg{fill:currentColor;height:1em;width:1em}.elementor-nav-menu--layout-horizontal{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu{display:flex;flex-wrap:wrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu a{flex-grow:1;white-space:nowrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>.scroll-down{top:100%!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a{margin-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul{inset-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a{margin-inline-end:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after{align-self:center;border-color:var(--e-nav-menu-divider-color,#000);border-left-style:var(--e-nav-menu-divider-style,solid);border-left-width:var(--e-nav-menu-divider-width,2px);content:var(--e-nav-menu-divider-content,none);height:var(--e-nav-menu-divider-height,35%)}.elementor-nav-menu__align-right .elementor-nav-menu{justify-content:flex-end;margin-left:auto}.elementor-nav-menu__align-right .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-end}.elementor-nav-menu__align-left .elementor-nav-menu{justify-content:flex-start;margin-right:auto}.elementor-nav-menu__align-left .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-start}.elementor-nav-menu__align-start .elementor-nav-menu{justify-content:flex-start;margin-inline-end:auto}.elementor-nav-menu__align-start .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-start}.elementor-nav-menu__align-end .elementor-nav-menu{justify-content:flex-end;margin-inline-start:auto}.elementor-nav-menu__align-end .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:flex-end}.elementor-nav-menu__align-center .elementor-nav-menu{justify-content:center;margin-inline-end:auto;margin-inline-start:auto}.elementor-nav-menu__align-center .elementor-nav-menu--layout-vertical>ul>li>a{justify-content:center}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu{width:100%}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{flex-grow:1}.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>a{justify-content:center}.elementor-widget-nav-menu:not(.elementor-nav-menu--toggle) .elementor-menu-toggle{display:none}.elementor-widget-nav-menu .elementor-widget-container,.elementor-widget-nav-menu:not(:has(.elementor-widget-container)):not([class*=elementor-hidden-]){display:flex;flex-direction:column}.elementor-nav-menu{position:relative;z-index:2}.elementor-nav-menu:after{clear:both;content:" ";display:block;font:0/0 serif;height:0;overflow:hidden;visibility:hidden}.elementor-nav-menu,.elementor-nav-menu li,.elementor-nav-menu ul{display:block;line-height:normal;list-style:none;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.elementor-nav-menu ul{display:none}.elementor-nav-menu ul ul a,.elementor-nav-menu ul ul a:active,.elementor-nav-menu ul ul a:focus,.elementor-nav-menu ul ul a:hover{border-left:16px solid transparent}.elementor-nav-menu ul ul ul a,.elementor-nav-menu ul ul ul a:active,.elementor-nav-menu ul ul ul a:focus,.elementor-nav-menu ul ul ul a:hover{border-left:24px solid transparent}.elementor-nav-menu ul ul ul ul a,.elementor-nav-menu ul ul ul ul a:active,.elementor-nav-menu ul ul ul ul a:focus,.elementor-nav-menu ul ul ul ul a:hover{border-left:32px solid transparent}.elementor-nav-menu ul ul ul ul ul a,.elementor-nav-menu ul ul ul ul ul a:active,.elementor-nav-menu ul ul ul ul ul a:focus,.elementor-nav-menu ul ul ul ul ul a:hover{border-left:40px solid transparent}.elementor-nav-menu a,.elementor-nav-menu li{position:relative}.elementor-nav-menu li{border-width:0}.elementor-nav-menu a{align-items:center;display:flex}.elementor-nav-menu a,.elementor-nav-menu a:focus,.elementor-nav-menu a:hover{line-height:20px;padding:10px 20px}.elementor-nav-menu a.current{background:#1f2124;color:#fff}.elementor-nav-menu a.disabled{color:#88909b;cursor:not-allowed}.elementor-nav-menu .e-plus-icon:before{content:"+"}.elementor-nav-menu .sub-arrow{align-items:center;display:flex;line-height:1;margin-block-end:-10px;margin-block-start:-10px;padding:10px;padding-inline-end:0}.elementor-nav-menu .sub-arrow i{pointer-events:none}.elementor-nav-menu .sub-arrow .fa.fa-chevron-down,.elementor-nav-menu .sub-arrow .fas.fa-chevron-down{font-size:.7em}.elementor-nav-menu .sub-arrow .e-font-icon-svg{height:1em;width:1em}.elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down{height:.7em;width:.7em}.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,.elementor-nav-menu--dropdown .elementor-item.highlighted,.elementor-nav-menu--dropdown .elementor-item:focus,.elementor-nav-menu--dropdown .elementor-item:hover,.elementor-sub-item.elementor-item-active,.elementor-sub-item.highlighted,.elementor-sub-item:focus,.elementor-sub-item:hover{background-color:#3f444b;color:#fff}.elementor-menu-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#33373d;cursor:pointer;display:flex;font-size:var(--nav-menu-icon-size,22px);justify-content:center;padding:.25em}.elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close{display:none}.elementor-menu-toggle .e-font-icon-svg{fill:#33373d;height:1em;width:1em}.elementor-menu-toggle svg{height:auto;width:1em;fill:var(--nav-menu-icon-color,currentColor)}span.elementor-menu-toggle__icon--close,span.elementor-menu-toggle__icon--open{line-height:1}.elementor-nav-menu--dropdown{background-color:#fff;font-size:13px}.elementor-nav-menu--dropdown-none .elementor-menu-toggle,.elementor-nav-menu--dropdown-none .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:10px;overflow-x:hidden;overflow-y:auto;transform-origin:top;transition:max-height .3s,transform .3s}.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item{font-size:.85em}.elementor-nav-menu--dropdown a{color:#33373d}.elementor-nav-menu--dropdown a.current{background:#1f2124;color:#fff}.elementor-nav-menu--dropdown a.disabled{color:#b3b3b3}ul.elementor-nav-menu--dropdown a,ul.elementor-nav-menu--dropdown a:focus,ul.elementor-nav-menu--dropdown a:hover{border-inline-start:8px solid transparent;text-shadow:none}.elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a{justify-content:center}.elementor-nav-menu--toggle{--menu-height:100vh}.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container{max-height:0;overflow:hidden;transform:scaleY(0)}.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container{animation:hide-scroll .3s backwards;max-height:var(--menu-height);transform:scaleY(1)}.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute;z-index:9997}@media (max-width:767px){.elementor-nav-menu--dropdown-mobile .elementor-nav-menu--main{display:none}}@media (min-width:768px){.elementor-nav-menu--dropdown-mobile .elementor-menu-toggle,.elementor-nav-menu--dropdown-mobile .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-mobile nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:-1){.elementor-nav-menu--dropdown-mobile_extra .elementor-nav-menu--main{display:none}}@media (min-width:-1){.elementor-nav-menu--dropdown-mobile_extra .elementor-menu-toggle,.elementor-nav-menu--dropdown-mobile_extra .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-mobile_extra nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:1024px){.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}}@media (min-width:1025px){.elementor-nav-menu--dropdown-tablet .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@media (max-width:-1){.elementor-nav-menu--dropdown-tablet_extra .elementor-nav-menu--main{display:none}}@media (min-width:-1){.elementor-nav-menu--dropdown-tablet_extra .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet_extra .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet_extra nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@keyframes hide-scroll{0%,to{overflow:hidden}}.elementor-shape{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.elementor-shape-top{top:-1px}.elementor-shape-top:not([data-negative=false]) svg{z-index:-1}.elementor-shape-bottom{bottom:-1px}.elementor-shape-bottom:not([data-negative=true]) svg{z-index:-1}.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top{transform:rotate(180deg)}.elementor-shape svg{display:block;left:50%;position:relative;transform:translateX(-50%);width:calc(100% + 1.3px)}.elementor-shape .elementor-shape-fill{fill:#fff;transform:rotateY(0deg);transform-origin:center}@font-face{font-family:eicons;src:url(//www.lechnerandreas.eu/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.44.0);src:url(//www.lechnerandreas.eu/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.44.0#iefix) format("embedded-opentype"),url(//www.lechnerandreas.eu/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.44.0) format("woff2"),url(//www.lechnerandreas.eu/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff?5.44.0) format("woff"),url(//www.lechnerandreas.eu/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.ttf?5.44.0) format("truetype"),url(//www.lechnerandreas.eu/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.svg?5.44.0#eicon) format("svg");font-weight:400;font-style:normal}[class*=" eicon-"],[class^=eicon]{display:inline-block;font-family:eicons;font-size:inherit;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:a 2s infinite linear}.eicon-editor-link:before{content:"\e800"}.eicon-editor-unlink:before{content:"\e801"}.eicon-editor-external-link:before{content:"\e802"}.eicon-editor-close:before{content:"\e803"}.eicon-editor-list-ol:before{content:"\e804"}.eicon-editor-list-ul:before{content:"\e805"}.eicon-editor-bold:before{content:"\e806"}.eicon-editor-italic:before{content:"\e807"}.eicon-editor-underline:before{content:"\e808"}.eicon-editor-paragraph:before{content:"\e809"}.eicon-editor-h1:before{content:"\e80a"}.eicon-editor-h2:before{content:"\e80b"}.eicon-editor-h3:before{content:"\e80c"}.eicon-editor-h4:before{content:"\e80d"}.eicon-editor-h5:before{content:"\e80e"}.eicon-editor-h6:before{content:"\e80f"}.eicon-editor-quote:before{content:"\e810"}.eicon-editor-code:before{content:"\e811"}.eicon-elementor:before{content:"\e812"}.eicon-elementor-circle:before{content:"\e813"}.eicon-pojome:before{content:"\e814"}.eicon-plus:before{content:"\e815"}.eicon-menu-bar:before{content:"\e816"}.eicon-apps:before{content:"\e817"}.eicon-accordion:before{content:"\e818"}.eicon-alert:before{content:"\e819"}.eicon-animation-text:before{content:"\e81a"}.eicon-animation:before{content:"\e81b"}.eicon-banner:before{content:"\e81c"}.eicon-blockquote:before{content:"\e81d"}.eicon-button:before{content:"\e81e"}.eicon-call-to-action:before{content:"\e81f"}.eicon-captcha:before{content:"\e820"}.eicon-carousel:before{content:"\e821"}.eicon-checkbox:before{content:"\e822"}.eicon-columns:before{content:"\e823"}.eicon-countdown:before{content:"\e824"}.eicon-counter:before{content:"\e825"}.eicon-date:before{content:"\e826"}.eicon-divider-shape:before{content:"\e827"}.eicon-divider:before{content:"\e828"}.eicon-download-button:before{content:"\e829"}.eicon-dual-button:before{content:"\e82a"}.eicon-email-field:before{content:"\e82b"}.eicon-facebook-comments:before{content:"\e82c"}.eicon-facebook-like-box:before{content:"\e82d"}.eicon-form-horizontal:before{content:"\e82e"}.eicon-form-vertical:before{content:"\e82f"}.eicon-gallery-grid:before{content:"\e830"}.eicon-gallery-group:before{content:"\e831"}.eicon-gallery-justified:before{content:"\e832"}.eicon-gallery-masonry:before{content:"\e833"}.eicon-icon-box:before{content:"\e834"}.eicon-image-before-after:before{content:"\e835"}.eicon-image-box:before{content:"\e836"}.eicon-image-hotspot:before{content:"\e837"}.eicon-image-rollover:before{content:"\e838"}.eicon-info-box:before{content:"\e839"}.eicon-inner-section:before{content:"\e83a"}.eicon-mailchimp:before{content:"\e83b"}.eicon-menu-card:before{content:"\e83c"}.eicon-navigation-horizontal:before{content:"\e83d"}.eicon-nav-menu:before{content:"\e83e"}.eicon-navigation-vertical:before{content:"\e83f"}.eicon-number-field:before{content:"\e840"}.eicon-parallax:before{content:"\e841"}.eicon-php7:before{content:"\e842"}.eicon-post-list:before{content:"\e843"}.eicon-post-slider:before{content:"\e844"}.eicon-post:before{content:"\e845"}.eicon-posts-carousel:before{content:"\e846"}.eicon-posts-grid:before{content:"\e847"}.eicon-posts-group:before{content:"\e848"}.eicon-posts-justified:before{content:"\e849"}.eicon-posts-masonry:before{content:"\e84a"}.eicon-posts-ticker:before{content:"\e84b"}.eicon-price-list:before{content:"\e84c"}.eicon-price-table:before{content:"\e84d"}.eicon-radio:before{content:"\e84e"}.eicon-rtl:before{content:"\e84f"}.eicon-scroll:before{content:"\e850"}.eicon-search:before{content:"\e851"}.eicon-select:before{content:"\e852"}.eicon-share:before{content:"\e853"}.eicon-sidebar:before{content:"\e854"}.eicon-skill-bar:before{content:"\e855"}.eicon-slider-3d:before{content:"\e856"}.eicon-slider-album:before{content:"\e857"}.eicon-slider-device:before{content:"\e858"}.eicon-slider-full-screen:before{content:"\e859"}.eicon-slider-push:before{content:"\e85a"}.eicon-slider-vertical:before{content:"\e85b"}.eicon-slider-video:before{content:"\e85c"}.eicon-slides:before{content:"\e85d"}.eicon-social-icons:before{content:"\e85e"}.eicon-spacer:before{content:"\e85f"}.eicon-table:before{content:"\e860"}.eicon-tabs:before{content:"\e861"}.eicon-tel-field:before{content:"\e862"}.eicon-text-area:before{content:"\e863"}.eicon-text-field:before{content:"\e864"}.eicon-thumbnails-down:before{content:"\e865"}.eicon-thumbnails-half:before{content:"\e866"}.eicon-thumbnails-right:before{content:"\e867"}.eicon-time-line:before{content:"\e868"}.eicon-toggle:before{content:"\e869"}.eicon-url:before{content:"\e86a"}.eicon-t-letter:before{content:"\e86b"}.eicon-wordpress:before{content:"\e86c"}.eicon-text:before{content:"\e86d"}.eicon-anchor:before{content:"\e86e"}.eicon-bullet-list:before{content:"\e86f"}.eicon-code:before{content:"\e870"}.eicon-favorite:before{content:"\e871"}.eicon-google-maps:before{content:"\e872"}.eicon-image:before{content:"\e873"}.eicon-photo-library:before{content:"\e874"}.eicon-woocommerce:before{content:"\e875"}.eicon-youtube:before{content:"\e876"}.eicon-flip-box:before{content:"\e877"}.eicon-settings:before{content:"\e878"}.eicon-headphones:before{content:"\e879"}.eicon-testimonial:before{content:"\e87a"}.eicon-counter-circle:before{content:"\e87b"}.eicon-person:before{content:"\e87c"}.eicon-chevron-right:before{content:"\e87d"}.eicon-chevron-left:before{content:"\e87e"}.eicon-close:before{content:"\e87f"}.eicon-file-download:before{content:"\e880"}.eicon-save:before{content:"\e881"}.eicon-zoom-in:before{content:"\e882"}.eicon-shortcode:before{content:"\e883"}.eicon-nerd:before{content:"\e884"}.eicon-device-desktop:before{content:"\e885"}.eicon-device-tablet:before{content:"\e886"}.eicon-device-mobile:before{content:"\e887"}.eicon-document-file:before{content:"\e888"}.eicon-folder-o:before{content:"\e889"}.eicon-hypster:before{content:"\e88a"}.eicon-h-align-left:before{content:"\e88b"}.eicon-h-align-right:before{content:"\e88c"}.eicon-h-align-center:before{content:"\e88d"}.eicon-h-align-stretch:before{content:"\e88e"}.eicon-v-align-top:before{content:"\e88f"}.eicon-v-align-bottom:before{content:"\e890"}.eicon-v-align-middle:before{content:"\e891"}.eicon-v-align-stretch:before{content:"\e892"}.eicon-pro-icon:before{content:"\e893"}.eicon-mail:before{content:"\e894"}.eicon-lock-user:before{content:"\e895"}.eicon-testimonial-carousel:before{content:"\e896"}.eicon-media-carousel:before{content:"\e897"}.eicon-section:before{content:"\e898"}.eicon-column:before{content:"\e899"}.eicon-edit:before{content:"\e89a"}.eicon-clone:before{content:"\e89b"}.eicon-trash:before{content:"\e89c"}.eicon-play:before{content:"\e89d"}.eicon-angle-right:before{content:"\e89e"}.eicon-angle-left:before{content:"\e89f"}.eicon-animated-headline:before{content:"\e8a0"}.eicon-menu-toggle:before{content:"\e8a1"}.eicon-fb-embed:before{content:"\e8a2"}.eicon-fb-feed:before{content:"\e8a3"}.eicon-twitter-embed:before{content:"\e8a4"}.eicon-twitter-feed:before{content:"\e8a5"}.eicon-sync:before{content:"\e8a6"}.eicon-import-export:before{content:"\e8a7"}.eicon-check-circle:before{content:"\e8a8"}.eicon-library-save:before{content:"\e8a9"}.eicon-library-download:before{content:"\e9dd"}.eicon-insert:before{content:"\e8ab"}.eicon-preview-medium:before{content:"\e8ac"}.eicon-sort-down:before{content:"\e8ad"}.eicon-sort-up:before{content:"\e8ae"}.eicon-heading:before{content:"\e8af"}.eicon-logo:before{content:"\e8b0"}.eicon-meta-data:before{content:"\e8b1"}.eicon-post-content:before{content:"\e8b2"}.eicon-post-excerpt:before{content:"\e8b3"}.eicon-post-navigation:before{content:"\e8b4"}.eicon-yoast:before{content:"\e8b5"}.eicon-nerd-chuckle:before{content:"\e8b6"}.eicon-nerd-wink:before{content:"\e8b7"}.eicon-comments:before{content:"\e8b8"}.eicon-download-circle-o:before{content:"\e8b9"}.eicon-library-upload:before{content:"\e8ba"}.eicon-save-o:before{content:"\e8bb"}.eicon-upload-circle-o:before{content:"\e8bc"}.eicon-ellipsis-h:before{content:"\e8bd"}.eicon-ellipsis-v:before{content:"\e8be"}.eicon-arrow-left:before{content:"\e8bf"}.eicon-arrow-right:before{content:"\e8c0"}.eicon-arrow-up:before{content:"\e8c1"}.eicon-arrow-down:before{content:"\e8c2"}.eicon-play-o:before{content:"\e8c3"}.eicon-archive-posts:before{content:"\e8c4"}.eicon-archive-title:before{content:"\e8c5"}.eicon-featured-image:before{content:"\e8c6"}.eicon-post-info:before{content:"\e8c7"}.eicon-post-title:before{content:"\e8c8"}.eicon-site-logo:before{content:"\e8c9"}.eicon-site-search:before{content:"\e8ca"}.eicon-site-title:before{content:"\e8cb"}.eicon-plus-square:before{content:"\e8cc"}.eicon-minus-square:before{content:"\e8cd"}.eicon-cloud-check:before{content:"\e8ce"}.eicon-drag-n-drop:before{content:"\e8cf"}.eicon-welcome:before{content:"\e8d0"}.eicon-handle:before{content:"\e8d1"}.eicon-cart:before{content:"\e8d2"}.eicon-product-add-to-cart:before{content:"\e8d3"}.eicon-product-breadcrumbs:before{content:"\e8d4"}.eicon-product-categories:before{content:"\e8d5"}.eicon-product-description:before{content:"\e8d6"}.eicon-product-images:before{content:"\e8d7"}.eicon-product-info:before{content:"\e8d8"}.eicon-product-meta:before{content:"\e8d9"}.eicon-product-pages:before{content:"\e8da"}.eicon-product-price:before{content:"\e8db"}.eicon-product-rating:before{content:"\e8dc"}.eicon-product-related:before{content:"\e8dd"}.eicon-product-stock:before{content:"\e8de"}.eicon-product-tabs:before{content:"\e8df"}.eicon-product-title:before{content:"\e8e0"}.eicon-product-upsell:before{content:"\e8e1"}.eicon-products:before{content:"\e8e2"}.eicon-bag-light:before{content:"\e8e3"}.eicon-bag-medium:before{content:"\e8e4"}.eicon-bag-solid:before{content:"\e8e5"}.eicon-basket-light:before{content:"\e8e6"}.eicon-basket-medium:before{content:"\e8e7"}.eicon-basket-solid:before{content:"\e8e8"}.eicon-cart-light:before{content:"\e8e9"}.eicon-cart-medium:before{content:"\e8ea"}.eicon-cart-solid:before{content:"\e8eb"}.eicon-exchange:before{content:"\e8ec"}.eicon-preview-thin:before{content:"\e8ed"}.eicon-device-laptop:before{content:"\e8ee"}.eicon-collapse:before{content:"\e8ef"}.eicon-expand:before{content:"\e8f0"}.eicon-navigator:before{content:"\e8f1"}.eicon-plug:before{content:"\e8f2"}.eicon-dashboard:before{content:"\e8f3"}.eicon-typography:before{content:"\e8f4"}.eicon-info-circle-o:before{content:"\e8f5"}.eicon-integration:before{content:"\e8f6"}.eicon-plus-circle-o:before{content:"\e8f7"}.eicon-rating:before{content:"\e8f8"}.eicon-review:before{content:"\e8f9"}.eicon-tools:before{content:"\e8fa"}.eicon-loading:before{content:"\e8fb"}.eicon-sitemap:before{content:"\e8fc"}.eicon-click:before{content:"\e8fd"}.eicon-clock:before{content:"\e8fe"}.eicon-library-open:before{content:"\e8ff"}.eicon-warning:before{content:"\e900"}.eicon-flow:before{content:"\e901"}.eicon-cursor-move:before{content:"\e902"}.eicon-arrow-circle-left:before{content:"\e903"}.eicon-flash:before{content:"\e904"}.eicon-redo:before{content:"\e905"}.eicon-ban:before{content:"\e906"}.eicon-barcode:before{content:"\e907"}.eicon-calendar:before{content:"\e908"}.eicon-caret-left:before{content:"\e909"}.eicon-caret-right:before{content:"\e90a"}.eicon-caret-up:before{content:"\e90b"}.eicon-chain-broken:before{content:"\e90c"}.eicon-check-circle-o:before{content:"\e90d"}.eicon-check:before{content:"\e90e"}.eicon-chevron-double-left:before{content:"\e90f"}.eicon-chevron-double-right:before{content:"\e910"}.eicon-undo:before{content:"\e911"}.eicon-filter:before{content:"\e912"}.eicon-circle-o:before{content:"\e913"}.eicon-circle:before{content:"\e914"}.eicon-clock-o:before{content:"\e915"}.eicon-cog:before{content:"\e916"}.eicon-cogs:before{content:"\e917"}.eicon-commenting-o:before{content:"\e918"}.eicon-copy:before{content:"\e919"}.eicon-database:before{content:"\e91a"}.eicon-dot-circle-o:before{content:"\e91b"}.eicon-envelope:before{content:"\e91c"}.eicon-external-link-square:before{content:"\e91d"}.eicon-eyedropper:before{content:"\e91e"}.eicon-folder:before{content:"\e91f"}.eicon-font:before{content:"\e920"}.eicon-adjust:before{content:"\e921"}.eicon-lightbox:before{content:"\e922"}.eicon-heart-o:before{content:"\e923"}.eicon-history:before{content:"\e924"}.eicon-image-bold:before{content:"\e925"}.eicon-info-circle:before{content:"\e926"}.eicon-link:before{content:"\e927"}.eicon-long-arrow-left:before{content:"\e928"}.eicon-long-arrow-right:before{content:"\e929"}.eicon-caret-down:before{content:"\e92a"}.eicon-paint-brush:before{content:"\e92b"}.eicon-pencil:before{content:"\e92c"}.eicon-plus-circle:before{content:"\e92d"}.eicon-zoom-in-bold:before{content:"\e92e"}.eicon-sort-amount-desc:before{content:"\e92f"}.eicon-sign-out:before{content:"\e930"}.eicon-spinner:before{content:"\e931"}.eicon-square:before{content:"\e932"}.eicon-star-o:before{content:"\e933"}.eicon-star:before{content:"\e934"}.eicon-text-align-justify:before{content:"\e935"}.eicon-text-align-center:before{content:"\e936"}.eicon-tags:before{content:"\e937"}.eicon-text-align-left:before{content:"\e938"}.eicon-text-align-right:before{content:"\e939"}.eicon-close-circle:before{content:"\e93a"}.eicon-trash-o:before{content:"\e93b"}.eicon-font-awesome:before{content:"\e93c"}.eicon-user-circle-o:before{content:"\e93d"}.eicon-video-camera:before{content:"\e93e"}.eicon-heart:before{content:"\e93f"}.eicon-wrench:before{content:"\e940"}.eicon-help:before{content:"\e941"}.eicon-help-o:before{content:"\e942"}.eicon-zoom-out-bold:before{content:"\e943"}.eicon-plus-square-o:before{content:"\e944"}.eicon-minus-square-o:before{content:"\e945"}.eicon-minus-circle:before{content:"\e946"}.eicon-minus-circle-o:before{content:"\e947"}.eicon-code-bold:before{content:"\e948"}.eicon-cloud-upload:before{content:"\e949"}.eicon-search-bold:before{content:"\e94a"}.eicon-map-pin:before{content:"\e94b"}.eicon-meetup:before{content:"\e94c"}.eicon-slideshow:before{content:"\e94d"}.eicon-t-letter-bold:before{content:"\e94e"}.eicon-preferences:before{content:"\e94f"}.eicon-table-of-contents:before{content:"\e950"}.eicon-tv:before{content:"\e951"}.eicon-upload:before{content:"\e952"}.eicon-instagram-comments:before{content:"\e953"}.eicon-instagram-nested-gallery:before{content:"\e954"}.eicon-instagram-post:before{content:"\e955"}.eicon-instagram-video:before{content:"\e956"}.eicon-instagram-gallery:before{content:"\e957"}.eicon-instagram-likes:before{content:"\e958"}.eicon-facebook:before{content:"\e959"}.eicon-twitter:before{content:"\e95a"}.eicon-pinterest:before{content:"\e95b"}.eicon-frame-expand:before{content:"\e95c"}.eicon-frame-minimize:before{content:"\e95d"}.eicon-archive:before{content:"\e95e"}.eicon-colors-typography:before{content:"\e95f"}.eicon-custom:before{content:"\e960"}.eicon-footer:before{content:"\e961"}.eicon-header:before{content:"\e962"}.eicon-layout-settings:before{content:"\e963"}.eicon-lightbox-expand:before{content:"\e964"}.eicon-error-404:before{content:"\e965"}.eicon-theme-style:before{content:"\e966"}.eicon-search-results:before{content:"\e967"}.eicon-single-post:before{content:"\e968"}.eicon-site-identity:before{content:"\e969"}.eicon-theme-builder:before{content:"\e96a"}.eicon-download-bold:before{content:"\e96b"}.eicon-share-arrow:before{content:"\e96c"}.eicon-global-settings:before{content:"\e96d"}.eicon-user-preferences:before{content:"\e96e"}.eicon-lock:before{content:"\e96f"}.eicon-export-kit:before{content:"\e970"}.eicon-import-kit:before{content:"\e971"}.eicon-lottie:before{content:"\e972"}.eicon-products-archive:before{content:"\e973"}.eicon-single-product:before{content:"\e974"}.eicon-disable-trash-o:before{content:"\e975"}.eicon-single-page:before{content:"\e976"}.eicon-wordpress-light:before{content:"\e977"}.eicon-cogs-check:before{content:"\e978"}.eicon-custom-css:before{content:"\e979"}.eicon-global-colors:before{content:"\e97a"}.eicon-globe:before{content:"\e97b"}.eicon-typography-1:before{content:"\e97c"}.eicon-background:before{content:"\e97d"}.eicon-device-responsive:before{content:"\e97e"}.eicon-device-wide:before{content:"\e97f"}.eicon-code-highlight:before{content:"\e980"}.eicon-video-playlist:before{content:"\e981"}.eicon-download-kit:before{content:"\e982"}.eicon-kit-details:before{content:"\e983"}.eicon-kit-parts:before{content:"\e984"}.eicon-kit-upload:before{content:"\e985"}.eicon-kit-plugins:before{content:"\e986"}.eicon-kit-upload-alt:before{content:"\e987"}.eicon-hotspot:before{content:"\e988"}.eicon-paypal-button:before{content:"\e989"}.eicon-shape:before{content:"\e98a"}.eicon-wordart:before{content:"\e98b"}.eicon-checkout:before{content:"\e98c"}.eicon-container:before{content:"\e98d"}.eicon-flip:before{content:"\e98e"}.eicon-info:before{content:"\e98f"}.eicon-my-account:before{content:"\e990"}.eicon-purchase-summary:before{content:"\e991"}.eicon-page-transition:before{content:"\e992"}.eicon-spotify:before{content:"\e993"}.eicon-stripe-button:before{content:"\e994"}.eicon-woo-settings:before{content:"\e995"}.eicon-woo-cart:before{content:"\e996"}.eicon-grow:before{content:"\e997"}.eicon-order-end:before{content:"\e998"}.eicon-nowrap:before{content:"\e999"}.eicon-order-start:before{content:"\e99a"}.eicon-progress-tracker:before{content:"\e99b"}.eicon-shrink:before{content:"\e99c"}.eicon-wrap:before{content:"\e99d"}.eicon-align-center-h:before{content:"\e99e"}.eicon-align-center-v:before{content:"\e99f"}.eicon-align-end-h:before{content:"\e9a0"}.eicon-align-end-v:before{content:"\e9a1"}.eicon-align-start-h:before{content:"\e9a2"}.eicon-align-start-v:before{content:"\e9a3"}.eicon-align-stretch-h:before{content:"\e9a4"}.eicon-align-stretch-v:before{content:"\e9a5"}.eicon-justify-center-h:before{content:"\e9a6"}.eicon-justify-center-v:before{content:"\e9a7"}.eicon-justify-end-h:before{content:"\e9a8"}.eicon-justify-end-v:before{content:"\e9a9"}.eicon-justify-space-around-h:before{content:"\e9aa"}.eicon-justify-space-around-v:before{content:"\e9ab"}.eicon-justify-space-between-h:before{content:"\e9ac"}.eicon-justify-space-between-v:before{content:"\e9ad"}.eicon-justify-space-evenly-h:before{content:"\e9ae"}.eicon-justify-space-evenly-v:before{content:"\e9af"}.eicon-justify-start-h:before{content:"\e9b0"}.eicon-justify-start-v:before{content:"\e9b1"}.eicon-woocommerce-cross-sells:before{content:"\e9b2"}.eicon-woocommerce-notices:before{content:"\e9b3"}.eicon-inner-container:before{content:"\e9b4"}.eicon-warning-full:before{content:"\e9b5"}.eicon-exit:before{content:"\e9b6"}.eicon-loop-builder:before{content:"\e9b7"}.eicon-notes:before{content:"\e9b8"}.eicon-read:before{content:"\e9b9"}.eicon-unread:before{content:"\e9ba"}.eicon-carousel-loop:before{content:"\e9bb"}.eicon-mega-menu:before{content:"\eb78"}.eicon-nested-carousel:before{content:"\e9bd"}.eicon-ai:before{content:"\e9be"}.eicon-taxonomy-filter:before{content:"\eb7d"}.eicon-container-grid:before{content:"\ef02"}.eicon-upgrade:before{content:"\e9c1"}.eicon-advanced:before{content:"\eb84"}.eicon-div-block:before{content:"\eb9b"}.eicon-notification:before{content:"\e9c3"}.eicon-light-mode:before{content:"\e9c4"}.eicon-dark-mode:before{content:"\e9c5"}.eicon-upgrade-crown:before{content:"\e9c6"}.eicon-off-canvas:before{content:"\e9c7"}.eicon-speakerphone:before{content:"\e9c9"}.eicon-ehp-cta:before{content:"\e9cb"}.eicon-ehp-forms:before{content:"\e9bc"}.eicon-ehp-hero:before{content:"\e9ca"}.eicon-ehp-zigzag:before{content:"\e9cc"}.eicon-e-button:before{content:"\e9ce"}.eicon-flexbox:before{content:"\e9d0"}.eicon-paragraph:before{content:"\e9d1"}.eicon-icon:before{content:"\e9d2"}.eicon-e-image:before{content:"\e9d3"}.eicon-video:before{content:"\e9d4"}.eicon-svg:before{content:"\e9d5"}.eicon-e-divider:before{content:"\e9d6"}.eicon-e-heading:before{content:"\e9d7"}.eicon-atomic:before{content:"\ebae"}.eicon-library-delete:before{content:"\e9d8"}.eicon-library-copy:before{content:"\e9d9"}.eicon-library-folder-empty:before{content:"\e9da"}.eicon-library-move:before{content:"\e9db"}.eicon-library-edit:before{content:"\e9dc"}.eicon-library-subscription-upgrade:before{content:"\e9de"}.eicon-library-folder-view:before{content:"\e9df"}.eicon-library-grid:before{content:"\e9e1"}.eicon-library-cloud-connect:before{content:"\e9e2"}.eicon-library-import:before{content:"\e9e3"}.eicon-library-list:before{content:"\e9e4"}.eicon-library-cloud-empty:before{content:"\e9e5"}.eicon-folder-plus:before{content:"\e8aa"}.eicon-library-folder:before{content:"\e9e6"}.eicon-accessibility:before{content:"\e9bf"}.eicon-lock-outline:before{content:"\e9e7"}.eicon-e-youtube:before{content:"\e9e8"}.eicon-contact:before{content:"\ebd2"}.eicon-eye:before{content:"\e8ac"}.eicon-elementor-square:before{content:"\e813"}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
.elementor-add-new-section
.elementor-add-section-area-button.elementor-add-kitstarter-button {
background-color: #00997b;
border-radius: 5rem;
color: #fff;
font-family: Inter;
font-size: 0.8rem;
font-weight: 600;
margin-left: 5px;
padding: 10px 15px 10px 8px;
text-transform: uppercase;
width: -moz-fit-content;
width: fit-content;
}
.elementor-add-new-section
.elementor-add-section-area-button.elementor-add-kitstarter-button
span {
background-color: #fff;
border-radius: 1rem;
color: #00997b;
margin-right: 5px;
padding: 5px 6px;
}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.duration-300 {
transition-duration: 0.3s;
transition-duration: 0.2s;
}
.opacity-0 {
opacity: 0;
}
.opacity-100 {
opacity: 1;
}
.inline-block {
display: inline-block;
}
.h-screen {
height: 100vh;
}
.min-h-screen {
min-height: 100vh;
}
.align-top {
vertical-align: top;
}
.scale-95 {
transform: scale(0.95);
}
.scale-100 {
transform: scale(1);
}
.text-center {
text-align: center;
}
.kitstarter-dialog .library__modal-add-folder.light {
background-color: #fff;
}
.kitstarter-dialog .library__modal-add-folder.light .modal__header {
border-color: #ddd;
}
.kitstarter-dialog
.library__modal-add-folder.light
.modal__header
.header__icon {
background-color: #f5f5f7;
}
.kitstarter-dialog
.library__modal-add-folder.light
.modal__header
.header__title
h2 {
color: #2d2d2d;
}
.kitstarter-dialog
.library__modal-add-folder.light
.modal__header
.header__title
p {
color: #9b9b9b;
}
.kitstarter-dialog
.library__modal-add-folder.light
.modal__content
.modal__input
label {
color: #2d2d2d;
}
.kitstarter-dialog
.library__modal-add-folder.light
.modal__content
.modal__input
input,
.kitstarter-dialog
.library__modal-add-folder.light
.modal__content
.modal__input
textarea {
background-color: #fff;
border-color: #dbdbdb;
color: #2d2d2d;
}
.kitstarter-dialog
.library__modal-add-folder.light
.modal__content
.modal__input
input::-moz-placeholder,
.kitstarter-dialog
.library__modal-add-folder.light
.modal__content
.modal__input
textarea::-moz-placeholder {
color: #9b9b9b;
}
.kitstarter-dialog
.library__modal-add-folder.light
.modal__content
.modal__input
input::placeholder,
.kitstarter-dialog
.library__modal-add-folder.light
.modal__content
.modal__input
textarea::placeholder {
color: #9b9b9b;
}
.kitstarter-dialog .library__modal-add-folder.light .modal__actions button {
border-color: #ddd;
color: #2d2d2d;
}
.kitstarter-dialog
.library__modal-add-folder.light
.modal__actions
button.modal__create {
color: #fff;
}
@media (prefers-color-scheme: light) {
.kitstarter-modal {
background-color: #ededed;
}
.kitstarter-modal .modal-header {
background-color: #fff;
}
.kitstarter-modal .modal-header .logo svg path:nth-child(n + 5) {
fill: #323232;
}
.kitstarter-modal .modal-header ul {
background-color: #f5f5f7;
}
.kitstarter-modal .modal-header ul li a.active {
background-color: #00997b;
color: #fff;
}
.kitstarter-modal .modal-header .toggle-responsive {
background-color: #fff;
border-color: #f1f1f1;
}
.kitstarter-modal .modal-header .action form button,
.kitstarter-modal .modal-header .action form input {
background-color: #ededed;
border-color: #ededed;
color: #6e6e6e;
}
.kitstarter-modal .modal-header .action a.icon.light svg path {
fill: orange;
}
.kitstarter-modal .modal-header .action a.icon svg:hover path {
fill: #d2d2d2;
transition: fill 0.1s ease-in-out;
}
.kitstarter-modal .modal-header .action > a:not(.icon):not(.import) {
background-color: #ededed;
color: #181818;
}
.kitstarter-modal
.modal-header
.action
> a:not(.icon):not(.import):not(.import)
svg
path {
stroke: #9b9b9b;
}
.kitstarter-modal
.modal-header
.action
> a:not(.icon):not(.import):not(.import):hover {
background-color: #ddd;
}
.kitstarter-modal .modal-close a {
background-color: #ededed;
color: #181818;
}
.kitstarter-modal .modal-close a svg path {
fill: #9b9b9b;
}
.kitstarter-modal .modal-close a:hover {
background-color: #ddd;
color: #afafaf;
}
.kitstarter-modal .modal-category {
background-color: #f9f9f9;
}
.kitstarter-modal .modal-category .prev {
background: linear-gradient(270deg, hsla(0, 0%, 93%, 0) 5%, #f9f9f9 35%);
}
.kitstarter-modal .modal-category .prev a.previous {
background-color: #e6e6e6;
color: #181818;
}
.kitstarter-modal .modal-category ul.type {
background: #eee;
background: linear-gradient(90deg, hsla(0, 0%, 93%, 0) 5%, #f9f9f9 13%);
}
.kitstarter-modal .modal-category ul.type li a.active {
color: #181818;
}
.kitstarter-modal .modal-category ul.type .free.active,
.kitstarter-modal .modal-category ul.type .pro.active {
color: #fff;
}
.kitstarter-modal .modal-category ul li a {
background-color: #e6e6e6;
border-color: rgba(229, 231, 235, 0.102);
color: #181818;
}
.kitstarter-modal .modal-category ul li a:hover {
background-color: #cecece;
color: #181818;
}
.kitstarter-modal .modal-category ul li a:not(.next).active,
.kitstarter-modal .modal-category ul li a:not(.next):active {
background-color: #00997b;
color: #fff;
}
.kitstarter-modal .modal-load-category {
background-color: #f9f9f9;
}
.kitstarter-modal .modal-load-category .category-preview {
background-color: #e6e6e6;
}
.kitstarter-modal .modal-content {
scrollbar-color: #fff #ededed;
}
.kitstarter-modal .modal-content .content-templates .content-load-single {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.content-templates
.content-load-single
.load-desc,
.kitstarter-modal
.modal-content
.content-templates
.content-load-single
.load-text {
background-color: #ededed;
}
.kitstarter-modal .modal-content .content-templates .content-single {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.image-preview {
background-color: #d5d8d7;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
h3 {
color: #181818;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
span {
color: grey;
}
.kitstarter-modal .modal-content .load-kit-preview .image,
.kitstarter-modal .modal-content .load-kit-preview .info > * {
background-color: #fff;
}
.kitstarter-modal .modal-content .kit-preview .content-single .image-preview {
background-color: #d5d8d7;
}
.kitstarter-modal .modal-content .kit-preview .image .content-single {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.kit-preview
.image
.content-single
.text-preview
h3 {
color: #181818;
}
.kitstarter-modal
.modal-content
.kit-preview
.image
.content-single
.text-preview
spanspan:not(.type) {
color: grey;
}
.kitstarter-modal .modal-content .kit-preview .info h3 {
color: #181818;
}
.kitstarter-modal .modal-content .kit-preview .info p {
color: #9e9e9e;
}
.kitstarter-modal .modal-content .no-template-found {
background-image: url(//www.lechnerandreas.eu/wp-content/plugins/kitstarter/assets/images/bg-none.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
}
.kitstarter-modal .modal-content .no-template-found h3 {
color: #7d7d7d;
}
.kitstarter-modal .modal-content::-webkit-scrollbar,
.kitstarter-modal .modal-content::-webkit-scrollbar-track {
background-color: #ededed;
}
.kitstarter-modal .modal-content::-webkit-scrollbar-track:hover {
background-color: #ededed;
}
.kitstarter-modal .modal-content::-webkit-scrollbar-thumb,
.kitstarter-modal .modal-content::-webkit-scrollbar-thumb:hover {
background-color: #fff;
border-color: #ededed;
}
.kitstarter-modal .modal-content .library-header {
background-color: #f9f9f9;
border-top: none;
}
.kitstarter-modal
.modal-content
.library-header
.library-title
.library-back
h3,
.kitstarter-modal .modal-content .library-header .library-title h1 {
color: #555;
}
.kitstarter-modal
.modal-content
.library-header
.component__title
.back-button {
background-color: #ededed;
}
.kitstarter-modal
.modal-content
.library-header
.component__title
.back-button
svg
path {
fill: #181818;
}
.kitstarter-modal .modal-content .library-header .component__title h3 {
color: #555;
}
.kitstarter-modal .modal-content .library-list .library-item {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-preview {
background-color: #d5d8d7;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-title
h3 {
color: #555;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
button:hover {
background-color: #f0f0f0;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
button
svg
path {
fill: #9b9b9b;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu {
background-color: #fff;
border-color: #e3e3e3;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu
.menu__item {
color: #181818;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu
.menu__item:hover {
background-color: #f0f0f0;
}
.kitstarter-modal .modal-content .library-list .library-item-load {
background-color: #fff;
}
.kitstarter-modal .modal-content .library-list .library-item-load .load-desc,
.kitstarter-modal .modal-content .library-list .library-item-load .load-text {
background-color: #ededed;
}
.kitstarter-modal .modal-content .library__login {
background-image: url(//www.lechnerandreas.eu/wp-content/plugins/kitstarter/assets/images/bg-none.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
color: #7d7d7d;
}
.kitstarter-modal .modal-content .component__add .notice {
background-color: #d5d8d7;
}
.kitstarter-modal .modal-content .component__add .notice .tip {
background-color: #fff;
}
.kitstarter-modal .modal-content .component__add .notice .description {
color: #141414;
}
.kitstarter-modal .modal-content .component__add .notice a svg path {
fill: #141414;
}
.kitstarter-modal .modal-content .component__add .component__details {
color: #141414;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title {
border-color: #ededed;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
span {
background-color: #f5f5f7;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:first-child {
fill: #292d32;
stroke: #292d32;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:nth-child(2),
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:nth-child(3) {
stroke: #292d32;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
h3 {
color: #292d32;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
label {
color: #2d2d2d;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
input,
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
textarea {
background-color: #fff;
border-color: #dbdbdb;
color: #2d2d2d;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
input::-moz-placeholder,
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
textarea::-moz-placeholder {
color: #9b9b9b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
input::placeholder,
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
textarea::placeholder {
color: #9b9b9b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
select {
background-color: #f8f8f8;
color: #5e5e5e;
}
.kitstarter-modal .modal-content .component__add .component__details .block {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.block
.block__wrapper {
background-color: #f7f7f7;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.block
.block__wrapper.component__added,
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title {
border-color: #ededed;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
.icon {
background-color: #f5f5f7;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
.icon
svg
path {
fill: #181818;
stroke: #181818;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
h3
span {
color: #9b9b9b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__content {
background-color: #d5d8d7;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions,
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__content
.preview__wrapper {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button {
border-color: #ddd;
color: #2b2b2b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button.modal__clear {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button.modal__clear
svg
path {
fill: #2b2b2b;
stroke: #2b2b2b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.actions {
background-color: #fff;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.actions
button {
border-color: #ddd;
color: #2b2b2b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.actions
button.modal__add {
color: #fff;
}
.kitstarter-dialog .library__modal-add-folder {
background-color: #fff;
}
.kitstarter-dialog .library__modal-add-folder .modal__header {
border-color: #ddd;
}
.kitstarter-dialog .library__modal-add-folder .modal__header .header__icon {
background-color: #f5f5f7;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__header
.header__title
h2 {
color: #2d2d2d;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__header
.header__title
p {
color: #9b9b9b;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
label {
color: #2d2d2d;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
input,
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
textarea {
background-color: #fff;
border-color: #dbdbdb;
color: #2d2d2d;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
input::-moz-placeholder,
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
textarea::-moz-placeholder {
color: #9b9b9b;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
input::placeholder,
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
textarea::placeholder {
color: #9b9b9b;
}
.kitstarter-dialog .library__modal-add-folder .modal__actions button {
border-color: #ddd;
color: #2d2d2d;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__actions
button.modal__create {
color: #fff;
}
}
.library__modal-add-folder.dark {
background-color: #2b2b2b;
}
.library__modal-add-folder.dark .modal__header {
border-color: #484848;
}
.library__modal-add-folder.dark .modal__header .header__icon {
background-color: #f5f5f7;
}
.library__modal-add-folder.dark .modal__header .header__title h2 {
color: #fff;
}
.library__modal-add-folder.dark .modal__header .header__title p {
color: #9b9b9b;
}
.library__modal-add-folder.dark .modal__content .modal__input label {
color: #e2e2e2;
}
.library__modal-add-folder.dark .modal__content .modal__input input,
.library__modal-add-folder.dark .modal__content .modal__input textarea {
background-color: #242424;
border-color: #242424;
}
.library__modal-add-folder.dark .modal__actions button {
border-color: #464646;
color: #fff;
}
.library__modal-add-folder.dark .modal__actions button.modal__create {
color: #fff;
}
@media (prefers-color-scheme: dark) {
.kitstarter-modal {
background-color: #181818;
}
.kitstarter-modal .modal-header {
background-color: #252525;
}
.kitstarter-modal .modal-header .logo svg path {
fill: #fff;
}
.kitstarter-modal .modal-header ul {
background-color: #323232;
}
.kitstarter-modal .modal-header ul li a.active {
background-color: #fff;
color: #323232;
}
.kitstarter-modal .modal-header .toggle-responsive {
background-color: #252525;
border-color: #383838;
}
.kitstarter-modal .modal-header .action form input {
background-color: #323232;
border-color: rgba(229, 231, 235, 0.102);
color: #fff;
}
.kitstarter-modal .modal-header .action form button {
background-color: #323232;
border-color: rgba(229, 231, 235, 0.102);
color: grey;
}
.kitstarter-modal .modal-header .action a.icon svg:hover path {
fill: #d2d2d2;
transition: fill 0.1s ease-in-out;
}
.kitstarter-modal .modal-header .action > a:not(.icon):not(.import) {
background-color: #323232;
color: #d2d2d2;
}
.kitstarter-modal
.modal-header
.action
> a:not(.icon):not(.import):not(.import)
svg
path {
stroke: #d2d2d2;
}
.kitstarter-modal
.modal-header
.action
> a:not(.icon):not(.import):not(.import):hover {
background-color: #3c3c3c;
}
.kitstarter-modal .modal-close a {
background-color: #323232;
color: #d2d2d2;
}
.kitstarter-modal .modal-close a:hover {
background-color: #3c3c3c;
color: #6b6b6b;
}
.kitstarter-modal .modal-category {
background-color: #181818;
border-bottom: 1px solid rgba(229, 231, 235, 0.1);
}
.kitstarter-modal .modal-category .prev {
background: linear-gradient(270deg, hsla(0, 0%, 9%, 0) 5%, #181818 35%);
}
.kitstarter-modal .modal-category .prev a.previous {
background-color: #323232;
color: #9b9b9b;
}
.kitstarter-modal .modal-category ul.type {
background: #181818;
background: linear-gradient(90deg, hsla(0, 0%, 9%, 0) 5%, #181818 13%);
}
.kitstarter-modal .modal-category ul.type li a.active {
color: #fff;
}
.kitstarter-modal .modal-category ul li a {
background-color: #323232;
border-color: rgba(229, 231, 235, 0.102);
color: #9b9b9b;
}
.kitstarter-modal .modal-category ul li a:hover {
background-color: #3c3c3c;
color: #fff;
}
.kitstarter-modal .modal-category ul li a.active,
.kitstarter-modal .modal-category ul li a:active {
background-color: #e7e7e7;
color: #131e23;
}
.kitstarter-modal .modal-load-category {
background-color: #181818;
border-bottom: 1px solid rgba(229, 231, 235, 0.1);
}
.kitstarter-modal .modal-load-category .category-preview {
background-color: #252525;
}
.kitstarter-modal .modal-content {
scrollbar-color: #181818 #252525;
}
.kitstarter-modal .modal-content .content-templates .content-load-single {
background-color: #1e1e1e;
}
.kitstarter-modal
.modal-content
.content-templates
.content-load-single
.load-desc,
.kitstarter-modal
.modal-content
.content-templates
.content-load-single
.load-text {
background-color: #2f2f2f;
}
.kitstarter-modal .modal-content .content-templates .content-single {
background-color: #252525;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.image-preview {
background-color: #323232;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
h3 {
color: #fff;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
span {
color: #9e9e9e;
}
.kitstarter-modal .modal-content .load-kit-preview .image,
.kitstarter-modal .modal-content .load-kit-preview .info > * {
background-color: #1e1e1e;
}
.kitstarter-modal .modal-content .kit-preview .content-single .image-preview {
background-color: #323232;
}
.kitstarter-modal .modal-content .kit-preview .image .content-single {
background-color: #252525;
}
.kitstarter-modal
.modal-content
.kit-preview
.image
.content-single
.text-preview
h3 {
color: #fff;
}
.kitstarter-modal
.modal-content
.kit-preview
.image
.content-single
.text-preview
spanspan:not(.type) {
color: #9e9e9e;
}
.kitstarter-modal .modal-content .kit-preview .info h3 {
color: #fff;
}
.kitstarter-modal .modal-content .kit-preview .info p {
color: #e0e1e3;
}
.kitstarter-modal .modal-content .no-template-found {
background-image: unset;
}
.kitstarter-modal .modal-content::-webkit-scrollbar,
.kitstarter-modal .modal-content::-webkit-scrollbar-track {
background-color: #181818;
}
.kitstarter-modal .modal-content::-webkit-scrollbar-track:hover {
background-color: #181818;
}
.kitstarter-modal .modal-content::-webkit-scrollbar-thumb {
background-color: #252525;
border-color: #181818;
}
.kitstarter-modal .modal-content::-webkit-scrollbar-thumb:hover {
background-color: #363636;
border-color: #181818;
}
.kitstarter-modal .modal-content .library-header {
background-color: #252525;
border-top: 1px solid #3f3f3f;
}
.kitstarter-modal .modal-content .library-header .library-title h1 {
color: #fff;
}
.kitstarter-modal
.modal-content
.library-header
.component__title
.back-button {
background-color: #323232;
}
.kitstarter-modal
.modal-content
.library-header
.component__title
.back-button
svg
path {
fill: #d2d2d2;
}
.kitstarter-modal .modal-content .library-header .component__title h3 {
color: #fff;
}
.kitstarter-modal .modal-content .library-list .library-item {
background-color: #252525;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-preview {
background-color: #323232;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-title
h3 {
color: #fff;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
button:hover {
background-color: #2c2c2c;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
button
svg
path {
fill: #9b9b9b;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu {
background-color: #242424;
border-color: #3a3a3a;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu
.menu__item {
color: #bfbfbf;
}
.kitstarter-modal
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu
.menu__item:hover {
background-color: #3a3a3a;
}
.kitstarter-modal .modal-content .library-list .library-item-load {
background-color: #1e1e1e;
}
.kitstarter-modal .modal-content .library-list .library-item-load .load-desc,
.kitstarter-modal .modal-content .library-list .library-item-load .load-text {
background-color: #2f2f2f;
}
.kitstarter-modal .modal-content .component__add .notice {
background-color: #2b2b2b;
}
.kitstarter-modal .modal-content .component__add .notice .tip {
color: #2d2d2d;
}
.kitstarter-modal .modal-content .component__add .notice .description {
color: #b9b9b9;
}
.kitstarter-modal .modal-content .component__add .notice a svg path {
fill: #b9b9b9;
}
.kitstarter-modal .modal-content .component__add .component__details {
color: #fff;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details {
background-color: #2b2b2b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title {
border-color: rgba(229, 231, 235, 0.102);
color: #fff;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
span {
background-color: #393939;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:first-child {
fill: #e2e2e2;
stroke: #e7e7e7;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:nth-child(2),
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:nth-child(3) {
stroke: #e7e7e7;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
label {
color: #e2e2e2;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
input,
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
textarea {
background-color: #242424;
border-color: #242424;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.details
.details__content
select {
background-color: #252525;
}
.kitstarter-modal .modal-content .component__add .component__details .block {
background-color: #2b2b2b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.block
.block__wrapper {
background-color: #232323;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.block
.block__wrapper
svg
path:last-child {
fill: #e2e2e2;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.block
.block__wrapper.component__added,
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail {
background-color: #2b2b2b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title {
border-color: rgba(229, 231, 235, 0.102);
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
.icon {
background-color: #393939;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
.icon
svg
path {
fill: #e2e2e2;
stroke: #e7e7e7;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__content {
background-color: #232323;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__content
.preview__wrapper {
background-color: #323232;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions {
background-color: #2b2b2b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button {
border-color: #444;
color: #e2e2e2;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button.modal__clear {
background-color: #323232;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button.modal__clear
svg
path {
fill: #e2e2e2;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.actions {
background-color: #2b2b2b;
}
.kitstarter-modal
.modal-content
.component__add
.component__details
.actions
button {
border-color: #444;
color: #e2e2e2;
}
.kitstarter-dialog .library__modal-add-folder {
background-color: #2b2b2b;
}
.kitstarter-dialog .library__modal-add-folder .modal__header {
border-color: #484848;
}
.kitstarter-dialog .library__modal-add-folder .modal__header .header__icon {
background-color: #f5f5f7;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__header
.header__title
h2 {
color: #fff;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__header
.header__title
p {
color: #9b9b9b;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
label {
color: #e2e2e2;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
input,
.kitstarter-dialog
.library__modal-add-folder
.modal__content
.modal__input
textarea {
background-color: #242424;
border-color: #242424;
}
.kitstarter-dialog .library__modal-add-folder .modal__actions button {
border-color: #464646;
color: #fff;
}
.kitstarter-dialog
.library__modal-add-folder
.modal__actions
button.modal__create {
color: #fff;
}
}
.kitstarter-warn-modal {
align-items: center;
border-radius: 28px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
left: 50%;
min-height: 400px;
padding: 30px 40px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out;
width: 400px;
z-index: 99999;
}
.kitstarter-warn-modal.light {
background-color: #fff;
color: #181818;
}
.kitstarter-warn-modal.light .message {
color: #a3a3a3;
}
.kitstarter-warn-modal.light a {
color: #929292;
}
.kitstarter-warn-modal.light a:hover {
color: #818181;
}
.kitstarter-warn-modal.dark {
background-color: #323232;
color: #fff;
}
.kitstarter-warn-modal.dark .message {
color: grey;
}
.kitstarter-warn-modal.dark a {
color: #fff;
}
.kitstarter-warn-modal.dark a:hover {
color: #d0d0d0;
}
.kitstarter-warn-modal svg {
margin-bottom: 15px;
}
.kitstarter-warn-modal h1 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.kitstarter-warn-modal h2 {
font-weight: 400;
margin-bottom: 20px;
}
.kitstarter-warn-modal .message {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
.kitstarter-warn-modal .message p {
margin-bottom: 10px;
}
.kitstarter-warn-modal button {
background-color: #00997b;
border: none;
border-radius: 50px;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 16px;
margin-bottom: 15px;
outline: none;
padding: 18px 14px;
transition: all 0.2s ease-in-out;
width: 180px;
}
.kitstarter-warn-modal button:hover {
background-color: #008a6e;
color: #fff;
}
.kitstarter-warn-modal a {
font-size: 14px;
transition: all 0.2s ease-in-out;
}
@media (prefers-color-scheme: light) {
.kitstarter-warn-modal {
background-color: #fff;
color: #181818;
}
.kitstarter-warn-modal .message {
color: #a3a3a3;
}
.kitstarter-warn-modal a {
color: #929292;
}
.kitstarter-warn-modal a:hover {
color: #818181;
}
}
@media (prefers-color-scheme: dark) {
.kitstarter-warn-modal {
background-color: #323232;
color: #fff;
}
.kitstarter-warn-modal .message {
color: grey;
}
.kitstarter-warn-modal a {
color: #fff;
}
.kitstarter-warn-modal a:hover {
color: #d0d0d0;
}
}
.kitstarter-upload-logo-modal {
align-items: center;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
left: 50%;
padding: 35px 40px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out;
width: 400px;
z-index: 99999;
}
.kitstarter-upload-logo-modal.light {
background-color: #fff;
color: #181818;
}
.kitstarter-upload-logo-modal.light p {
color: #535353;
}
.kitstarter-upload-logo-modal.light .kitstarter-upload-logo-modal-input {
background-color: #f4f4f4;
border: 2px dashed #d6d6d6;
}
.kitstarter-upload-logo-modal.light .kitstarter-upload-logo-modal-input:hover {
background-color: #e8e8e8;
}
.kitstarter-upload-logo-modal.light
.kitstarter-upload-logo-modal-input
svg
path:first-child,
.kitstarter-upload-logo-modal.light
.kitstarter-upload-logo-modal-input
svg
path:last-child {
fill: #00997b;
}
.kitstarter-upload-logo-modal.light
.kitstarter-upload-logo-modal-action
button {
background-color: #e2e2e2;
color: #787878;
}
.kitstarter-upload-logo-modal.light
.kitstarter-upload-logo-modal-action
button:hover {
background-color: #eee;
}
.kitstarter-upload-logo-modal.light
.kitstarter-upload-logo-modal-action
button.continue {
color: #fff;
}
.kitstarter-upload-logo-modal.dark {
background-color: #323232;
color: #fff;
}
.kitstarter-upload-logo-modal.dark p {
color: grey;
}
.kitstarter-upload-logo-modal.dark .kitstarter-upload-logo-modal-input {
background-color: #3e3e3e;
border: 2px dashed grey;
}
.kitstarter-upload-logo-modal.dark .kitstarter-upload-logo-modal-input:hover {
background-color: #555;
}
.kitstarter-upload-logo-modal.dark .kitstarter-upload-logo-modal-action button {
background-color: #575757;
color: #fff;
}
.kitstarter-upload-logo-modal.dark
.kitstarter-upload-logo-modal-action
button:hover {
background-color: #6e6e6e;
}
.kitstarter-upload-logo-modal h1 {
font-weight: 400;
}
.kitstarter-upload-logo-modal p {
color: grey;
margin-top: 1rem;
}
.kitstarter-upload-logo-modal p span {
color: #00997b;
}
.kitstarter-upload-logo-modal .logo-wrapper {
margin-top: 2rem;
max-height: 12rem;
overflow: hidden;
}
.kitstarter-upload-logo-modal .logo-wrapper img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-input {
align-items: center;
border-radius: 14px;
cursor: pointer;
display: flex;
height: 12rem;
justify-content: center;
margin-top: 2rem;
overflow: hidden;
transition: all 0.3s ease-in-out;
width: 100%;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-input img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 70%;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-action {
display: flex;
justify-content: space-between;
margin-top: 2rem;
width: 100%;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-action button {
border: none;
border-radius: 50px;
cursor: pointer;
padding: 13px 30px;
transition: all 0.3s ease-in-out;
}
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-action
button.continue {
background-color: #00997b;
}
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-action
button.continue:hover {
background-color: #007f65;
}
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-action
button:active,
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-action
button:focus {
box-shadow: none;
outline: none;
}
@media (prefers-color-scheme: light) {
.kitstarter-upload-logo-modal {
background-color: #fff;
color: #181818;
}
.kitstarter-upload-logo-modal p {
color: #535353;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-input {
background-color: #f4f4f4;
border: 2px dashed #d6d6d6;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-input:hover {
background-color: #e8e8e8;
}
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-input
svg
path:first-child,
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-input
svg
path:last-child {
fill: #00997b;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-action button {
background-color: #e2e2e2;
color: #787878;
}
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-action
button:hover {
background-color: #eee;
}
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-action
button.continue {
color: #fff;
}
}
@media (prefers-color-scheme: dark) {
.kitstarter-upload-logo-modal {
background-color: #323232;
color: #fff;
}
.kitstarter-upload-logo-modal p {
color: grey;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-input {
background-color: #3e3e3e;
border: 2px dashed grey;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-input:hover {
background-color: #555;
}
.kitstarter-upload-logo-modal .kitstarter-upload-logo-modal-action button {
background-color: #575757;
color: #fff;
}
.kitstarter-upload-logo-modal
.kitstarter-upload-logo-modal-action
button:hover {
background-color: #6e6e6e;
}
}
.library-header {
align-items: center;
background-color: #1f1f1f;
display: flex;
justify-content: space-between;
}
.library-header .library-title {
padding: 25px 30px;
}
.library-header .library-title .library-back {
align-items: center;
display: flex;
}
.library-header .library-title .library-back button {
background: none;
background-color: #ededed;
border: none;
border-radius: 50%;
color: #2d2d2d;
cursor: pointer;
padding: 6px 6px 3px;
}
.library-header .library-title .library-back button svg {
fill: #2d2d2d;
height: 25px;
width: 25px;
}
.library-header .library-title .library-back h3 {
font-size: 1rem;
font-weight: 500;
margin-left: 10px;
}
.library-header .library-action {
padding: 25px 30px;
}
.library-header .library-action button {
align-items: center;
background-color: #00997b;
border: 0;
border-radius: 14px;
color: #fff;
cursor: pointer;
display: inline-flex;
margin-left: 10px;
min-height: 2.5rem;
padding: 0.5rem 1rem;
}
.library-header .library-action button svg {
margin-right: 7px;
}
.library-list {
grid-gap: 20px;
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 30px;
}
.library-list .library-item {
border-radius: 16px;
cursor: pointer;
padding: 0.5rem;
position: relative;
transition: all 0.3s ease;
}
.library-list .library-item .library-item-preview {
align-items: center;
background-color: #242424;
border-radius: 10px;
display: flex;
height: 240px;
justify-content: center;
}
.library-list .library-item .library-item-preview img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
padding-top: 20px;
width: 100%;
}
.library-list .library-item .library-item-content {
align-items: center;
display: flex;
justify-content: space-between;
padding: 15px;
position: relative;
}
.library-list .library-item .library-item-content .library-item-title {
font-size: 0.73rem;
}
.library-list
.library-item
.library-item-content
.library-item-title
.item-subtitle {
color: #00997b;
font-weight: 500;
margin-top: 7px;
}
.library-list
.library-item
.library-item-content
.library-item-title
.item-subtitle
span:first-child {
margin-right: 5px;
}
.library-list .library-item .library-item-content .library-item-actions {
position: relative;
}
.library-list .library-item .library-item-content .library-item-actions button {
background-color: transparent;
border: 0;
border-radius: 10px;
cursor: pointer;
padding: 5px 7px;
transition: all 0.3s ease;
}
.library-list .library-item-load {
border-radius: 10px;
height: 300px;
position: relative;
vertical-align: bottom;
}
.library-list .library-item-load .load-text {
border-radius: 5px;
bottom: 35px;
height: 15px;
left: 15px;
position: absolute;
width: 50%;
}
.library-list .library-item-load .load-desc {
border-radius: 5px;
bottom: 15px;
height: 8px;
left: 15px;
position: absolute;
width: 75%;
}
.kitstarter-library-context-menu {
background-color: #242424;
border: 1px solid #3a3a3a;
border-radius: 10px;
overflow: hidden;
position: fixed;
transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
width: 140px;
z-index: 999;
}
.kitstarter-library-context-menu .menu__item {
color: #bfbfbf;
display: block;
padding: 15px 16px;
transition: all 0.3s ease;
}
.kitstarter-library-context-menu .menu__item:hover {
background-color: #3a3a3a;
}
.library__modal-add-folder {
background-color: #fff;
border-radius: 16px;
bottom: 0;
font-family: Inter, sans-serif;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1rem;
position: fixed;
right: 0;
top: 0;
width: 430px;
z-index: 100;
}
.library__modal-add-folder .modal__header {
align-items: center;
border-bottom: 1px solid #ddd;
display: flex;
justify-content: flex-start;
padding-bottom: 20px;
}
.library__modal-add-folder .modal__header .header__icon {
background-color: #f5f5f7;
border-radius: 10px;
padding: 10px;
}
.library__modal-add-folder .modal__header .header__title {
padding-left: 20px;
text-align: left;
}
.library__modal-add-folder .modal__header .header__title h2 {
color: #2d2d2d;
font-size: 1.2rem;
font-weight: 400;
}
.library__modal-add-folder .modal__header .header__title p {
color: #9b9b9b;
line-height: 1.5;
margin-top: 5px;
}
.library__modal-add-folder .modal__header.delete {
border-bottom: none;
}
.library__modal-add-folder .modal__header.share .header__icon {
background-color: transparent;
padding: 0;
}
.library__modal-add-folder .modal__content {
padding: 10px 0;
}
.library__modal-add-folder .modal__content .modal__input {
padding: 10px 0;
text-align: left;
}
.library__modal-add-folder .modal__content .modal__input label {
color: #2d2d2d;
display: block;
font-size: 0.9rem;
margin-bottom: 15px;
}
.library__modal-add-folder .modal__content .modal__input input,
.library__modal-add-folder .modal__content .modal__input textarea {
border-radius: 10px;
font-family: Inter, sans-serif;
font-size: 0.9rem;
line-height: 1.5;
padding: 10px;
}
.library__modal-add-folder
.modal__content
.modal__input
input::-moz-placeholder,
.library__modal-add-folder
.modal__content
.modal__input
textarea::-moz-placeholder {
color: #9b9b9b;
font-size: 0.8rem;
}
.library__modal-add-folder .modal__content .modal__input input::placeholder,
.library__modal-add-folder .modal__content .modal__input textarea::placeholder {
color: #9b9b9b;
font-size: 0.8rem;
}
.library__modal-add-folder .modal__content.share {
padding-bottom: 20px;
padding-top: 20px;
}
.library__modal-add-folder .modal__content.share .modal__input.group {
align-items: center;
display: flex;
}
.library__modal-add-folder
.modal__content.share
.modal__input.group
.input__wrapper {
flex-grow: 1;
position: relative;
}
.library__modal-add-folder
.modal__content.share
.modal__input.group
.input__wrapper
.role-wrapper {
display: inline-block;
padding: 4px;
position: absolute;
right: 0;
}
.library__modal-add-folder
.modal__content.share
.modal__input.group
.input__wrapper
.role-wrapper
select {
border: none;
border-radius: 7px;
border-right: 8px solid transparent;
height: -moz-fit-content;
height: fit-content;
padding: 10px 7px;
width: -moz-fit-content;
width: fit-content;
}
.library__modal-add-folder .modal__content.share .modal__input.group button {
background-color: #00997b;
border: #00997b;
border-radius: 10px;
color: #fff;
cursor: pointer;
font-weight: 600;
height: -moz-fit-content;
height: fit-content;
margin-left: 7px;
padding: 10px 20px;
}
.library__modal-add-folder
.modal__content.share
.modal__input.group
button:hover {
background-color: #0a8f71;
border-color: #0a8f71 !important;
}
.library__modal-add-folder .modal__content.share .user__list {
border-bottom: 1px solid;
border-color: #3a3a3a;
padding-left: 5px;
padding-right: 5px;
}
.library__modal-add-folder .modal__content.share .user__list .user__item {
align-items: center;
display: flex;
padding-bottom: 10px;
padding-top: 10px;
}
.library__modal-add-folder
.modal__content.share
.user__list
.user__item:hover
.user__action {
opacity: 1;
visibility: visible;
width: -moz-fit-content;
width: fit-content;
}
.library__modal-add-folder .modal__content.share .user__list .user__avatar {
display: inline-flex;
}
.library__modal-add-folder
.modal__content.share
.user__list
.user__avatar
.initial-name {
background-color: #fff;
border-radius: 50%;
color: #2d2d2d;
font-weight: 600;
padding: 12px 10px;
}
.library__modal-add-folder .modal__content.share .user__list .user__info {
flex-grow: 1;
margin-left: 10px;
}
.library__modal-add-folder .modal__content.share .user__list .user__role {
transition: all 0.3s ease;
}
.library__modal-add-folder .modal__content.share .user__list .user__action {
opacity: 0;
overflow: hidden;
transition: all 0.3s ease;
visibility: hidden;
width: 0;
}
.library__modal-add-folder
.modal__content.share
.user__list
.user__action
button {
background-color: #d85b5b;
border: none;
border-radius: 10px;
cursor: pointer;
margin-left: 20px;
padding: 8px 10px;
transition: all 0.3s ease;
}
.library__modal-add-folder
.modal__content.share
.user__list
.user__action
button:hover {
background-color: #c84a4a;
}
.library__modal-add-folder .modal__actions {
display: flex;
justify-content: space-between;
}
.library__modal-add-folder .modal__actions .right {
display: flex;
}
.library__modal-add-folder .modal__actions .right .modal__update {
margin-right: 10px;
}
.library__modal-add-folder .modal__actions button {
background-color: transparent;
border: 1px solid #ddd;
border-radius: 10px;
color: #2d2d2d;
cursor: pointer;
font-size: 0.9rem;
font-weight: 400;
padding: 10px 20px;
transition: all 0.3s ease;
}
.library__modal-add-folder .modal__actions button.modal__create,
.library__modal-add-folder .modal__actions button.modal__link,
.library__modal-add-folder .modal__actions button.modal__update {
background-color: #00997b;
border-color: #00997b;
color: #fff;
}
.library__modal-add-folder .modal__actions button.modal__create:hover,
.library__modal-add-folder .modal__actions button.modal__link:hover,
.library__modal-add-folder .modal__actions button.modal__update:hover {
background-color: #0a8f71;
border-color: #0a8f71 !important;
}
.library__modal-add-folder .modal__actions button.modal__link {
align-items: center;
display: flex;
font-size: 0.8rem;
font-weight: 600;
padding: 5px 15px;
}
.library__modal-add-folder .modal__actions button.modal__link svg {
margin-right: 8px;
}
.component__title {
align-items: center;
display: flex;
padding: 18px 30px;
}
.component__title button {
background: none;
background-color: #ededed;
border: none;
border-radius: 50%;
color: #2d2d2d;
cursor: pointer;
padding: 6px 6px 3px;
}
.component__title button svg {
fill: #2d2d2d;
height: 25px;
width: 25px;
}
.component__title h3 {
font-size: 1rem;
font-weight: 500;
margin-left: 10px;
}
.component__add {
margin: 2rem 5rem;
max-width: 100%;
}
.component__add .notice {
align-items: center;
background-color: #d5d8d7;
border-radius: 14px;
color: #2d2d2d;
display: flex;
padding: 0.5rem;
}
.component__add .notice .tip {
background-color: #fff;
border-radius: 8px;
font-weight: 500;
margin-right: 15px;
padding: 0.5rem;
}
.component__add .notice .description {
flex-grow: 1;
}
.component__add .component__details {
align-content: center;
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 1.5rem;
justify-content: space-between;
margin-top: 20px;
}
.component__add .component__details .component__details__left {
align-items: stretch;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-wrap: nowrap;
gap: 1.2rem;
justify-content: flex-start;
width: 80%;
}
.component__add .component__details .component__details__left .details {
background-color: #fff;
border-radius: 16px;
padding: 0.875rem;
}
.component__add
.component__details
.component__details__left
.details
.details__title {
border-bottom: 1px solid #ededed;
padding-bottom: 15px;
}
.component__add
.component__details
.component__details__left
.details
.details__title
span {
background-color: #f5f5f7;
border-radius: 10px;
display: inline-block;
padding: 10px;
}
.component__add
.component__details
.component__details__left
.details
.details__title
h3 {
display: inline-block;
font-weight: 400;
margin-left: 10px;
vertical-align: super;
}
.component__add
.component__details
.component__details__left
.details
.details__content {
padding: 10px 0;
}
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input {
padding: 10px 0;
text-align: left;
}
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input
label {
color: #2d2d2d;
display: block;
font-size: 0.9rem;
margin-bottom: 15px;
}
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input
input,
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input
textarea {
border-radius: 10px;
font-family: Inter, sans-serif;
font-size: 0.9rem;
padding: 10px;
}
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input
input::-moz-placeholder,
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input
textarea::-moz-placeholder {
color: #9b9b9b;
font-size: 0.8rem;
}
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input
input::placeholder,
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input
textarea::placeholder {
color: #9b9b9b;
font-size: 0.8rem;
}
.component__add
.component__details
.component__details__left
.details
.details__content
.detail__input
select {
border: none;
border-radius: 8px;
border-right: 10px solid transparent;
color: #fff;
font-family: Inter, sans-serif;
font-size: 0.8rem;
height: unset;
padding: 12px 8px;
}
.component__add .component__details .component__details__left .block {
background-color: #fff;
border-radius: 16px;
padding: 0.5rem;
text-align: center;
}
.component__add
.component__details
.component__details__left
.block
.block__wrapper {
background-color: #f7f7f7;
border-radius: 10px;
padding: 65px;
}
.component__add
.component__details
.component__details__left
.block
.block__wrapper
h3 {
font-weight: 400;
margin-bottom: 16px;
}
.component__add
.component__details
.component__details__left
.block
.block__wrapper
p {
margin-top: 15px;
}
.component__add .component__details .component__details__right {
align-content: center;
align-items: stretch;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-wrap: nowrap;
justify-content: flex-start;
vertical-align: top;
width: 350px;
}
.component__add .component__details .component__details__right .thumbnail {
background-color: #fff;
border-radius: 16px;
padding: 0.875rem;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__title {
border-bottom: 1px solid #ededed;
display: flex;
padding-bottom: 15px;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__title
.icon {
background-color: #f5f5f7;
border-radius: 10px;
display: inline-block;
height: -moz-fit-content;
height: fit-content;
padding: 10px;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__title
h3 {
display: inline-block;
font-weight: 400;
margin-left: 10px;
vertical-align: super;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__title
h3
span {
color: #9b9b9b;
display: block;
font-size: 0.75rem;
line-height: 1.5;
margin-top: 5px;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__content {
background-color: #d5d8d7;
border-radius: 10px;
display: inline-block;
margin-bottom: 15px;
margin-top: 15px;
padding: 15px;
text-align: center;
width: 100%;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__content
.preview__wrapper {
background-color: #fff;
padding-bottom: 60px;
padding-top: 60px;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__content
img {
width: 100%;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__actions {
border-radius: 16px;
display: flex;
justify-content: space-between;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__actions
button {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.067);
border-radius: 10px;
color: #2d2d2d;
cursor: pointer;
font-size: 0.8rem;
font-weight: 600;
height: 2.5rem;
letter-spacing: 0.3px;
min-height: 2.5rem;
padding: 0.5rem 1rem;
transition: all 0.3s ease;
}
.component__add
.component__details
.component__details__right
.thumbnail
.thumbnail__actions
button.modal__clear {
padding: 0.5rem;
}
.component__add .component__details .component__details__right .actions {
background-color: #fff;
border-radius: 16px;
display: flex;
justify-content: space-between;
margin-top: 15px;
padding: 0.875rem;
}
.component__add .component__details .component__details__right .actions button {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.067);
border-radius: 10px;
color: #2d2d2d;
cursor: pointer;
font-size: 0.8rem;
font-weight: 600;
height: 2.5rem;
letter-spacing: 0.3px;
min-height: 2.5rem;
padding: 0.5rem 1rem;
transition: all 0.3s ease;
}
.component__add
.component__details
.component__details__right
.actions
button.modal__add {
background-color: #00997b;
border-color: #00997b !important;
color: #fff;
}
.component__add
.component__details
.component__details__right
.actions
button.modal__add:hover {
background-color: #0a8f71;
border-color: #0a8f71 !important;
}
.library__login {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
width: 100%;
}
.library__login h3 {
font-size: 50px;
margin-bottom: 12px;
}
.library__login p {
color: #707070;
}
.library__login .library__login-button {
background-color: #00997b;
border-radius: 10px;
color: #fff;
cursor: pointer;
font-size: 1rem;
font-weight: 600;
margin-top: 40px;
min-width: 150px;
padding: 15px 20px;
text-align: center;
transition: all 0.2s ease-in-out;
}
.library__login .library__login-button:hover {
background-color: #007d5f;
}
.library__login .library__login-button.disabled {
background-color: #ccc;
color: #fff;
cursor: not-allowed;
}
@keyframes slideUp {
0% {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.kitstarter-dialog {
bottom: 0;
font-family: Inter, sans-serif;
left: 0;
overflow-y: auto;
position: fixed;
right: 0;
top: 0;
z-index: 10;
}
.kitstarter-dialog .kitstarter-dialog-overlay {
background-color: rgba(0, 0, 0, 0.3);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
}
.kitstarter-modal {
border-color: #6b7280;
border-radius: 1rem;
border-width: 2px;
display: inline-block;
filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04))
drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 80rem;
overflow: hidden;
position: relative;
text-align: left;
vertical-align: middle;
width: 100%;
}
.kitstarter-modal.dark {
background-color: #181818;
}
.kitstarter-modal.dark .modal-header {
background-color: #252525;
}
.kitstarter-modal.dark .modal-header .logo svg path {
fill: #fff;
}
.kitstarter-modal.dark .modal-header ul {
background-color: #323232;
}
.kitstarter-modal.dark .modal-header ul li a.active {
background-color: #fff;
color: #323232;
}
.kitstarter-modal.dark .modal-header .toggle-responsive {
background-color: #252525;
border-color: #383838;
}
.kitstarter-modal.dark .modal-header .action form input {
background-color: #323232;
border-color: rgba(229, 231, 235, 0.102);
color: #fff;
}
.kitstarter-modal.dark .modal-header .action form button {
background-color: #323232;
border-color: rgba(229, 231, 235, 0.102);
color: grey;
}
.kitstarter-modal.dark .modal-header .action a.icon svg:hover path {
fill: #d2d2d2;
transition: fill 0.1s ease-in-out;
}
.kitstarter-modal.dark .modal-header .action > a:not(.icon):not(.import) {
background-color: #323232;
color: #d2d2d2;
}
.kitstarter-modal.dark
.modal-header
.action
> a:not(.icon):not(.import):not(.import)
svg
path {
stroke: #d2d2d2;
}
.kitstarter-modal.dark
.modal-header
.action
> a:not(.icon):not(.import):not(.import):hover {
background-color: #3c3c3c;
}
.kitstarter-modal.dark .modal-close a {
background-color: #323232;
color: #d2d2d2;
}
.kitstarter-modal.dark .modal-close a:hover {
background-color: #3c3c3c;
color: #6b6b6b;
}
.kitstarter-modal.dark .modal-category {
background-color: #181818;
border-bottom: 1px solid rgba(229, 231, 235, 0.1);
}
.kitstarter-modal.dark .modal-category .prev {
background: linear-gradient(270deg, hsla(0, 0%, 9%, 0) 5%, #181818 35%);
}
.kitstarter-modal.dark .modal-category .prev a.previous {
background-color: #323232;
color: #9b9b9b;
}
.kitstarter-modal.dark .modal-category ul.type {
background: #181818;
background: linear-gradient(90deg, hsla(0, 0%, 9%, 0) 5%, #181818 13%);
}
.kitstarter-modal.dark .modal-category ul.type li a.active {
color: #fff;
}
.kitstarter-modal.dark .modal-category ul li a {
background-color: #323232;
border-color: rgba(229, 231, 235, 0.102);
color: #9b9b9b;
}
.kitstarter-modal.dark .modal-category ul li a:hover {
background-color: #3c3c3c;
color: #fff;
}
.kitstarter-modal.dark .modal-category ul li a.active,
.kitstarter-modal.dark .modal-category ul li a:active {
background-color: #e7e7e7;
color: #131e23;
}
.kitstarter-modal.dark .modal-load-category {
background-color: #181818;
border-bottom: 1px solid rgba(229, 231, 235, 0.1);
}
.kitstarter-modal.dark .modal-load-category .category-preview {
background-color: #252525;
}
.kitstarter-modal.dark .modal-content {
scrollbar-color: #181818 #252525;
}
.kitstarter-modal.dark .modal-content .content-templates .content-load-single {
background-color: #1e1e1e;
}
.kitstarter-modal.dark
.modal-content
.content-templates
.content-load-single
.load-desc,
.kitstarter-modal.dark
.modal-content
.content-templates
.content-load-single
.load-text {
background-color: #2f2f2f;
}
.kitstarter-modal.dark .modal-content .content-templates .content-single {
background-color: #252525;
}
.kitstarter-modal.dark
.modal-content
.content-templates
.content-single
.image-preview {
background-color: #323232;
}
.kitstarter-modal.dark
.modal-content
.content-templates
.content-single
.text-preview
h3 {
color: #fff;
}
.kitstarter-modal.dark
.modal-content
.content-templates
.content-single
.text-preview
span {
color: #9e9e9e;
}
.kitstarter-modal.dark .modal-content .load-kit-preview .image,
.kitstarter-modal.dark .modal-content .load-kit-preview .info > * {
background-color: #1e1e1e;
}
.kitstarter-modal.dark
.modal-content
.kit-preview
.content-single
.image-preview {
background-color: #323232;
}
.kitstarter-modal.dark .modal-content .kit-preview .image .content-single {
background-color: #252525;
}
.kitstarter-modal.dark
.modal-content
.kit-preview
.image
.content-single
.text-preview
h3 {
color: #fff;
}
.kitstarter-modal.dark
.modal-content
.kit-preview
.image
.content-single
.text-preview
spanspan:not(.type) {
color: #9e9e9e;
}
.kitstarter-modal.dark .modal-content .kit-preview .info h3 {
color: #fff;
}
.kitstarter-modal.dark .modal-content .kit-preview .info p {
color: #e0e1e3;
}
.kitstarter-modal.dark .modal-content .no-template-found {
background-image: unset;
}
.kitstarter-modal.dark .modal-content::-webkit-scrollbar,
.kitstarter-modal.dark .modal-content::-webkit-scrollbar-track {
background-color: #181818;
}
.kitstarter-modal.dark .modal-content::-webkit-scrollbar-track:hover {
background-color: #181818;
}
.kitstarter-modal.dark .modal-content::-webkit-scrollbar-thumb {
background-color: #252525;
border-color: #181818;
}
.kitstarter-modal.dark .modal-content::-webkit-scrollbar-thumb:hover {
background-color: #363636;
border-color: #181818;
}
.kitstarter-modal.dark .modal-content .library-header {
background-color: #252525;
border-top: 1px solid #3f3f3f;
}
.kitstarter-modal.dark .modal-content .library-header .library-title h1 {
color: #fff;
}
.kitstarter-modal.dark
.modal-content
.library-header
.component__title
.back-button {
background-color: #323232;
}
.kitstarter-modal.dark
.modal-content
.library-header
.component__title
.back-button
svg
path {
fill: #d2d2d2;
}
.kitstarter-modal.dark .modal-content .library-header .component__title h3 {
color: #fff;
}
.kitstarter-modal.dark .modal-content .library-list .library-item {
background-color: #252525;
}
.kitstarter-modal.dark
.modal-content
.library-list
.library-item
.library-item-preview {
background-color: #323232;
}
.kitstarter-modal.dark
.modal-content
.library-list
.library-item
.library-item-content
.library-item-title
h3 {
color: #fff;
}
.kitstarter-modal.dark
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
button:hover {
background-color: #2c2c2c;
}
.kitstarter-modal.dark
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
button
svg
path {
fill: #9b9b9b;
}
.kitstarter-modal.dark
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu {
background-color: #242424;
border-color: #3a3a3a;
}
.kitstarter-modal.dark
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu
.menu__item {
color: #bfbfbf;
}
.kitstarter-modal.dark
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu
.menu__item:hover {
background-color: #3a3a3a;
}
.kitstarter-modal.dark .modal-content .library-list .library-item-load {
background-color: #1e1e1e;
}
.kitstarter-modal.dark
.modal-content
.library-list
.library-item-load
.load-desc,
.kitstarter-modal.dark
.modal-content
.library-list
.library-item-load
.load-text {
background-color: #2f2f2f;
}
.kitstarter-modal.dark .modal-content .component__add .notice {
background-color: #2b2b2b;
}
.kitstarter-modal.dark .modal-content .component__add .notice .tip {
color: #2d2d2d;
}
.kitstarter-modal.dark .modal-content .component__add .notice .description {
color: #b9b9b9;
}
.kitstarter-modal.dark .modal-content .component__add .notice a svg path {
fill: #b9b9b9;
}
.kitstarter-modal.dark .modal-content .component__add .component__details {
color: #fff;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details {
background-color: #2b2b2b;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__title {
border-color: rgba(229, 231, 235, 0.102);
color: #fff;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__title
span {
background-color: #393939;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:first-child {
fill: #e2e2e2;
stroke: #e7e7e7;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:nth-child(2),
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:nth-child(3) {
stroke: #e7e7e7;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
label {
color: #e2e2e2;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
input,
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
textarea {
background-color: #242424;
border-color: #242424;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.details
.details__content
select {
background-color: #252525;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.block {
background-color: #2b2b2b;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.block
.block__wrapper {
background-color: #232323;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.block
.block__wrapper
svg
path:last-child {
fill: #e2e2e2;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.block
.block__wrapper.component__added,
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail {
background-color: #2b2b2b;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title {
border-color: rgba(229, 231, 235, 0.102);
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
.icon {
background-color: #393939;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
.icon
svg
path {
fill: #e2e2e2;
stroke: #e7e7e7;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__content {
background-color: #232323;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__content
.preview__wrapper {
background-color: #323232;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions {
background-color: #2b2b2b;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button {
border-color: #444;
color: #e2e2e2;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button.modal__clear {
background-color: #323232;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button.modal__clear
svg
path {
fill: #e2e2e2;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.actions {
background-color: #2b2b2b;
}
.kitstarter-modal.dark
.modal-content
.component__add
.component__details
.actions
button {
border-color: #444;
color: #e2e2e2;
}
.kitstarter-modal.light {
background-color: #ededed;
}
.kitstarter-modal.light .modal-header {
background-color: #fff;
}
.kitstarter-modal.light .modal-header .logo svg path:nth-child(n + 5) {
fill: #323232;
}
.kitstarter-modal.light .modal-header ul {
background-color: #f5f5f7;
}
.kitstarter-modal.light .modal-header ul li a.active {
background-color: #00997b;
color: #fff;
}
.kitstarter-modal.light .modal-header .toggle-responsive {
background-color: #fff;
border-color: #f1f1f1;
}
.kitstarter-modal.light .modal-header .action form button,
.kitstarter-modal.light .modal-header .action form input {
background-color: #ededed;
border-color: #ededed;
color: #6e6e6e;
}
.kitstarter-modal.light .modal-header .action a.icon.light svg path {
fill: orange;
}
.kitstarter-modal.light .modal-header .action a.icon svg:hover path {
fill: #d2d2d2;
transition: fill 0.1s ease-in-out;
}
.kitstarter-modal.light .modal-header .action > a:not(.icon):not(.import) {
background-color: #ededed;
color: #181818;
}
.kitstarter-modal.light
.modal-header
.action
> a:not(.icon):not(.import):not(.import)
svg
path {
stroke: #9b9b9b;
}
.kitstarter-modal.light
.modal-header
.action
> a:not(.icon):not(.import):not(.import):hover {
background-color: #ddd;
}
.kitstarter-modal.light .modal-close a {
background-color: #ededed;
color: #181818;
}
.kitstarter-modal.light .modal-close a svg path {
fill: #9b9b9b;
}
.kitstarter-modal.light .modal-close a:hover {
background-color: #ddd;
color: #afafaf;
}
.kitstarter-modal.light .modal-category {
background-color: #f9f9f9;
}
.kitstarter-modal.light .modal-category .prev {
background: linear-gradient(270deg, hsla(0, 0%, 93%, 0) 5%, #f9f9f9 35%);
}
.kitstarter-modal.light .modal-category .prev a.previous {
background-color: #e6e6e6;
color: #181818;
}
.kitstarter-modal.light .modal-category ul.type {
background: #eee;
background: linear-gradient(90deg, hsla(0, 0%, 93%, 0) 5%, #f9f9f9 13%);
}
.kitstarter-modal.light .modal-category ul.type li a.active {
color: #181818;
}
.kitstarter-modal.light .modal-category ul.type .free.active,
.kitstarter-modal.light .modal-category ul.type .pro.active {
color: #fff;
}
.kitstarter-modal.light .modal-category ul li a {
background-color: #e6e6e6;
border-color: rgba(229, 231, 235, 0.102);
color: #181818;
}
.kitstarter-modal.light .modal-category ul li a:hover {
background-color: #cecece;
color: #181818;
}
.kitstarter-modal.light .modal-category ul li a:not(.next).active,
.kitstarter-modal.light .modal-category ul li a:not(.next):active {
background-color: #00997b;
color: #fff;
}
.kitstarter-modal.light .modal-load-category {
background-color: #f9f9f9;
}
.kitstarter-modal.light .modal-load-category .category-preview {
background-color: #e6e6e6;
}
.kitstarter-modal.light .modal-content {
scrollbar-color: #fff #ededed;
}
.kitstarter-modal.light .modal-content .content-templates .content-load-single {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.content-templates
.content-load-single
.load-desc,
.kitstarter-modal.light
.modal-content
.content-templates
.content-load-single
.load-text {
background-color: #ededed;
}
.kitstarter-modal.light .modal-content .content-templates .content-single {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.content-templates
.content-single
.image-preview {
background-color: #d5d8d7;
}
.kitstarter-modal.light
.modal-content
.content-templates
.content-single
.text-preview
h3 {
color: #181818;
}
.kitstarter-modal.light
.modal-content
.content-templates
.content-single
.text-preview
span {
color: grey;
}
.kitstarter-modal.light .modal-content .load-kit-preview .image,
.kitstarter-modal.light .modal-content .load-kit-preview .info > * {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.kit-preview
.content-single
.image-preview {
background-color: #d5d8d7;
}
.kitstarter-modal.light .modal-content .kit-preview .image .content-single {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.kit-preview
.image
.content-single
.text-preview
h3 {
color: #181818;
}
.kitstarter-modal.light
.modal-content
.kit-preview
.image
.content-single
.text-preview
spanspan:not(.type) {
color: grey;
}
.kitstarter-modal.light .modal-content .kit-preview .info h3 {
color: #181818;
}
.kitstarter-modal.light .modal-content .kit-preview .info p {
color: #9e9e9e;
}
.kitstarter-modal.light .modal-content .no-template-found {
background-image: url(//www.lechnerandreas.eu/wp-content/plugins/kitstarter/assets/images/bg-none.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
}
.kitstarter-modal.light .modal-content .no-template-found h3 {
color: #7d7d7d;
}
.kitstarter-modal.light .modal-content::-webkit-scrollbar,
.kitstarter-modal.light .modal-content::-webkit-scrollbar-track {
background-color: #ededed;
}
.kitstarter-modal.light .modal-content::-webkit-scrollbar-track:hover {
background-color: #ededed;
}
.kitstarter-modal.light .modal-content::-webkit-scrollbar-thumb,
.kitstarter-modal.light .modal-content::-webkit-scrollbar-thumb:hover {
background-color: #fff;
border-color: #ededed;
}
.kitstarter-modal.light .modal-content .library-header {
background-color: #f9f9f9;
border-top: none;
}
.kitstarter-modal.light
.modal-content
.library-header
.library-title
.library-back
h3,
.kitstarter-modal.light .modal-content .library-header .library-title h1 {
color: #555;
}
.kitstarter-modal.light
.modal-content
.library-header
.component__title
.back-button {
background-color: #ededed;
}
.kitstarter-modal.light
.modal-content
.library-header
.component__title
.back-button
svg
path {
fill: #181818;
}
.kitstarter-modal.light .modal-content .library-header .component__title h3 {
color: #555;
}
.kitstarter-modal.light .modal-content .library-list .library-item {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.library-list
.library-item
.library-item-preview {
background-color: #d5d8d7;
}
.kitstarter-modal.light
.modal-content
.library-list
.library-item
.library-item-content
.library-item-title
h3 {
color: #555;
}
.kitstarter-modal.light
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
button:hover {
background-color: #f0f0f0;
}
.kitstarter-modal.light
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
button
svg
path {
fill: #9b9b9b;
}
.kitstarter-modal.light
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu {
background-color: #fff;
border-color: #e3e3e3;
}
.kitstarter-modal.light
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu
.menu__item {
color: #181818;
}
.kitstarter-modal.light
.modal-content
.library-list
.library-item
.library-item-content
.library-item-actions
.kitstarter-library-context-menu
.menu__item:hover {
background-color: #f0f0f0;
}
.kitstarter-modal.light .modal-content .library-list .library-item-load {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.library-list
.library-item-load
.load-desc,
.kitstarter-modal.light
.modal-content
.library-list
.library-item-load
.load-text {
background-color: #ededed;
}
.kitstarter-modal.light .modal-content .library__login {
background-image: url(//www.lechnerandreas.eu/wp-content/plugins/kitstarter/assets/images/bg-none.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
color: #7d7d7d;
}
.kitstarter-modal.light .modal-content .component__add .notice {
background-color: #d5d8d7;
}
.kitstarter-modal.light .modal-content .component__add .notice .tip {
background-color: #fff;
}
.kitstarter-modal.light .modal-content .component__add .notice .description {
color: #141414;
}
.kitstarter-modal.light .modal-content .component__add .notice a svg path {
fill: #141414;
}
.kitstarter-modal.light .modal-content .component__add .component__details {
color: #141414;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__title {
border-color: #ededed;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__title
span {
background-color: #f5f5f7;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:first-child {
fill: #292d32;
stroke: #292d32;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:nth-child(2),
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__title
span
svg
path:nth-child(3) {
stroke: #292d32;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__title
h3 {
color: #292d32;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
label {
color: #2d2d2d;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
input,
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
textarea {
background-color: #fff;
border-color: #dbdbdb;
color: #2d2d2d;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
input::-moz-placeholder,
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
textarea::-moz-placeholder {
color: #9b9b9b;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
input::placeholder,
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
textarea::placeholder {
color: #9b9b9b;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.details
.details__content
.detail__input
select {
background-color: #f8f8f8;
color: #5e5e5e;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.block {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.block
.block__wrapper {
background-color: #f7f7f7;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.block
.block__wrapper.component__added,
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title {
border-color: #ededed;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
.icon {
background-color: #f5f5f7;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
.icon
svg
path {
fill: #181818;
stroke: #181818;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__title
h3
span {
color: #9b9b9b;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__content {
background-color: #d5d8d7;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions,
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__content
.preview__wrapper {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button {
border-color: #ddd;
color: #2b2b2b;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button.modal__clear {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.thumbnail
.thumbnail__actions
button.modal__clear
svg
path {
fill: #2b2b2b;
stroke: #2b2b2b;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.actions {
background-color: #fff;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.actions
button {
border-color: #ddd;
color: #2b2b2b;
}
.kitstarter-modal.light
.modal-content
.component__add
.component__details
.actions
button.modal__add {
color: #fff;
}
.kitstarter-modal .modal-header {
align-items: center;
display: flex;
justify-content: space-between;
padding: 15px 20px;
}
.kitstarter-modal .modal-header .logo {
flex-basis: 27%;
}
.kitstarter-modal .modal-header ul {
border-radius: 25px;
display: flex;
padding: 5px;
}
.kitstarter-modal .modal-header ul li a {
border-radius: 25px;
color: #9b9b9b;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 500;
padding: 10px 20px;
}
.kitstarter-modal .modal-header .toggle-responsive {
border-radius: 25px;
border-style: solid;
border-width: 1px;
display: flex;
padding: 3px;
}
.kitstarter-modal .modal-header .toggle-responsive a {
align-items: center;
background-color: unset;
display: flex;
height: 30px;
justify-content: center;
margin-left: 3px;
padding: 7.5px;
width: 34px;
}
.kitstarter-modal .modal-header .toggle-responsive a img {
width: 100%;
}
.kitstarter-modal
.modal-header
.toggle-responsive
a.active
svg
path:not(.except).fill {
fill: #00997b;
}
.kitstarter-modal
.modal-header
.toggle-responsive
a.active
svg
path:not(.except).stroke {
stroke: #00997b;
}
.kitstarter-modal .modal-header .toggle-responsive i {
font-size: 14px;
margin-top: 5px;
}
.kitstarter-modal .modal-header .action {
align-items: center;
display: flex;
flex-basis: 27%;
justify-content: flex-end;
padding-right: 50px;
position: relative;
text-align: right;
}
.kitstarter-modal .modal-header .action form {
display: flex;
position: absolute;
right: 50px;
}
.kitstarter-modal .modal-header .action form input {
border-radius: 25px 0 0 25px;
border-style: solid;
border-width: 1px;
border-right: none;
padding: 10px 17px;
}
.kitstarter-modal .modal-header .action form button {
border-radius: 0 25px 25px 0;
border-style: solid;
border-width: 1px;
border-left: none;
cursor: pointer;
display: flex;
padding: 10px 12px;
}
.kitstarter-modal .modal-header .action form button img {
height: 15px;
width: 15px;
}
.kitstarter-modal .modal-header .action > a {
box-shadow: none;
cursor: pointer;
display: inline-block;
margin-left: 10px;
outline: none;
padding: 10px;
transition: all 0.3s ease;
}
.kitstarter-modal .modal-header .action > a:not(.import) {
align-items: center;
border-radius: 50%;
display: flex;
height: 42px;
justify-content: center;
width: 42px;
}
.kitstarter-modal .modal-header .action > a.import {
align-items: center;
background-color: #00997b;
border-radius: 25px;
color: #fff;
display: flex;
font-size: 12px;
padding: 13px 17px;
transition: all 0.3s ease;
}
.kitstarter-modal .modal-header .action > a.import svg {
margin-left: 8px;
}
.kitstarter-modal .modal-header .action > a.import.locked {
background-color: #fb324a;
color: #fff;
padding-left: 25px;
padding-right: 20px;
}
.kitstarter-modal .modal-header .action > a.import.locked:hover {
background-color: #b03131;
}
.kitstarter-modal .modal-header .action > a.import:hover {
background-color: #008066;
color: #fff;
}
.kitstarter-modal .modal-header .action > a.import img {
margin-left: 10px;
}
.kitstarter-modal .modal-header .action > a img {
height: 15px;
width: 15px;
}
.kitstarter-modal .modal-close {
align-items: center;
display: flex;
position: absolute;
right: 16px;
top: 16px;
}
.kitstarter-modal .modal-close a {
border-radius: 50%;
box-shadow: none;
cursor: pointer;
display: flex;
margin-left: 10px;
outline: none;
padding: 14px;
transition: all 0.3s ease;
}
.kitstarter-modal .modal-close a img {
height: 15px;
width: 15px;
}
.kitstarter-modal .modal-load-category {
padding: 20px 35px 25px;
}
.kitstarter-modal .modal-load-category .category-preview {
border-radius: 25px;
display: inline-block;
height: 30px;
margin-right: 10px;
width: 100px;
}
.kitstarter-modal .modal-category {
display: flex;
justify-content: space-between;
overflow: hidden;
padding-bottom: 20px;
position: relative;
scroll-behavior: smooth;
}
.kitstarter-modal .modal-category .prev {
left: 0;
padding: 20px 35px;
position: absolute;
top: 0;
}
.kitstarter-modal .modal-category .prev a.previous {
border-radius: 25px;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 500;
padding: 7px;
white-space: nowrap;
width: 100%;
}
.kitstarter-modal .modal-category ul {
display: flex;
max-width: 83%;
padding: 20px 35px 0;
}
.kitstarter-modal .modal-category ul:not(.type) {
overflow-x: auto;
padding-right: 0;
}
.kitstarter-modal .modal-category ul:not(.type)::-webkit-scrollbar {
display: none;
width: 0;
}
.kitstarter-modal .modal-category ul.type {
position: absolute;
right: 0;
top: 0;
}
.kitstarter-modal .modal-category ul.type a.next {
padding: 7px;
}
.kitstarter-modal .modal-category ul.type .free.active {
background-color: #00997b !important;
}
.kitstarter-modal .modal-category ul.type .pro.active {
background-color: #ff3465 !important;
}
.kitstarter-modal .modal-category ul li {
margin-right: 7px;
}
.kitstarter-modal .modal-category ul li a {
border-radius: 25px;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 500;
padding: 10px 24px;
transition: all 0.3s ease;
white-space: nowrap;
width: 100%;
}
.kitstarter-modal .modal-category ul li:last-child {
margin-right: 0;
}
.kitstarter-modal .modal-content {
height: 80vh;
overflow-y: auto;
scrollbar-width: thin;
}
.kitstarter-modal .modal-content.preview {
overflow: hidden;
}
.kitstarter-modal .modal-content .content-templates {
display: grid;
gap: 20px;
grid-template-columns: repeat(4, 1fr);
padding: 25px 35px 35px;
}
.kitstarter-modal .modal-content .content-templates.four-column {
grid-template-columns: repeat(4, 1fr);
}
.kitstarter-modal .modal-content .content-templates.three-column {
grid-template-columns: repeat(3, 1fr);
}
.kitstarter-modal .modal-content .content-templates .content-load-single {
border-radius: 10px;
height: 300px;
position: relative;
vertical-align: bottom;
}
.kitstarter-modal
.modal-content
.content-templates
.content-load-single
.load-text {
border-radius: 5px;
bottom: 35px;
height: 15px;
left: 15px;
position: absolute;
width: 50%;
}
.kitstarter-modal
.modal-content
.content-templates
.content-load-single
.load-desc {
border-radius: 5px;
bottom: 15px;
height: 8px;
left: 15px;
position: absolute;
width: 75%;
}
.kitstarter-modal .modal-content .content-templates .content-single {
border-radius: 16px;
overflow: hidden;
padding: 0.5rem;
position: relative;
transition: all 0.3s ease;
}
.kitstarter-modal .modal-content .content-templates .content-single .badges {
left: 10px;
position: absolute;
top: 10px;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.badges
> * {
align-items: center;
border-radius: 50px;
color: #fff;
display: inline-flex;
height: 31px;
margin-right: 5px;
overflow: hidden;
padding: 7px;
transition: all 0.3s ease;
width: 31px;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.badges
> :hover
span {
display: block;
opacity: 1;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.badges
> *
span {
display: none;
font-size: 11px;
opacity: 0;
padding: 0 7px;
transition-delay: 5s;
white-space: nowrap;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.badges
.using-code {
background-color: #00997b;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.badges
.using-code:hover {
width: 140px;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.badges
.using-elementor-pro {
background-color: #92003b;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.badges
.using-elementor-pro:hover {
width: 162px;
}
.kitstarter-modal .modal-content .content-templates .content-single:hover {
transform: translateY(-5px) !important;
}
.kitstarter-modal .modal-content .content-templates .content-single.block {
height: -moz-fit-content;
height: fit-content;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.image-preview {
border-radius: 12px;
padding: 10% 5% 0;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.image-preview
a {
display: flex;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.image-preview
img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
width: 100%;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.image-preview
img:not(.block) {
height: 240px;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview {
padding: 15px;
position: relative;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
h3 {
font-size: 14px;
font-weight: 600;
line-height: 1.5;
padding-top: 2px;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
span {
display: block;
font-size: 13px;
margin-top: 5px;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
span.type {
border-radius: 25px;
color: #fff;
font-weight: 500;
margin: 0;
padding: 7px 15px;
position: absolute;
right: 15px;
text-transform: capitalize;
top: 15px;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
span.type.free {
background-color: #00997b;
}
.kitstarter-modal
.modal-content
.content-templates
.content-single
.text-preview
span.type.pro {
background-color: #ff3465;
}
.kitstarter-modal .modal-content .kit-preview {
display: flex;
padding: 35px;
}
.kitstarter-modal .modal-content .kit-preview .content-single {
border-radius: 16px;
overflow: hidden;
padding: 0.5rem;
position: relative;
transition: all 0.3s ease;
}
.kitstarter-modal .modal-content .kit-preview .content-single .image-preview {
border-radius: 12px;
padding: 7% 5% 0;
}
.kitstarter-modal .modal-content .kit-preview .content-single .image-preview a {
display: flex;
}
.kitstarter-modal .modal-content .kit-preview .image {
max-width: 400px;
width: 100%;
}
.kitstarter-modal .modal-content .kit-preview .image img {
border-radius: 15px 15px 0 0;
width: 100%;
}
.kitstarter-modal .modal-content .kit-preview .image .text-preview {
border-radius: 0 0 15px 15px;
padding: 15px;
position: relative;
}
.kitstarter-modal .modal-content .kit-preview .image .text-preview h3 {
font-size: 12px;
font-weight: 600;
line-height: 1.5;
}
.kitstarter-modal .modal-content .kit-preview .image .text-preview span {
display: block;
font-size: 10px;
margin-top: 5px;
}
.kitstarter-modal .modal-content .kit-preview .image .text-preview span.type {
border-radius: 25px;
color: #fff;
font-weight: 500;
padding: 7px 15px;
position: absolute;
right: 15px;
text-transform: capitalize;
top: 15px;
}
.kitstarter-modal
.modal-content
.kit-preview
.image
.text-preview
span.type.free {
background-color: #00997b;
}
.kitstarter-modal
.modal-content
.kit-preview
.image
.text-preview
span.type.pro {
background-color: #ff3465;
}
.kitstarter-modal .modal-content .kit-preview .info {
font-size: 0.9rem;
line-height: 1.5;
padding-left: 20px;
width: 100%;
}
.kitstarter-modal .modal-content .kit-preview .info h3 {
font-size: 1.5rem;
}
.kitstarter-modal .modal-content .kit-preview .info .category {
margin-bottom: 10px;
margin-top: 10px;
}
.kitstarter-modal .modal-content .kit-preview .info .category a {
color: #00997b;
font-weight: 600;
}
.kitstarter-modal .modal-content .content-templates.preview {
border-top: 1px solid rgba(229, 231, 235, 0.102);
grid-template-columns: repeat(3, 1fr);
}
.kitstarter-modal .modal-content .load-kit-preview {
display: flex;
padding: 35px;
}
.kitstarter-modal .modal-content .load-kit-preview .image {
border-radius: 15px;
height: 300px;
max-width: 400px;
width: 100%;
}
.kitstarter-modal .modal-content .load-kit-preview .info {
padding-left: 20px;
width: 100%;
}
.kitstarter-modal .modal-content .load-kit-preview .info .heading {
border-radius: 8px;
height: 35px;
margin-bottom: 20px;
width: 100%;
}
.kitstarter-modal .modal-content .load-kit-preview .info .category {
border-radius: 8px;
height: 25px;
margin-bottom: 40px;
width: 70%;
}
.kitstarter-modal .modal-content .load-kit-preview .info .text {
border-radius: 8px;
height: 15px;
margin-bottom: 15px;
width: 70%;
}
.kitstarter-modal .modal-content .load-kit-preview .info .text.w-50 {
width: 50%;
}
.kitstarter-modal .modal-content .load-kit-preview .info .text.w-60 {
width: 60%;
}
.kitstarter-modal .modal-content .load-kit-preview .info .text.w-70 {
width: 70%;
}
.kitstarter-modal .modal-content .load-kit-preview .info .text.w-80 {
width: 80%;
}
.kitstarter-modal .modal-content .load-kit-preview .info .text.w-90 {
width: 90%;
}
.kitstarter-modal .modal-content .page-preview {
height: 100%;
padding: 35px;
text-align: center;
}
.kitstarter-modal .modal-content .page-preview iframe {
zoom: 0.75;
background-color: #fff;
border-radius: 18px;
height: 125%;
transform: scale(0.75);
-moz-transform: scale(0.75);
-o-transform: scale(0.75);
-webkit-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transition: all 0.3s ease;
width: 133%;
}
.kitstarter-modal .modal-content .page-preview iframe.tablet {
margin-left: 15%;
width: 1054px;
}
.kitstarter-modal .modal-content .page-preview iframe.mobile {
margin-left: 7%;
width: 500px;
}
.kitstarter-modal .modal-content .no-template-found {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
width: 100%;
}
.kitstarter-modal .modal-content .no-template-found h3 {
font-size: 50px;
margin-bottom: 12px;
}
.kitstarter-modal .modal-content .no-template-found p {
color: #707070;
}
.kitstarter-modal .modal-content::-webkit-scrollbar-thumb {
border-radius: 16px;
border-style: solid;
border-width: 5px;
}
.kitstarter-modal .modal-content::-webkit-scrollbar-thumb:hover {
border-style: solid;
border-width: 4px;
}
.kitstarter-modal .modal-content::-webkit-scrollbar-button {
display: none;
}
.elementor-icons-manager__tab-link i {
display: inline-block;
float: left;
}.elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{align-items:center;display:flex;flex-wrap:nowrap;font-size:13px;justify-content:space-between;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{align-items:center;display:flex;flex-basis:0;flex-direction:column;justify-content:center;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden;position:relative;width:100%}.e-form__indicators__indicator__progress__meter{background-color:var(--e-form-steps-indicator-progress-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);color:var(--e-form-steps-indicator-progress-meter-color);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;text-align:right;transition:width .1s linear;width:var(--e-form-steps-indicator-progress-meter-width,0)}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{border-color:var(--e-form-steps-indicator-active-secondary-color,#fff);color:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{background-color:initial;color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{align-items:center;border-style:solid;border-width:1px;display:flex;font-size:var(--e-form-steps-indicator-icon-size);height:var(--e-form-steps-indicator-padding,30px);justify-content:center;margin-bottom:10px;overflow:hidden;width:var(--e-form-steps-indicator-padding,30px)}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{height:auto;width:var(--e-form-steps-indicator-icon-size)}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{align-items:center;border-style:solid;border-width:1px;display:flex;height:var(--e-form-steps-indicator-padding,30px);justify-content:center;margin-bottom:10px;width:var(--e-form-steps-indicator-padding,30px)}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{background-color:#babfc5;height:var(--e-form-steps-divider-width);width:100%}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) / 2 - var(--e-form-steps-divider-width, 1px) / 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button .elementor-button-content-wrapper{align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-form .elementor-button .elementor-button-content-wrapper{gap:5px}.elementor-form .elementor-button .elementor-button-icon,.elementor-form .elementor-button .elementor-button-text{flex-grow:unset;order:unset}.elementor-select-wrapper .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.elementor-select-wrapper .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;width:1em;fill:currentColor;overflow:visible}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:""!important}.elementor-message-svg:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDExIj48cGF0aCBmaWxsPSIjMDA4QTIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTUgMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-position:50%;background-repeat:no-repeat;content:"";height:1em;width:1em}