{"version":3,"file":"Bvj22yIv.js","sources":["../../../../components/providers-page/ProvidersLargeCardSkeleton.vue"],"sourcesContent":["<template>\n  <div class=\"p-load d-flex white--bg relative\">\n    <div class=\"p-load__main d-flex flex-grow flex-column\">\n      <div class=\"p-load__header d-flex flex-column\">\n        <div class=\"p-load__top d-flex align-center\">\n          <VSkeleton class=\"p-load__logo d-flex\" />\n          <div class=\"p-load__rate d-flex align-center\">\n            <VSkeleton\n              style=\"min-width: 25px; max-width: 25px; min-height: 24px; max-height: 24px\"\n            />\n            <VSkeleton\n              style=\"min-width: 30px; max-width: 30px; min-height: 16px; max-height: 16px; margin-left: 4px\"\n            />\n          </div>\n        </div>\n        <VSkeleton\n          class=\"p-load__title\"\n          style=\"max-width: 20%; min-height: 16px; max-height: 16px\"\n        />\n\n        <VSkeleton\n          class=\"p-load__subtitle\"\n          style=\"max-width: 70%; min-height: 16px; max-height: 16px\"\n        />\n      </div>\n      <div\n        v-for=\"tariff in 2\"\n        :key=\"tariff\"\n        class=\"p-load__tariff d-flex flex-column\"\n      >\n        <VSkeleton\n          class=\"p-load__tariff-title\"\n          style=\"max-width: 40%; min-height: 16px; max-height: 16px\"\n        />\n        <div class=\"p-load__tariff-info d-flex flex-grow\">\n          <div\n            class=\"p-load__tariff-params d-flex flex-wrap flex-grow align-start\"\n          >\n            <VSkeleton\n              class=\"\"\n              style=\"max-width: 88%\"\n            />\n            <VSkeleton\n              class=\"\"\n              style=\"max-width: 88%\"\n            />\n          </div>\n          <div class=\"p-load__complex d-flex flex-column\">\n            <div class=\"d-flex align-center\">\n              <VSkeleton\n                class=\"\"\n                style=\"max-width: 75%; min-height: 34px; max-height: 34px; margin-right: 4px\"\n              />\n              <VSkeleton\n                class=\"\"\n                style=\"max-width: 18%; min-height: 14px; max-height: 14px\"\n              />\n            </div>\n            <VSkeleton\n              class=\"\"\n              style=\"max-width: 80%; min-height: 16px; max-height: 16px; margin-top: 6px\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"p-load__actions d-flex flex-column\">\n      <div class=\"p-load__text d-flex\">\n        <div class=\"p-load__actions-cover d-flex flex-column\">\n          <VSkeleton\n            class=\"\"\n            style=\"max-width: 48%; min-height: 16px; max-height: 16px; margin-bottom: 4px\"\n          />\n          <VSkeleton\n            class=\"\"\n            style=\"max-width: 54%; min-height: 16px; max-height: 16px; margin-left: 24px\"\n          />\n        </div>\n        <div class=\"p-load__actions-cover d-flex flex-column\">\n          <VSkeleton\n            class=\"\"\n            style=\"max-width: 48%; min-height: 16px; max-height: 16px; margin-bottom: 4px\"\n          />\n          <VSkeleton\n            class=\"\"\n            style=\"max-width: 54%; min-height: 16px; max-height: 16px; margin-left: 24px\"\n          />\n        </div>\n      </div>\n      <VSkeleton\n        class=\"p-load__actions-btn\"\n        style=\"border-radius: 50px\"\n      />\n      <VSkeleton\n        class=\"p-load__actions-btn\"\n        style=\"border-radius: 50px\"\n      />\n      <VSkeleton class=\"p-load__actions-consult\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n</script>\n\n<style scoped lang=\"scss\">\n.p-load {\n  padding: 24px;\n  border-radius: 16px;\n  border: 1px solid color(gray-darker);\n  margin-bottom: 8px;\n  @media (max-width: getBreakpoint(tablet)) {\n    padding: 16px;\n    border-radius: 12px;\n    flex-direction: column;\n  }\n  @media (max-width: getBreakpoint(mobile-lg)) {\n    padding: 12px;\n  }\n\n  &__main {\n  }\n  &__top {\n    margin-bottom: 4px;\n    @media (max-width: getBreakpoint(mobile-md)) {\n      margin-bottom: 2px;\n    }\n  }\n\n  &__tariff {\n    position: relative;\n    z-index: 10;\n    border-radius: 12px;\n    border: 1px solid color(gray-darker);\n    box-shadow: 0px 0px 5px 0px rgba(2, 4, 30, 0.15);\n    padding: 16px;\n    @media (max-width: getBreakpoint(tablet)) {\n      padding: 12px;\n    }\n    @media (max-width: getBreakpoint(mobile-md)) {\n      padding: 10px;\n    }\n    &:not(:last-child) {\n      margin-bottom: 8px;\n    }\n\n    &-title {\n      margin-bottom: 12px;\n      @media (max-width: getBreakpoint(tablet)) {\n        margin-bottom: 8px;\n      }\n    }\n\n    &-params {\n      margin-bottom: -8px;\n      & > div {\n       min-width: 150px;\n max-width: 150px;\n       min-height: 26px;\n max-height: 26px;\n        @media (max-width: getBreakpoint(tablet)) {\n         min-width: 140px;\n max-width: 140px;\n        }\n        @media (max-width: getBreakpoint(mobile-lg)) {\n         min-width: 120px;\n max-width: 120px;\n         min-height: 24px;\n max-height: 24px;\n        }\n        @media (max-width: getBreakpoint(mobile-md)) {\n         min-width: 100px;\n max-width: 100px;\n         min-height: 22px;\n max-height: 22px;\n        }\n        &:first-child {\n          margin-right: 24px;\n          @media (max-width: getBreakpoint(tablet)) {\n            margin-right: 16px;\n          }\n        }\n      }\n      @media (max-width: getBreakpoint(tablet)) {\n        flex: 0 0 50%;\n      }\n    }\n  }\n\n  &__complex {\n    min-width: 180px;\n    @media (max-width: getBreakpoint(tablet)) {\n      flex: 0 0 155px;\n      min-width: 0;\n      max-width: 50%;\n    }\n    &-promo {\n      margin-bottom: 4px;\n      p {\n        background: color(gradient);\n        border-radius: 8px;\n        padding: 0 8px;\n        margin-right: auto;\n        @media (max-width: getBreakpoint(tablet)) {\n          border-radius: 5px;\n          padding: 0 5px;\n        }\n      }\n      span {\n        background: color(gradient);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n      }\n    }\n    &-overpromo {\n      background: color(gradient);\n      position: relative;\n      span {\n        position: relative;\n        padding: 2px 4px;\n        background: color(gradient);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        @media (max-width: getBreakpoint(tablet)) {\n          padding: 0 3px;\n        }\n      }\n      &:before {\n        content: \"\";\n        position: absolute;\n        top: 1px;\n        left: 1px;\n        right: 1px;\n        bottom: 1px;\n        background: color(white);\n        border-radius: 3px;\n      }\n      border-radius: 4px;\n      margin-right: auto;\n      margin-bottom: 12px;\n      @media (max-width: getBreakpoint(tablet)) {\n        margin-bottom: 8px;\n      }\n    }\n    &-month {\n      span {\n        @media (max-width: getBreakpoint(tablet)) {\n          span {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  &__price {\n    min-width: 180px;\n    @media (max-width: getBreakpoint(tablet)) {\n      flex: 0 0 155px;\n      min-width: 0;\n      max-width: 50%;\n    }\n    &-monthly {\n      padding: 0 8px;\n      border-radius: 8px;\n      background: color(gray-p);\n      margin-right: auto;\n      @media (max-width: getBreakpoint(tablet)) {\n        padding: 0 4px;\n      }\n    }\n  }\n\n  &__title {\n    margin-bottom: 12px;\n    @media (max-width: getBreakpoint(tablet)) {\n      color: color(gray-b);\n      margin-bottom: 8px;\n    }\n    @media (max-width: getBreakpoint(mobile-lg)) {\n      margin-bottom: 4px;\n    }\n    &:before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      right: 0;\n    }\n  }\n\n  &__subtitle {\n    margin-bottom: 24px;\n    @media (max-width: getBreakpoint(tablet)) {\n      margin-bottom: 16px;\n    }\n  }\n\n  &__logo {\n   min-width: 240px;\n max-width: 240px;\n   min-height: 60px;\n max-height: 60px;\n    object-fit: contain;\n    object-position: left;\n    margin-right: 16px;\n    @media (max-width: getBreakpoint(tablet)) {\n     min-height: 45px;\n max-height: 45px;\n     min-width: 180px;\n max-width: 180px;\n    }\n    @media (max-width: getBreakpoint(mobile-lg)) {\n     min-height: 42px;\n max-height: 42px;\n     min-width: 168px;\n max-width: 168px;\n    }\n    @media (max-width: getBreakpoint(mobile-md)) {\n     min-height: 38px;\n max-height: 38px;\n     min-width: 152px;\n max-width: 152px;\n    }\n  }\n\n  &__rate {\n    @media (max-width: getBreakpoint(tablet)) {\n      margin-left: auto;\n    }\n    &-score {\n      padding: 0 2px;\n      border-radius: 4px;\n      margin-right: 4px;\n    }\n  }\n\n  &__available {\n    margin-bottom: 16px;\n    .d-icon {\n      border-radius: 50%;\n    }\n  }\n  &__text {\n    flex-direction: column-reverse;\n    @media (max-width: getBreakpoint(tablet)) {\n      flex-direction: row;\n      & > p,\n      & > div {\n        flex: 1 1 50%;\n      }\n    }\n  }\n\n  &__actions {\n    margin-top: auto;\n   min-width: 256px;\n max-width: 256px;\n    min-width: 256px;\n    margin-left: 44px;\n\n    @media (max-width: getBreakpoint(tablet)) {\n     min-width: 100%;\n max-width: 100%;\n      margin-left: 0;\n      margin-top: 16px;\n    }\n\n    img {\n     min-width: 24px;\n max-width: 24px;\n     min-height: 24px;\n max-height: 24px;\n      margin-right: 4px;\n      margin-top: -2px;\n    }\n\n    &-cover {\n      margin-bottom: 16px;\n      padding-top: 2px;\n      @media (max-width: getBreakpoint(tablet)) {\n        margin-bottom: 14px;\n        margin-right: 12px;\n      }\n      @media (max-width: getBreakpoint(mobile-md)) {\n        margin-bottom: 10px;\n      }\n    }\n\n    &-btn {\n     min-height: 54px;\n max-height: 54px;\n      margin-bottom: 16px;\n      @media (max-width: getBreakpoint(tablet)) {\n       min-height: 44px;\n max-height: 44px;\n        margin-bottom: 12px;\n      }\n      @media (max-width: getBreakpoint(mobile-lg)) {\n       min-height: 42px;\n max-height: 42px;\n      }\n      @media (max-width: getBreakpoint(mobile-md)) {\n       min-height: 40px;\n max-height: 40px;\n      }\n    }\n\n    &-consult {\n     min-width: 120px;\n max-width: 120px;\n     min-height: 16px;\n max-height: 16px;\n      margin-left: auto;\n      margin-right: auto;\n      @media (max-width: getBreakpoint(tablet)) {\n        margin-top: 4px;\n       min-width: 100px;\n max-width: 100px;\n      }\n      @media (max-width: getBreakpoint(mobile-md)) {\n        margin-top: 1px;\n      }\n    }\n  }\n}\n</style>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_VSkeleton","_Fragment","_renderList","tariff","_hoisted_13"],"mappings":"gJAESA,EAAA,CAAA,MAAM,kCAA2C,EAC/CC,EAAA,CAAA,MAAM,2CAAmC,EACvCC,EAAA,CAAA,MAAM,mCAAiC,EAErCC,EAAA,CAAA,MAAM,iCAAkC,EA4B1CC,EAAA,CAAA,MAAM,kCAAsC,EAE7CC,EAAA,CAAA,MAAM,sCAA8D,EAWjEC,EAAA,CAAA,MAAM,8DAAoC,EACxCC,EAAA,CAAA,MAAM,oCAAqB,EAkBnCC,EAAA,CAAA,2BAA0C,EACxCC,EAAA,CAAA,MAAM,oCAAqB,EACzBC,EAAA,CAAA,MAAM,qBAA0C,EAUhDC,EAAA,CAAA,MAAM,0CAA0C,iFA5EzD,OAAAC,EAAA,EA+DMC,EAAA,MAAAb,EAAA,CA9DJc,EAAA,QAqBM,CApBJA,EAAA,QAUM,GATqC,MAAAX,EAA9B,CACXY,EAAAC,EAOM,CAAA,MAAA,qBAAA,CAAA,IAJF,MAAAZ,EADA,CAEFW,EAEEC,EAAA,CADA,MAAA,CAA8F,YAAA,OAAA,YAAA,OAAA,aAAA,OAAA,aAAA,MAAA,CAAA,CAAA,qHAOlG,EAFAD,EAAqBC,EAAA,CACrB,MAAA,kFAMA,EAFAD,EAAwBC,EAAA,CACxB,MAAA,sFAGJ,CAAA,KAuCM,EAAAH,EAAAI,EAAA,KAAAC,EAAA,EAAAC,GArCEL,EAAM,MAAA,CACZ,IAAKK,6CAKH,CAFAJ,EAA4BC,EAAA,CAC5B,MAAA,wFAEF,CAAA,EACEF,EAAA,QAWM,GALF,MAAAR,EAAA,CAFAS,EAAQC,EAAA,CACR,MAAA,6BAKA,EAFAD,EAAQC,EAAA,CACR,MAAA,8BAGJ,CAAA,EACEF,EAAA,QASM,GALF,MAAAN,EAAA,CAFAO,EAAQC,EAAA,CACR,MAAA,0FAKA,EAFAD,EAAQC,EAAA,CACR,MAAA,uEAMF,EAFAD,EAAQC,EAAA,CACR,MAAA,qGAMV,CAAA,EACEF,EAAA,QAqBM,CApBJA,EAAA,QASM,GALF,MAAAH,EAAA,CAFAI,EAAQC,EAAA,CACR,MAAA,2FAKA,EAFAD,EAAQC,EAAA,CACR,MAAA,2FAGJ,CAAA,IAII,MAAAI,EAAA,CAFAL,EAAQC,EAAA,CACR,MAAA,2FAKA,EAFAD,EAAQC,EAAA,CACR,MAAA,8FAOJ,EAFAD,EAA2BC,EAAA,CAC3B,MAAA,qDAKA,EAFAD,EAA2BC,EAAA,CAC3B,MAAA,qDAE2C"}