{"version":3,"file":"DANtRsps.js","sources":["../../../../pages/credor/digio.vue"],"sourcesContent":["<template>\n  <div class=\"partner-page digio-page\">\n    <PartnersBanner :creditor=\"creditor\" />\n    <PartnersHowItWorks :creditor=\"creditor\" />\n    <HomeOurChannels\n      iconsPath=\"partners/digio/\"\n      mobilePath=\"/images/partners/digio/m-our-channel.png\"\n      desktopPath=\"/images/partners/digio/our-channel.png\"\n      :isPartner=\"true\"\n    />\n    <PartnersNeedHelp :creditor=\"creditor\" />\n    <HomeOurPartners :partnerName=\"creditor.name\" :isPartner=\"true\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ndefinePageMeta({\n  layout: \"creditor\",\n});\n\nconst creditor = ref<CreditorProfile>({\n  name: \"Digio\",\n  alias: \"digio\",\n  id: 1,\n  chave: \"digio\",\n});\n</script>\n\n<style lang=\"scss\">\n@import \"@/styles/variables\";\n@import \"@/styles/partners/digio\";\n\n.digio-header {\n  .content .creditor-logo {\n    max-width: 81px;\n    max-height: 36px;\n    width: 100%;\n    height: 100%;\n    margin-right: 17px;\n\n    @media screen and (min-width: 834px) and (max-width: 959px) {\n      max-width: 100px;\n      max-height: 44.4px;\n      margin-right: 28px;\n    }\n\n    @media screen and (min-width: 960px) {\n      max-width: 100px;\n      max-height: 44.4px;\n      margin-right: 30px;\n    }\n  }\n}\n\n.digio-page {\n  .text-chip {\n    background-color: $primaryColor !important;\n    color: $white !important;\n  }\n\n  .title {\n    color: $textColor !important;\n    font-family: \"Open Sans\";\n    font-weight: 800;\n  }\n\n  .partner-banner-section {\n    background-image: url(@/assets/images/partners/digio/bg-banner.png);\n    background-position: 45% top;\n\n    .wrapper {\n      .banner-content {\n        .banner-button {\n          background-color: $secondaryColor;\n          margin: 0px auto 16px;\n\n          &:hover {\n            background-color: $buttonHover;\n          }\n        }\n      }\n\n      @media screen and (min-width: 834px) and (max-width: 1199px) {\n        .banner-content {\n          .banner-title {\n            width: 347px;\n          }\n\n          .banner-button {\n            margin: 0px 0px 69px;\n          }\n        }\n      }\n\n      @media screen and (min-width: 960px) and (max-width: 1199px) {\n        padding: 0px 32.5px;\n\n        .image-component img {\n          width: 522px;\n        }\n      }\n\n      @media screen and (min-width: 960px) {\n        .banner-content {\n          .banner-text {\n            width: 90%;\n          }\n        }\n      }\n\n      @media screen and (min-width: 1200px) {\n        .banner-content {\n          .banner-text {\n            margin: 28px 0px;\n            width: 438px;\n            max-width: none;\n          }\n\n          .banner-button {\n            margin: 0px 0px 134.7px;\n          }\n        }\n      }\n    }\n  }\n\n  .partner-how-works-section {\n    .steps {\n      .default-card .step-counter {\n        background-color: $tertiaryColor;\n      }\n    }\n  }\n\n  .our-channels-section.partner-page {\n    .content-text .channels .channel {\n      &:nth-child(1),\n      &:nth-child(2) {\n        height: 142px;\n      }\n    }\n\n    @media screen and (min-width: 1200px) {\n      padding: 68px 0px;\n    }\n  }\n\n  .need-help-section {\n    .the-faq-list {\n      .panels {\n        .panel {\n          .v-expansion-panel-title {\n            &:hover {\n              color: $primaryColor;\n            }\n\n            .mdi {\n              color: $primaryColor;\n            }\n          }\n\n          .v-expansion-panel-title--active {\n            color: $primaryColor;\n          }\n\n          &:hover {\n            border-color: $primaryColor;\n          }\n        }\n\n        .v-expansion-panel--active {\n          border-color: $primaryColor !important;\n        }\n      }\n    }\n\n    .talk-button {\n      background-color: $secondaryColor;\n      color: $white;\n\n      &:hover {\n        background-color: $buttonHover !important;\n      }\n    }\n  }\n\n  .our-partners-section.partner-page {\n    .content .content-sheet .creditors .creditor-block .creditor-logo:hover {\n      border-color: $primaryColor;\n      box-shadow: 0px 6px 15px $dropShadow !important;\n    }\n  }\n}\n</style>\n"],"names":["creditor","ref"],"mappings":"kUAoBA,MAAMA,EAAWC,EAAqB,CACpC,KAAM,QACN,MAAO,QACP,GAAI,EACJ,MAAO,OAAA,CACR"}