:root{--btn-height: 50px;--btn-border-radius: 999999999999px}html[data-theme=legacy]{--btn-border-radius: 8px}
.btn[data-v-3aea6b9e]{display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--btn-width, initial);height:var(--btn-height);padding:0 var(--btn-padding, 24px);overflow:hidden;transition:.2s cubic-bezier(0.32, 0, 0.59, 0.03);transition-property:color,background-color,border-color;border:var(--btn-border-width, 2px) solid var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--btn-bg-color);color:var(--btn-text-color);font-family:var(--btn-font-family, var(--default-font-family));font-size:var(--btn-font-size, 16px);font-weight:var(--btn-font-weight, 600);text-decoration:none;cursor:pointer;isolation:isolate}.btn[data-v-3aea6b9e]  svg{transition:.2s cubic-bezier(0.32, 0, 0.59, 0.03)}.btn[disabled][data-v-3aea6b9e]{opacity:.6;cursor:not-allowed}.btn__inner[data-v-3aea6b9e]{display:flex;z-index:1;align-items:center;justify-content:center}.btn[data-v-3aea6b9e]:before{content:"";position:absolute;top:0;left:50%;width:160%;transform:translate(-50%, var(--btn-circle-y, -125%));transition:1.6s cubic-bezier(0.25, 1, 0.5, 1);border-radius:999999999999px;background-color:var(--btn-bg-color-hover, var(--btn-text-color));pointer-events:none;aspect-ratio:1}@media(hover: hover){.btn[data-v-3aea6b9e]:hover:not([disabled]),.btn[data-v-3aea6b9e]:focus-visible:not([disabled]){border-color:var(--btn-border-color-hover, var(--btn-border-color));background-color:var(--btn-bg-color-hover, var(--btn-text-color));color:var(--btn-text-color-hover, var(--btn-bg-color))}html:not([data-theme=legacy]) .btn:hover:not([disabled]).btn--animated[data-v-3aea6b9e],html:not([data-theme=legacy]) .btn:focus-visible:not([disabled]).btn--animated[data-v-3aea6b9e]{--btn-height-half: calc(var(--btn-height) / 2);--btn-circle-y: calc(-50% + var(--btn-height-half));border-color:var(--btn-border-color);background-color:var(--btn-bg-color)}.btn[data-v-3aea6b9e]:hover:not([disabled])  svg,.btn[data-v-3aea6b9e]:focus-visible:not([disabled])  svg{color:var(--btn-text-color-hover, var(--btn-bg-color))}}.btn--primary[data-v-3aea6b9e]{--btn-bg-color: #303538;--btn-text-color: #ffffff;--btn-border-color: #303538}html[data-theme=legacy] .btn--primary[data-v-3aea6b9e]{--btn-bg-color: #088178;--btn-bg-color-hover: #003a37;--btn-border-color: #088178;--btn-border-color-hover: #003a37;--btn-text-color-hover: #ffffff}.btn--secondary[data-v-3aea6b9e]{--btn-bg-color: #ffffff;--btn-text-color: #303538;--btn-border-color: #303538}html[data-theme=legacy] .btn--secondary[data-v-3aea6b9e]{--btn-text-color: #088178;--btn-text-color-hover: #003a37;--btn-border-color: #088178;--btn-border-color-hover: #088178;--btn-bg-color-hover: #dff8f6}html[data-theme=legacy] .btn--secondary-alternative[data-v-3aea6b9e]{--btn-text-color: #303538;--btn-text-color-hover: #303538;--btn-border-color: #e2e9ee;--btn-border-color-hover: #303538;--btn-bg-color-hover: #fafdff}.btn--tertiary[data-v-3aea6b9e]{--btn-bg-color: #ffffff;--btn-text-color: #303538;--btn-border-color: #303538}html[data-theme=legacy] .btn--tertiary[data-v-3aea6b9e]{--btn-bg-color: #4e42a1;--btn-bg-color-hover: #281f6b;--btn-border-color: #4e42a1;--btn-border-color-hover: #281f6b;--btn-text-color: #ffffff;--btn-text-color-hover: #ffffff}.btn--tertiary-alternative[data-v-3aea6b9e]{--btn-bg-color: #ffffff;--btn-text-color: #303538;--btn-border-color: #303538}html[data-theme=legacy] .btn--tertiary-alternative[data-v-3aea6b9e]{--btn-bg-color: #edeeff;--btn-bg-color-hover: #4e42a1;--btn-border-color: #edeeff;--btn-border-color-hover: #4e42a1;--btn-bg-color-hover: #4e42a1;--btn-text-color: #4e42a1;--btn-text-color-hover: #ffffff}.btn--ghost[data-v-3aea6b9e]{--btn-bg-color: transparent;--btn-border-color: transparent;--btn-text-color: #303538;--btn-text-color-hover: #303538;--btn-bg-color-hover: #edf2f5}html[data-theme=legacy] .btn--ghost[data-v-3aea6b9e]{--btn-text-color: #088178;--btn-border-color: transparent;--btn-bg-color-hover: #dff8f6}html[data-theme=legacy] .btn--font-alternatives[data-v-3aea6b9e]{--btn-bg-color: #ffffff;--btn-text-color: #000000;--btn-border-color: #4b5258}.btn--pill-transparent[data-v-3aea6b9e]{--btn-bg-color: none;--btn-text-color: #000000;border:1px solid #afbac0;border-radius:100px;font-weight:normal}.btn--pill-transparent[data-v-3aea6b9e]:hover,.btn--pill-transparent[data-v-3aea6b9e]:focus-visible{--btn-border-color-hover: #6e777d;--btn-bg-color-hover: none}.btn--small[data-v-3aea6b9e]{--btn-height: 32px;--btn-font-size: 14px;--btn-padding: 12px}.btn--smallMedium[data-v-3aea6b9e]{--btn-height: 40px;--btn-font-size: 14px;--btn-padding: 10px;--btn-border-width: 1px}.btn--medium[data-v-3aea6b9e]{--btn-height: 45px;--btn-font-size: 14px;--btn-padding: 12px}.btn--large[data-v-3aea6b9e]{--btn-height: 50px;--btn-font-size: 14px;--btn-padding: 12px}.btn--round[data-v-3aea6b9e]{--btn-width: var(--btn-height);--btn-padding: 0;--btn-border-radius: 999999999999px}.btn--full-width[data-v-3aea6b9e]{--btn-width: 100%}.btn--borderless[data-v-3aea6b9e]{--btn-border-color: var(--btn-bg-color)}.btn--no-padding[data-v-3aea6b9e]{--btn-padding: 0}.btn--svgButton[data-v-3aea6b9e]{--btn-width: 45px;--btn-height: 45px;padding:0}@media(hover: hover){.btn--no-hover-state[data-v-3aea6b9e]:hover:not([disabled]),.btn--no-hover-state[data-v-3aea6b9e]:focus-visible:not([disabled]){border-color:var(--btn-border-color);background-color:var(--btn-bg-color);color:var(--btn-text-color)}.btn--no-hover-state[data-v-3aea6b9e]:hover:not([disabled])  svg,.btn--no-hover-state[data-v-3aea6b9e]:focus-visible:not([disabled])  svg{color:var(--btn-text-color)}}
.recaptcha-badge[data-v-dc12302a]  .grecaptcha-badge{visibility:hidden}.captcha-not-loaded[data-v-dc12302a]{margin:16px 0;font-size:13px}
.like-button[data-v-1c77d1f4]{width:30px;aspect-ratio:1/1;padding:0;border:none;border-radius:999999999999px;background:rgba(255,255,255,.9);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);backdrop-filter:blur(1px);box-shadow:0 1px 8px rgba(0,0,0,.1),0 0 1px 1px rgba(0,0,0,.05),inset 0 1px 1px #fff,inset 0 -1px rgba(255,255,255,.25);--spring-duration: 0.833s;--spring-easing: linear( 0, 0.037, 0.15 3.6%, 0.989 13.5%, 1.131, 1.198 19.5%, 1.205 21.4%, 1.19 23.6%, 1.01 34%, 0.976 37.1%, 0.96 40.4%, 0.961 44.7%, 0.997 54.9%, 1.008 60.9%, 0.999 81.2%, 1 );transition:scale var(--spring-duration) var(--spring-easing)}@media(hover: hover){.like-button[data-v-1c77d1f4]:hover{scale:1.04}.like-button:hover .like-icon[data-v-1c77d1f4]{--stroke: #39b4ac}}.like-button[data-v-1c77d1f4]:active{scale:.9}.like-button[data-v-1c77d1f4]:focus-visible{outline-color:#088178}.like-button:focus-visible .like-icon[data-v-1c77d1f4]{--stroke: #39b4ac}.like-button .like-icon[data-v-1c77d1f4]{--fill: transparent;--stroke: #000000;display:block;line-height:0;pointer-events:none}.like-button[data-v-1c77d1f4]  .like-icon__svg{width:20px;height:auto;fill:var(--fill);color:var(--stroke);translate:0 .5px;pointer-events:none}.like-button--liked .like-icon[data-v-1c77d1f4]  .like-icon__svg{--fill: #39b4ac;--stroke: #39b4ac}.like-button[data-v-1c77d1f4]:before{content:"";display:block;position:absolute;top:50%;left:50%;width:32px;aspect-ratio:1/1;translate:-50% -50%;border-radius:100%}@media(pointer: coarse){.like-button[data-v-1c77d1f4]:before{width:44px}}
.loading-dots[data-v-024eee17]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:5px}.loading-dots span[data-v-024eee17]{display:inline-block;width:8px;height:8px;animation:fadeEffect-data-v-024eee17 1.2s infinite;border-radius:50%;opacity:.5}.loading-dots span[data-v-024eee17]:nth-child(2){animation-delay:.4s}.loading-dots span[data-v-024eee17]:nth-child(3){animation-delay:.8s}@keyframes fadeEffect-data-v-024eee17{0%,100%{opacity:.5}50%{opacity:1}}
.similar-fonts-tuner{margin-bottom:32px;padding:12px 16px;border:1px solid #ccd4da;border-radius:8px;background:#fafdff;font-size:13px}.similar-fonts-tuner__summary{display:flex;align-items:center;justify-content:space-between;font-weight:600;list-style:none;cursor:pointer}.similar-fonts-tuner__summary::-webkit-details-marker{display:none}.similar-fonts-tuner__summary-label{display:inline-flex;align-items:center;gap:8px}.similar-fonts-tuner__caret{width:7px;height:14px;transition:transform .15s ease;color:#899298}.similar-fonts-tuner[open] .similar-fonts-tuner__caret{transform:rotate(90deg)}.similar-fonts-tuner__stats{color:#899298;font-weight:400}.similar-fonts-tuner__form{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:16px;margin-top:16px}.similar-fonts-tuner__field{display:flex;flex-direction:column;gap:4px}.similar-fonts-tuner__field--checkbox{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.similar-fonts-tuner__label{font-weight:600}.similar-fonts-tuner__input{padding:6px 8px;border:1px solid #ccd4da;border-radius:4px}.similar-fonts-tuner__hint{flex-basis:100%;color:#899298;font-size:12px}.similar-fonts-tuner__actions{display:flex;grid-column:1/-1;align-items:center;gap:12px}.similar-fonts-tuner__apply{padding:8px 20px;border:none;border-radius:4px;background:#303538;color:#fff;font-weight:600;cursor:pointer}.similar-fonts-tuner__reset{color:#899298;text-decoration:underline}
.similar-fonts-page{max-width:1400px;margin:0 auto}.similar-fonts-page__result-debug{margin:8px 0 0;padding:4px 8px;border-radius:4px;background:#fafdff;color:#6e777d;font-family:monospace;font-size:12px}.similar-fonts-page__header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.similar-fonts-page__title{margin-bottom:8px;font-size:32px;font-weight:600;line-height:40px}.similar-fonts-page__description{margin-bottom:0;color:#6e777d;font-weight:600;text-align:center}.similar-fonts-page__source-card{margin-bottom:40px;padding:26px 36px;border-radius:8px;background:#f4f8fb}@media(min-width: 1024px){.similar-fonts-page__source-card{padding:36px 80px}}.similar-fonts-page__source-label{margin-bottom:16px;font-size:18px;font-weight:600}.similar-fonts-page__source-body{display:flex;flex-direction:column;align-items:center;gap:24px}@media(min-width: 768px){.similar-fonts-page__source-body{flex-direction:row}}.similar-fonts-page__source-thumbnail{flex-shrink:0}.similar-fonts-page__source-thumbnail img{display:block;width:300px;height:200px;border-radius:8px;object-fit:cover}.similar-fonts-page__source-info-wrap{display:flex;width:100%}@media(max-width: 900px){.similar-fonts-page__source-info-wrap{flex-direction:column;gap:24px}}.similar-fonts-page__source-info{flex:2 1 0;min-width:0}.similar-fonts-page__source-title{display:block;margin-bottom:4px;color:#303538;font-size:16px;font-weight:600}.similar-fonts-page__source-shop{margin-bottom:12px;color:#899298;font-size:13px}.similar-fonts-page__source-shop-link{color:#303538}.similar-fonts-page__source-preview-container{display:flex;margin-bottom:30px;padding-right:24px}.similar-fonts-page__source-preview{display:block;max-width:100%;height:auto}.similar-fonts-page__source-why{display:flex;flex:1 1 0;align-items:flex-start;padding-left:24px;border-left:1px solid #ccd4da;gap:12px}@media(max-width: 900px){.similar-fonts-page__source-why{padding-left:0;border-left:none}}.similar-fonts-page__source-why-icon-wrap{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:#dff8f6}@media(min-width: 900px)and (max-width: 1200px){.similar-fonts-page__source-why-icon-wrap{display:none}}.similar-fonts-page__source-why-icon{display:block;flex-shrink:0;width:28px;height:28px;color:#006a63}.similar-fonts-page__source-why-text{display:flex;flex-direction:column}.similar-fonts-page__source-why-title{margin-bottom:8px;color:#303538;font-weight:bold}.similar-fonts-page__source-why-body{font-size:14px;line-height:14px;font-family:Filson Pro, sans-serif;font-weight:400;margin:0;color:#6e777d;line-height:20px}html[data-theme=legacy] .similar-fonts-page__source-why-body{font-family:Averta, sans-serif;font-weight:normal}.similar-fonts-page__result{display:flex;flex-direction:column;gap:16px;padding:20px 0}@media(min-width: 768px){.similar-fonts-page__result{flex-direction:row}}.similar-fonts-page__result-thumbnail{position:relative;flex-shrink:0}.similar-fonts-page__result-thumbnail img,.similar-fonts-page__result-thumbnail-placeholder{display:block;width:156px;height:104px;border-radius:4px;object-fit:cover}.similar-fonts-page__result-thumbnail-placeholder{background-color:#f4f8fb}.similar-fonts-page__result-like{position:absolute;top:8px;right:8px}.similar-fonts-page__result-info{flex:1;min-width:0}.similar-fonts-page__result-price-breakdown{font-size:16px;line-height:28px;font-family:Filson Pro, sans-serif;font-weight:600;margin-bottom:4px}html[data-theme=legacy] .similar-fonts-page__result-price-breakdown{font-family:AvertaBold, sans-serif;font-weight:normal}.similar-fonts-page__result-price--strikethrough{font-size:14px;line-height:14px;font-family:Filson Pro, sans-serif;font-weight:400;color:#afbac0;text-decoration:line-through}html[data-theme=legacy] .similar-fonts-page__result-price--strikethrough{font-family:Averta, sans-serif;font-weight:normal}.similar-fonts-page__result-price--discounted{margin-left:4px;color:#af1818}.similar-fonts-page__result-title{display:block;margin-bottom:4px;color:#303538;font-size:16px;line-height:28px;font-family:Filson Pro, sans-serif;font-weight:400}html[data-theme=legacy] .similar-fonts-page__result-title{font-family:Averta, sans-serif;font-weight:normal}.similar-fonts-page__result-style{font-weight:600}.similar-fonts-page__result-family{color:#899298}.similar-fonts-page__result-shop{margin-bottom:12px;color:#899298;font-size:13px}.similar-fonts-page__result-shop-link{color:#303538;font-weight:600}.similar-fonts-page__result-preview{display:block;max-width:100%;height:auto}.similar-fonts-page__result-actions{display:flex;flex-direction:column;flex-shrink:0;min-width:140px;gap:8px}