.project-option[data-v-9c5f95b7]{--image-size:24px;background-color:var(--gray-2);border-radius:12px;-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-areas:"image title" "image descr";grid-template-columns:var(--image-size) auto;padding:12px 10px}@media only screen and (min-width:1200px){.project-option[data-v-9c5f95b7]{--image-size:32px;border-radius:15px;-moz-column-gap:16px;column-gap:16px;padding:17px 20px}}.project-option--without-descr[data-v-9c5f95b7]{grid-template-areas:"image title" "image title"}.project-option--without-descr .project-option__title[data-v-9c5f95b7]{align-content:center}.project-option__image[data-v-9c5f95b7]{align-self:center;grid-area:image;height:var(--image-size);width:100%}.project-option__title[data-v-9c5f95b7]{font-weight:600;grid-area:title}@media only screen and (min-width:1200px){.project-option__title[data-v-9c5f95b7]{font-size:16px;font-weight:600;line-height:120%}}.project-option__descr[data-v-9c5f95b7]{color:var(--gray-6);grid-area:descr}@media only screen and (min-width:1200px){.project-option__descr[data-v-9c5f95b7]{font-size:12px;font-weight:400;line-height:140%}}.project-option__descr[data-v-9c5f95b7]:first-letter{text-transform:capitalize}.project-preview[data-v-fa0d19d0]{background-color:var(--white);border-radius:20px;overflow:hidden;padding:0 20px 10px}@media only screen and (min-width:1000px){.project-preview[data-v-fa0d19d0]{border-radius:40px;padding:30px}}.project-preview__grid[data-v-fa0d19d0]{display:grid;grid-template-columns:100%}@media only screen and (min-width:1000px){.project-preview__grid[data-v-fa0d19d0]{align-items:flex-start;-moz-column-gap:30px;column-gap:30px;grid-auto-rows:min-content;grid-template-areas:"head  head  head  head  head  head  head  head  head     head     head     head" "media media media media media media media media list     list     list     list" "media media media media media media media media descr    descr    descr    descr" "media media media media media media media media features features features features" "media media media media media media media media progress progress progress progress" "media media media media media media media media controls controls controls controls";grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,min-content) 1fr repeat(2,min-content)}}.project-preview__media[data-v-fa0d19d0]{height:100%;margin:0 -20px}@media only screen and (min-width:1000px){.project-preview__media[data-v-fa0d19d0]{grid-area:media;margin:0 -12px;overflow:hidden;overflow:clip;padding:0 12px}}@media only screen and (min-width:1200px){.project-preview__media[data-v-fa0d19d0]{margin:0 -20px;padding:0 20px}}.project-preview__head[data-v-fa0d19d0]{align-items:flex-start;display:flex;justify-content:space-between}@media only screen and (min-width:1000px){.project-preview__head[data-v-fa0d19d0]{-moz-column-gap:30px;column-gap:30px;display:grid;grid-area:head;grid-template-columns:repeat(12,1fr);margin-bottom:30px}}.project-preview__title[data-v-fa0d19d0]{flex-grow:1;margin-bottom:6px}@media only screen and (min-width:1000px){.project-preview__title[data-v-fa0d19d0]{font-size:36px;font-weight:600;grid-column:span 8;line-height:44px;margin-bottom:0}}.project-preview__btn[data-v-fa0d19d0]{display:none}@media only screen and (min-width:1000px){.project-preview__btn[data-v-fa0d19d0]{display:block;grid-column:span 4;justify-self:flex-end}}.project-preview__descr[data-v-fa0d19d0]{margin-bottom:20px}@media only screen and (min-width:1000px){.project-preview__descr[data-v-fa0d19d0]{grid-area:descr;margin-bottom:16px;padding:4px 8px}}.project-preview__options[data-v-fa0d19d0]{display:grid;grid-auto-rows:min-content;row-gap:6px}@media only screen and (min-width:1000px){.project-preview__options[data-v-fa0d19d0]{grid-column:9/-1;margin-bottom:4px;row-gap:10px}}.project-preview__features[data-v-fa0d19d0]{margin-bottom:20px;margin-top:20px}@media only screen and (min-width:1000px){.project-preview__features[data-v-fa0d19d0]{align-self:end;grid-area:features;margin-top:0}}.project-preview__progress[data-v-fa0d19d0]{margin-bottom:10px}@media only screen and (min-width:1000px){.project-preview__progress[data-v-fa0d19d0]{grid-area:progress;margin-bottom:20px}.project-preview__controls[data-v-fa0d19d0]{grid-area:controls}}
