/* ../../../../../../tmp/tmp-566719-tk68mLPYpQtw/blog/blog/public/css/blog.bundle.css */
:root {
  --neutral-white: #ffffff;
  --neutral-black: #000000;
  --neutral: var(--neutral-white);
  --invert-neutral: var(--neutral-black);
  --gray-50: #f8f8f8;
  --gray-100: #f3f3f3;
  --gray-200: #ededed;
  --gray-300: #e2e2e2;
  --gray-400: #c7c7c7;
  --gray-500: #999999;
  --gray-600: #7c7c7c;
  --gray-700: #525252;
  --gray-800: #383838;
  --gray-900: #171717;
  --blue-50: #f7fbfd;
  --blue-100: #edf6fd;
  --blue-200: #e3f1fd;
  --blue-300: #c9e7fc;
  --blue-400: #70b6f0;
  --blue-500: #0289f7;
  --blue-600: #007be0;
  --blue-700: #0070cc;
  --blue-800: #005ca3;
  --blue-900: #004880;
  --green-50: #f3fcf5;
  --green-100: #e4f5e9;
  --green-200: #daf0e1;
  --green-300: #cae5d4;
  --green-400: #b6dec5;
  --green-500: #59ba8b;
  --green-600: #30a66d;
  --green-700: #278f5e;
  --green-800: #16794c;
  --green-900: #173b2c;
  --red-50: #fff7f7;
  --red-100: #fff0f0;
  --red-200: #fcd7d7;
  --red-300: #f9c6c6;
  --red-400: #eb9091;
  --red-500: #e03636;
  --red-600: #cc2929;
  --red-700: #b52a2a;
  --red-800: #941f1f;
  --red-900: #6b1515;
  --orange-50: #fff9f5;
  --orange-100: #fff1e7;
  --orange-200: #fce6d5;
  --orange-300: #f7d6bd;
  --orange-400: #f0b58b;
  --orange-500: #e86c13;
  --orange-600: #d45a08;
  --orange-700: #bd3e0c;
  --orange-800: #9e3513;
  --orange-900: #6b2711;
  --amber-50: #fdfaed;
  --amber-100: #fcf3cf;
  --amber-200: #f7e28d;
  --amber-300: #f5d261;
  --amber-400: #f2be3a;
  --amber-500: #e79913;
  --amber-600: #db7706;
  --amber-700: #b35309;
  --amber-800: #91400d;
  --amber-900: #763813;
  --yellow-50: #fffcef;
  --yellow-100: #fff7d3;
  --yellow-200: #f7e9a8;
  --yellow-300: #f5e171;
  --yellow-400: #f2d14b;
  --yellow-500: #edba13;
  --yellow-600: #d1930d;
  --yellow-700: #ab6e05;
  --yellow-800: #8c5600;
  --yellow-900: #733f12;
  --cyan-50: #f5fbfc;
  --cyan-100: #e0f8ff;
  --cyan-200: #b3ecfc;
  --cyan-300: #94e6ff;
  --cyan-400: #6bd3f2;
  --cyan-500: #34bae3;
  --cyan-600: #32a4c7;
  --cyan-700: #267a94;
  --cyan-800: #125c73;
  --cyan-900: #164759;
  --teal-50: #f0fdfa;
  --teal-100: #e6f7f4;
  --teal-200: #bae8e1;
  --teal-300: #97ded4;
  --teal-400: #73d1c4;
  --teal-500: #36baad;
  --teal-600: #0b9e92;
  --teal-700: #0f736b;
  --teal-800: #115c57;
  --teal-900: #114541;
  --violet-50: #fbfaff;
  --violet-100: #f5f2ff;
  --violet-200: #e5e1fa;
  --violet-300: #dad2f7;
  --violet-400: #bdb1f0;
  --violet-500: #6846e3;
  --violet-600: #5f46c7;
  --violet-700: #4f3da1;
  --violet-800: #392980;
  --violet-900: #251959;
  --pink-50: #fff7fc;
  --pink-100: #feeef8;
  --pink-200: #f8e2f0;
  --pink-300: #f2d4e6;
  --pink-400: #e9c4da;
  --pink-500: #e34aa6;
  --pink-600: #cf3a96;
  --pink-700: #9c2671;
  --pink-800: #801458;
  --pink-900: #570f3e;
  --purple-50: #fdfaff;
  --purple-100: #f9f0ff;
  --purple-200: #f1e5fa;
  --purple-300: #e9d6f5;
  --purple-400: #d6c1e6;
  --purple-500: #9c45e3;
  --purple-600: #8642c2;
  --purple-700: #6e399d;
  --purple-800: #5c2f83;
  --purple-900: #401863;
  --white-overlay-50: rgba(255, 255, 255, 0.09);
  --white-overlay-100: rgba(255, 255, 255, 0.18);
  --white-overlay-200: rgba(255, 255, 255, 0.27);
  --white-overlay-300: rgba(255, 255, 255, 0.36);
  --white-overlay-400: rgba(255, 255, 255, 0.45);
  --white-overlay-500: rgba(255, 255, 255, 0.54);
  --white-overlay-600: rgba(255, 255, 255, 0.63);
  --white-overlay-700: rgba(255, 255, 255, 0.72);
  --white-overlay-800: rgba(255, 255, 255, 0.81);
  --white-overlay-900: rgba(255, 255, 255, 0.9);
  --black-overlay-50: rgba(0, 0, 0, 0.09);
  --black-overlay-100: rgba(0, 0, 0, 0.18);
  --black-overlay-200: rgba(0, 0, 0, 0.27);
  --black-overlay-300: rgba(0, 0, 0, 0.36);
  --black-overlay-400: rgba(0, 0, 0, 0.45);
  --black-overlay-500: rgba(0, 0, 0, 0.54);
  --black-overlay-600: rgba(0, 0, 0, 0.63);
  --black-overlay-700: rgba(0, 0, 0, 0.72);
  --black-overlay-800: rgba(0, 0, 0, 0.81);
  --black-overlay-900: rgba(0, 0, 0, 0.9);
  --linear-black: linear-gradient( to bottom, rgba(46, 46, 46, 0.18) 0%, rgba(36, 36, 36, 0.14) 100% );
  --linear-blue: linear-gradient( to bottom, rgba(17, 142, 245, 0.067) 0%, rgba(7, 127, 247, 0.029) 100% );
  --angular-white: conic-gradient(rgba(255, 255, 255, 1) 72.38%, rgba(255, 255, 255, 1) 99.87%);
  --angular-black: conic-gradient(rgba(56, 56, 56, 0.22) 72.38%, rgba(56, 56, 56, 0.22) 99.87%);
  --angular-green: conic-gradient( rgba(23, 117, 75, 0.092) 72.38%, rgba(23, 117, 75, 0.092) 99.87% );
  --angular-red: conic-gradient( rgba(205, 41, 41, 0.804) 72.38%, rgba(205, 41, 41, 0.804) 99.87% );
  --angular-blue: conic-gradient(rgba(0, 110, 219, 0) 72.38%, rgba(0, 110, 219, 0) 99.87%);
}
:root {
  --outline-gray-1: #ededed;
  --outline-gray-2: #e2e2e2;
  --outline-gray-3: #c7c7c7;
  --outline-gray-4: #999999;
  --outline-gray-5: #383838;
  --outline-red-1: #fdc2c2;
  --outline-red-2: #f79596;
  --outline-red-3: #e03636;
  --outline-green-1: #a6efc0;
  --outline-green-2: #86e0a8;
  --outline-amber-1: #fbdb73;
  --outline-amber-2: #fbcc55;
  --outline-blue-1: #a7d7fd;
  --outline-orange-1: #f4b07f;
  --outline-gray-modals: #ededed;
  --surface-gray-1: #f8f8f8;
  --surface-gray-2: #f3f3f3;
  --surface-gray-3: #ededed;
  --surface-gray-4: #e2e2e2;
  --surface-gray-5: #525252;
  --surface-gray-6: #383838;
  --surface-gray-7: #171717;
  --surface-red-1: #fff7f7;
  --surface-red-2: #ffe7e7;
  --surface-red-3: #ffd8d8;
  --surface-red-4: #fdc2c2;
  --surface-red-5: #cc2929;
  --surface-red-6: #b52a2a;
  --surface-red-7: #941f1f;
  --surface-green-1: #f2fdf4;
  --surface-green-2: #e4faeb;
  --surface-green-3: #278f5e;
  --surface-amber-1: #fdfaed;
  --surface-amber-2: #fff7d3;
  --surface-amber-3: #db7706;
  --surface-blue-1: #f2f9ff;
  --surface-blue-2: #e6f4ff;
  --surface-blue-3: #007be0;
  --surface-orange-1: #ffefe4;
  --surface-violet-1: #f0ebff;
  --surface-cyan-1: #ddf7ff;
  --surface-pink-1: #fde8f5;
  --surface-menu-bar: #f8f8f8;
  --surface-modal: #ffffff;
  --surface-white: #ffffff;
  --ink-gray-1: #ededed;
  --ink-gray-2: #e2e2e2;
  --ink-gray-3: #c7c7c7;
  --ink-gray-4: #999999;
  --ink-gray-5: #7c7c7c;
  --ink-gray-6: #525252;
  --ink-gray-7: #525252;
  --ink-gray-8: #383838;
  --ink-gray-9: #171717;
  --ink-red-1: #fff7f7;
  --ink-red-2: #f79596;
  --ink-red-3: #e03636;
  --ink-red-4: #cc2929;
  --ink-green-1: #f2fdf4;
  --ink-green-2: #46b37e;
  --ink-green-3: #278f5e;
  --ink-amber-1: #fdfaed;
  --ink-amber-2: #e79913;
  --ink-amber-3: #db7706;
  --ink-blue-1: #f2f9ff;
  --ink-blue-2: #0289f7;
  --ink-blue-3: #007be0;
  --ink-cyan-1: #3bbde5;
  --ink-pink-1: #e34aa6;
  --ink-violet-1: #6846e3;
  --ink-blue-link: #73bbf6;
  --outline-gray-5: #ededed;
}
[data-theme=dark] {
  --outline-white: #1c1c1c;
  --outline-gray-1: #232323;
  --outline-gray-2: #343434;
  --outline-gray-3: #424242;
  --outline-gray-4: #808080;
  --outline-red-1: #521515;
  --outline-red-2: #681916;
  --outline-red-3: #901818;
  --outline-green-1: #0a3f27;
  --outline-green-2: #035831;
  --outline-amber-1: #4b2606;
  --outline-amber-2: #603007;
  --outline-blue-1: #052b53;
  --outline-orange-1: #683108;
  --outline-gray-modals: #343434;
  --surface-white: #0f0f0f;
  --surface-gray-1: #232323;
  --surface-gray-2: #2b2b2b;
  --surface-gray-3: #343434;
  --surface-gray-4: #424242;
  --surface-gray-5: #afafaf;
  --surface-gray-6: #d4d4d4;
  --surface-gray-7: #f8f8f8;
  --surface-red-1: #361515;
  --surface-red-2: #361515e6;
  --surface-red-3: #521515e6;
  --surface-red-4: #681916;
  --surface-red-5: #e43838;
  --surface-red-6: #c12020;
  --surface-red-7: #901818;
  --surface-green-1: #0b2e1c;
  --surface-green-2: #0a3f27;
  --surface-green-3: #1ba964;
  --surface-amber-1: #371e06;
  --surface-amber-2: #4b2606;
  --surface-amber-3: #e37d00;
  --surface-blue-1: #0e2037;
  --surface-blue-2: #052b53;
  --surface-blue-3: #3294e3;
  --surface-orange-1: #401f07cc;
  --surface-violet-1: #221c42;
  --surface-cyan-1: #0b252d;
  --surface-pink-1: #471432cc;
  --surface-menu-bar: #0f0f0f;
  --surface-cards: #1c1c1c;
  --surface-modal: #232323;
  --surface-selected: #424242;
  --ink-white: #0f0f0f;
  --ink-gray-1: #232323;
  --ink-gray-2: #424242;
  --ink-gray-3: #717171;
  --ink-gray-4: #717171;
  --ink-gray-5: #808080;
  --ink-gray-6: #999999;
  --ink-gray-7: #afafaf;
  --ink-gray-8: #d4d4d4;
  --ink-gray-9: #f8f8f8;
  --ink-red-2: #681916;
  --ink-red-3: #e43838;
  --ink-red-4: #fc7474;
  --ink-green-2: #1ba964;
  --ink-green-3: #58c08e;
  --ink-amber-2: #e37d00;
  --ink-amber-3: #e79913;
  --ink-blue-2: #3294e3;
  --ink-blue-3: #5aaef2;
  --ink-cyan-1: #3cb8dc;
  --ink-pink-1: #e359ab;
  --ink-violet-1: #9d7cea;
  --ink-blue-link: #1580d8;
}
:root {
  --font-stack:
    "InterVariable",
    "Inter",
    "-apple-system",
    "BlinkMacSystemFont",
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  --text-tiny: 11px;
  --text-2xs: 12px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;
  --text-4xl: 26px;
  --text-5xl: 28px;
  --text-6xl: 32px;
  --text-7xl: 40px;
  --text-8xl: 44px;
  --text-9xl: 48px;
  --text-10xl: 52px;
  --text-11xl: 56px;
  --text-12xl: 64px;
  --weight-regular: 420;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;
  --text-line-height-3xl: 115%;
  --text-line-height-4xl: 160%;
  --text-line-height-7xl: 140%;
  --text-line-height-12xl: 130%;
  --text-line-height-14xl: 120%;
  --para-line-height-2-xs: 160%;
  --para-line-height-sm: 150%;
  --para-line-height-2xl: 148%;
  --para-line-height-3xl: 140%;
  --heading-color: var(--gray-900);
  --text-neutral: var(--gray-900);
  --text-color: var(--gray-800);
  --text-muted: var(--gray-700);
  --text-light: var(--gray-600);
  --text-dark: var(--fg-color);
}
.text-ink-gray-7 {
  color: var(--ink-gray-7);
}
:root {
  --shadow-xs:
    rgba(0, 0, 0, 0.05) 0px 0.5px 0px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
  --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-base: 0px 0px 1px rgba(0, 0, 0, 0.45), 0px 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md:
    0px 0px 1px rgba(0, 0, 0, 0.12),
    0px 0.5px 2px rgba(0, 0, 0, 0.15),
    0px 2px 3px rgba(0, 0, 0, 0.16);
  --shadow-lg: 0px 0px 1px rgba(0, 0, 0, 0.35), 0px 6px 8px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl:
    0px 0px 1px rgba(0, 0, 0, 0.19),
    0px 1px 2px rgba(0, 0, 0, 0.07),
    0px 6px 15px -5px rgba(0, 0, 0, 0.11);
  --shadow-2xl:
    0px 0px 1px rgba(0, 0, 0, 0.2),
    0px 1px 3px rgba(0, 0, 0, 0.05),
    0px 10px 24px -3px rgba(0, 0, 0, 0.1);
  --focus-default: 0px 0px 0px 2px #c9c9c9;
  --focus-blue: 0px 0px 0px 2px #65b9fc;
  --focus-green: 0px 0px 0px 2px #5bb98c;
  --focus-yellow: 0px 0px 0px 2px #fff0ad;
  --focus-red: 0px 0px 0px 2px #eb9091;
  --custom-status: 0px 0px 0px 1.5px #ffffff;
  --custom-shadow-sm: 0px 1px 4px rgba(0, 0, 0, 0.1);
  --drop-shadow:
    0px 0.5px 0px rgba(0, 0, 0, 0.05),
    0px 0px 0px rgba(0, 0, 0, 0),
    0px 2px 4px rgba(0, 0, 0, 0.05);
}
:root {
  --input-padding: 6px 8px;
  --dropdown-padding: 4px 8px;
  --grid-padding: 10px 8px;
  --number-card-padding: 8px 8px 8px 12px;
}
:root {
  --border-radius-tiny: 4px;
  --border-radius-sm: 8px;
  --border-radius: 8px;
  --border-radius-md: 10px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-radius-2xl: 20px;
  --border-radius-full: 999px;
}
.font-size-xs {
  font-size: 0.75rem;
}
.font-size-sm {
  font-size: 0.875rem;
}
.font-size-base {
  font-size: 1rem;
}
.font-size-lg {
  font-size: 1.125rem;
}
.font-size-xl {
  font-size: 1.25rem;
}
.font-size-2xl {
  font-size: 1.5rem;
}
.font-size-3xl {
  font-size: 1.875rem;
}
.font-size-4xl {
  font-size: 2.25rem;
}
.font-size-5xl {
  font-size: 3rem;
}
.font-size-6xl {
  font-size: 4rem;
}
:root,
[data-theme=light] {
  --brand-color: var(--primary);
  --padding-xs: 5px;
  --padding-sm: 7px;
  --padding-md: 15px;
  --padding-lg: 20px;
  --padding-xl: 30px;
  --padding-2xl: 40px;
  --margin-xs: 5px;
  --margin-sm: 10px;
  --margin-md: 15px;
  --margin-lg: 20px;
  --margin-xl: 30px;
  --margin-2xl: 40px;
  --page-max-width: 900px;
  --modal-shadow: var(--shadow-md);
  --card-shadow: var(--shadow-sm);
  --btn-shadow: var(--shadow-xs);
  --navbar-height: 48px;
  --icon-fill: transparent;
  --icon-fill-bg: var(--fg-color);
  --icon-stroke: var(--gray-800);
  --bg-blue: var(--blue-100);
  --bg-light-blue: var(--blue-50);
  --bg-dark-blue: var(--blue-300);
  --bg-green: var(--green-100);
  --bg-yellow: var(--yellow-100);
  --bg-orange: var(--orange-100);
  --bg-red: var(--red-100);
  --bg-gray: var(--gray-100);
  --bg-grey: var(--gray-100);
  --bg-light-gray: var(--gray-100);
  --bg-dark-gray: var(--gray-400);
  --bg-darkgrey: var(--gray-400);
  --bg-purple: var(--purple-100);
  --bg-pink: var(--pink-50);
  --bg-cyan: var(--cyan-50);
  --text-on-blue: var(--blue-700);
  --text-on-light-blue: var(--blue-600);
  --text-on-dark-blue: var(--blue-800);
  --text-on-green: var(--green-800);
  --text-on-yellow: var(--yellow-700);
  --text-on-orange: var(--orange-700);
  --text-on-red: var(--red-700);
  --text-on-gray: var(--gray-700);
  --text-on-grey: var(--gray-700);
  --text-on-darkgrey: var(--gray-800);
  --text-on-dark-gray: var(--gray-800);
  --text-on-light-gray: var(--gray-800);
  --text-on-purple: var(--purple-700);
  --text-on-pink: var(--pink-700);
  --text-on-cyan: var(--cyan-700);
  --alert-text-danger: var(--red-600);
  --alert-text-warning: var(--yellow-700);
  --alert-text-info: var(--blue-700);
  --alert-text-success: var(--green-700);
  --alert-bg-danger: var(--red-50);
  --alert-bg-warning: var(--yellow-50);
  --alert-bg-info: var(--blue-50);
  --alert-bg-success: var(--green-100);
  --bg-color: white;
  --fg-color: white;
  --subtle-accent: var(--gray-50);
  --subtle-fg: var(--gray-100);
  --navbar-bg: var(--neutral);
  --fg-hover-color: var(--gray-100);
  --card-bg: var(--fg-color);
  --disabled-text-color: var(--gray-600);
  --disabled-control-bg: var(--gray-50);
  --control-bg: var(--gray-100);
  --control-bg-on-gray: var(--gray-200);
  --awesomebar-focus-bg: var(--fg-color);
  --modal-bg: white;
  --toast-bg: var(--modal-bg);
  --popover-bg: white;
  --awesomplete-hover-bg: var(--control-bg);
  --btn-primary: var(--gray-900);
  --btn-default-bg: var(--gray-100);
  --btn-default-hover-bg: var(--gray-300);
  --border-primary: var(--gray-900);
  --sidebar-select-color: var(--gray-100);
  --scrollbar-thumb-color: var(--gray-400);
  --scrollbar-track-color: var(--gray-200);
  --shadow-inset: inset 0px -1px 0px var(--gray-300);
  --border-color: var(--gray-200);
  --dark-border-color: var(--gray-300);
  --table-border-color: var(--gray-200);
  --highlight-color: var(--gray-50);
  --yellow-highlight-color: var(--yellow-50);
  --btn-group-border-color: var(--gray-300);
  --placeholder-color: var(--gray-50);
  --highlight-shadow: 1px 1px 10px var(--blue-50), 0px 0px 4px var(--blue-600);
  --code-block-bg: var(--gray-900);
  --code-block-text: var(--gray-400);
  --primary-color: var(--gray-900);
  --btn-height: 28px;
  --input-height: 28px;
  --input-disabled-bg: var(--gray-200);
  --checkbox-right-margin: var(--margin-xs);
  --checkbox-size: 14px;
  --checkbox-color: var(--neutral-black);
  --checkbox-focus-shadow: 0 0 0 2px var(--gray-300);
  --checkbox-gradient: linear-gradient(180deg, var(--primary) -124.51%, var(--primary) 100%);
  --checkbox-disabled-gradient: linear-gradient( 180deg, var(--disabled-control-bg) -124.51%, var(--disabled-control-bg) 100% );
  --switch-bg: var(--gray-300);
  --diff-added: var(--green-200);
  --diff-removed: var(--red-200);
  --diff-changed: var(--blue-200);
  --right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  --left-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
}
@media (max-width: 991.98px) {
  :root,
  [data-theme=light] {
    --checkbox-size: 18px;
  }
}
:root {
  --light: #f3f3f3;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 4rem;
  --card-border-radius: 0.75rem;
}
:root {
  --comment-timeline-bottom: 60px;
  --comment-timeline-top: 8px;
}
.blog-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.blog-list.result {
  border-bottom: none;
}
.blog-list-content {
  margin-bottom: 3rem;
}
.blog-card {
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
}
.blog-card .card {
  border: 1px solid var(--border-color);
}
.blog-card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog-card .card-img-top {
  width: 100%;
  overflow: hidden;
  height: 12rem;
}
.blog-card .card-img-top img {
  min-height: 12rem;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-card .card-img-top .default-cover {
  height: 100%;
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ededed;
  font-size: 1.2rem;
  font-weight: 500;
  color: #7c7c7c;
}
.blog-card .blog-card-footer {
  display: flex;
  align-items: top;
  margin-top: 0.5rem;
}
.blog-card .blog-card-footer .avatar {
  margin-top: 0.4rem;
  margin-right: 0.5rem;
}
.blog-container {
  font-size: 1rem;
  max-width: 800px;
  margin: 0px auto;
}
.blog-container .blog-title {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .blog-container .blog-title {
    line-height: 1;
    font-size: 2.5rem;
  }
}
.blog-container .blog-footer {
  display: flex;
  justify-content: space-between;
  color: #7c7c7c;
  margin-top: 3rem;
}
.blog-container .blog-intro {
  font-size: 1.125rem;
  font-weight: 400;
}
.blog-container .blog-content {
  margin-bottom: 1rem;
}
.blog-container .blog-content .blog-header {
  margin-bottom: 3rem;
  margin-top: 5rem;
}
.blog-container .blog-content .from-markdown a {
  text-decoration: underline;
}
.blog-container .blog-comments {
  margin-top: 1rem;
  margin-bottom: 5rem;
}
.blog-container .feedback-item svg {
  vertical-align: sub;
}
.blog-container .blog-feedback {
  display: inline-flex;
}
.blog-container .blog-feedback .like-icon {
  cursor: pointer;
}
.blog-container .blog-feedback .like-icon use {
  stroke: var(--gray-800);
  --icon-stroke: transparent;
}
.blog-container .blog-feedback .like-icon.liked use {
  stroke: var(--gray-800);
  --icon-stroke: var(--red-500);
}
/*# sourceMappingURL=blog.bundle.RGWGPWY2.css.map */