.attribution[data-v-4742b224]{width:100%;padding:24px;font-size:11px;background-color:var(--white);font-family:var(--main-font);font-weight:400;text-align:center}.attribution a[data-v-4742b224]{color:#3e52a3}.profile[data-v-bb431852]{display:flex;align-items:center;gap:var(--spacing-200)}.profile__avatar[data-v-bb431852]{width:40px;height:40px;border-radius:50%;overflow:hidden}.profile__avatar img[data-v-bb431852]{width:100%;height:100%;object-fit:cover}.profile__author[data-v-bb431852]{color:var(--gray-900);font-weight:var(--font-weight-700);letter-spacing:.02em}.profile__date[data-v-bb431852]{color:var(--gray-400);font-weight:var(--font-weight-600);letter-spacing:.02em}.share-button[data-v-d0926bd9]{display:flex;position:relative;width:32px;height:32px;align-items:center;background-color:var(--gray-200);border-radius:50%;cursor:pointer;justify-content:center;z-index:2}.share-button__icon[data-v-d0926bd9]{fill:var(--gray-500)}.share-button[data-v-d0926bd9]:hover,.share-button[data-v-d0926bd9]:focus-visible,.share-button--active[data-v-d0926bd9]{background-color:var(--gray-500)}.share-button:hover .share-button__icon[data-v-d0926bd9],.share-button:focus-visible .share-button__icon[data-v-d0926bd9],.share-button--active .share-button__icon[data-v-d0926bd9]{fill:var(--gray-200)}.share-toast[data-v-18fba664]{display:flex;position:absolute;right:0;bottom:0;left:0;padding:28px 0 28px 30px;align-items:center;background-color:var(--gray-900);border-radius:0 0 10px 10px;gap:var(--spacing-300);opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1}.share-toast--active[data-v-18fba664]{opacity:1;visibility:visible}.share-toast__text[data-v-18fba664]{color:var(--gray-400);letter-spacing:3px;text-transform:uppercase}.social-links[data-v-18fba664]{display:flex;align-items:center;gap:var(--spacing-200)}@media (width >= 768px){.share-toast[data-v-18fba664]{right:-68px;bottom:96px;left:auto;width:248px;padding:18px 39px;border-radius:10px}.share-toast[data-v-18fba664]:after{position:absolute;bottom:-12px;left:112px;width:24px;height:12px;background-image:var(--triangle-url);content:""}}.article[data-v-622c312b]{display:block;background-color:var(--white);border-radius:10px;box-shadow:0 40px 40px -10px #c9d5e17f;margin-inline:var(--spacing-300);max-width:400px}.article__image-wrapper[data-v-622c312b]{height:200px;border-radius:10px 10px 0 0;overflow:hidden}.article__image[data-v-622c312b]{width:100%;height:100%;object-fit:cover;object-position:center}.article__content[data-v-622c312b]{position:relative;padding:32px 30px 18px}.article__title[data-v-622c312b]{font-size:20px;color:var(--gray-900);letter-spacing:.25px;line-height:1.3}.article__text[data-v-622c312b]{color:var(--gray-500);letter-spacing:.02em;margin-top:var(--spacing-300)}.article__footer[data-v-622c312b]{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-600)}@media (width >= 768px){.article[data-v-622c312b]{display:flex;margin-inline:80px;max-width:730px}.article__image-wrapper[data-v-622c312b]{height:auto;border-radius:10px 0 0 10px;max-width:285px;min-width:230px}.article__image[data-v-622c312b]{height:100%;object-fit:cover;object-position:left center}.article__content[data-v-622c312b]{padding:30px 40px;max-width:445px}.article__footer[data-v-622c312b]{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-300)}}*,*:after,*:before{box-sizing:border-box}html,body{height:100%;margin:0}h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}a{color:inherit}button,input,select,option{padding:0;font-size:inherit;color:currentcolor;border:none;appearance:none;cursor:pointer;font-family:inherit}ul,ol{list-style:none}button:focus{outline:none}img{display:block;max-width:100%}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:400;src:url(/article-preview-component-master/assets/manrope-v19-latin-regular-PaqtzbVb.woff2) format("woff2")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:600;src:url(/article-preview-component-master/assets/manrope-v19-latin-600-4f0koTD-.woff2) format("woff2")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:700;src:url(/article-preview-component-master/assets/manrope-v19-latin-700-BZp_XxE4.woff2) format("woff2")}:root{--gray-200: hsl(210deg 46% 95%);--gray-400: hsl(212deg 23% 69%);--gray-500: hsl(214deg 17% 51%);--gray-900: hsl(217deg 19% 35%);--white: hsl(0deg 0% 100%);--main-font: "Manrope", arial, sans-serif;--font-size-base: 13px;--line-height-base: 1.4;--font-weight-400: 400;--font-weight-600: 600;--font-weight-700: 700;--spacing-200: 16px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-1300: 104px;--spacing-2000: 160px}body{margin:0;font-size:var(--font-size-base);background-color:var(--gray-200);font-family:var(--main-font);font-weight:var(--font-weight-400);line-height:var(--line-height-base);min-height:100vh;min-width:320px}#app{display:flex;margin:0 auto;flex-direction:column;min-height:100vh}.main{display:flex;align-items:center;flex:1;justify-content:center}