.kenta-starter-templates-header{font-size:.875rem;padding:24px 0;text-align:center}.kenta-starter-templates-header .search-form{height:38px;margin:0 auto 24px;max-width:100%;position:relative;width:480px}.kenta-starter-templates-header .search-form .search-icon{left:12px;margin-top:-7px;position:absolute;top:50%}.kenta-starter-templates-header .search-form .search-icon svg{fill:var(--kenta-accent-active);height:12px;width:12px}.kenta-starter-templates-header .search-form input{background:var(--kenta-base-color);border:1px solid var(--kenta-base-300);border-radius:2px;display:block;height:38px;padding-left:32px;transition:all .2s ease;width:100%}.kenta-starter-templates-header .search-form input:focus{border-color:var(--kenta-primary-active);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.kenta-starter-templates-header .templates-filters{align-items:center;background:var(--kenta-base-color);border:1px solid var(--kenta-base-300);min-height:48px;padding:24px}.kenta-starter-templates-header .templates-filters li,.kenta-starter-templates-header .templates-filters ul{margin:0}.kenta-starter-templates-header .templates-filters ul{list-style:none;margin-bottom:12px}.kenta-starter-templates-header .templates-filters ul:last-of-type{margin-bottom:0}.kenta-starter-templates-header .templates-filters ul li{border-bottom:2px solid transparent;border-top:2px solid transparent;color:var(--kenta-accent-active);cursor:pointer;float:left;font-weight:700;margin:0 4px;padding:12px;position:relative;transition:color .2s ease}.kenta-starter-templates-header .templates-filters ul li.active{background:var(--kenta-primary-color);border-color:var(--kenta-primary-color);color:var(--kenta-base-color)}.kenta-starter-templates-header .templates-filters ul li:not(.active):hover{color:var(--kenta-primary-color)}.kenta-starter-templates-header .templates-plan-filter{margin:24px auto}.kenta-starter-templates-header .templates-plan-filter button.kenta-starter-tab-button{--kenta-button-shadow-active:none;--kenta-button-text-initial-color:var(--kenta-primary-color);--kenta-button-text-hover-color:var(--kenta-primary-color);--kenta-button-initial-color:transparent;--kenta-button-hover-color:transparent;--lotta-border---kenta-button-border-initial-color:var(--kenta-primary-color);--lotta-border-hover-color:var(--kenta-primary-color);border-radius:0;border-right-width:0;justify-content:center;width:100px}.kenta-starter-templates-header .templates-plan-filter button.kenta-starter-tab-button.active{--kenta-button-text-initial-color:var(--kenta-base-color);--kenta-button-text-hover-color:var(--kenta-base-color);--kenta-button-initial-color:var(--kenta-primary-color);--kenta-button-hover-color:var(--kenta-primary-active);--lotta-border---kenta-button-border-initial-color:var(--kenta-primary-color);--lotta-border-hover-color:var(--kenta-primary-active)}.kenta-starter-templates-header .templates-plan-filter button.kenta-starter-tab-button:first-of-type{border-bottom-left-radius:2px;border-top-left-radius:2px}.kenta-starter-templates-header .templates-plan-filter button.kenta-starter-tab-button:last-of-type{border-bottom-right-radius:2px;border-right-width:1px;border-top-right-radius:2px}@media screen and (min-width:1024px){.kenta-starter-templates-header .templates-filters{display:flex;padding:0 24px}.kenta-starter-templates-header .templates-filters ul{margin:0}}.kenta-starter-info-box{background:rgba(14,128,232,.08);border:1px solid var(--kenta-primary-color);border-radius:2px;color:var(--kenta-primary-color);padding:24px;width:100%}.kenta-starter-templates{margin:-24px}.kenta-starter-templates .kenta-button{border-radius:2px;font-size:.75rem;padding:8px 24px;text-decoration:none}.kenta-starter-templates .kenta-button-solid{--kenta-link-initial-color:var(--kenta-base-color);--kenta-link-hover-color:var(--kenta-base-color);--kenta-button-text-initial-color:var(--kenta-base-color);--kenta-button-text-hover-color:var(--kenta-base-color);--kenta-button-initial-color:var(--kenta-primary-color);--kenta-button-hover-color:var(--kenta-primary-active);--lotta-border---kenta-button-border-initial-color:var(--kenta-primary-color);--lotta-border-hover-color:var(--kenta-primary-active)}.kenta-starter-templates .template-wrap{float:left;padding:24px;width:100%}.kenta-starter-templates .template-wrap .template-item{border:1px solid var(--kenta-base-300);min-height:400px;position:relative;transition:border-color .2s ease}.kenta-starter-templates .template-wrap .template-item img{margin:0}.kenta-starter-templates .template-wrap .template-item:hover{border-color:var(--kenta-primary-color)}.kenta-starter-templates .template-wrap .template-item:hover .template-actions{opacity:1}.kenta-starter-templates .template-wrap .premium-badge{background:#0caf2a;color:var(--kenta-base-color);display:inline-block;font-size:14px;line-height:1;padding:.5em .75em;position:absolute;right:0;top:0}.kenta-starter-templates .template-wrap .template-meta{background:var(--kenta-base-color);border-top:1px solid var(--kenta-base-300);bottom:0;left:0;padding:12px;position:absolute;width:100%}.kenta-starter-templates .template-wrap .template-meta .template-name{font-size:16px;font-weight:700}.kenta-starter-templates .template-wrap .template-meta .template-actions{align-items:center;background:var(--kenta-base-100);border-left:1px solid var(--kenta-base-300);display:flex;height:100%;opacity:0;padding:0 12px;position:absolute;right:0;top:0}.kenta-starter-templates .template-wrap img{max-width:100%}.kenta-more-starter-sites-info{display:block;float:none;margin:48px 0;text-align:center;width:100%}@media screen and (min-width:480px){.kenta-starter-templates .template-wrap{width:50%}}@media screen and (min-width:1120px){.kenta-starter-templates .template-wrap{width:33.33%}}.kenta-starter-loader-wrapper{padding:48px;text-align:center}.kenta-starter-loader-wrapper .loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:5px solid var(--kenta-base-300);border-bottom-color:var(--kenta-primary-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;width:48px}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}