.template-card[data-v-912a7cb4]{--template-badge-bg: #EEF9F3;display:flex;flex-direction:column;background:#FFF;border-radius:12px;height:100%;justify-content:space-between;border:1px solid #CDCDCD}.template-card .template-card-img{img[data-v-912a7cb4] {width: 100%; height: 100%; object-fit: cover;}}.template-card .template-card-img[data-v-912a7cb4]{cursor:pointer;width:100%;height:200px;overflow:hidden;border-radius:12px 12px 0 0}.template-card .template-card-content[data-v-912a7cb4]{display:flex;flex-direction:column;gap:12px;padding:14px 12px;border-top:1px solid #CDCDCD}.template-card .template-card-title[data-v-912a7cb4]{font-weight:600;font-size:14px;color:#242424}.template-card .template-card-desc[data-v-912a7cb4]{font-weight:400;font-size:12px;color:#242424}.template-card .template-card-footer[data-v-912a7cb4]{display:flex;justify-content:space-between;align-items:center;padding:0 12px 14px}.template-card .template-card-badge-text[data-v-912a7cb4]{color:#1d192b;font-size:14px}.template-card-badge{img[data-v-912a7cb4] {margin-bottom: 3px;} svg[data-v-912a7cb4] * {stroke: #3B707D; stroke-width: 1px;}}.template-card-badge[data-v-912a7cb4]{background:var(--template-badge-bg);color:#3b707d;border-radius:16px;padding:2px 8px 2px 6px;align-items:center;font-weight:500;width:fit-content;display:flex;gap:8px}.template-card-choose-button[data-v-912a7cb4]{border-radius:30px;width:36px;height:36px;box-shadow:0 1px 2px #1018280d;border:1px solid #CDCDCD;background:#FFF}.template-card-choose-button[data-v-912a7cb4]:hover{background:#F5F5F5}.topbar[data-v-45b984dc]{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:16px;margin-bottom:16px}.topbar__title[data-v-45b984dc]{font-weight:700;font-size:24px;color:#242424}.search-input[data-v-45b984dc]{justify-self:end;min-width:200px;max-width:400px;width:100%}@media (max-width: 768px){.topbar[data-v-45b984dc]{grid-template-columns:auto 1fr;grid-template-areas:"title  title" "select select" "input input";row-gap:12px;column-gap:12px}.topbar__title[data-v-45b984dc]{grid-area:title}.select-sort[data-v-45b984dc]{grid-area:select}.search-input[data-v-45b984dc]{grid-area:input;justify-self:stretch;width:100%}}.topbar__categories[data-v-45b984dc]{position:relative;margin-bottom:20px;--scroll-btn-size: 44px}.topbar__categories[data-v-45b984dc]:before,.topbar__categories[data-v-45b984dc]:after{content:"";position:absolute;top:0;bottom:0;width:calc(var(--scroll-btn-size) + 32px);pointer-events:none;z-index:5;opacity:0;transition:opacity .2s ease;background:transparent}.topbar__categories.has-left-shadow[data-v-45b984dc]:before{left:0;background:linear-gradient(to right,#ffffff 0,#ffffff var(--scroll-btn-size),rgba(0,0,0,.08) var(--scroll-btn-size),rgba(0,0,0,0) 100%);opacity:1}.topbar__categories.has-right-shadow[data-v-45b984dc]:after{right:0;background:linear-gradient(to left,#ffffff 0,#ffffff var(--scroll-btn-size),rgba(0,0,0,.08) var(--scroll-btn-size),rgba(0,0,0,0) 100%);opacity:1}.topbar__categories .topbar__categories_list[data-v-45b984dc]{display:flex;gap:12px;overflow-x:auto;padding-right:calc(var(--scroll-btn-size) + 8px);-ms-overflow-style:none;scrollbar-width:none}.topbar__categories .topbar__categories_list .topbar__categories_list_item[data-v-45b984dc]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;cursor:pointer;white-space:nowrap;transition:all .3s ease;border:#CDCDCD 1px solid;font-weight:600;font-size:16px;box-shadow:0 1px 2px #1018280d;background-color:#f9fafb;color:#5c5c5c}.topbar__categories .topbar__categories_list .topbar__categories_list_item.active[data-v-45b984dc]{background-color:#c9d7d8;color:#242424}.topbar__categories .topbar__categories_list .topbar__categories_list_item .icon-svg[data-v-45b984dc]{margin-bottom:4px}.topbar__categories .topbar__categories_list[data-v-45b984dc]::-webkit-scrollbar{display:none}.topbar__categories .scroll-btn[data-v-45b984dc]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:30px;background:#ffffff;box-shadow:0 1px 2px #1018280d;border:1px solid rgba(205,205,205,1);color:#242424;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none}.topbar__categories .scroll-btn.left[data-v-45b984dc]{left:0}.topbar__categories .scroll-btn.right[data-v-45b984dc]{right:0}[data-v-45b984dc] .icon-svg [stroke]{stroke:currentColor!important;stroke-width:2px!important}[data-v-45b984dc] .icon-svg [fill]{fill:currentColor!important}.search-icon[data-v-45b984dc]{margin-bottom:2px;margin-right:6px}.search-input[data-v-45b984dc]{width:391px}@media screen and (max-width: 920px){.search-input[data-v-45b984dc]{width:100%;max-width:100%}}@media screen and (max-width: 420px){.search-input[data-v-45b984dc]{width:100%}}.select-sort[data-v-45b984dc]{min-width:240px;border:1px solid #CDCDCD;border-radius:30px;box-shadow:0 1px 2px #1018280d;padding:10px 18px;font-size:16px;font-weight:600;color:#3a3a3a;background-color:#fff;transition:all 125ms ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%233A3A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.select-sort[data-v-45b984dc]:focus{border-color:#276063;box-shadow:0 0 0 4px #c9d7d8;outline:none}.input__search_container{border-radius:24px!important}