{"version":3,"file":"static/js/app_components_PortalSelectionTab_PortalSelectionTab_scss.bundle.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["/app/app/components/PortalSelectionTab/PortalSelectionTab.scss","webpack://fe-portal-cvm/./app/components/PortalSelectionTab/PortalSelectionTab.scss?e226"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root {\\n  --crsl-a-l: url(https://wwwstg.nexi.it/content/dam/cvm/staticassets/icons/svg/CarouselArrowLeft.svg);\\n  --crsl-a-r: url(https://wwwstg.nexi.it/content/dam/cvm/staticassets/icons/svg/CarouselArrowRight.svg);\\n  --crsl-l: url(https://wwwstg.nexi.it/content/dam/cvm/staticassets/icons/svg/CarouselLeft.svg);\\n  --crsl-r: url(https://wwwstg.nexi.it/content/dam/cvm/staticassets/icons/svg/CarouselRight.svg);\\n}\\n\\n:root {\\n  --brand-color: #bcb9b9;\\n  --brand-secondary-color: #999999;\\n  --brand-color-dark: #171a67;\\n  --error: #bb2828;\\n  --warning: #ffa51f;\\n  --expiring: #dd6724;\\n  --info: #0089ff;\\n  --success: #178719;\\n  --white-hex: #fff;\\n  --white-rgb: 255 255 255;\\n  --white-hex-1: #f4f7f9;\\n  --white-rgb-1: rgb(244, 247, 249);\\n  --white-hex-2: #e1e1e1;\\n  --white-rgb-2: rgb(225, 225, 225);\\n  --white-hex-3: #f5f9fc;\\n  --white-rgb-3: rgb(245, 249, 252);\\n  --white-hex-4: #f5f5f5;\\n  --white-rgb-4: rgb(245, 245, 245);\\n  --white-hex-5: #ddd;\\n  --white-rgb-5: rgb(221, 221, 221);\\n  --gray-hex: #999;\\n  --gray-rgb: rgb(153, 153, 153);\\n  --gray-hex-1: #5d5e5e;\\n  --gray-rgb-1: rgb(93, 94, 94);\\n  --gray-hex-2: #ccc;\\n  --gray-rgb-2: rgb(204, 204, 204);\\n  --gray-hex-3: #757575;\\n  --gray-rgb-3: rgb(117, 117, 117);\\n  --gray-hex-4: #707070;\\n  --gray-rgb-4: rgb(112, 112, 112);\\n  --gray-hex-5: #333;\\n  --gray-rgb-5: rgb(51, 51, 51);\\n  --gray-hex-6: #555;\\n  --gray-rgb-6: rgb(85, 85, 85);\\n  --gray-hex-7: #b6b0d0;\\n  --gray-rgb-7: rgb(85, 85, 85);\\n  --gray-hex-8: #4d4d4d;\\n  --gray-rgb-8: rgb(77, 77, 77);\\n  --black-hex: #000;\\n  --black-hex-one: #111;\\n  --black-rgb: 0 0 0;\\n  --black-hex-1: #1f1f1f;\\n  --black-rgb-1: rgb(31, 31, 31);\\n  --black-hex-2: #0f0f0f;\\n  --black-rgb-2: rgb(31, 31, 31);\\n  --black-hex-3: #292929;\\n  --black-rgb-3: rgb(41, 41, 41);\\n  --blue-hex: #0a0a52;\\n  --blue-rgb: rgb(10, 10, 82);\\n  --blue-hex-1: #2c36a3;\\n  --blue-rgb-1: rgb(44, 54, 163);\\n  --blue-hex-2: #212529;\\n  --blue-rgb-2: rgb(33, 37, 41);\\n  --blue-hex-3: #1089ff;\\n  --blue-rgb-3: rgb(16, 137, 255);\\n  --blue-hex-4: #2d32aa;\\n  --blue-rgb-4: rgb(45, 50, 170);\\n  --green-rgb-status: rgba(18, 176, 66, 0.2);\\n  --green-status: #12b042;\\n  --orange-rgb-status: rgba(255, 165, 31, 0.1);\\n  --orange-status: #ffa51f;\\n  --gray-rgb-status: rgba(0, 0, 0, 0.2);\\n  --gray-status: #5d5e5e;\\n  --max-container: 1920px;\\n  --max-container-rem: 120rem;\\n}\\n\\n.PortalSelectionTab__selectionTab__BDkjv {\\n  position: relative;\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 33%;\\n  height: 2.5rem;\\n  border-radius: 1.25rem;\\n  box-sizing: border-box;\\n  font-size: 1rem;\\n  cursor: pointer;\\n}\\n@media only screen and (max-width: 30em) {\\n  .PortalSelectionTab__selectionTab__BDkjv {\\n    width: 100%;\\n  }\\n}\\n.PortalSelectionTab__selectionTab__BDkjv.PortalSelectionTab__categories__uXfOq {\\n  flex: initial;\\n  justify-content: space-between;\\n  padding: 0.625rem;\\n  width: 22.7%;\\n  height: 3.375rem;\\n  border-radius: 0.625rem;\\n}\\n.PortalSelectionTab__selectionTab__BDkjv.PortalSelectionTab__categories__uXfOq > span {\\n  width: 70%;\\n}\\n.PortalSelectionTab__selectionTab__BDkjv.PortalSelectionTab__categories__uXfOq .PortalSelectionTab__icon___YFCv {\\n  width: 1.5rem;\\n  height: 1.5rem;\\n}\\n@media only screen and (max-width: 30em) {\\n  .PortalSelectionTab__selectionTab__BDkjv.PortalSelectionTab__categories__uXfOq .PortalSelectionTab__icon___YFCv {\\n    width: 1.625rem;\\n    height: 1.625rem;\\n  }\\n}\\n.PortalSelectionTab__selectionTab__BDkjv.PortalSelectionTab__categories__uXfOq .PortalSelectionTab__icon___YFCv svg {\\n  width: 1.5rem;\\n  height: 1.5rem;\\n}\\n@media only screen and (max-width: 30em) {\\n  .PortalSelectionTab__selectionTab__BDkjv.PortalSelectionTab__categories__uXfOq .PortalSelectionTab__icon___YFCv svg {\\n    width: 1.625rem;\\n    height: 1.625rem;\\n  }\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./app/components/PortalSelectionTab/PortalSelectionTab.scss\"],\"names\":[],\"mappings\":\"AAAA;EAAM,oGAAA;EAAsG,qGAAA;EAAuG,6FAAA;EAA+F,8FAAA;AAKlT;;AAkCA;EAEE,sBAAA;EACA,gCAAA;EACA,2BAAA;EACA,gBAAA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EAGA,iBAAA;EACA,wBAAA;EACA,sBAAA;EACA,iCAAA;EACA,sBAAA;EACA,iCAAA;EACA,sBAAA;EACA,iCAAA;EACA,sBAAA;EACA,iCAAA;EACA,mBAAA;EACA,iCAAA;EAEA,gBAAA;EACA,8BAAA;EACA,qBAAA;EACA,6BAAA;EACA,kBAAA;EACA,gCAAA;EACA,qBAAA;EACA,gCAAA;EACA,qBAAA;EACA,gCAAA;EACA,kBAAA;EACA,6BAAA;EACA,kBAAA;EACA,6BAAA;EACA,qBAAA;EACA,6BAAA;EACA,qBAAA;EACA,6BAAA;EAEA,iBAAA;EACA,qBAAA;EACA,kBAAA;EACA,sBAAA;EACA,8BAAA;EACA,sBAAA;EACA,8BAAA;EACA,sBAAA;EACA,8BAAA;EAEA,mBAAA;EACA,2BAAA;EACA,qBAAA;EACA,8BAAA;EACA,qBAAA;EACA,6BAAA;EACA,qBAAA;EACA,+BAAA;EACA,qBAAA;EACA,8BAAA;EAGA,0CAAA;EACA,uBAAA;EACA,4CAAA;EACA,wBAAA;EACA,qCAAA;EACA,sBAAA;EAEA,uBAAA;EACA,2BAAA;AAxCF;;AA+uBA;EACE,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,UAAA;EACA,cAAA;EACA,sBAAA;EACA,sBAAA;EACA,eAAA;EACA,eAAA;AA5uBF;AAsJI;EA4kBJ;IAaI,WAAA;EA3uBF;AACF;AA6uBE;EACE,aAAA;EACA,8BAAA;EACA,iBAAA;EACA,YAAA;EACA,gBAAA;EAEA,uBAAA;AA5uBJ;AA8uBI;EACE,UAAA;AA5uBN;AA+uBI;EACE,aAAA;EACA,cAAA;AA7uBN;AAkII;EAymBA;IAKI,eAAA;IACA,gBAAA;EA5uBN;AACF;AA8uBM;EACE,aAAA;EACA,cAAA;AA5uBR;AAwHI;EAknBE;IAKI,eAAA;IACA,gBAAA;EA3uBR;AACF\",\"sourcesContent\":[\":root{--crsl-a-l: url(https://wwwstg.nexi.it/content/dam/cvm/staticassets/icons/svg/CarouselArrowLeft.svg); --crsl-a-r: url(https://wwwstg.nexi.it/content/dam/cvm/staticassets/icons/svg/CarouselArrowRight.svg); --crsl-l: url(https://wwwstg.nexi.it/content/dam/cvm/staticassets/icons/svg/CarouselLeft.svg); --crsl-r: url(https://wwwstg.nexi.it/content/dam/cvm/staticassets/icons/svg/CarouselRight.svg);}\\n// Path\\n$image-url: 'images/';\\n$svg-url: 'svg/';\\n\\n// Font Family\\n$font-family: 'NexiSans', sans-serif;\\n$font-icon: 'NexiIcons', sans-serif !important;\\n\\n// Black and white\\n$white-hex: #fff;\\n$white-rgb: 255 255 255;\\n$black-hex: #000;\\n$black-rgb: 0 0 0;\\n\\n// Breakpoint\\n$break-desk-lg: 90em; //1400px\\n$break-desk-md: 80em; //1280px\\n$break-desk-sp: 71.25em; //1140px\\n$break-desk: 67.5em; //1080px\\n$break-tablet-land: 64em; //1024px\\n$break-tablet-md-2: 60.063em; //961px\\n$break-tablet-md-1: 56.563em; //905px\\n$break-tablet-md: 52.188em; //835px\\n$break-tablet-port: 48em; //768\\n$break-phone-lg: 47.938em; //767px\\n$break-phone-md-3: 46.875em; //750px\\n$break-phone-md-2: 43.75em; //700px\\n$break-phone-md-1: 40em; //640px\\n$break-phone-md: 39.938em; //639px\\n$break-phone: 30em; //480px\\n$break-small-phone: 20em; //320px\\n\\n// Gutter Space\\n$gutter-horizontal: 2.5rem;\\n$gutter-vertical-form: 3rem;\\n$gutter-horizontal-form: 1.5rem;\\n\\n// Root Theme\\n:root {\\n  // Colors\\n  --brand-color: #bcb9b9;\\n  --brand-secondary-color: #999999;\\n  --brand-color-dark: #171a67;\\n  --error: #bb2828;\\n  --warning: #ffa51f;\\n  --expiring: #dd6724;\\n  --info: #0089ff;\\n  --success: #178719;\\n\\n  // Colors\\n  --white-hex: #fff;\\n  --white-rgb: 255 255 255;\\n  --white-hex-1: #f4f7f9;\\n  --white-rgb-1: rgb(244, 247, 249);\\n  --white-hex-2: #e1e1e1;\\n  --white-rgb-2: rgb(225, 225, 225);\\n  --white-hex-3: #f5f9fc;\\n  --white-rgb-3: rgb(245, 249, 252);\\n  --white-hex-4: #f5f5f5;\\n  --white-rgb-4: rgb(245, 245, 245);\\n  --white-hex-5: #ddd;\\n  --white-rgb-5: rgb(221, 221, 221);\\n\\n  --gray-hex: #999;\\n  --gray-rgb: rgb(153, 153, 153);\\n  --gray-hex-1: #5d5e5e;\\n  --gray-rgb-1: rgb(93, 94, 94);\\n  --gray-hex-2: #ccc;\\n  --gray-rgb-2: rgb(204, 204, 204);\\n  --gray-hex-3: #757575;\\n  --gray-rgb-3: rgb(117, 117, 117);\\n  --gray-hex-4: #707070;\\n  --gray-rgb-4: rgb(112, 112, 112);\\n  --gray-hex-5: #333;\\n  --gray-rgb-5: rgb(51, 51, 51);\\n  --gray-hex-6: #555;\\n  --gray-rgb-6: rgb(85, 85, 85);\\n  --gray-hex-7: #b6b0d0;\\n  --gray-rgb-7: rgb(85, 85, 85);\\n  --gray-hex-8: #4d4d4d;\\n  --gray-rgb-8: rgb(77, 77, 77);\\n\\n  --black-hex: #000;\\n  --black-hex-one: #111;\\n  --black-rgb: 0 0 0;\\n  --black-hex-1: #1f1f1f;\\n  --black-rgb-1: rgb(31, 31, 31);\\n  --black-hex-2: #0f0f0f;\\n  --black-rgb-2: rgb(31, 31, 31);\\n  --black-hex-3: #292929;\\n  --black-rgb-3: rgb(41, 41, 41);\\n\\n  --blue-hex: #0a0a52;\\n  --blue-rgb: rgb(10, 10, 82);\\n  --blue-hex-1: #2c36a3;\\n  --blue-rgb-1: rgb(44, 54, 163);\\n  --blue-hex-2: #212529;\\n  --blue-rgb-2: rgb(33, 37, 41);\\n  --blue-hex-3: #1089ff;\\n  --blue-rgb-3: rgb(16, 137, 255);\\n  --blue-hex-4: #2d32aa;\\n  --blue-rgb-4: rgb(45, 50, 170);\\n\\n  //STATUS\\n  --green-rgb-status: rgba(18, 176, 66, 0.2);\\n  --green-status: #12b042;\\n  --orange-rgb-status: rgba(255, 165, 31, 0.1);\\n  --orange-status: #ffa51f;\\n  --gray-rgb-status: rgba(0, 0, 0, 0.2);\\n  --gray-status: #5d5e5e;\\n\\n  --max-container: 1920px;\\n  --max-container-rem: 120rem;\\n}\\n\\n// MEDIA QUERY MANAGER\\n//   0 - 480px:      Phone\\n//   480px - 768px:    Tablet portrait\\n//   768px - 1024px:   Tablet landscape\\n//   1280px + :        Desktop\\n//   $breakpoint arguement choices:\\n//   - desktop\\n//   - tab-land\\n//   - tab-port\\n//   - phone\\n//   ORDER: Base + typography > general layout + grid > page layout > components\\n//   1em = 16px\\n\\n@mixin respond($breakpoint) {\\n  // 1440px\\n  @if $breakpoint == desktop-lg {\\n    @media only screen and (min-width: $break-desk-lg) {\\n      @content;\\n    }\\n  }\\n\\n  // 1280px\\n  @if $breakpoint == desktop-md {\\n    @media only screen and (min-width: $break-desk-md) {\\n      @content;\\n    }\\n  }\\n\\n  // 1140px\\n  @if $breakpoint == desktop-sp {\\n    @media only screen and (max-width: $break-desk-sp) {\\n      @content;\\n    }\\n  }\\n\\n  // 1080px\\n  @if $breakpoint == desktop {\\n    @media only screen and (min-width: $break-desk) {\\n      @content;\\n    }\\n  }\\n\\n  // 1024px\\n  @if $breakpoint == tab-land {\\n    @media only screen and (max-width: $break-tablet-land) {\\n      @content;\\n    }\\n  }\\n\\n  // 961px\\n  @if $breakpoint == tab-md-2 {\\n    @media only screen and (max-width: $break-tablet-md-2) {\\n      @content;\\n    }\\n  }\\n\\n  // 905px\\n  @if $breakpoint == tab-md-1 {\\n    @media only screen and (max-width: $break-tablet-md-1) {\\n      @content;\\n    }\\n  }\\n\\n  // 835px\\n  @if $breakpoint == tab-md {\\n    @media only screen and (max-width: $break-tablet-md) {\\n      @content;\\n    }\\n  }\\n\\n  // 768px\\n  @if $breakpoint == tab-port {\\n    @media only screen and (max-width: $break-tablet-port) {\\n      @content;\\n    }\\n  }\\n\\n  // 767px\\n  @if $breakpoint == phone-lg {\\n    @media only screen and (max-width: $break-phone-lg) {\\n      @content;\\n    }\\n  }\\n\\n  // 750px\\n  @if $breakpoint == phone-md-3 {\\n    @media only screen and (max-width: $break-phone-md-3) {\\n      @content;\\n    }\\n  }\\n\\n  // 700px\\n  @if $breakpoint == phone-md-2 {\\n    @media only screen and (max-width: $break-phone-md-2) {\\n      @content;\\n    }\\n  }\\n\\n  // 640px\\n  @if $breakpoint == phone-md-1 {\\n    @media only screen and (max-width: $break-phone-md-1) {\\n      @content;\\n    }\\n  }\\n\\n  // 639px\\n  @if $breakpoint == phone-md {\\n    @media only screen and (max-width: $break-phone-md) {\\n      @content;\\n    }\\n  }\\n  // 603px\\n  @if $breakpoint == phone-md-special {\\n    @media only screen and (max-width: $break-phone-md) {\\n      @content;\\n    }\\n  }\\n\\n  // 480px\\n  @if $breakpoint == phone {\\n    @media only screen and (max-width: $break-phone) {\\n      @content;\\n    }\\n  }\\n\\n  // 320px\\n  @if $breakpoint == small-phone {\\n    @media only screen and (max-width: $break-small-phone) {\\n      @content;\\n    }\\n  }\\n}\\n\\n// ANIMATIONS MANAGER\\n\\n// Animation\\n@mixin animate($animation, $duration, $method, $times) {\\n  animation: $animation $duration $method $times;\\n}\\n\\n// Keyframe\\n@mixin keyframes($name) {\\n  @keyframes :global(#{$name}) {\\n    @content;\\n  }\\n}\\n\\n// Titles\\n@mixin section-title($font-size, $font-weight, $letter-spacing, $text-transform) {\\n  font-size: $font-size;\\n  font-weight: $font-weight;\\n  letter-spacing: $letter-spacing;\\n  text-transform: $text-transform;\\n}\\n\\n// GRID FORM\\n@mixin grid-layout {\\n  .fieldContainer {\\n    display: flex;\\n    flex-wrap: wrap;\\n    max-width: 128.5rem;\\n    width: 100%;\\n\\n    @include respond(phone) {\\n      flex-direction: column;\\n      width: 100%;\\n    }\\n  }\\n\\n  .fieldBox {\\n    margin-bottom: $gutter-vertical-form;\\n    margin-right: $gutter-horizontal-form;\\n    width: calc((100% - 3 * #{$gutter-horizontal-form}) / 4);\\n\\n    [class*='PortalTextField__container'] {\\n      max-width: 100%;\\n    }\\n\\n    [class*='PortalSelect__container'] {\\n      max-width: 100%;\\n    }\\n\\n    [class*='PortalDatePicker__container'] {\\n      max-width: 100%;\\n    }\\n\\n    @include respond(tab-land) {\\n      width: calc((100% - 2 * #{$gutter-horizontal-form}) / 3);\\n\\n      &:nth-child(3n) {\\n        margin-right: 0;\\n      }\\n    }\\n\\n    @include respond(tab-port) {\\n      width: calc((100% - 1 * #{$gutter-horizontal-form}) / 2);\\n\\n      &:nth-child(2n) {\\n        margin-right: 0 !important;\\n      }\\n\\n      @include respond(tab-port) {\\n        &:nth-child(3n) {\\n          margin-right: $gutter-horizontal-form;\\n        }\\n      }\\n    }\\n\\n    @include respond(phone) {\\n      margin-right: 0;\\n      width: 100%;\\n    }\\n\\n    &:nth-child(4n) {\\n      margin-right: 0;\\n\\n      @include respond(tab-land) {\\n        &:nth-child(4n) {\\n          margin-right: $gutter-horizontal-form;\\n        }\\n      }\\n    }\\n  }\\n}\\n\\n// Anchor\\n@mixin info-head {\\n  .infoHead {\\n    display: flex;\\n    flex-direction: row;\\n    justify-content: space-between;\\n    margin: 0 0 2rem;\\n    width: 100%;\\n\\n    .title {\\n      @include section-title(2rem, 500, 0.1rem, uppercase);\\n\\n      @include respond(tab-land) {\\n        margin: 0 0 2rem;\\n      }\\n    }\\n\\n    @include respond(tab-land) {\\n      flex-direction: column;\\n      justify-content: flex-start;\\n    }\\n\\n    .extraAction {\\n      display: flex;\\n      margin-left: auto;\\n\\n      [class*='PortalAnchorButton__container'] {\\n        margin-left: 3rem;\\n\\n        &::before {\\n          background-color: rgb(var(--black-rgb) / 50%);\\n          content: '';\\n          cursor: pointer;\\n          height: 2rem;\\n          left: -1.5rem;\\n          pointer-events: none;\\n          position: absolute;\\n          width: 0.1rem;\\n        }\\n\\n        &:first-of-type {\\n          margin: 0;\\n\\n          &::before {\\n            display: none;\\n          }\\n        }\\n      }\\n\\n      @include respond(tab-land) {\\n        align-items: flex-start;\\n        flex-direction: column;\\n        justify-content: flex-start;\\n        margin-left: 0;\\n\\n        [class*='PortalAnchorButton__container'] {\\n          margin: 0 0 1.5rem;\\n\\n          &::before {\\n            display: none;\\n          }\\n\\n          &:first-of-type {\\n            margin: 0 0 1.5rem;\\n          }\\n\\n          &:last-of-type {\\n            margin: 0;\\n          }\\n        }\\n      }\\n    }\\n  }\\n}\\n\\n//\\n//\\n//  𝗖 𝗢 𝗟 𝗢 𝗥\\n//  v 1.6.3\\n//\\n//  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\\n\\n\\n//  General\\n//  ───────────────────────────────────\\n\\n$oc-white:         #ffffff;\\n$oc-black:         #000000;\\n\\n\\n//  Gray\\n//  ───────────────────────────────────\\n\\n$oc-gray-list: (\\n  \\\"0\\\": #f8f9fa,\\n  \\\"1\\\": #f1f3f5,\\n  \\\"2\\\": #e9ecef,\\n  \\\"3\\\": #dee2e6,\\n  \\\"4\\\": #ced4da,\\n  \\\"5\\\": #adb5bd,\\n  \\\"6\\\": #868e96,\\n  \\\"7\\\": #495057,\\n  \\\"8\\\": #343a40,\\n  \\\"9\\\": #212529\\n);\\n\\n$oc-gray-0: map-get($oc-gray-list, \\\"0\\\");\\n$oc-gray-1: map-get($oc-gray-list, \\\"1\\\");\\n$oc-gray-2: map-get($oc-gray-list, \\\"2\\\");\\n$oc-gray-3: map-get($oc-gray-list, \\\"3\\\");\\n$oc-gray-4: map-get($oc-gray-list, \\\"4\\\");\\n$oc-gray-5: map-get($oc-gray-list, \\\"5\\\");\\n$oc-gray-6: map-get($oc-gray-list, \\\"6\\\");\\n$oc-gray-7: map-get($oc-gray-list, \\\"7\\\");\\n$oc-gray-8: map-get($oc-gray-list, \\\"8\\\");\\n$oc-gray-9: map-get($oc-gray-list, \\\"9\\\");\\n\\n\\n//  Red\\n//  ───────────────────────────────────\\n\\n$oc-red-list: (\\n  \\\"0\\\": #fff5f5,\\n  \\\"1\\\": #ffe3e3,\\n  \\\"2\\\": #ffc9c9,\\n  \\\"3\\\": #ffa8a8,\\n  \\\"4\\\": #ff8787,\\n  \\\"5\\\": #ff6b6b,\\n  \\\"6\\\": #fa5252,\\n  \\\"7\\\": #f03e3e,\\n  \\\"8\\\": #e03131,\\n  \\\"9\\\": #c92a2a\\n);\\n\\n$oc-red-0: map-get($oc-red-list, \\\"0\\\");\\n$oc-red-1: map-get($oc-red-list, \\\"1\\\");\\n$oc-red-2: map-get($oc-red-list, \\\"2\\\");\\n$oc-red-3: map-get($oc-red-list, \\\"3\\\");\\n$oc-red-4: map-get($oc-red-list, \\\"4\\\");\\n$oc-red-5: map-get($oc-red-list, \\\"5\\\");\\n$oc-red-6: map-get($oc-red-list, \\\"6\\\");\\n$oc-red-7: map-get($oc-red-list, \\\"7\\\");\\n$oc-red-8: map-get($oc-red-list, \\\"8\\\");\\n$oc-red-9: map-get($oc-red-list, \\\"9\\\");\\n\\n\\n//  Pink\\n//  ───────────────────────────────────\\n\\n$oc-pink-list: (\\n  \\\"0\\\": #fff0f6,\\n  \\\"1\\\": #ffdeeb,\\n  \\\"2\\\": #fcc2d7,\\n  \\\"3\\\": #faa2c1,\\n  \\\"4\\\": #f783ac,\\n  \\\"5\\\": #f06595,\\n  \\\"6\\\": #e64980,\\n  \\\"7\\\": #d6336c,\\n  \\\"8\\\": #c2255c,\\n  \\\"9\\\": #a61e4d\\n);\\n\\n$oc-pink-0: map-get($oc-pink-list, \\\"0\\\");\\n$oc-pink-1: map-get($oc-pink-list, \\\"1\\\");\\n$oc-pink-2: map-get($oc-pink-list, \\\"2\\\");\\n$oc-pink-3: map-get($oc-pink-list, \\\"3\\\");\\n$oc-pink-4: map-get($oc-pink-list, \\\"4\\\");\\n$oc-pink-5: map-get($oc-pink-list, \\\"5\\\");\\n$oc-pink-6: map-get($oc-pink-list, \\\"6\\\");\\n$oc-pink-7: map-get($oc-pink-list, \\\"7\\\");\\n$oc-pink-8: map-get($oc-pink-list, \\\"8\\\");\\n$oc-pink-9: map-get($oc-pink-list, \\\"9\\\");\\n\\n\\n//  Grape\\n//  ───────────────────────────────────\\n\\n$oc-grape-list: (\\n  \\\"0\\\": #f8f0fc,\\n  \\\"1\\\": #f3d9fa,\\n  \\\"2\\\": #eebefa,\\n  \\\"3\\\": #e599f7,\\n  \\\"4\\\": #da77f2,\\n  \\\"5\\\": #cc5de8,\\n  \\\"6\\\": #be4bdb,\\n  \\\"7\\\": #ae3ec9,\\n  \\\"8\\\": #9c36b5,\\n  \\\"9\\\": #862e9c\\n);\\n\\n$oc-grape-0: map-get($oc-grape-list, \\\"0\\\");\\n$oc-grape-1: map-get($oc-grape-list, \\\"1\\\");\\n$oc-grape-2: map-get($oc-grape-list, \\\"2\\\");\\n$oc-grape-3: map-get($oc-grape-list, \\\"3\\\");\\n$oc-grape-4: map-get($oc-grape-list, \\\"4\\\");\\n$oc-grape-5: map-get($oc-grape-list, \\\"5\\\");\\n$oc-grape-6: map-get($oc-grape-list, \\\"6\\\");\\n$oc-grape-7: map-get($oc-grape-list, \\\"7\\\");\\n$oc-grape-8: map-get($oc-grape-list, \\\"8\\\");\\n$oc-grape-9: map-get($oc-grape-list, \\\"9\\\");\\n\\n\\n//  Violet\\n//  ───────────────────────────────────\\n\\n$oc-violet-list: (\\n  \\\"0\\\": #f3f0ff,\\n  \\\"1\\\": #e5dbff,\\n  \\\"2\\\": #d0bfff,\\n  \\\"3\\\": #b197fc,\\n  \\\"4\\\": #9775fa,\\n  \\\"5\\\": #845ef7,\\n  \\\"6\\\": #7950f2,\\n  \\\"7\\\": #7048e8,\\n  \\\"8\\\": #6741d9,\\n  \\\"9\\\": #5f3dc4\\n);\\n\\n$oc-violet-0: map-get($oc-violet-list, \\\"0\\\");\\n$oc-violet-1: map-get($oc-violet-list, \\\"1\\\");\\n$oc-violet-2: map-get($oc-violet-list, \\\"2\\\");\\n$oc-violet-3: map-get($oc-violet-list, \\\"3\\\");\\n$oc-violet-4: map-get($oc-violet-list, \\\"4\\\");\\n$oc-violet-5: map-get($oc-violet-list, \\\"5\\\");\\n$oc-violet-6: map-get($oc-violet-list, \\\"6\\\");\\n$oc-violet-7: map-get($oc-violet-list, \\\"7\\\");\\n$oc-violet-8: map-get($oc-violet-list, \\\"8\\\");\\n$oc-violet-9: map-get($oc-violet-list, \\\"9\\\");\\n\\n\\n//  Indigo\\n//  ───────────────────────────────────\\n\\n$oc-indigo-list: (\\n  \\\"0\\\": #edf2ff,\\n  \\\"1\\\": #dbe4ff,\\n  \\\"2\\\": #bac8ff,\\n  \\\"3\\\": #91a7ff,\\n  \\\"4\\\": #748ffc,\\n  \\\"5\\\": #5c7cfa,\\n  \\\"6\\\": #4c6ef5,\\n  \\\"7\\\": #4263eb,\\n  \\\"8\\\": #3b5bdb,\\n  \\\"9\\\": #364fc7\\n);\\n\\n$oc-indigo-0: map-get($oc-indigo-list, \\\"0\\\");\\n$oc-indigo-1: map-get($oc-indigo-list, \\\"1\\\");\\n$oc-indigo-2: map-get($oc-indigo-list, \\\"2\\\");\\n$oc-indigo-3: map-get($oc-indigo-list, \\\"3\\\");\\n$oc-indigo-4: map-get($oc-indigo-list, \\\"4\\\");\\n$oc-indigo-5: map-get($oc-indigo-list, \\\"5\\\");\\n$oc-indigo-6: map-get($oc-indigo-list, \\\"6\\\");\\n$oc-indigo-7: map-get($oc-indigo-list, \\\"7\\\");\\n$oc-indigo-8: map-get($oc-indigo-list, \\\"8\\\");\\n$oc-indigo-9: map-get($oc-indigo-list, \\\"9\\\");\\n\\n\\n//  Blue\\n//  ───────────────────────────────────\\n\\n$oc-blue-list: (\\n  \\\"0\\\": #e7f5ff,\\n  \\\"1\\\": #d0ebff,\\n  \\\"2\\\": #a5d8ff,\\n  \\\"3\\\": #74c0fc,\\n  \\\"4\\\": #4dabf7,\\n  \\\"5\\\": #339af0,\\n  \\\"6\\\": #228be6,\\n  \\\"7\\\": #1c7ed6,\\n  \\\"8\\\": #1971c2,\\n  \\\"9\\\": #1864ab\\n);\\n\\n$oc-blue-0: map-get($oc-blue-list, \\\"0\\\");\\n$oc-blue-1: map-get($oc-blue-list, \\\"1\\\");\\n$oc-blue-2: map-get($oc-blue-list, \\\"2\\\");\\n$oc-blue-3: map-get($oc-blue-list, \\\"3\\\");\\n$oc-blue-4: map-get($oc-blue-list, \\\"4\\\");\\n$oc-blue-5: map-get($oc-blue-list, \\\"5\\\");\\n$oc-blue-6: map-get($oc-blue-list, \\\"6\\\");\\n$oc-blue-7: map-get($oc-blue-list, \\\"7\\\");\\n$oc-blue-8: map-get($oc-blue-list, \\\"8\\\");\\n$oc-blue-9: map-get($oc-blue-list, \\\"9\\\");\\n\\n\\n//  Cyan\\n//  ───────────────────────────────────\\n\\n$oc-cyan-list: (\\n  \\\"0\\\": #e3fafc,\\n  \\\"1\\\": #c5f6fa,\\n  \\\"2\\\": #99e9f2,\\n  \\\"3\\\": #66d9e8,\\n  \\\"4\\\": #3bc9db,\\n  \\\"5\\\": #22b8cf,\\n  \\\"6\\\": #15aabf,\\n  \\\"7\\\": #1098ad,\\n  \\\"8\\\": #0c8599,\\n  \\\"9\\\": #0b7285\\n);\\n\\n$oc-cyan-0: map-get($oc-cyan-list, \\\"0\\\");\\n$oc-cyan-1: map-get($oc-cyan-list, \\\"1\\\");\\n$oc-cyan-2: map-get($oc-cyan-list, \\\"2\\\");\\n$oc-cyan-3: map-get($oc-cyan-list, \\\"3\\\");\\n$oc-cyan-4: map-get($oc-cyan-list, \\\"4\\\");\\n$oc-cyan-5: map-get($oc-cyan-list, \\\"5\\\");\\n$oc-cyan-6: map-get($oc-cyan-list, \\\"6\\\");\\n$oc-cyan-7: map-get($oc-cyan-list, \\\"7\\\");\\n$oc-cyan-8: map-get($oc-cyan-list, \\\"8\\\");\\n$oc-cyan-9: map-get($oc-cyan-list, \\\"9\\\");\\n\\n\\n//  Teal\\n//  ───────────────────────────────────\\n\\n$oc-teal-list: (\\n  \\\"0\\\": #e6fcf5,\\n  \\\"1\\\": #c3fae8,\\n  \\\"2\\\": #96f2d7,\\n  \\\"3\\\": #63e6be,\\n  \\\"4\\\": #38d9a9,\\n  \\\"5\\\": #20c997,\\n  \\\"6\\\": #12b886,\\n  \\\"7\\\": #0ca678,\\n  \\\"8\\\": #099268,\\n  \\\"9\\\": #087f5b\\n);\\n\\n$oc-teal-0: map-get($oc-teal-list, \\\"0\\\");\\n$oc-teal-1: map-get($oc-teal-list, \\\"1\\\");\\n$oc-teal-2: map-get($oc-teal-list, \\\"2\\\");\\n$oc-teal-3: map-get($oc-teal-list, \\\"3\\\");\\n$oc-teal-4: map-get($oc-teal-list, \\\"4\\\");\\n$oc-teal-5: map-get($oc-teal-list, \\\"5\\\");\\n$oc-teal-6: map-get($oc-teal-list, \\\"6\\\");\\n$oc-teal-7: map-get($oc-teal-list, \\\"7\\\");\\n$oc-teal-8: map-get($oc-teal-list, \\\"8\\\");\\n$oc-teal-9: map-get($oc-teal-list, \\\"9\\\");\\n\\n\\n//  Green\\n//  ───────────────────────────────────\\n\\n$oc-green-list: (\\n  \\\"0\\\": #ebfbee,\\n  \\\"1\\\": #d3f9d8,\\n  \\\"2\\\": #b2f2bb,\\n  \\\"3\\\": #8ce99a,\\n  \\\"4\\\": #69db7c,\\n  \\\"5\\\": #51cf66,\\n  \\\"6\\\": #40c057,\\n  \\\"7\\\": #37b24d,\\n  \\\"8\\\": #2f9e44,\\n  \\\"9\\\": #2b8a3e\\n);\\n\\n$oc-green-0: map-get($oc-green-list, \\\"0\\\");\\n$oc-green-1: map-get($oc-green-list, \\\"1\\\");\\n$oc-green-2: map-get($oc-green-list, \\\"2\\\");\\n$oc-green-3: map-get($oc-green-list, \\\"3\\\");\\n$oc-green-4: map-get($oc-green-list, \\\"4\\\");\\n$oc-green-5: map-get($oc-green-list, \\\"5\\\");\\n$oc-green-6: map-get($oc-green-list, \\\"6\\\");\\n$oc-green-7: map-get($oc-green-list, \\\"7\\\");\\n$oc-green-8: map-get($oc-green-list, \\\"8\\\");\\n$oc-green-9: map-get($oc-green-list, \\\"9\\\");\\n\\n\\n//  Lime\\n//  ───────────────────────────────────\\n\\n$oc-lime-list: (\\n  \\\"0\\\": #f4fce3,\\n  \\\"1\\\": #e9fac8,\\n  \\\"2\\\": #d8f5a2,\\n  \\\"3\\\": #c0eb75,\\n  \\\"4\\\": #a9e34b,\\n  \\\"5\\\": #94d82d,\\n  \\\"6\\\": #82c91e,\\n  \\\"7\\\": #74b816,\\n  \\\"8\\\": #66a80f,\\n  \\\"9\\\": #5c940d\\n);\\n\\n$oc-lime-0: map-get($oc-lime-list, \\\"0\\\");\\n$oc-lime-1: map-get($oc-lime-list, \\\"1\\\");\\n$oc-lime-2: map-get($oc-lime-list, \\\"2\\\");\\n$oc-lime-3: map-get($oc-lime-list, \\\"3\\\");\\n$oc-lime-4: map-get($oc-lime-list, \\\"4\\\");\\n$oc-lime-5: map-get($oc-lime-list, \\\"5\\\");\\n$oc-lime-6: map-get($oc-lime-list, \\\"6\\\");\\n$oc-lime-7: map-get($oc-lime-list, \\\"7\\\");\\n$oc-lime-8: map-get($oc-lime-list, \\\"8\\\");\\n$oc-lime-9: map-get($oc-lime-list, \\\"9\\\");\\n\\n\\n//  Yellow\\n//  ───────────────────────────────────\\n\\n$oc-yellow-list: (\\n  \\\"0\\\": #fff9db,\\n  \\\"1\\\": #fff3bf,\\n  \\\"2\\\": #ffec99,\\n  \\\"3\\\": #ffe066,\\n  \\\"4\\\": #ffd43b,\\n  \\\"5\\\": #fcc419,\\n  \\\"6\\\": #fab005,\\n  \\\"7\\\": #f59f00,\\n  \\\"8\\\": #f08c00,\\n  \\\"9\\\": #e67700\\n);\\n\\n$oc-yellow-0: map-get($oc-yellow-list, \\\"0\\\");\\n$oc-yellow-1: map-get($oc-yellow-list, \\\"1\\\");\\n$oc-yellow-2: map-get($oc-yellow-list, \\\"2\\\");\\n$oc-yellow-3: map-get($oc-yellow-list, \\\"3\\\");\\n$oc-yellow-4: map-get($oc-yellow-list, \\\"4\\\");\\n$oc-yellow-5: map-get($oc-yellow-list, \\\"5\\\");\\n$oc-yellow-6: map-get($oc-yellow-list, \\\"6\\\");\\n$oc-yellow-7: map-get($oc-yellow-list, \\\"7\\\");\\n$oc-yellow-8: map-get($oc-yellow-list, \\\"8\\\");\\n$oc-yellow-9: map-get($oc-yellow-list, \\\"9\\\");\\n\\n\\n//  Orange\\n//  ───────────────────────────────────\\n\\n$oc-orange-list: (\\n  \\\"0\\\": #fff4e6,\\n  \\\"1\\\": #ffe8cc,\\n  \\\"2\\\": #ffd8a8,\\n  \\\"3\\\": #ffc078,\\n  \\\"4\\\": #ffa94d,\\n  \\\"5\\\": #ff922b,\\n  \\\"6\\\": #fd7e14,\\n  \\\"7\\\": #f76707,\\n  \\\"8\\\": #e8590c,\\n  \\\"9\\\": #d9480f\\n);\\n\\n$oc-orange-0: map-get($oc-orange-list, \\\"0\\\");\\n$oc-orange-1: map-get($oc-orange-list, \\\"1\\\");\\n$oc-orange-2: map-get($oc-orange-list, \\\"2\\\");\\n$oc-orange-3: map-get($oc-orange-list, \\\"3\\\");\\n$oc-orange-4: map-get($oc-orange-list, \\\"4\\\");\\n$oc-orange-5: map-get($oc-orange-list, \\\"5\\\");\\n$oc-orange-6: map-get($oc-orange-list, \\\"6\\\");\\n$oc-orange-7: map-get($oc-orange-list, \\\"7\\\");\\n$oc-orange-8: map-get($oc-orange-list, \\\"8\\\");\\n$oc-orange-9: map-get($oc-orange-list, \\\"9\\\");\\n\\n\\n//  Color list\\n//  ───────────────────────────────────\\n\\n$oc-color-spectrum:   9;\\n\\n$oc-color-list: (\\n  $oc-gray-list:      \\\"gray\\\",\\n  $oc-red-list:      \\\"red\\\",\\n  $oc-pink-list:      \\\"pink\\\",\\n  $oc-grape-list:      \\\"grape\\\",\\n  $oc-violet-list:      \\\"violet\\\",\\n  $oc-indigo-list:      \\\"indigo\\\",\\n  $oc-blue-list:      \\\"blue\\\",\\n  $oc-cyan-list:      \\\"cyan\\\",\\n  $oc-teal-list:      \\\"teal\\\",\\n  $oc-green-list:      \\\"green\\\",\\n  $oc-lime-list:      \\\"lime\\\",\\n  $oc-yellow-list:      \\\"yellow\\\",\\n  $oc-orange-list:      \\\"orange\\\"\\n);\\n\\n/// ***PortalSelectionTab ***\\n///\\n/// Short Description.\\n///\\n/// @group Nexi\\n/// @author Gabriele Marsocci\\n/// @since 13-Sep-2023\\n\\n.selectionTab {\\n  position: relative;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 33%;\\n  height: 2.5rem;\\n  border-radius: 1.25rem;\\n  box-sizing: border-box;\\n  font-size: 1rem;\\n  cursor: pointer;\\n\\n  @include respond(phone) {\\n    width: 100%;\\n  }\\n\\n  &.categories {\\n    flex: initial;\\n    justify-content: space-between;\\n    padding: 0.625rem;\\n    width: 22.7%;\\n    height: 3.375rem;\\n    //margin-bottom: 1rem;\\n    border-radius: 0.625rem;\\n\\n    > span {\\n      width: 70%;\\n    }\\n\\n    .icon {\\n      width: 1.5rem;\\n      height: 1.5rem;\\n\\n      @include respond(phone) {\\n        width: 1.625rem;\\n        height: 1.625rem;\\n      }\\n\\n      & svg {\\n        width: 1.5rem;\\n        height: 1.5rem;\\n\\n        @include respond(phone) {\\n          width: 1.625rem;\\n          height: 1.625rem;\\n        }\\n      }\\n    }\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"selectionTab\": \"PortalSelectionTab__selectionTab__BDkjv\",\n\t\"categories\": \"PortalSelectionTab__categories__uXfOq\",\n\t\"icon\": \"PortalSelectionTab__icon___YFCv\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","\n      import API from \"!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[5].use[3]!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[4]!../../../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].oneOf[5].use[5]!./PortalSelectionTab.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\nif (module.hot) {\n  if (!content.locals || module.hot.invalidate) {\n    var isEqualLocals = function isEqualLocals(a, b, isNamedExport) {\n  if (!a && b || a && !b) {\n    return false;\n  }\n\n  var p;\n\n  for (p in a) {\n    if (isNamedExport && p === \"default\") {\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (a[p] !== b[p]) {\n      return false;\n    }\n  }\n\n  for (p in b) {\n    if (isNamedExport && p === \"default\") {\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (!a[p]) {\n      return false;\n    }\n  }\n\n  return true;\n};\n    var isNamedExport = !content.locals;\n    var oldLocals = isNamedExport ? namedExport : content.locals;\n\n    module.hot.accept(\n      \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[5].use[3]!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[4]!../../../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].oneOf[5].use[5]!./PortalSelectionTab.scss\",\n      function () {\n        if (!isEqualLocals(oldLocals, isNamedExport ? namedExport : content.locals, isNamedExport)) {\n                module.hot.invalidate();\n\n                return;\n              }\n\n              oldLocals = isNamedExport ? namedExport : content.locals;\n\n              update(content);\n      }\n    )\n  }\n\n  module.hot.dispose(function() {\n    update();\n  });\n}\n\n\nexport * from \"!!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[5].use[3]!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[4]!../../../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].oneOf[5].use[5]!./PortalSelectionTab.scss\";\n       export default content && content.locals ? content.locals : undefined;\n"],"names":[],"sourceRoot":""}