{"version":3,"file":"D4ATdwUS.js","sources":["../../../../components/AddressSystem/menu/AddressSystemMenuSelected.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport BalloonTable from '@/components/Services/Balloons/BalloonTable.vue'\n\nimport type { PolygonProperties } from '@/api/modules/delivery/types'\n\ntype Props = { addressInfo: PolygonProperties | null }\n\ndefineProps<Props>()\n\nconst { isMobile } = useResponsive()\n</script>\n\n<template>\n  <div v-if=\"addressInfo\" class=\"menu-items-selected\">\n    <div v-if=\"isMobile\" class=\"menu-items-selected__title\">\n      Условия доставки\n    </div>\n\n    <balloon-table class=\"menu-items-selected__info\" :data=\"addressInfo\" />\n\n    <div class=\"menu-items-selected__note\">\n      <nuxt-img\n        v-if=\"isMobile\"\n        class=\"menu-items-selected__icon\"\n        src=\"/address-system/pointer.webp\"\n        format=\"webp\"\n        width=\"24\"\n        height=\"24\"\n      />\n\n      При подтверждении заказа мы сообщим вам точное время\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.menu-items-selected {\n  display: flex;\n  flex-direction: column;\n\n  &__title {\n    order: -2;\n    margin-bottom: 16px;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 19px;\n    color: var(--ui-text-primary);\n    text-align: center;\n  }\n\n  &__info {\n    width: 100%;\n\n    :deep(tr.balloon-table-row) {\n      font-size: 14px !important;\n      line-height: 17px !important;\n\n      @include media('>=desktop-mini') {\n        font-size: 12px !important;\n        line-height: 14px !important;\n      }\n    }\n\n    :deep(td.balloon-table-row__label) {\n      font-weight: 600;\n      color: var(--ui-text-secondary);\n    }\n\n    :deep(td.balloon-table-row__value) {\n      font-weight: 600 !important;\n      color: var(--ui-text-primary) !important;\n\n      @include media('>=desktop-mini') {\n        font-weight: 800 !important;\n      }\n    }\n\n    :deep(.balloon-table__item:not(:last-child)) {\n      margin-bottom: 8px !important;\n\n      @include media('>=desktop-mini') {\n        margin-bottom: 4px !important;\n      }\n    }\n  }\n\n  &__note {\n    display: flex;\n    gap: 8px;\n    align-items: flex-start;\n    order: -1;\n    padding: 12px;\n    margin-bottom: 24px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 17px;\n    color: var(--ui-text-primary);\n    background-color: var(--ui-grey);\n    border-radius: 10px;\n\n    @include media('>=desktop-mini') {\n      order: 0;\n      padding: 0;\n      margin-top: 16px;\n      margin-bottom: 0;\n      font-size: 12px;\n      line-height: 14px;\n      color: var(--ui-text-secondary);\n      letter-spacing: -0.2px;\n      background-color: transparent;\n    }\n  }\n}\n</style>\n"],"names":["isMobile","useResponsive"],"mappings":";;0wBASM,KAAA,CAAE,SAAAA,CAAS,EAAIC,EAAc","debug_id":"3f3615a1-b958-5514-8e04-65af18b2cf45"}