.template-tags-list{position:relative}.template-tags-list .scroll-indicator{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;top:2px;transition:318ms;visibility:hidden;width:24px;z-index:3}.template-tags-list .scroll-indicator:before{background:linear-gradient(90deg,#f8f8f7 60.38%,hsla(60,7%,97%,0));content:"";height:20px;left:0;position:absolute;width:44px}@media (max-width:29.9rem){.template-tags-list .scroll-indicator{display:none}}.template-tags-list .scroll-indicator.is-show{opacity:1;visibility:inherit}.template-tags-list .scroll-indicator .nuxt-icon{font-size:24px;position:relative;z-index:2}.template-tags-list .scroll-indicator.dir-left{left:0}.template-tags-list .scroll-indicator.dir-right{right:0}.template-tags-list .scroll-indicator.dir-right:before{background:linear-gradient(270deg,#f8f8f7 60.38%,hsla(60,7%,97%,0));transform:translate(-20px)}.template-tags-list .scroll-indicator.dir-right .nuxt-icon{transform:rotate(180deg)}.template-tags-list .tags-list{height:46px;margin-bottom:32px;margin-top:58px;overflow-x:auto;padding-right:40px}.template-tags-list .tags-list::-webkit-scrollbar{display:none}.template-tags-list .tags-list:after{background:#f4f4f5;bottom:0;content:"";height:1px;position:absolute;width:100%}.template-tags-list .tags-list .tag{--x-padding:12px;--y-margin:16px;border-radius:4px;color:#8e8d91;flex-shrink:0;font-size:14px;line-height:20px;margin-bottom:var(--y-margin);padding:4px var(--x-padding);position:relative;transition:218ms}.template-tags-list .tags-list .tag:after{background:#000;bottom:calc(var(--y-margin)*-1);content:"";height:1px;left:var(--x-padding);opacity:0;position:absolute;transition:218ms;width:calc(100% - var(--x-padding)*2);z-index:2}.template-tags-list .tags-list .tag:hover{background:#f2f2f2}.template-tags-list .tags-list .tag.active{color:#000!important;font-weight:400}.template-tags-list .tags-list .tag.active:after{opacity:1}@media (min-width:0px) and (max-width:47.9375rem){.template-tags-list .tags-list{margin-top:30px;padding-bottom:20px}}@media (max-width:29.9rem){.template-tags-list .tags-list{padding-bottom:0}}.template-hero-card{border:3px solid #f3f3f3;border-radius:8px;cursor:pointer;display:flex;overflow:hidden;padding:clamp(2rem,-.004rem + 4.32vw,3.875rem) clamp(1.625rem,-6.221rem + 12.26vw,4.8125rem) 0}.template-hero-card.theme-teal{background:linear-gradient(276.96deg,#c4eadf -10.28%,#51dcb4 166.83%)}.template-hero-card.theme-sky{background:linear-gradient(276.96deg,#a8ecfb -10.28%,#5cbff7 166.83%)}.template-hero-card.theme-violet{background:linear-gradient(276.96deg,#eae0f8 -10.28%,#ab86de 166.83%)}.template-hero-card.theme-yellow{background:linear-gradient(276.96deg,#fdedbc -10.28%,#f5d56e 166.83%)}.template-hero-card.theme-rose{background:linear-gradient(276.96deg,#fee3ef -10.28%,#ea7aa9 166.83%)}.template-hero-card.theme-emerald{background:linear-gradient(276.96deg,#c3efde -10.28%,#0fbe78 166.83%)}.template-hero-card .meta-row{display:flex;gap:clamp(1.25rem,-9.911rem + 17.86vw,4.375rem)}@media (max-width:800px){.template-hero-card .meta-row{align-items:center;flex-direction:column-reverse}}.template-hero-card .content-part{flex:421}@media (max-width:800px){.template-hero-card .content-part{flex:auto}}.template-hero-card .card-cover{aspect-ratio:402/333;background-color:#fff;background-position:top;border:1px solid #f3f3f3;border-radius:8px 8px 0 0;box-shadow:0 206px 82px #c4c4c408,0 116px 69px #c4c4c414,0 51px 51px #c4c4c424,0 13px 28px #c4c4c42b;flex:402}@media (max-width:800px){.template-hero-card .card-cover{max-width:365px;width:100%}}.template-hero-card .card-title{color:#141414;font-size:clamp(1.75rem,1.657rem + .39vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.21875;margin:0}.template-hero-card .card-desc{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:#0009;display:-webkit-box;font-size:clamp(.75rem,.657rem + .39vw,1rem);line-height:1.5;margin-top:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}@media (max-width:800px){.template-hero-card .card-desc{display:none}}@media (max-width:800px){.template-hero-card .button-row{display:none}}.template-intro{font-size:15px;margin-top:clamp(1.5rem,1.221rem + 1.15vw,2.25rem)}.template-intro p{line-height:1.6}.template-intro h1,.template-intro h2,.template-intro h3,.template-intro h4,.template-intro h5,.template-intro h6{font-size:22px;font-weight:600;line-height:1.363636363636364;margin-bottom:12px}