.area-item[data-v-580bd294]{padding:32px;position:relative;height:440px;display:flex;flex-direction:column;cursor:pointer}.area-item[data-v-580bd294]:before{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,56,101,.6),rgba(0,56,101,.6));content:"";display:block;z-index:3;opacity:0;transition:.3s}.area-item[data-v-580bd294]:hover:before{opacity:1}.area-item__nav[data-v-580bd294]{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;padding:32px;background:rgba(235,239,238,.95);z-index:-10;opacity:0;transition:.2s linear}@media screen and (max-width:1220px){.area-item__nav[data-v-580bd294]{padding:24px}}.area-item__nav-title[data-v-580bd294]{margin-bottom:24px;font-family:Roboto,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:27px;color:#830051}.area-item__nav-item[data-v-580bd294]{margin-bottom:12px;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#3c4242;transition:.3s linear}@media screen and (max-width:1220px){.area-item__nav-item[data-v-580bd294]{margin-bottom:10px;font-size:16px;line-height:22px}}.area-item__nav-item[data-v-580bd294]:hover{color:#d0006f}.area-item__nav-button[data-v-580bd294]{margin-top:auto;margin-left:auto;position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:transparent;color:#830051;cursor:pointer}@media screen and (max-width:1220px){.area-item[data-v-580bd294]{height:357px;padding:24px}}@media screen and (max-width:767px){.area-item[data-v-580bd294]{height:auto;padding:0}}.area-item__image[data-v-580bd294]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media screen and (max-width:767px){.area-item__image[data-v-580bd294]{height:164px;position:static}}.area-item__noimage[data-v-580bd294]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#830051}@media screen and (max-width:767px){.area-item__noimage[data-v-580bd294]{height:164px;position:static}}.area-item__title[data-v-580bd294]{position:relative;z-index:4;font-family:Roboto,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:27px;color:#1f1f1f}@media screen and (max-width:767px){.area-item__title[data-v-580bd294]{margin-top:8px;font-size:14px;line-height:21px}}.area-item__button[data-v-580bd294]{margin-top:auto;margin-left:auto;position:relative;z-index:4;display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#830051;border-radius:999px;color:#e6ccdc;cursor:pointer;transition:.2s linear}.area-item__button[data-v-580bd294]:hover{background-color:#9a3374}@media screen and (max-width:767px){.area-item__button[data-v-580bd294]{display:none}}@media screen and (min-width:768px){.area-item:hover .area-item__nav[data-v-580bd294]{z-index:10;opacity:1}}.area-item:hover .area-item__button[data-v-580bd294]{background-color:transparent}